:root{--canvas:#f5f5f1;--surface:#fff;--ink:#171a18;--muted:#68706b;--line:#d9ddd7;--accent:#b83d1e;--button-ink:#fff;--code:#18211c;--code-ink:#e1eee1;color:var(--ink);background:var(--canvas);font-family:Arial,Helvetica,sans-serif}:root[data-theme=dark]{--canvas:#111412;--surface:#1a1f1b;--ink:#edf0eb;--muted:#abb5ad;--line:#39433c;--accent:#ff7349;--button-ink:#21120c;--code:#0c100d;--code-ink:#dcebdc}*{box-sizing:border-box}body{background:var(--canvas);margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,pre:focus-visible{outline:3px solid var(--accent);outline-offset:3px}main{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 34%);max-width:1280px;min-height:100dvh;margin:auto;padding:24px clamp(20px,5vw,72px) 64px}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;display:flex}.brand{letter-spacing:-.08em;font-size:21px;font-weight:800}.brand span{color:var(--accent)}.nav-actions{align-items:center;gap:20px;display:flex}.nav-label{color:var(--muted);font-size:13px}.theme-toggle{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:999px;padding:7px 12px;font-size:12px}.theme-toggle:active,.convert-button:active,.result-actions button:active{transform:translateY(1px)}.hero{max-width:720px;padding:clamp(60px,10vw,112px) 0 48px}.eyebrow,.result-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}h1{letter-spacing:-.075em;margin:16px 0 18px;font-size:clamp(48px,7vw,88px);line-height:.97}h1 em{color:var(--accent);font-style:italic}.hero>p:last-child{max-width:450px;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.converter{border:1px solid var(--line);background:var(--surface);box-shadow:8px 8px 0 color-mix(in srgb, var(--accent) 14%, transparent)}.converter-bar{grid-template-columns:1fr auto;gap:12px;padding:12px;display:grid}.file-picker{border:1px dashed color-mix(in srgb, var(--muted) 60%, transparent);cursor:pointer;align-items:center;gap:12px;min-width:0;min-height:58px;padding:0 15px;display:flex;position:relative}.file-picker:focus-within{outline:3px solid var(--accent);outline-offset:2px}.file-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-action{color:var(--muted);margin-left:auto;font-size:13px}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.convert-button{background:var(--accent);min-height:58px;color:var(--button-ink);white-space:nowrap;border:0;padding:0 24px;font-weight:700}.convert-button:disabled{opacity:.45;cursor:not-allowed}.converter-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:11px 16px;font-size:12px;display:flex}.status{border-top:1px solid var(--line);min-height:48px;color:var(--muted);align-items:center;gap:10px;padding:0 16px;font-size:14px;display:flex}.status-failure{color:#be3d25}.status-success{color:#287341}.progress{border:2px solid color-mix(in srgb, var(--accent) 35%, transparent);border-top-color:var(--accent);border-radius:50%;width:11px;height:11px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.profile-row{border-top:1px solid var(--line);align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex}.profile{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.profile select{border:1px solid var(--line);min-height:32px;color:var(--ink);background:var(--surface);border-radius:0;padding:0 28px 0 9px}.profile-row p{color:var(--muted);margin:0;font-size:12px}.result{border-top:1px solid var(--line)}.result-head{justify-content:space-between;align-items:center;min-height:72px;padding:12px 16px;display:flex}.result-head strong{margin-top:3px;font-size:16px;display:block}.result-actions{gap:8px;display:flex}.result-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;padding:8px 10px;font-size:13px}.copy-notice{color:var(--muted);margin:0;padding:0 16px 12px;font-size:13px}pre{background:var(--code);max-height:520px;color:var(--code-ink);white-space:pre-wrap;margin:0;padding:22px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.privacy-note{max-width:760px;color:var(--muted);margin-top:28px;font-size:13px;line-height:1.55}.privacy-note strong{color:var(--ink)}@media (max-width:640px){main{padding-top:16px}.nav-label{display:none}.hero{padding:64px 0 36px}.converter-bar{grid-template-columns:1fr}.converter-meta{line-height:1.7;display:block}.converter-meta span{display:block}.profile-row{flex-direction:column;align-items:flex-start;gap:6px}.result-head{flex-direction:column;align-items:flex-start;gap:12px}.result-actions{width:100%}.result-actions button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}.login-shell{background:radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 34%), var(--canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);width:min(100%,430px);box-shadow:10px 10px 0 color-mix(in srgb, var(--accent) 16%, transparent);padding:clamp(28px,6vw,52px)}.login-card .brand{margin-bottom:48px;display:block}.login-card h1{margin:12px 0 16px;font-size:clamp(36px,7vw,56px)}.login-card>p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.55}.login-card form{gap:10px;margin-top:32px;display:grid}.login-card label{font-size:13px;font-weight:700}.login-card input{border:1px solid var(--line);min-height:48px;color:var(--ink);background:0 0;padding:0 12px}.login-card .convert-button{margin-top:8px}.login-error{color:#be3d25;margin:2px 0;font-size:13px}