:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#0f172a;--muted:#64748b;--panel:#ffffffd1;--panel-border:#94a3b859;--accent:#7c3aed;--accent-strong:#4f46e5;--warning-bg:#fbbf2429;--warning-border:#f59e0b73;color:var(--ink);background:radial-gradient(circle at 100% 0,#7c3aed38,#0000 42%),radial-gradient(circle at 0 100%,#4f46e52e,#0000 38%),#f8fafc;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#f8fafc;--muted:#cbd5e1;--panel:#0f172ac7;--panel-border:#94a3b847;background:radial-gradient(circle at 100% 0,#7c3aed59,#0000 42%),radial-gradient(circle at 0 100%,#4f46e547,#0000 38%),#020617}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0;padding:1.25rem}.shell{flex-direction:column;gap:1.1rem;width:min(760px,100%);margin:0 auto;display:flex}.hero,.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;box-shadow:0 20px 50px #0f172a1f}.hero{padding:1.4rem 1.4rem 1.1rem}.panel{padding:1.35rem}.panel-warning{background:var(--warning-bg);border-color:var(--warning-border)}.panel.dimmed{opacity:.92}.hidden{display:none}.brand-row{align-items:center;gap:.65rem;margin-bottom:.35rem;display:flex}.brand-icon{border-radius:10px}h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.85rem,5vw,2.75rem);line-height:1.02}.eyebrow,.label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .35rem;font-size:.72rem}.lead{max-width:44rem;color:var(--muted);margin:.35rem 0 0;line-height:1.55}.chip-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.chip{background:#7c3aed24;border:1px solid #7c3aed59;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.chip-muted{background:#94a3b829;border-color:#94a3b859}.chip-ok{background:#22c55e29;border-color:#22c55e73}.status-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.outputs-list{margin:.25rem 0 0;padding-left:1.1rem;line-height:1.5}.outputs-list .muted{color:var(--muted);margin-left:-1.1rem;list-style:none}.panel-copy{color:var(--muted);margin:0;line-height:1.55}.actions{flex-wrap:wrap;gap:.65rem;margin-top:1.15rem;display:flex}button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.15rem;font-size:.92rem;font-weight:700;transition:transform .16s,filter .16s}button.ghost{color:var(--ink);border:1px solid var(--panel-border);background:#94a3b824}button.small{padding:.45rem .85rem;font-size:.82rem}button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.65}button:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}.listeners-label{margin-top:1.25rem}.log-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.badge{border:1px solid var(--panel-border);background:#94a3b829;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.8rem;display:inline-flex}.badge[data-active=true]{background:#7c3aed2e;border-color:#7c3aed73}#event-log,.result-pane{border:1px solid var(--panel-border);background:#0f172a0f;border-radius:16px;min-height:96px;max-height:200px;margin:0;padding:.85rem 1rem;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.45;overflow:auto}@media (prefers-color-scheme:dark){#event-log,.result-pane{background:#0206178c}}.result-pane{max-height:160px;margin-top:.85rem}@media (width<=640px){body{padding:1rem}.status-row{flex-direction:column}}