:root,:root[data-theme=storm]{--bg: #07090f;--bg-2: #0b0f19;--panel: #0e1320;--panel-2: #141b2c;--line: #222b40;--text: #e6ebf5;--muted: #8f9ab0;--accent: #8fb4ff;--accent-ink: #07090f;--brand: #e3d84f;--glow: rgba(79, 140, 255, .18);--stage: #05070c}:root[data-theme=aurora]{--bg: #05040f;--bg-2: #0a0820;--panel: #0e0b22;--panel-2: #151131;--line: #2a2452;--text: #e8e6ff;--muted: #9c96c9;--accent: #00e5ff;--accent-ink: #05040f;--brand: #e3d84f;--glow: rgba(0, 229, 255, .14);--stage: #030210}:root[data-theme=lagoon]{--bg: #03100f;--bg-2: #061716;--panel: #071b1c;--panel-2: #0c2628;--line: #18393b;--text: #e6fffb;--muted: #8db8b2;--accent: #3df2d2;--accent-ink: #03100f;--brand: #e3d84f;--glow: rgba(61, 242, 210, .13);--stage: #020807}:root[data-theme=graphite]{--bg: #0d0f12;--bg-2: #121418;--panel: #16181c;--panel-2: #1c1f24;--line: #2b2f36;--text: #f0f2f5;--muted: #9aa0aa;--accent: #f2c14e;--accent-ink: #0d0f12;--brand: #f2c14e;--glow: rgba(242, 193, 78, .1);--stage: #0f1114}:root[data-theme=daylight]{--bg: #f4f6f9;--bg-2: #eaeef4;--panel: #ffffff;--panel-2: #f6f8fb;--line: #dfe4eb;--text: #1b1f24;--muted: #5d6573;--accent: #2f6fde;--accent-ink: #ffffff;--brand: #b58900;--glow: rgba(47, 111, 222, .1);--stage: #ffffff}:root{--font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--radius: 12px;--gutter: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent)}code,kbd{font-family:var(--mono);font-size:.88em}:not(pre)>code,kbd{padding:1px 6px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line)}.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}.grow{flex:1}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--panel);padding:8px 12px;border-radius:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--font);padding:10px 16px;border-radius:9px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.small{padding:6px 11px;font-size:13px;border-radius:7px}.install{font:500 14.5px/1 var(--mono);color:var(--text);background:var(--panel);cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:11px 16px;display:inline-flex;gap:10px}.install:hover{border-color:var(--accent)}.install .prompt{color:var(--muted);user-select:none}.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:24px;height:60px}.brand{display:flex;align-items:center;gap:8px;color:var(--brand);text-decoration:none;font-weight:700;font-size:19px}.brand span{color:var(--text)}.brand small{color:var(--muted);font-weight:400;font-size:12.5px;margin-top:4px}.nav-links{display:flex;gap:4px;flex:1}.nav-links a{color:var(--muted);text-decoration:none;font-size:14.5px;padding:6px 10px;border-radius:7px}.nav-links a:hover{color:var(--text);background:var(--panel-2)}.nav-tools{display:flex;align-items:center;gap:12px}.theme-pick{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}select{font:500 13.5px var(--font);color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:6px 8px;cursor:pointer}.icon-link{color:var(--muted);display:flex}.icon-link:hover{color:var(--text)}.banner{margin:16px auto 0;max-width:1192px;padding:12px 16px;border-radius:10px;background:#5a1d1d;color:#ffe1e1}.hero{padding:56px 0 24px;background:radial-gradient(1200px 520px at 70% -10%,var(--glow),transparent 70%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:end}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}h1{margin:0 0 18px;font-size:clamp(34px,5.2vw,58px);line-height:1.06;letter-spacing:-1.2px;font-weight:750;text-wrap:balance}.lede{margin:0 0 26px;color:var(--muted);font-size:18px;max-width:640px}.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column-reverse;gap:2px}.stat dt{color:var(--muted);font-size:12.5px;line-height:1.35}.stat dd{margin:0;font:650 30px/1.15 var(--font);font-variant-numeric:tabular-nums}.hero-figure{margin:32px 0 0}.hero-figure figcaption{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:14px}.hero-figure figcaption b{color:var(--text)}.stage{position:relative;height:var(--h, 440px);background:var(--stage);overflow:hidden}.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--text) 4%,transparent) 50%,transparent 65%);background-size:220% 100%;animation:shimmer 1.6s infinite}.stage.running:before{display:none}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@media(prefers-reduced-motion:reduce){.stage:before{animation:none}}.host{position:absolute;inset:0}.hero-stage{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 80px -40px var(--glow),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.run-overlay{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font:650 15px var(--font);color:var(--accent-ink);background:var(--accent);border:0;cursor:pointer;box-shadow:0 10px 40px -10px var(--accent)}.stage.running .run-overlay{display:none}.stage:not(.engaged) .host>div{touch-action:pan-y!important}.stage.engaged{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-2px}.wheel-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:4;pointer-events:none;padding:7px 12px;border-radius:8px;white-space:nowrap;font-size:13px;color:var(--text);background:color-mix(in srgb,var(--bg) 85%,transparent);border:1px solid var(--line);opacity:0;transition:opacity .2s}.wheel-hint.show{opacity:1}.params{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:11px 16px;background:var(--panel-2);border-bottom:1px solid var(--line)}.hero-figure .params{margin-top:10px;border:1px solid var(--line);border-radius:var(--radius)}.param{display:flex;align-items:center;gap:10px;font-size:13.5px}.param-name{color:var(--muted);white-space:nowrap}.param input[type=range]{width:150px;accent-color:var(--accent);cursor:pointer}.param output{font:12.5px var(--mono);min-width:64px;color:var(--text)}.param-reset{margin-left:auto;font:600 12.5px var(--font);color:var(--text);background:transparent;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:5px 10px}.param-reset:hover{border-color:var(--accent)}@media(max-width:600px){.param input[type=range]{width:120px}}.stage-error{position:absolute;inset:0;margin:0;padding:16px;overflow:auto;color:#ff8a8a;font:12.5px/1.5 var(--mono);white-space:pre-wrap;z-index:3}.section{padding:72px 0 24px}.section-head{max-width:800px;margin-bottom:28px}h2{margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-.6px;font-weight:720}.section-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:16.5px}.section-head p.tip{margin-top:12px;padding:10px 14px;border-left:3px solid var(--accent);background:var(--panel);border-radius:0 8px 8px 0;font-size:14.5px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.card.wide{grid-column:1 / -1}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--line)}.card-title .eyebrow{margin:0 0 2px;font-size:11px}.card-title h3{margin:0;font-size:17px;font-weight:650;line-height:1.3}.card-actions{display:flex;gap:8px;flex-shrink:0}.card-actions .btn{padding:6px 11px;font-size:13px}.card-desc{margin:0;padding:14px 16px 0;color:var(--muted);font-size:14.5px;line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 16px}.tags span{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.bench{margin:0 0 24px;overflow-x:auto}.bench table{width:100%;max-width:720px;border-collapse:collapse;font-size:14.5px}.bench caption{text-align:left;color:var(--muted);font-size:13px;padding-bottom:8px}.bench th,.bench td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line)}.bench th{color:var(--muted);font-weight:600;font-size:13px}.bench td:last-child,.bench th:last-child{text-align:right;font-variant-numeric:tabular-nums}.usage{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px}.usage-tabs{display:flex;flex-direction:column;gap:4px}.tab{text-align:left;font:500 14.5px var(--font);color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;padding:9px 12px;cursor:pointer}.tab:hover{color:var(--text);background:var(--panel-2)}.tab[aria-selected=true]{color:var(--text);background:var(--panel);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent)}.usage-intro h3{margin:0 0 4px;font-size:19px}.usage-intro p{margin:0 0 14px;color:var(--muted);font-size:14.5px}.usage-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;height:560px}.editor-wrap{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.editor-bar{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line)}.editor-bar .dot{width:9px;height:9px;border-radius:50%;background:var(--brand)}.editor-bar .file{font:13px var(--mono);color:var(--muted)}.editor{position:relative;flex:1;min-height:0}.editor pre,.editor textarea{position:absolute;inset:0;margin:0;padding:14px 16px;border:0;font:13px/1.6 var(--mono);tab-size:2;white-space:pre;overflow:auto;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.editor pre{color:var(--text);pointer-events:none;overflow:hidden}.editor textarea{resize:none;background:transparent;color:transparent;caret-color:var(--text);outline:none}.editor textarea::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:transparent}.editor-error{margin:0;padding:10px 14px;border-top:1px solid var(--line);color:#ff8a8a;font:12.5px/1.5 var(--mono);white-space:pre-wrap;max-height:30%;overflow:auto}.stage.usage-stage{border:1px solid var(--line);border-radius:var(--radius);height:auto;min-height:0}.tk-k{color:#c792ea}.tk-s{color:#c3e88d}.tk-n{color:#f78c6c}.tk-c{color:#6a7385;font-style:italic}.tk-f{color:#82aaff}:root[data-theme=daylight] .tk-k{color:#8839ef}:root[data-theme=daylight] .tk-s{color:#40a02b}:root[data-theme=daylight] .tk-n{color:#d9480f}:root[data-theme=daylight] .tk-f{color:#1e66f5}:root[data-theme=daylight] .tk-c{color:#8a919c}.start-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}.start-code{display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0}.code-block{margin:0;width:100%;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);font:13.5px/1.65 var(--mono);overflow-x:auto}.note{margin:0;color:var(--muted);font-size:14px}.features{list-style:none;margin:0;padding:0;display:grid;gap:12px}.features li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.features b{font-size:15px}.features span{color:var(--muted);font-size:14px}.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.footer{margin-top:64px;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}.footer p{margin:0 0 6px}dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 64px);padding:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 40px 120px -20px #0009}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#03050a99;backdrop-filter:blur(3px)}.dlg-head{display:flex;align-items:center;gap:8px;padding:12px 14px 12px 18px;border-bottom:1px solid var(--line)}.dlg-head div{display:flex;flex-direction:column;min-width:0}.dlg-head a{font:12.5px var(--mono);color:var(--muted);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlg-head a:hover{color:var(--accent)}.dlg-code{margin:0;padding:16px 18px;overflow:auto;font:12.5px/1.6 var(--mono);tab-size:2;flex:1;min-height:0}@media(max-width:1060px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr;gap:28px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.usage{grid-template-columns:1fr}.usage-tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.tab{white-space:nowrap}.tab[aria-selected=true]{box-shadow:inset 0 -3px 0 var(--accent)}}@media(max-width:860px){.cards{grid-template-columns:minmax(0,1fr)}.start-grid{grid-template-columns:1fr}.usage-split{grid-template-columns:1fr;height:auto}.editor-wrap{height:440px}.stage.usage-stage{height:420px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){:root{--gutter: 16px}.hero{padding-top:32px}.theme-pick span,.nav-tools .btn{display:none}.stage{height:min(var(--h, 440px),78vh)}.hero-stage{height:520px}.card-head{flex-direction:column;align-items:flex-start}.hero-figure figcaption{flex-direction:column}.stat dd{font-size:24px}}