:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15263c;--muted:#607086;--blue:#173e76;--blue-hover:#0e2d59;--line:#d8e0e9;--surface:#fff;--subtle:#f6f8fb;--error:#a13535;background:var(--surface);color:var(--ink);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--surface);flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #76a7e7}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.page-shell{width:min(1100px,100% - 40px);margin-inline:auto}.skip-link{z-index:10;background:#fff;padding:12px 18px;position:absolute;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:10px;text-decoration:none;display:inline-flex}.brand strong{letter-spacing:-.035em;font-size:1.08rem;font-weight:750}.brand span{color:var(--muted);font-size:.94rem}.brand span:last-child{color:var(--ink);font-weight:600}.header-inner nav{align-items:center;gap:26px;display:flex}.header-inner nav a{color:var(--muted);font-size:.88rem;font-weight:550;text-decoration:none}.header-inner nav a:hover,.more-tools:hover,.upload-privacy a:hover{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.converter-main{flex:1}.converter-workspace{max-width:660px;padding-top:clamp(42px,7vh,76px);padding-bottom:62px}.converter-workspace h1{letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.12}.conversion-field{gap:9px;margin-bottom:20px;display:grid}.conversion-field label,.quality-row label{font-size:.88rem;font-weight:650}.conversion-field select,.range-wrap select,.range-wrap input[type=number]{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #bdc9d8;border-radius:8px;padding:0 14px}.conversion-field select{font-size:1rem}.conversion-field select:disabled{background:var(--subtle)}.drop-zone{text-align:center;background:#fbfcfe;border:1.5px dashed #aab9ca;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:184px;padding:24px;display:flex}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--blue);background:#f2f6fc}.drop-zone.has-file{border-style:solid;border-color:#8ca8cf}.drop-zone strong{overflow-wrap:anywhere;max-width:100%;font-size:1rem;font-weight:650}.drop-zone>span{color:var(--muted);margin-top:5px;font-size:.88rem}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 19px;font-size:.95rem;font-weight:650;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.53}.button-primary,.button-download{background:var(--blue);color:#fff}.button-primary:hover:not(:disabled),.button-download:hover:not(:disabled){background:var(--blue-hover)}.button-secondary{color:var(--ink);background:#fff;border-color:#b9c7d7}.button-secondary:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.choose-button{min-height:42px;margin-top:16px;padding-inline:16px;font-size:.88rem}.file-constraints{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.78rem}.selected-files{border:1px solid var(--line);width:100%;max-height:100px;color:var(--muted);text-align:left;background:#fff;border-radius:6px;margin:12px 0 0;padding:8px 12px 8px 28px;font-size:.78rem;overflow:auto}.selected-files li{overflow-wrap:anywhere;padding:2px 0}.quality-row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:16px;padding-top:18px;display:grid}.quality-row p{color:var(--muted);margin:4px 0 0;font-size:.76rem;line-height:1.45}.range-wrap{align-items:center;gap:12px;display:flex}.range-wrap input[type=range]{width:100%;min-height:44px;accent-color:var(--blue)}.range-wrap output{min-width:38px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-size:.88rem}.convert-button{width:100%;margin-top:22px}.upload-privacy{color:var(--muted);text-align:center;margin:14px 0 0;font-size:.75rem;line-height:1.5}.upload-privacy a{text-underline-offset:3px}.progress-wrap{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:18px;font-size:.78rem;display:grid}.progress-track{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--blue);height:100%;display:block}.job-panel{border:1px solid var(--line);background:var(--subtle);border-radius:10px;padding:22px}.job-panel h2{letter-spacing:-.02em;margin:0;font-size:1.15rem}.job-panel p{color:var(--muted);margin:9px 0 0;font-size:.82rem;line-height:1.5}.status-message{color:var(--muted);margin:14px 0 0;font-size:.85rem;line-height:1.5}.status-message.is-error{color:var(--error)}.result-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.retry-button{width:100%;margin-top:18px}.delete-button{min-height:44px;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:8px 10px;font-size:.82rem;text-decoration:underline;display:block}.more-tools{color:var(--blue);gap:5px;margin-top:34px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.not-found{flex:1;padding-top:100px;padding-bottom:90px}.not-found h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(2rem,5vw,2.7rem)}.not-found p{color:var(--muted);margin:0 0 26px}@media (max-width:640px){.page-shell{width:min(100% - 32px,1100px)}.header-inner{min-height:62px}.header-inner nav{gap:0}.header-inner nav a:first-child{display:none}.header-inner nav a{font-size:.79rem}.converter-workspace{padding-top:40px;padding-bottom:52px}.converter-workspace h1{margin-bottom:24px}.drop-zone{min-height:160px;padding:20px 14px}.quality-row{grid-template-columns:1fr;gap:8px}.result-actions{grid-template-columns:1fr}.not-found{padding-top:68px}}