:root{--bg:#f4f4f5;--card:#fff;--text:#18181b;--muted:#71717a;--border:#e4e4e7;--accent:#18181b;--accent-text:#fff;--error:#dc2626;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#09090b;--card:#18181b;--text:#fafafa;--muted:#a1a1aa;--border:#27272a;--accent:#fafafa;--accent-text:#18181b;--error:#f87171}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;margin:0;padding:16px;display:grid}#root{width:100%;max-width:560px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:32px;display:flex;box-shadow:0 8px 24px #0000000f}.card h1{margin:0;font-size:1.5rem}.card p{margin:0}form{flex-direction:column;gap:16px;display:flex}textarea,input[type=text],pre{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:0;padding:12px;font-size:.95rem}textarea{resize:vertical;min-height:160px}pre{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}textarea:focus,input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px}label{cursor:pointer;align-items:center;gap:8px;display:flex}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0}button{font:inherit;color:var(--accent-text);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-weight:600}button:hover:not(:disabled){opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}[role=alert]{color:var(--error)}.muted{color:var(--muted);font-size:.9rem}