@font-face{font-family:Muoto;src:url(/fonts/muoto-var.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Fira Zero;src:url(/fonts/fira-var.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--bg:#0b0e17;--bg2:#0f1322;--panel:#121728;--panel-edge:#1e2740;--text:#d7deee;--dim:#7d8bab;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--accent:#78c8ff;--good:#3ecf8e;--bad:#ff6b6b;--warn:#ffb454;--walk-bg:#000;--walk-panel:#171717;--walk-ink:#fafafa;--walk-copy:#d4d4d8;--walk-dim:#a1a1aa;--walk-rule:#27272a;--walk-mint:#27fcae;--walk-pink:#fc218a;--walk-code:"Fira Zero", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,sans-serif;overflow:hidden}#boot{text-align:center;place-content:center;gap:10px;height:100%;display:grid}#boot h1{letter-spacing:.02em;font-size:28px}#boot .lede{color:var(--dim)}#app{height:100vh;flex-direction:column;height:100dvh;display:flex}#topbar{background:var(--bg2);border-bottom:1px solid var(--panel-edge);z-index:60;align-items:center;gap:14px;height:54px;min-height:54px;padding:8px 14px;display:flex;position:relative}.brand{white-space:nowrap;font-weight:650}.brand a{color:inherit;border-bottom:1px solid var(--panel-edge);text-decoration:none}.brand a:hover{border-bottom-color:currentColor}#viewtabs{background:linear-gradient(#111728,#090c14);border:1px solid #2a3655;border-radius:999px;align-items:center;gap:3px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff0e,0 4px 14px #00000047}.viewtab{--view-color:var(--accent);--view-bg:#78c8ff38;--view-edge:#78c8ff94;all:unset;cursor:pointer;min-height:28px;color:var(--view-color);font-family:var(--mono);letter-spacing:.035em;opacity:.72;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11.5px;font-weight:650;transition:color .16s,background .16s,box-shadow .16s,opacity .16s,transform .16s;display:inline-flex;position:relative}.viewtab[data-view=walkthrough]{--view-color:var(--walk-mint);--view-bg:#27fcae33;--view-edge:#27fcae8f}.viewtab:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 8px}.viewtab:hover{background:var(--view-bg);opacity:1}.viewtab.on{color:var(--view-color);background:var(--view-bg);box-shadow:inset 0 0 0 1px var(--view-edge), inset 0 1px 0 #ffffff14;opacity:1;font-weight:750}.viewtab:active{transform:scale(.97)}#topbar .sub{color:var(--dim);max-width:460px;font-size:12px;line-height:1.25}@media (max-width:1560px){#topbar .sub{display:none}}.spacer{flex:1}.dim{color:var(--dim)}.hudchips{align-items:center;gap:6px;display:flex}.chip{font-family:var(--mono);background:var(--panel);border:1px solid var(--panel-edge);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:4px 9px;font-size:12px;display:inline-flex}#spark{display:block}#body{flex:1;min-height:0;display:flex}#walkthrough{z-index:50;overscroll-behavior:contain;background:var(--walk-bg);color:var(--walk-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;font-family:Muoto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:54px 0 0;overflow-y:auto}#walkthrough:focus{outline:none}#app.walk-mode #body,#app.walk-mode #foot{pointer-events:none}#app.walk-mode #topbar{background:var(--walk-bg);border-bottom-color:var(--walk-rule)}#app.walk-mode #viewtabs{background:linear-gradient(#1c1c1e,#0d0d0e);border-color:#343438}#app.walk-mode .viewtab.on{background:var(--view-bg)}#app.walk-mode .hudchips{display:none}#app.walk-mode #topbar .sub{max-width:560px}.walk-shell{width:min(1000px,100% - 64px);margin:0 auto;padding:clamp(72px,9vw,112px) 0 120px}.walk-hero{isolation:isolate;text-align:center;max-width:800px;margin:0 auto;padding-bottom:clamp(88px,10vw,128px);position:relative}.walk-hero:before{content:"";z-index:-1;opacity:.22;filter:blur(70px);background:radial-gradient(circle at 20% 35%,#ff9900d9,#0000 24%),radial-gradient(circle at 48% 22%,#c157ffbf,#0000 27%),radial-gradient(circle at 76% 42%,#00c2ffb8,#0000 28%),radial-gradient(circle at 54% 72%,#00d98bb3,#0000 25%);position:absolute;inset:-20% 8% 12%}.walk-hero-mark{display:none}.walk-eyebrow,.walk-step-no{color:var(--walk-mint);font:700 11px/1.2 var(--walk-code);letter-spacing:.08em;text-transform:uppercase}.walk-hero .walk-eyebrow{isolation:isolate;background:var(--walk-bg);color:var(--walk-ink);letter-spacing:0;text-transform:none;border-radius:2.5em;padding:8px 14px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex;position:relative}.walk-hero .walk-eyebrow:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--walk-orbit,0turn), #f90, #ff5e5e, #c157ff, #4c6bff, #00c2ff, #00d98b, #f90);-webkit-mask-composite:xor;padding:1.5px;animation:3.8s linear infinite walk-orbit;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.walk-hero h1{color:var(--walk-ink);letter-spacing:-.055em;margin-top:30px;font-size:clamp(52px,7.8vw,84px);font-weight:900;line-height:1.05}.walk-hero h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(175deg,#fff 0%,#ffffffb8 100%);-webkit-background-clip:text;background-clip:text}.walk-hero h1 em{color:var(--walk-pink);padding-right:.04em;font-size:105%;font-style:italic;animation:14s linear infinite walk-accent}.walk-lede{max-width:730px;color:var(--walk-copy);margin:30px auto 0;font-size:clamp(18px,2.2vw,21px);line-height:1.6}.walk-invariant{border:1px solid var(--walk-rule);background:linear-gradient(135deg, #ffffff12, #ffffff04 55%, #0000001a), var(--walk-panel);width:-moz-fit-content;width:fit-content;max-width:100%;font:12px/1.3 var(--walk-code);color:var(--walk-dim);border-radius:16px;justify-content:center;align-items:center;gap:12px;margin:36px auto 0;padding:14px 18px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000040}.walk-invariant span{white-space:nowrap}.walk-invariant b{color:var(--walk-mint);margin-right:5px;font-weight:650}.walk-invariant i{color:#52525b;font-style:normal}.walk-rule{border-bottom:1px solid var(--walk-rule);color:var(--walk-dim);font:11px/1.2 var(--walk-code);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;padding:14px 0;display:flex}.walk-rule span:first-child{color:var(--walk-ink);font-weight:700}.walk-step{border-bottom:1px solid var(--walk-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,80px);padding:clamp(72px,8vw,96px) 0;display:grid}.walk-code{border:1px solid var(--walk-rule);background:linear-gradient(135deg, #ffffff0e, transparent 50%, #00000014), var(--walk-panel);color:#e1e4e8;border-radius:16px;align-self:start;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #0000003d}.walk-code-head{border-bottom:1px solid var(--walk-rule);color:#71717a;font:10.5px/1.2 var(--walk-code);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:12px 16px;display:flex}.walk-code-head span:first-child{color:var(--walk-mint)}.walk-source{color:#e1e4e8;min-height:230px;font:13px/1.65 var(--walk-code);tab-size:2;white-space:pre;padding:24px;overflow-x:auto}.walk-source i{font-style:normal}.walk-source .t-col{color:#e1e4e8}.walk-source .t-m,.walk-source .t-fn{color:var(--walk-mint)}.walk-source .t-str{color:#f1fa8c}.walk-source .t-num{color:#ffb86c}.walk-source .t-key{color:var(--walk-pink);font-weight:700}.walk-source .t-comment{color:#6272a4}.walk-code-foot{border-top:1px solid var(--walk-rule);color:#71717a;font:10.5px/1.45 var(--walk-code);justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 16px 12px;display:flex}.walk-code-foot>span:first-child{letter-spacing:.06em;text-transform:uppercase;flex:none;padding-top:2px}.walk-source-links{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;display:flex}.walk-source-links a{color:var(--walk-dim);text-underline-offset:3px;text-decoration:none}.walk-source-links a:hover{color:var(--walk-mint);text-decoration:underline}.walk-source-links a:focus-visible{outline:2px solid var(--walk-mint);outline-offset:2px;border-radius:3px}.walk-copy{max-width:540px;padding-top:2px}.walk-copy h2,.walk-end h2{color:var(--walk-ink);letter-spacing:-.035em;margin-top:15px;font-size:clamp(30px,3.4vw,43px);font-weight:800;line-height:1.13}.walk-copy>p:not(.walk-step-no){color:var(--walk-copy);margin-top:22px;font-size:17px;line-height:1.65}.walk-copy code{color:var(--walk-mint);font:.88em/1.2 var(--walk-code);background:#1a1b26;border-radius:8px;padding:2px 5px}.walk-note{border:1px solid var(--walk-rule);background:linear-gradient(135deg, #ffffff0e, #ffffff03), var(--walk-panel);color:var(--walk-dim);border-radius:16px;margin-top:28px;padding:16px 18px;font-size:14px;line-height:1.6;box-shadow:inset 0 1px #ffffff0d}.walk-note b{color:var(--walk-mint);font-weight:700}.walk-pane-ref{min-width:0;margin:16px 0 0}.walk-pane-ref figcaption{color:#71717a;font:700 10px/1.2 var(--walk-code);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:16px;padding:0 3px 8px;display:flex}.walk-pane-ref figcaption b{color:var(--walk-copy);font:inherit}.walk-pane-frame{border:1px solid var(--walk-rule);background:var(--bg2);cursor:pointer;pointer-events:auto;border-radius:12px;min-height:84px;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 6px 18px #00000040}.walk-pane-frame:hover{border-color:var(--walk-mint);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 8px 22px #27fcae24}.walk-pane-frame:focus-visible{border-color:var(--walk-mint);outline:2px solid var(--walk-mint);outline-offset:3px}.walk-pane-frame>.walk-pane-card{pointer-events:none}.walk-pane-frame:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff09,#0000 42%);position:absolute;inset:0}.walk-pane-frame .walk-pane-card{border:0;border-radius:0;width:100%;min-height:100%}.walk-pane-frame .walk-pane-card .fork{display:none}.walk-pane-frame .walk-pane-card header{margin-bottom:8px}.walk-shape-lab{border:1px solid var(--walk-rule);background:var(--walk-panel);border-radius:16px;margin-top:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0000003d}.walk-shape-lab-head,.walk-shape-colors{color:#71717a;font:700 10px/1.25 var(--walk-code);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;display:flex}.walk-shape-lab-head{border-bottom:1px solid var(--walk-rule)}.walk-shape-lab-head b{color:var(--walk-mint);font:inherit}.walk-shape-lab-state{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.walk-shape-lab-state>span:first-child{color:var(--walk-copy);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.walk-shape-lab-head .walk-robots-paused{color:#ffb86c;white-space:nowrap;background:#ffb86c14;border:1px solid #ffb86c47;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 7px;font-size:9px;display:inline-flex}.walk-shape-lab-head .walk-robots-paused[hidden]{display:none}.walk-robots-paused:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.walk-shape-stage{background-color:#101114;background-image:radial-gradient(circle at 50% 48%,#27fcae12,#0000 42%);height:190px;position:relative;overflow:hidden}.walk-shape-canvas{touch-action:none;width:100%;height:100%;display:block}.walk-shape-stage-hint{color:#606068;font:10px/1.2 var(--walk-code);pointer-events:none;position:absolute;bottom:10px;left:12px}.walk-shape-colors{border-top:1px solid var(--walk-rule)}.walk-shape-colors>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.walk-shape-swatch{cursor:pointer;background:var(--swatch);border:2px solid #101114;border-radius:50%;width:21px;height:21px;padding:0;box-shadow:0 0 0 1px #343438}.walk-shape-swatch:hover{transform:scale(1.12)}.walk-shape-swatch.on{box-shadow:0 0 0 2px var(--walk-mint)}.walk-shape-swatch:focus-visible{outline:2px solid var(--walk-mint);outline-offset:3px}.walk-fanout-demo{grid-column:1/-1;min-width:0}.walk-pane-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 12px;margin-top:28px;display:grid}.walk-pane-gallery .walk-pane-ref{margin-top:0}.walk-pane-gallery .walk-pane-frame{min-height:0}.walk-pane-gallery .walk-pane-ref figcaption,.walk-pane-gallery .code,.walk-pane-gallery .prow{display:none}.walk-pane-gallery .walk-pane-card{overflow:visible}.walk-pane-gallery .pbody{max-height:none;overflow:visible}.walk-pane-gallery .note,.walk-pane-gallery .delta,.walk-pane-gallery [data-walk-pane=recent] .pbody .row:nth-child(n+5){display:none}.walk-pane-gallery [data-walk-pane=tally] .chips .chip.on{border-color:var(--panel-edge)}@keyframes walk-value-change{0%{color:#fff;background-color:#27fcae3d;box-shadow:0 0 0 3px #27fcae24}to{background-color:#0000;box-shadow:0 0 #27fcae00}}#walk-fanout .walk-value-change{z-index:1;border-radius:5px;animation:.76s ease-out walk-value-change;position:relative}@media (min-width:1100px){.walk-fanout-demo{grid-template-columns:minmax(190px,1fr) minmax(500px,2.6fr) minmax(190px,1fr);grid-template-areas:"selection lab tally""top lab recent";align-items:start;gap:16px 18px;margin-top:6px;display:grid}.walk-fanout-demo .walk-shape-lab{grid-area:lab;margin-top:0}.walk-fanout-demo .walk-pane-gallery{display:contents}.walk-fanout-demo .walk-pane-ref:first-child{grid-area:selection}.walk-fanout-demo .walk-pane-ref:nth-child(2){grid-area:tally}.walk-fanout-demo .walk-pane-ref:nth-child(3){grid-area:top}.walk-fanout-demo .walk-pane-ref:nth-child(4){grid-area:recent}.walk-fanout-demo [data-walk-pane=selection] .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.walk-fanout-demo [data-walk-pane=top] .row .dim,.walk-fanout-demo [data-walk-pane=recent] .row .num{display:none}}.walk-end{text-align:center;max-width:820px;margin:0 auto;padding:112px 0 24px}.walk-end>p:not(.walk-eyebrow){color:var(--walk-dim);margin-top:20px;font-size:18px;line-height:1.6}.walk-cta{all:unset;cursor:pointer;color:#1e1e1e;background:linear-gradient(135deg,#ffffff40,#ffffff0d),#e8e6f0;border:1px solid #ffffff4d;border-radius:16px;align-items:center;gap:36px;margin-top:36px;padding:15px 22px;font-size:16px;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #fff6,0 2px 8px #0000004d}.walk-cta:hover{transform:translateY(-1px)scale(1.02);box-shadow:inset 0 0 0 1px #ffffff80,0 4px 12px #0006}.walk-cta:active{transform:translateY(0)scale(.98)}.walk-cta:focus-visible,.viewtab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@property --walk-orbit{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes walk-orbit{to{--walk-orbit:1turn}}@keyframes walk-accent{0%,to{color:#ff5e5e}20%{color:#c157ff}40%{color:#4c6bff}60%{color:#00c2ff}80%{color:#00d98b}}@media (prefers-reduced-motion:reduce){.walk-hero .walk-eyebrow:before,.walk-hero h1 em{animation:none}}@media (max-width:900px){#topbar .sub{display:none}.walk-shell{width:min(100% - 36px,680px);padding-top:52px}.walk-hero,.walk-step{grid-template-columns:1fr}.walk-hero{gap:42px;padding-bottom:60px}.walk-hero-mark{order:2;width:260px;font-size:120px}.walk-hero-copy{order:1}.walk-step{gap:42px;padding:64px 0 72px}.walk-copy{max-width:620px}.walk-source{min-height:0}}@media (max-width:620px){#topbar{gap:8px;padding-inline:9px}.brand{font-size:0}.brand a{font-size:13px}#viewtabs{margin-left:auto}#app:not(.walk-mode) .brand,#hud-cells,#hud-frame,#app.walk-mode .spacer{display:none}.walk-shell{width:calc(100% - 28px);padding:40px 0 72px}.walk-hero h1{font-size:52px}.walk-lede{font-size:18px}.walk-invariant{flex-direction:column;align-items:flex-start;gap:8px}.walk-invariant i,.walk-rule span:last-child{display:none}.walk-code{margin-right:5px}.walk-source{padding:19px 16px 22px;font-size:11.5px}.walk-code-foot{flex-direction:column;align-items:stretch;gap:7px}.walk-source-links{text-align:left;justify-content:flex-start}.walk-copy h2,.walk-end h2{font-size:32px}.walk-pane-gallery{grid-template-columns:1fr}.walk-shape-lab-head{flex-direction:column;align-items:flex-start;gap:5px}.walk-shape-lab-state{justify-content:space-between;width:100%}.walk-shape-lab-state>span:first-child{text-align:left;max-width:100%}.walk-shape-stage{height:170px}.walk-shape-colors{flex-direction:column;align-items:flex-start}.walk-shape-colors>div{justify-content:flex-start}.walk-shape-swatch{width:40px;height:40px}.walk-pane-gallery .walk-pane-frame{height:auto;max-height:none}}#stage{background:var(--bg);flex:1;min-width:0;position:relative}#canvas{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.floating{align-items:center;gap:6px;display:flex;position:absolute}#tools{top:12px;left:12px}.actions{top:12px;right:12px}.foldline{font-family:var(--mono);color:var(--dim);border:1px solid var(--panel-edge);background:#0f1322d9;border-radius:6px;padding:5px 10px;font-size:12px;bottom:12px;right:12px}.statusline{max-width:60%;color:var(--text);border:1px solid var(--panel-edge);background:#0f1322d9;border-radius:6px;padding:5px 10px;font-size:12.5px;bottom:12px;left:12px}.statusline:empty{display:none}.qfloat{border:1px solid var(--panel-edge);pointer-events:none;background:#0f1322d9;border-radius:6px;width:284px;padding:7px 10px;display:block;top:56px;left:12px}.qfloat .qhead{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:4px;font-size:11px;font-weight:650;display:flex}.qfloat .code{margin-bottom:0}.qfloat .delta{text-overflow:ellipsis;width:0;min-width:100%;margin-top:5px;overflow:hidden}#tools button,.actions button{all:unset;cursor:pointer;border:1px solid var(--panel-edge);color:var(--text);background:#121728e6;border-radius:6px;padding:6px 11px;font-size:13px}.actions .hbtn{padding:5px 9px;font-size:15px;line-height:1}.actions button:disabled{opacity:.38;cursor:default}.actions button:disabled:hover{border-color:var(--panel-edge)}.actions .sep{background:var(--panel-edge);width:1px;height:18px;margin:0 2px}#tools button.on{background:var(--accent);color:#0b0e17;font-weight:650}#tools button:not(.on):hover,.actions button:hover{border-color:var(--accent)}#rail{border-left:1px solid var(--panel-edge);background:var(--bg2);flex-direction:column;gap:10px;width:342px;padding:10px;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:9px;padding:10px 12px}.panel:focus{outline:2px solid var(--good);outline-offset:3px}.panel header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.panel h2{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:650}.ph-right{align-items:center;gap:8px;display:inline-flex}.hyd{font-family:var(--mono);color:var(--dim);font-size:10.5px}.code{font-family:var(--mono);color:var(--dim);white-space:pre-wrap;margin-bottom:7px;font-size:11px;line-height:1.5}.code:empty{display:none}.code i,.qcomp i{font-style:normal}.code .t-col,.qcomp .t-col{color:var(--text)}.code .t-m,.code .t-fn,.qcomp .t-m,.qcomp .t-fn{color:var(--accent)}.code .t-str,.qcomp .t-str{color:var(--good)}.code .t-num{color:var(--warn)}.pbody .row{font-family:var(--mono);align-items:center;gap:6px;padding:2.5px 0;font-size:11.5px;display:flex;position:relative}.pbody .row .num{color:var(--dim);margin-left:auto}.pbody .empty,.pbody p.empty{color:var(--dim);font-family:system-ui,sans-serif;font-size:12px}.row.bar .barfill{z-index:0;background:#78c8ff17;border-radius:3px;position:absolute;top:2px;bottom:2px;left:0}.row.bar>:not(.barfill){z-index:1;position:relative}.sw{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.lrow b{font-weight:550}.lrow.off>:not(.eye){opacity:.4}.eye{all:unset;cursor:pointer;text-align:center;border:1px solid var(--panel-edge);border-radius:5px;width:24px;padding:1px 0;font-size:12px}.eye:hover{border-color:var(--accent)}.bignum{font-family:var(--mono);margin:2px 0 6px;font-size:26px;font-weight:650}.bignum small{color:var(--dim);font-size:12px;font-weight:400}.fields{grid-template-columns:repeat(4,1fr);gap:6px 10px;margin-bottom:8px;display:grid}.f{flex-direction:column;display:flex}.f label{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.f b{font-family:var(--mono);align-items:center;gap:5px;font-size:12.5px;font-weight:550;display:inline-flex}.prow{justify-content:space-between;align-items:center;display:flex}.prow .hint{font-family:var(--mono);color:var(--dim);font-size:10.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip.on{border-color:var(--accent)}.chips .chip{all:unset;cursor:pointer;border:1px solid var(--panel-edge);background:var(--bg2);border-radius:7px;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.chips .chip.on{border-color:var(--text)}.chips .chip:hover{border-color:var(--accent)}.chips .chip .sw{border-radius:4px;width:16px;height:16px}.chips .chip b{font-family:var(--mono);color:var(--dim);font-size:11px;font-weight:550}.note{color:var(--dim);margin-top:7px;font-size:11px;line-height:1.4}.delta{font-family:var(--mono);color:var(--warn);opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:10.5px;overflow:hidden}.delta:empty{display:none}.fork{all:unset;cursor:pointer;color:var(--dim);letter-spacing:.04em;font-size:10.5px}.fork:hover{color:var(--accent)}.xclose{all:unset;cursor:pointer;color:var(--dim);padding:0 2px;font-size:11px}.xclose:hover{color:var(--bad)}.qedit{resize:vertical;background:var(--bg2);width:100%;color:var(--text);border:1px solid var(--panel-edge);font-family:var(--mono);border-radius:6px;margin-bottom:6px;padding:6px 8px;font-size:11px;line-height:1.5}.qedit:focus{border-color:var(--accent);outline:none}.qwrap{background:var(--bg2);border-radius:6px;margin-bottom:6px;position:relative}.qwrap .qedit{z-index:1;color:#0000;caret-color:var(--text);overflow-wrap:break-word;background:0 0;margin-bottom:0;display:block;position:relative}.qwrap .qedit::selection{background:#78c8ff47}.qwrap .qhl{pointer-events:none;overflow-wrap:break-word;border:1px solid #0000;margin:0;padding:6px 8px;position:absolute;inset:0;overflow:hidden}.qcomp{z-index:20;background:var(--panel);border:1px solid var(--panel-edge);font-family:var(--mono);border-radius:6px;max-height:158px;margin-top:3px;font-size:11px;line-height:1.5;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 18px #00000073}.qcomp .qopt{cursor:pointer;justify-content:space-between;gap:10px;padding:2.5px 8px;display:flex}.qcomp .qopt span{color:var(--dim);font-size:9.5px}.qcomp .qopt.sel,.qcomp .qopt:hover{background:var(--bg2)}.custom.qbad .qedit{border-color:var(--bad)}.qerr{font-family:var(--mono);color:var(--bad);white-space:pre-wrap;margin-bottom:6px;font-size:10.5px}.qerr:empty{display:none}.qactions{margin-bottom:6px}.row.generic{flex-wrap:wrap}#addpane{text-align:center;flex:none;padding:8px 0}button.ghost{all:unset;cursor:pointer;color:var(--dim);border:1px solid var(--panel-edge);border-radius:6px;padding:4px 10px;font-size:12px}button.ghost:hover{color:var(--text);border-color:var(--accent)}@keyframes walk-focus{0%{border-color:var(--good);box-shadow:0 0 0 2px #3ecf8e80,0 0 22px #3ecf8e40}to{border-color:var(--panel-edge);box-shadow:none}}@keyframes fold{0%{border-color:var(--accent);box-shadow:0 0 0 1px #78c8ff59}to{border-color:var(--panel-edge);box-shadow:none}}.panel.fold,.qfloat.fold{animation:.38s ease-out fold}.panel.walk-focus{animation:.9s ease-out walk-focus}@keyframes okflash{0%{border-color:var(--good);box-shadow:0 0 0 1px #3ecf8e80}to{border-color:var(--panel-edge)}}.panel.okflash,.qfloat.okflash{animation:.7s ease-out okflash}@keyframes badflash{0%{border-color:var(--bad);box-shadow:0 0 0 2px #ff6b6b99}to{border-color:var(--bad)}}.panel.badflash,.qfloat.badflash{animation:.7s ease-out forwards badflash}#foot{border-top:1px solid var(--panel-edge);background:var(--bg2);font-family:var(--mono);align-items:center;gap:12px;padding:6px 14px;font-size:11.5px;display:flex}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}@media (max-width:760px){#topbar{padding-left:max(9px, env(safe-area-inset-left));padding-right:max(9px, env(safe-area-inset-right))}#app:not(.walk-mode) .brand,#app:not(.walk-mode) .hudchips{display:none}#app:not(.walk-mode) #viewtabs{margin-inline:auto}#rail,#canvasq,#hud-fold,#foot{display:none}#body,#stage{width:100%}.actions{top:8px;right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));justify-content:center}.actions .sep{display:none}#tools{top:auto;right:auto;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1322e0;border-radius:10px;padding:4px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000057}#tools button,.actions button{-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0 8px;font-size:12px;display:inline-flex}.actions .hbtn{padding:0 7px}.statusline{top:56px;right:max(8px, env(safe-area-inset-right));bottom:auto;left:max(8px, env(safe-area-inset-left));pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:none;overflow:hidden}}@media (max-width:360px){.actions{gap:4px}.actions #bots{display:none}}