:root{color:#171717;font-synthesis:none;background:#f5f5f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#fffffff2,#0000 32rem),#f5f5f3;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{width:min(920px,100% - 32px);margin:0 auto;padding:72px 0 48px}.hero{text-align:center;max-width:700px;margin:0 auto 32px}.eyebrow{letter-spacing:.13em;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,6vw,64px);font-weight:650;line-height:.98}.hero h1 strong{font-weight:900}.hero p{color:#666;max-width:610px;margin:20px auto 0;font-size:17px;line-height:1.6}.converter-card{background:#ffffffeb;border:1px solid #dddcd6;border-radius:24px;padding:24px;box-shadow:0 28px 70px #00000012}.drop-zone{text-align:center;border:1.5px dashed #c8c7c0;border-radius:18px;outline:none;justify-items:center;padding:46px 24px;transition:all .2s;display:grid}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.is-dragging{background:#fafaf8;border-color:#111}.drop-icon{color:#fff;background:#111;border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:16px;font-size:24px;font-weight:800;display:grid}.drop-zone h3{margin:0;font-size:22px}.drop-zone p{color:#777;margin:7px 0 18px}.drop-help{color:#999;margin-top:14px;font-size:13px}.button{border:1px solid #171717;border-radius:12px;min-height:46px;padding:0 20px;font-weight:750;transition:transform .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{color:#fff;background:#171717}.button-secondary{color:#171717;background:#fff}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;padding:26px 2px 8px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.quality-heading label{font-size:14px;font-weight:800}.format-options{gap:10px;margin-top:12px;display:flex}.format-option input{opacity:0;pointer-events:none;position:absolute}.format-option span{border:1px solid #d8d7d1;border-radius:10px;justify-content:center;align-items:center;min-width:92px;min-height:42px;font-weight:800;display:inline-flex}.format-option input:checked+span{color:#fff;background:#171717;border-color:#171717}.quality-heading{justify-content:space-between;align-items:center;display:flex}.quality-heading output{font-size:14px;font-weight:800}.quality-control input[type=range]{accent-color:#171717;width:100%;margin:17px 0 5px}.quality-scale{color:#999;justify-content:space-between;font-size:12px;display:flex}.message{border-radius:10px;margin-top:16px;padding:12px 14px;font-size:14px;line-height:1.5}.message-error{color:#9f271f;background:#fff1f0}.message-success{color:#246a32;background:#effaf1}.files-section{border-top:1px solid #ecebe7;margin-top:22px;padding-top:22px}.files-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.files-heading h3{margin:0;font-size:17px}.files-heading p{color:#999;margin:3px 0 0;font-size:12px}.text-button{color:#777;background:0 0;border:0;padding:0;font-size:13px}.file-list{gap:8px;display:grid}.file-row{border:1px solid #ecebe7;border-radius:13px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px;display:grid}.file-preview{object-fit:cover;background:#eee;border-radius:9px;width:58px;height:58px}.file-info{min-width:0}.file-title-row{align-items:center;gap:10px;display:flex}.file-title-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.file-meta{color:#8b8b86;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:12px;display:flex}.status{border-radius:999px;flex:none;padding:3px 6px;font-size:10px;font-weight:800}.status-ready{color:#666;background:#efefec}.status-processing{color:#8c6500;background:#fff5d9}.status-success{color:#246a32;background:#eaf7ed}.status-error{color:#9f271f;background:#fff0ef}.saving{color:#26713a;font-weight:800}.saving-negative{color:#a84a3b}.file-error{color:#a84a3b;margin:5px 0 0;font-size:12px}.file-actions{align-items:center;gap:6px;display:flex}.icon-button{background:#fff;border:1px solid #deddd8;border-radius:8px;min-height:34px;padding:0 10px;font-size:12px;font-weight:700}.remove-one{width:34px;padding:0;font-size:19px;font-weight:400}.actions{border-top:1px solid #ecebe7;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:22px;display:flex}.privacy-note{text-align:center;color:#999;margin:18px 0 0;font-size:13px}.sr-only{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<=680px){.shell{width:min(100% - 20px,920px);padding-top:42px}.converter-card{border-radius:18px;padding:14px}.drop-zone{padding:35px 15px}.settings-grid{grid-template-columns:1fr}.file-row{grid-template-columns:48px minmax(0,1fr)}.file-preview{width:48px;height:48px}.file-actions{grid-column:2;justify-content:flex-start}.actions{flex-direction:column}.actions .button{width:100%}}