:root{color-scheme:light;--ink:#172033;--muted:#5e6b83;--line:#dfe5ef;--surface:#fff;--soft:#f4f7fb;--accent:#2458d6;--accent-dark:#173d9b;--success:#087f5b;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;line-height:1.7}a{color:var(--accent-dark)}img{max-width:100%}.site-header{border-bottom:1px solid var(--line);background:#fffffff5}.site-header__inner,.site-footer__inner,.page-shell{width:min(1100px,100% - 32px);margin:0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;font-weight:800;text-decoration:none}.site-nav{flex-wrap:wrap;gap:16px;font-size:.9rem;display:flex}.site-nav a{text-decoration:none}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:64px}.site-footer__inner{color:var(--muted);justify-content:space-between;gap:20px;padding:28px 0;font-size:.88rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:16px;display:flex}.hero{max-width:780px;padding:72px 0 40px}.eyebrow{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}h1,h2,h3{letter-spacing:-.03em;line-height:1.25}h1{margin:10px 0 18px;font-size:clamp(2rem,5vw,3.8rem)}h2{margin-top:0}.lede{color:var(--muted);font-size:1.12rem}.content-grid{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:28px;display:grid}.content-card,.converter,.info-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 34px #192d550f}.content-card,.info-card{padding:28px}.converter{padding:22px}.privacy-note{color:#145b48;background:#edf8f4;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:.92rem;display:flex}.privacy-note p{margin:0}.drop-zone{background:#f9fbff;border:2px dashed #aab8d2;border-radius:16px;margin:18px 0;transition:all .15s}.drop-zone.is-dragging,.drop-zone:hover{border-color:var(--accent);background:#f1f5ff}.drop-zone__label{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:25px;display:flex}.drop-zone__icon{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.8rem;line-height:1;display:grid}.drop-zone small,.file-item small,.muted,.settings-help{color:var(--muted)}.panel-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel-heading h2,.settings-panel h2{margin-bottom:12px;font-size:1.05rem}.file-panel,.settings-panel,.results-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.file-list,.result-list{margin:0;padding:0;list-style:none}.file-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.file-item span{flex-direction:column;min-width:0;display:flex}.file-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-grid--basic{align-items:start}.settings-grid label:not(.checkbox-label){color:var(--muted);gap:5px;font-size:.88rem;display:grid}select,input[type=number]{width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c7d1e2;border-radius:9px;padding:8px 10px}input[type=range]{width:100%;min-height:42px;accent-color:var(--accent)}.field-help{color:var(--muted);font-size:.82rem;line-height:1.5}.advanced-settings{border:1px solid var(--line);background:#fbfcff;border-radius:12px;margin-top:18px}.advanced-settings summary{color:var(--accent-dark);cursor:pointer;padding:12px 14px;font-weight:800}.advanced-settings__body{padding:0 14px 14px}.checkbox-label{align-self:end;align-items:center;gap:8px;min-height:42px;font-size:.9rem;display:flex}.actions{gap:10px;margin-top:16px;display:flex}.button{min-height:40px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background:var(--accent);color:#fff}.button--primary:hover{background:var(--accent-dark)}.button--secondary{color:var(--ink);background:#fff;border-color:#bdc9de}.button--text{min-height:30px;color:var(--accent-dark);background:0 0;border:0;padding:4px 8px}.progress-message{min-height:1.7em;color:var(--muted);margin-bottom:0;font-size:.9rem}.result-list{gap:12px;display:grid}.result-item{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);gap:15px;padding:13px 0;display:grid}.result-item img{object-fit:contain;border:1px solid var(--line);background:repeating-conic-gradient(#edf1f6 0 25%, #fff 0 50%) 0/16px 16px;border-radius:8px;width:110px;height:90px}.result-item__body{flex-wrap:wrap;align-items:center;gap:7px 12px;display:flex}.result-item__body strong{overflow-wrap:anywhere;width:100%}.result-item__body span{color:var(--muted);font-size:.86rem}.result-item__body .button{font-size:.86rem}.size-comparison{flex-wrap:wrap;align-items:stretch;gap:10px;width:100%;display:flex}.size-comparison__item{border:1px solid var(--line);background:#fbfcff;border-radius:8px;flex-direction:column;gap:2px;min-width:106px;padding:8px 10px;display:flex}.size-comparison__item small{color:var(--muted);font-size:.78rem}.size-comparison__message{color:var(--success);align-self:center;margin:0;font-size:.88rem;font-weight:700}.format-table{border-collapse:collapse;width:100%}.format-table th,.format-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 8px}.status-supported{color:var(--success);font-weight:800}.status-unsupported{color:#a03a35;font-weight:700}.callout{border-left:4px solid var(--accent);background:#f2f5ff;padding:16px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.site-header__inner,.site-footer__inner{flex-direction:column;align-items:flex-start;padding:14px 0}.site-nav{gap:10px 14px}.hero{padding-top:44px}.content-grid,.settings-grid{grid-template-columns:1fr}.content-card,.info-card,.converter{padding:18px}.panel-heading{flex-direction:column}.result-item{grid-template-columns:80px minmax(0,1fr)}.result-item img{width:80px;height:70px}}