.exif-hero{background:var(--silver-canvas);padding:28px 0 20px}.exif-hero h1{letter-spacing:-.048em;max-width:670px;margin:18px 0 14px;font-size:clamp(40px,4.1vw,58px);font-weight:800;line-height:1.02}.exif-hero h1 span{color:var(--silver-violet)}.exif-hero p{color:var(--silver-muted);font-size:18px}.exif-hero-layout{grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;display:grid}.exif-hero-art{width:100%;max-height:230px}.exif-workspace{background:var(--silver-canvas)}.exif-private{color:#5832ce;background:#eae5ff;border-radius:4px;padding:8px 14px;display:inline-block}.exif-body{padding-top:24px;padding-bottom:48px}.exif-panel{background:#fff;border:1px solid #dfe2ed;border-radius:8px;min-width:0;padding:28px}.exif-panel h2{margin:0 0 18px;font-size:24px}.exif-choose{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;display:grid}.exif-drop{min-width:0}.exif-picker{position:relative}#exif-app .exif-picker label{text-align:center;background:#f8f8fc;border:1px dashed #aaa0d8;border-radius:8px;justify-items:center;gap:8px;padding:20px 12px;display:grid}.exif-picker svg{color:#6741f5}.exif-picker span{color:#5e647b;font-size:13px}.exif-picker:focus-within label{outline-offset:4px;outline:3px solid #5832ce}.exif-picker:hover label{background:#f3f0ff;border-color:#6741f5}.exif-drop p,.exif-footnote,#exif-mode-note{color:#5e647b;font-size:14px}.exif-drop>p{margin-top:10px}.exif-file-info{overflow-wrap:anywhere;border-left:1px solid #dfe2ed;align-items:center;gap:18px;padding-left:28px;display:flex}.exif-file-info img{object-fit:contain;background:#f3f4f9;border-radius:5px;width:112px;height:112px}.exif-columns{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}.exif-side{gap:20px;display:grid}.exif-table-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}#exif-app label{font-size:15px;display:block}#exif-app label[for=exif-source]{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}#exif-app input[type=search]{color:#1b1d33;min-height:44px;font:inherit;background:#fff;border:1px solid #858ba3;border-radius:6px;padding:10px 14px}#exif-search{width:100%;margin-top:8px;display:block}#exif-file{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}#exif-app button,#exif-app a[download]{color:#1b1d33;min-height:44px;font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:11px 18px;text-decoration:none;display:block}#exif-form>button,#exif-result>button{width:100%;margin-top:12px}#exif-app button.exif-primary,#exif-app a.exif-primary{color:#fff;background:#6741f5;border-color:#6741f5}#exif-app .exif-primary:hover{background:#4f28d2}#exif-app button:disabled{opacity:.65;cursor:not-allowed}#exif-app :is(button,input,a,[tabindex]):focus-visible{outline-offset:4px;outline:3px solid #5832ce}#exif-app fieldset{border:0;min-width:0;margin:0;padding:0}#exif-app legend{color:#5e647b;margin-bottom:12px}#exif-app .exif-choice{cursor:pointer;color:#5e647b;border-bottom:1px solid #dfe2ed;gap:12px;padding:12px;display:flex}.exif-choice input{accent-color:#6741f5;flex:none;width:18px;height:18px;margin:4px 0 0}#exif-app .exif-choice{font-size:14px;line-height:1.45}.exif-choice:has(input:disabled){cursor:not-allowed}.exif-choice:has(input:disabled):not(:has(input:checked)){opacity:.7}#exif-groups{scrollbar-gutter:stable;overscroll-behavior:contain;max-height:680px;overflow:auto}.exif-choice strong{color:#1b1d33;margin-bottom:5px;display:block}.exif-choice:has(input:checked){background:#f3f0ff;border-radius:5px}#exif-groups section{border:1px solid #dfe2ed;border-radius:6px;margin-top:20px;overflow:hidden}#exif-groups h3{background:#f8f8fc;margin:0;padding:12px 14px;font-size:17px}#exif-groups table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px}#exif-groups th,#exif-groups td{text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap;border-top:1px solid #dfe2ed;padding:10px 14px}#exif-groups th{color:#5e647b;width:47%;font-weight:500}.exif-notes{color:#5e647b;overflow-wrap:anywhere;font-size:14px}#exif-error{color:#a7253d;border-left:3px solid #a7253d;padding-left:14px}.exif-size{background:#f8f8fc;border-radius:6px;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.exif-size dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:22px;font-weight:700}#exif-output-preview{max-width:100%;max-height:180px;margin:12px auto;display:block}.exif-help{margin-top:28px}.exif-guidance{grid-template-columns:1.3fr 1fr;gap:32px;display:grid}.exif-privacy{border-left:1px solid #dfe2ed;padding-left:28px}.exif-faq-grid{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.exif-result-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.exif-size-change{color:#5832ce;font-weight:700}.exif-removal-details{border-top:1px solid #dfe2ed;margin-top:16px}.exif-removal-details summary{cursor:pointer;min-height:44px;padding:12px 0}#exif-result>p:last-of-type{color:#5e647b;margin-top:12px;font-size:14px}.exif-help h2:not(:first-child){margin-top:28px}.exif-help p,.exif-notes p{margin:12px 0}#exif-status{margin:18px 0}.exif-help ol{grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none;display:grid}.exif-help li{color:#5e647b;font-size:14px}.exif-step{color:#fff;background:#6741f5;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:12px;font-weight:700;display:grid}.exif-help li strong{color:#1b1d33;margin-bottom:6px;display:block}.exif-help details{border:1px solid #dfe2ed;border-radius:5px;padding:10px 14px}.exif-help summary{cursor:pointer;min-height:44px}.exif-related{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}#exif-app [hidden]{display:none}@media (width<=900px){.exif-columns,.exif-choose,.exif-hero-layout,.exif-guidance{grid-template-columns:1fr}.exif-hero-art{display:none}.exif-file-info,.exif-privacy{border-left:0;padding-left:0}#exif-groups{max-height:400px}}@media (width<=600px){.exif-panel{padding:20px}.exif-table-heading{display:block}.exif-help ol,.exif-faq-grid,.exif-result-actions{grid-template-columns:1fr}.exif-table-heading label{margin-bottom:16px}}