:root,[data-theme=light]{color-scheme:light;--background:#f5f6f8;--foreground:#0f1216;--muted:#656e79;--muted-strong:#454e59;--border:#dadee5;--surface:#ffffff;--surface-soft:#eef0f4;--surface-translucent:rgba(255,255,255,0.9);--input-bg:#ffffff;--accent:#12151a;--accent-foreground:#ffffff;--brand:#2e6bff;--brand-bright:#6b9aff;--success:#168a5b;--success-soft:#e7f6ef;--success-border:rgba(22,138,91,0.24);--danger:#b42318;--danger-soft:#fff1ef;--danger-border:rgba(180,35,24,0.24);--focus-ring:rgba(46,107,255,0.16);--hover-shadow:0 10px 24px rgba(15,18,22,0.16);--card-hover-shadow:0 8px 28px rgba(15,18,22,0.07);--glow:rgba(46,107,255,0.08);--shadow:0 24px 80px rgba(15,18,22,0.1)}[data-theme=dark]{color-scheme:dark;--background:#0b0d10;--foreground:#e7e9ee;--muted:#8b939e;--muted-strong:#c2c8d2;--border:#262b33;--surface:#13161a;--surface-soft:#1a1e24;--surface-translucent:rgba(19,22,26,0.88);--input-bg:#0f1216;--accent:#e7e9ee;--accent-foreground:#0f1216;--brand:#4d82ff;--brand-bright:#82a9ff;--success:#3ecf96;--success-soft:#12261c;--success-border:rgba(62,207,150,0.28);--danger:#ff7a6e;--danger-soft:#2a1513;--danger-border:rgba(255,122,110,0.3);--focus-ring:rgba(77,130,255,0.22);--hover-shadow:0 10px 24px rgba(0,0,0,0.45);--card-hover-shadow:0 8px 28px rgba(0,0,0,0.4);--glow:rgba(61,125,255,0.14);--shadow:0 24px 80px rgba(0,0,0,0.55)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:radial-gradient(1100px 480px at 50% -140px,var(--glow),transparent 62%),var(--background);color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:320px}button,code,input,pre{font:inherit}a{color:inherit}.page-shell{min-height:100vh;overflow-x:hidden;padding:18px 28px 24px}.site-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1120px;min-height:34px;width:100%}.brand{align-items:center;display:inline-flex;gap:10px;font-size:.95rem;font-weight:700;letter-spacing:0;text-decoration:none}.brand-mark{display:block;height:28px;width:28px}.header-tools{align-items:center;display:flex;gap:12px}.header-note{color:var(--muted);font-size:.9rem}.theme-toggle{align-items:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted-strong);display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;min-height:0;padding:0;width:32px}.theme-toggle:hover:not(:disabled){border-color:var(--muted);box-shadow:none;color:var(--foreground);transform:none}.hero{display:grid;grid-gap:18px;gap:18px;margin:26px auto 0;max-width:1120px;width:100%}.hero-copy{margin:0 auto;max-width:720px;text-align:center}h1,h2,p{margin:0}h1{font-size:clamp(2.5rem,4.4vw,3.6rem);font-weight:760;letter-spacing:-.01em;line-height:1.02;max-width:760px}.hero-copy p{color:var(--muted-strong);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.5;margin-top:12px;margin-left:auto;margin-right:auto;max-width:600px}.workspace{align-items:stretch;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);min-width:0}.converter-panel,.detail-card,.preview-panel{background:var(--surface-translucent);border:1px solid var(--border);border-radius:8px}.converter-panel{box-shadow:var(--shadow);min-width:0;padding:18px}.panel-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:14px}.panel-kicker{color:var(--brand);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.panel-header h2{font-size:clamp(1.35rem,3vw,1.85rem);letter-spacing:0;line-height:1.1}.status-dot{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--muted-strong);display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:700;height:30px;padding:0 11px}.status-dot[data-state=success]{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.status-dot[data-state=loading]{color:var(--foreground);gap:7px}.pulse{background:var(--brand);border-radius:999px;display:inline-block;height:7px;width:7px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.status-dot[data-state=error]{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.form{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}input{min-width:0;height:48px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--foreground);font-size:1rem;padding:0 15px;outline:none}input:focus{border-color:var(--foreground);box-shadow:0 0 0 4px var(--focus-ring)}button{min-height:48px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-foreground);cursor:pointer;font-size:.96rem;font-weight:700;padding:0 18px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}button:hover:not(:disabled){box-shadow:var(--hover-shadow);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65}button[type=submit]{align-items:center;display:inline-flex;gap:9px;justify-content:center}.spinner{animation:spin .8s linear infinite;border-radius:999px;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentcolor;display:inline-block;height:15px;width:15px}@keyframes spin{to{transform:rotate(1turn)}}.state{min-height:30px;padding-top:10px}.state p{color:var(--muted);font-size:.94rem}.loading-state{display:grid;grid-gap:8px;gap:8px}.progress-track{background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--brand),var(--brand-bright));border-radius:999px;height:100%;position:relative;transition:width .3s ease}.progress-fill:after{animation:progress-sheen 1.4s linear infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);content:"";inset:0;position:absolute}@keyframes progress-sheen{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-meta{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.loading-stage{animation:fade-in .3s ease}.loading-elapsed{color:var(--muted);flex:0 0 auto;font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.error{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:8px;color:var(--danger)!important;padding:11px 12px}.success{color:var(--success)!important;font-weight:650}.output{animation:fade-in .32s ease;display:flex;gap:10px;padding-top:4px}.output button{background:var(--input-bg);color:var(--foreground);min-height:48px}.preview-panel{display:flex;flex-direction:column;max-height:260px;min-width:0;overflow:hidden}.preview-topbar{align-items:center;background:#111513;color:rgba(255,255,255,.9);display:flex;font-size:.82rem;font-weight:700;justify-content:space-between;gap:14px;min-height:42px;padding:0 14px}.preview-topbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#ffffff;cursor:pointer;flex:0 0 auto;font-size:.78rem;font-weight:700;min-height:0;padding:4px 12px}.copy-button:hover{background:rgba(255,255,255,.2);box-shadow:none;transform:none}.preview-panel pre{color:#dce4df;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,monospace;font-size:.84rem;line-height:1.65;margin:0;overflow:auto;padding:18px;white-space:pre-wrap}.preview-panel pre,.preview-skeleton{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%),#171c1a;flex:1 1}.preview-skeleton{display:grid;align-content:start;grid-gap:13px;gap:13px;overflow:hidden;padding:20px 18px}.skeleton-line{animation:skeleton-glow 1.5s ease-in-out infinite;background:rgba(220,228,223,.14);border-radius:4px;height:11px}.skeleton-gap{height:3px}@keyframes skeleton-glow{0%,to{opacity:.5}50%{opacity:1}}.details{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px auto 0;max-width:1120px;padding-bottom:24px;width:100%}.detail-card{padding:15px 18px;transition:border-color .16s ease,box-shadow .16s ease}.detail-card:hover{border-color:var(--muted);box-shadow:var(--card-hover-shadow)}.detail-card h2{font-size:1rem;line-height:1.2}.detail-card p{color:var(--muted);font-size:.92rem;line-height:1.45;margin-top:8px}@media (max-width:860px){.page-shell{padding:20px}.site-header{align-items:flex-start;gap:10px}.header-note{display:none}.hero{margin-top:48px}.details,.workspace{grid-template-columns:1fr}.preview-panel{max-height:310px}}@media (max-width:560px){.page-shell{padding:16px}.hero{margin-top:38px}h1{font-size:clamp(2.35rem,12vw,3rem);overflow-wrap:anywhere}.converter-panel{padding:16px}.panel-header{flex-direction:column}.form,.output{grid-template-columns:1fr}.output{align-items:stretch;flex-direction:column}button{width:100%}.copy-button,.theme-toggle{width:auto}.theme-toggle{width:32px}}.wordmark-accent{color:var(--brand)}