:root{--bg:#f5f7fa;--surface:#fff;--ink:#172033;--muted:#617086;--line:#d9e0e9;--soft:#eef2f7;--blue:#2563eb;--blue-dark:#1d4ed8;--green:#16813e;--red:#c2413b;--shadow:0 18px 45px rgba(23,32,51,.08)}:root[data-theme=dark]{--bg:#101827;--surface:#182335;--ink:#f1f5f9;--muted:#a8b5c6;--line:#304056;--soft:#213047;--blue:#5b8cff;--blue-dark:#78a1ff;--green:#56c67d;--red:#fb8078;--shadow:0 18px 45px rgba(0,0,0,.24)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column}button,select,input{font:inherit}a{color:inherit;text-decoration:none}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;width:calc(100% - 48px);margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:28px;height:32px;border-radius:5px 5px 9px 5px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:800}.header-actions{display:flex;align-items:center;gap:17px}.privacy-link{color:var(--muted);font-size:13px;font-weight:600}.theme-toggle,.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.theme-toggle{width:36px;height:36px;border-radius:50%;font-size:18px}main{flex:1;width:min(680px,calc(100% - 40px));margin:74px auto 48px}.intro{text-align:center}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px}.intro h1{margin:0;font-size:clamp(33px,5vw,48px);line-height:1.08;letter-spacing:-.05em}.lede{max-width:520px;margin:16px auto 0;color:var(--muted);font-size:16px}.converter-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:22px;margin-top:43px}.is-hidden{display:none!important}.drop-zone{border:1.5px dashed #aeb9c9;border-radius:10px;min-height:270px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:.18s ease;outline:none}.drop-zone:hover,.drop-zone:focus,.drop-zone.is-dragging{background:var(--soft);border-color:var(--blue)}.upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e9effe;color:var(--blue);margin-bottom:15px;font-size:25px;font-weight:600}.drop-title{font-size:17px;font-weight:750}.drop-copy{color:var(--muted);font-size:13px;margin:3px 0 17px}.choose-button{background:var(--ink);color:var(--surface);border-radius:6px;padding:9px 15px;font-weight:700;font-size:13px}.drop-zone input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.file-hint{margin:14px 0 0;color:var(--muted);text-align:center;font-size:12px}.file-summary{padding:14px;background:var(--soft);border-radius:9px;display:flex;align-items:center;gap:12px}.file-icon{display:grid;place-items:center;width:38px;height:45px;border-radius:4px 4px 8px 4px;background:#e84c4c;color:#fff;font-size:10px;font-weight:800}.file-details{min-width:0;display:flex;flex:1;flex-direction:column}.file-details strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.file-details span,.option-note,.progress-copy{color:var(--muted);font-size:12px}.icon-button{width:28px;height:28px;border-radius:50%;font-size:21px;line-height:1}.options-row{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}.options-row label{font-size:12px;font-weight:700;color:var(--muted)}.options-row select{margin-left:7px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:6px 25px 6px 8px;font-size:13px}.primary-button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;background:var(--blue);border:0;border-radius:7px;color:#fff;font-weight:750;cursor:pointer;transition:background .18s,transform .18s}.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.processing-title{display:flex;align-items:center;gap:11px;padding:11px 0 19px}.spinner{display:block;width:18px;height:18px;border:2px solid #cbd7f5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.progress-track{overflow:hidden;height:8px;background:var(--soft);border-radius:8px}.progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:var(--blue);transition:width .35s ease}.progress-copy{margin:12px 0 3px}@keyframes spin{to{transform:rotate(360deg)}}.complete-heading,.error-heading{display:flex;align-items:flex-start;gap:12px;margin:3px 0 22px}.success-icon,.error-heading>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e7f6eb;color:var(--green);font-size:20px;font-weight:800}.complete-heading div{display:flex;flex-direction:column}.complete-heading strong{font-size:16px}.complete-heading span:last-child{color:var(--muted);font-size:12px}.expiry{text-align:center;color:var(--muted);font-size:12px;margin:15px 0}.expiry strong{color:var(--ink)}.secondary-button{width:100%;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;padding:7px}.secondary-button:hover{color:var(--blue)}.error-heading>span{background:#fcebea;color:var(--red)}.error-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.privacy-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);margin:35px auto 0;padding:20px 5px 0;color:var(--muted);font-size:12px}.privacy-note p{margin:0}.privacy-note strong{color:var(--ink)}footer{border-top:1px solid var(--line);width:100%;padding:23px max(24px,calc((100% - 1120px)/2));color:var(--muted);display:flex;justify-content:space-between;gap:20px;font-size:12px}footer nav{display:flex;gap:20px}@media(max-width:560px){.site-header{width:calc(100% - 32px)}.privacy-link{display:none}main{width:calc(100% - 32px);margin-top:47px}.converter-card{margin-top:34px;padding:14px}.drop-zone{min-height:252px}.options-row{align-items:flex-start;flex-direction:column;gap:4px;padding:15px 0}footer{align-items:center;flex-direction:column;padding:20px 16px}footer nav{flex-wrap:wrap;justify-content:center;gap:12px 18px}}