@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.wb-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;padding:88px 0 72px;display:grid}.wb-hero h1{letter-spacing:-.045em;font-size:clamp(60px,9vw,128px);font-weight:700;line-height:.9}.wb-intro{letter-spacing:-.015em;text-wrap:pretty;max-width:720px;margin-top:32px;font-size:clamp(21px,2.4vw,30px);line-height:1.3}.wb-links{font:400 14px var(--font-mono);flex-wrap:wrap;gap:8px 20px;margin-top:28px;display:flex}.wb-portrait{object-fit:cover;border-radius:6px;width:180px;height:220px;display:block}.wb-hero,.wb-section{line-height:normal}.wb-section{border-top:1px solid var(--ink);grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;padding:72px 0;scroll-margin-top:60px;display:grid}.wb-section h2{letter-spacing:-.03em;font-size:36px;font-weight:600;line-height:1.02}.wb-meta{font:400 13px/1.5 var(--font-mono);color:var(--muted);margin-top:10px}.wb-body{text-wrap:pretty;margin-top:20px;font-size:16px;line-height:1.6}.wb-how{color:var(--muted);text-wrap:pretty;margin-top:16px;font-size:15px;line-height:1.6}.wb-how-touch{display:none}@media (pointer:coarse){.wb-how-fine{display:none}.wb-how-touch{display:block}}.wb-status{font:500 14px/1.6 var(--font-mono);white-space:pre-line;min-height:1.6em;margin-top:22px}.wb-status.is-error{color:var(--bad)}.wb-reload{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.wb-extlink{font:400 13px var(--font-mono);margin-top:18px;display:inline-block}.wb-highlights{border-top:1px solid var(--line);margin-top:24px;font-size:14px;line-height:1.5;list-style:none}.wb-highlights li{border-bottom:1px solid var(--line);padding:10px 0}.panel{border:1px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);border-radius:10px;align-self:start;min-width:0;overflow:hidden;container-type:inline-size}.panel-bar{border-bottom:1px solid var(--ink);font:500 12.5px var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:49px;padding:10px 14px;display:flex}.panel-bar--tight{padding-top:8px;padding-bottom:8px}.panel-foot{border-top:1px solid var(--ink);font:400 12.5px var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.muted{color:var(--muted)}.btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stack{display:grid}.stack>*{min-width:0}.pane,.panel--dark{background:var(--pane);color:var(--pane-ink);font:400 13px/1.7 var(--font-mono);scrollbar-width:thin;scrollbar-color:#45444b transparent}textarea.pane{resize:none;width:100%;caret-color:var(--pane-accent);border:none;outline:none;display:block}textarea.pane::selection,.pane ::selection{background:var(--pane-accent);color:var(--pane)}.field{font:400 12px var(--font-mono);color:var(--muted);flex-direction:column;gap:6px;min-width:0;display:flex}.input{font:400 15px var(--font-sans);color:var(--ink);border:1px solid var(--line);background:var(--card);border-radius:6px;outline:none;width:100%;min-width:0;padding:9px 10px}.input:focus-visible{border-color:var(--ink);outline:none}.input--mono{font-family:var(--font-mono)}.dd{min-width:0;color:var(--ink);position:relative}.dd--field{font:400 15px var(--font-sans)}.dd--compact{font:500 12.5px var(--font-mono)}.dd-combo{border:1px solid var(--line);background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;transition:border-color .15s;display:flex}.dd--compact .dd-combo{border-radius:5px;padding:5px 8px}.dd-combo:hover,.dd-combo:focus-visible,.dd-combo[aria-expanded=true]{border-color:var(--ink)}.dd-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-chev{fill:none;width:12px;height:12px;stroke:var(--muted);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}.dd-combo[aria-expanded=true] .dd-chev{transform:rotate(180deg)}.dd-list{z-index:30;overscroll-behavior:contain;border:1px solid var(--ink);background:var(--card);min-width:100%;max-width:calc(100vw - 16px);max-height:280px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow:auto;transition:none!important}.dd-list:not(.is-open){display:none}.dd-list:popover-open{margin:0;position:fixed;inset:auto}@media (prefers-reduced-motion:no-preference){.dd-list.is-open{animation:.12s ease-out dd-in}}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px)}}.dd-opt{white-space:nowrap;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;padding:7px 10px;display:flex}.dd--compact .dd-opt{padding:6px 8px}.dd-opt.is-active{background:var(--soft)}.dd-opt[aria-selected=true]:after{content:"";border:solid var(--accent);border-width:0 0 2px 2px;width:9px;height:5px;margin-top:-3px;transform:rotate(-45deg)}@media (pointer:coarse){.dd-opt,.dd--compact .dd-opt{padding:10px 12px}}.wb-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:4px;padding:4px 8px;transition:background .25s,color .25s}.wb-chip.is-on{background:var(--accent);color:var(--accent-fg)}.tree{position:relative}.tree svg{aspect-ratio:2;width:100%;height:auto;display:block}.tree line{stroke:var(--line);stroke-width:2px}.node{border:1.5px solid var(--ink);background:var(--card);width:38px;height:38px;color:var(--ink);font:500 13px var(--font-mono);border-radius:50%;place-items:center;margin:-19px 0 0 -19px;transition:left .35s,top .35s,background .25s,color .25s;display:grid;position:absolute}.node.is-on{background:var(--accent);color:var(--accent-fg)}.node.is-path{background:var(--soft)}@media (width<=760px){.wb-hero{grid-template-columns:minmax(0,1fr);padding:56px 0 48px}.wb-portrait{width:120px;height:150px}.wb-section{grid-template-columns:minmax(0,1fr);gap:26px;padding:52px 0}.wb-section h2{font-size:30px}.panel{box-shadow:4px 4px 0 var(--ink)}.stack{grid-template-columns:minmax(0,1fr)!important}.stack>*{border-right:none!important}}@media (pointer:coarse){.input,textarea.pane{font-size:16px}}.mismo-stack{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.mismo-form{border-right:1px solid var(--line);flex-direction:column;gap:14px;padding:18px;display:flex}.mismo-xml{padding:16px 18px;font-size:12.5px;line-height:1.75;overflow:auto}.mismo-xml>div{white-space:pre}.x-tag{color:var(--pane-muted)}.x-val{color:oklch(80% .13 65)}.mismo-rt.is-ok{color:var(--ok)}.mismo-rt.is-bad{color:var(--bad)}.sq-tries{font:400 13px var(--font-mono);flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;display:flex}.sq-try{text-align:left;cursor:pointer;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;background:0 0;border:none;padding:0}.sq-try:hover{text-decoration-color:var(--ink)}.panel--dark{background:var(--pane);color:var(--pane-ink);flex-direction:column;display:flex}.panel--dark .panel-bar{border-bottom-color:var(--pane-rule);color:var(--pane-muted)}.sq{cursor:text}.sq-screen{height:380px;font:400 13px/1.7 var(--font-mono);padding:14px 16px;overflow:auto}.sq-log>div{white-space:pre-wrap;overflow-wrap:anywhere}.sq-echo{color:var(--pane-ink)}.sq-out{color:var(--pane-out)}.sq-note{color:var(--pane-muted)}.sq-err{color:var(--pane-error)}.sq-row{gap:8px;display:flex}.sq-prompt{color:var(--pane-accent)}.sq-in{min-width:0;color:var(--pane-ink);font:400 13px var(--font-mono);caret-color:var(--pane-accent);background:0 0;border:none;outline:none;flex:1}@media (pointer:coarse){.sq-in{font-size:16px}}.pipe-scroll{padding:14px;overflow-x:auto}.pipe{font:400 12px var(--font-mono);gap:3px;min-width:560px;display:grid}.pipe-head{text-align:center;color:var(--muted);border-bottom:2px solid #0000;padding:4px 0}.pipe-head.is-now{color:var(--ink);border-bottom-color:var(--accent)}.pipe-asm{white-space:nowrap;padding:8px 6px}.pipe-cell{border-radius:4px;place-items:center;height:34px;font-size:11px;font-weight:500;transition:background .25s,color .25s;display:grid}.pipe-cell[data-s=future],.pipe-cell[data-s=IF],.pipe-cell[data-s=if]{background:var(--grid);color:var(--ink)}.pipe-cell[data-s=future]{color:#0000}.pipe-cell[data-s=ID]{background:var(--line);color:var(--ink)}.pipe-cell[data-s=stall]{background:repeating-linear-gradient(135deg, var(--soft) 0 4px, var(--card) 4px 8px);color:var(--ink)}.pipe-cell[data-s=EX]{background:var(--accent);color:var(--accent-fg)}.pipe-cell[data-s=MEM]{background:var(--muted);color:var(--card)}.pipe-cell[data-s=WB]{background:var(--ink);color:var(--card)}.asm-stack{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.asm-src{white-space:pre;min-height:300px;padding:16px 18px;font-size:13px;line-height:1.75;overflow:auto;border-right:1px solid var(--line)!important;resize:vertical!important}.asm-out{font:400 12px/1.5 var(--font-mono);overflow:auto}.asm-row{border-bottom:1px solid var(--line);grid-template-columns:30px 46px 92px minmax(0,1fr);align-items:center;gap:0 10px;padding:7px 14px;display:grid}.asm-head{color:var(--muted);white-space:nowrap;padding-top:8px;padding-bottom:8px}.asm-bits{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.asm-bits>span:not(.muted){border-radius:3px;padding:1px 5px}.b-op{background:var(--ink);color:var(--card)}.b-reg{background:var(--line)}.b-rest{background:var(--soft);letter-spacing:.02em}@container (width<=620px){.asm-stack{grid-template-columns:minmax(0,1fr)}.asm-src{min-height:230px;border-right:none!important}}.zoo-field{cursor:crosshair;background:repeating-linear-gradient(0deg, transparent 0 39px, var(--grid) 39px 40px), repeating-linear-gradient(90deg, transparent 0 39px, var(--grid) 39px 40px);width:100%;height:400px;display:block}@media (width<=760px){.zoo-field{height:300px}}.heap-tree-wrap{padding:10px 14px 0}.heap-array{border-top:1px solid var(--line);font:400 12px var(--font-mono);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 14px 14px;display:flex}.heap-array>.muted{padding:4px 6px 4px 0}.heap-chips{display:contents}.z-stack{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.z-list{border-right:1px solid var(--line);font:400 12px var(--font-mono);min-height:260px}.z-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 40px 34px 30px 36px;gap:6px;padding:7px 14px;transition:background .25s;display:grid}.z-row>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.z-row.is-top{background:var(--soft)}.z-head{color:var(--muted);padding-top:8px;padding-bottom:8px}.z-empty{padding:18px 14px}.z-median{font:400 12.5px var(--font-mono);padding:14px}.z-label{margin-bottom:6px;font-size:12px}.z-num{font:600 40px/1 var(--font-sans);letter-spacing:-.03em;margin:4px 0 14px}.z-heaps{grid-template-columns:1fr 1fr;gap:10px;display:grid}.z-chips{flex-wrap:wrap;gap:4px;display:flex}.z-chips .wb-chip{padding:3px 7px}.z-note{margin-top:14px;line-height:1.5}@media (width<=760px){.z-list{border-bottom:1px solid var(--line);min-height:0}.z-list .z-row:last-child{border-bottom:none}}.bst-q{align-items:center;gap:8px;display:flex}.bst-in{border:1px solid var(--line);background:var(--card);width:80px;color:var(--ink);font:500 13px var(--font-mono);border-radius:5px;outline:none;padding:5px 8px}.bst-in:focus-visible{border-color:var(--ink)}.bst-wrap{padding:10px 14px 14px}.node--bst{width:40px;height:40px;margin:-20px 0 0 -20px;font-size:12px;transition:left .35s,top .35s,background .2s,color .2s}@media (pointer:coarse){.bst-in{font-size:16px}}.tb-in{resize:none;border:none;border-bottom:1px solid var(--line);background:var(--card);width:100%;height:110px;color:var(--ink);font:400 15px/1.6 var(--font-mono);outline:none;padding:14px 16px;display:block}.tb-list{font:500 12.5px var(--font-mono);flex-wrap:wrap;align-items:center;gap:4px 0;padding:16px 14px 18px;display:flex}.tb-end{margin-right:8px}.tb-null{margin:0 0 0 8px}.tb-nodes{display:contents}.tb-node{align-items:center;display:inline-flex}.tb-link{background:var(--accent);border-radius:2px;width:6px;height:3px;margin:0 1px;transition:width .15s}.tb-char{border:1px solid var(--ink);background:var(--card);width:26px;height:30px;color:var(--ink);white-space:pre;border-radius:4px;place-items:center;display:grid}.tb-node.is-cur .tb-link,.tb-tail.is-cur{width:14px}.tb-node.is-cur .tb-char{background:var(--soft)}@media (pointer:coarse){.tb-in{font-size:16px}}.se-bar{border-bottom:1px solid var(--ink);align-items:center;gap:12px;padding:14px 16px;display:flex}.se-q{font:500 13px var(--font-mono);color:var(--muted)}.se-in{min-width:0;font:500 20px var(--font-sans);color:var(--ink);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1}.se-results{min-height:300px}.se-hit{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:minmax(0,1fr) 90px;gap:20px;padding:16px;text-decoration:none;transition:background .15s;display:grid}.se-hit:hover{background:var(--paper)}.se-title{letter-spacing:-.01em;font-size:17px;font-weight:600}.se-course{font:400 12px var(--font-mono);color:var(--muted);margin-top:2px}.se-body{margin-top:8px;font-size:14px;line-height:1.55}.se-body mark{background:var(--soft);color:inherit}.se-score{font:400 11.5px var(--font-mono);color:var(--muted);flex-direction:column;align-items:flex-end;gap:6px;padding-top:4px;display:flex}.se-track{background:var(--grid);border-radius:2px;width:90px;height:4px;overflow:hidden}.se-bar-fill{background:var(--accent);height:100%;transition:width .4s var(--ease-out)}.se-none{font:400 13px var(--font-mono);color:var(--muted);padding:24px 16px}@media (width<=760px){.se-hit{grid-template-columns:minmax(0,1fr) 64px;gap:12px}.se-track{width:64px}}.ig-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ig-src{border-right:1px solid var(--line);flex-direction:column;display:flex}.ig-src textarea{white-space:pre-wrap;padding:14px 16px;font-size:12.5px;line-height:1.65;overflow:auto}.ig-tpl{height:190px;border-bottom:1px solid var(--pane-rule)!important}.ig-ctx{height:150px;background:var(--pane-2)!important}.ig-out{background:#fff;border:0;width:100%;height:340px;display:block}.sql-tabs{justify-content:flex-start;gap:6px}.sql-text{white-space:pre-wrap;margin:0;padding:14px 16px;font-size:12.5px;line-height:1.65}.sql-stack{font:400 12.5px var(--font-mono);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.sql-books{border-right:1px solid var(--line)}.sql-cap{border-bottom:1px solid var(--line);padding:8px 14px}.sql-book{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.9fr);gap:8px;padding:6px 14px;transition:background .2s;display:grid}.sql-book>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sql-book.is-hit{background:var(--soft)}.sql-res{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:7px 14px;display:flex}.nb-in{resize:none;border:none;border-bottom:1px solid var(--ink);background:var(--card);width:100%;height:84px;color:var(--ink);font:500 18px/1.45 var(--font-sans);letter-spacing:-.01em;outline:none;padding:14px 16px;display:block}.nb-verdict{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.nb-v{font:600 22px var(--font-sans);letter-spacing:-.02em}.nb-v[data-tone=pos]{color:var(--ok)}.nb-v[data-tone=neg]{color:var(--bad)}.nb-v[data-tone=none]{color:var(--muted)}.nb-detail{font:400 12.5px var(--font-mono)}.nb-words{font:400 12.5px var(--font-mono);flex-direction:column;gap:5px;min-height:200px;padding:10px 16px 14px;display:flex}.nb-row{grid-template-columns:110px minmax(0,1fr) 60px;align-items:center;gap:10px;display:grid}.nb-word{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nb-row[data-unseen] .nb-word{color:var(--muted)}.nb-track{background:var(--grid);border-radius:3px;height:14px;position:relative}.nb-track:before{content:"";background:var(--muted);width:1px;position:absolute;top:0;bottom:0;left:50%}.nb-bar{border-radius:2px;transition:left .25s,width .25s;position:absolute;top:2px;bottom:2px}.nb-bar[data-side=pos]{background:oklch(62% .15 150)}.nb-bar[data-side=neg]{background:oklch(60% .19 25)}.nb-val{text-align:right}@media (width<=760px){.nb-row{grid-template-columns:84px minmax(0,1fr) 48px}}.bs-bar{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px 14px;display:grid}.bs-in{border-radius:5px;padding:7px 9px;font-size:13px}.bs-run{padding:8px 12px}.bs-canvas{width:100%;height:260px;display:block}@media (width<=760px){.bs-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bs-run{grid-column:1/-1}}@media (pointer:coarse){.bs-in{font-size:16px}}.ast{background:#000}.ast-bar{background:var(--card)}.ast-tools{align-items:center;gap:10px;display:flex}@media (pointer:coarse){.ast-kbd{display:none}}.ast-stage{aspect-ratio:1290/730;background:#000;width:100%;position:relative;overflow:hidden}.ast-stage iframe{transform-origin:0 0;background:#000;border:0;width:1290px;height:730px;position:absolute;top:0;left:0}.ast-cover{cursor:pointer;color:#fff;font:500 14px var(--font-mono);background:#000 50%/cover no-repeat;border:none;place-items:center;display:grid;position:absolute;inset:0}.ast-cover span{background:#0000008c;border:1px solid #ffffffb3;border-radius:6px;padding:12px 18px}.ast-cover:hover span,.ast-cover:focus-visible span{background:#000000bf}.ast.is-full{z-index:500;box-shadow:none;border:none;border-radius:0;flex-direction:column;align-self:stretch;display:flex;position:fixed;inset:0}.ast.is-full .ast-stage{aspect-ratio:auto;flex:1}html.ast-locked,html.ast-locked body{overflow:hidden}.music-stage{aspect-ratio:16/10;background:repeating-linear-gradient(135deg, var(--grid) 0 12px, var(--card) 12px 24px);place-items:center;display:grid;position:relative}.music-wait{font:400 12px var(--font-mono);color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:5px;padding:8px 12px}.music-stage iframe{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}@container (width<=600px){.music-stage{aspect-ratio:4/5}}.ei-wrap{justify-content:center;display:flex}.ei-phone{background:var(--ink);border-radius:34px;width:320px;max-width:100%;padding:12px;box-shadow:0 30px 60px -30px #00000080}.ei-screen{color:#111;background:#fff;border-radius:24px;flex-direction:column;height:560px;font-family:-apple-system,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.ei-top{padding:46px 20px 0}.ei-small{color:#666;font-size:12px}.ei-item{justify-content:space-between;align-items:baseline;margin-top:6px;display:flex}.ei-item .ei-small{font-size:13px}.ei-name{letter-spacing:-.02em;font-size:20px;font-weight:700}.ei-track{background:#eee;border-radius:5px;height:10px;margin-top:12px;overflow:hidden}.ei-fill{width:0;height:100%;transition:width .5s var(--ease-out);background:oklch(62% .19 150)}.ei-count{color:#555;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.ei-label{margin-top:22px;padding:0 20px}.ei-tasks{flex-direction:column;gap:6px;padding:8px 12px 12px;display:flex;overflow:auto}.ei-task{text-align:left;cursor:pointer;font:inherit;color:#111;background:#f6f6f6;border:none;border-radius:12px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:background .2s;display:grid}.ei-check{color:#fff;border:2px solid #c8c8c8;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;transition:background .2s;display:grid}.ei-task-name{font-size:15px}.ei-tier{color:#666;white-space:nowrap;font-size:12px}.ei-task[aria-pressed=true]{background:#f2f8f3}.ei-task[aria-pressed=true] .ei-check{background:oklch(62% .19 150);border-color:oklch(62% .19 150)}.ei-task[aria-pressed=true] .ei-check:after{content:"✓"}.ei-task[aria-pressed=true] .ei-task-name{color:#888;text-decoration:line-through}.ei-earned{color:#fff;text-align:center;background:oklch(62% .19 150);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.ei-earned[hidden]{display:none}.ei-youve{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:12px}.ei-big{letter-spacing:-.03em;margin-top:6px;font-size:44px;font-weight:800;line-height:1}.ei-earned p{opacity:.95;margin-top:14px;font-size:15px;line-height:1.5}.ei-buy{color:oklch(45% .16 150);background:#fff;border-radius:999px;margin-top:22px;padding:12px 22px;font-weight:600;text-decoration:none}.ei-again{color:#fff;font:inherit;cursor:pointer;opacity:.9;background:0 0;border:none;margin-top:14px;font-size:13px;text-decoration:underline}.ei-home{background:#00000040;border-radius:3px;width:130px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.snap-bar{justify-content:flex-start;gap:8px}.snap-bar .dd{flex:130px}.snap-speak{margin-left:auto}.snap-stack{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.snap-map{border-right:1px solid var(--line);background:repeating-linear-gradient(0deg, transparent 0 29px, var(--grid) 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, var(--grid) 29px 30px);position:relative}.snap-box{position:relative}.snap-map svg{aspect-ratio:600/320;width:100%;height:auto;display:block}.snap-map polyline{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linejoin:round;stroke-dasharray:8 6}.snap-pin{align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-7px,-7px)}.snap-pin--left{flex-direction:row-reverse;transform:translate(calc(7px - 100%),-7px)}.snap-dot{border:1.5px solid var(--ink);background:var(--card);border-radius:50%;flex:none;width:14px;height:14px;transition:background .2s}.snap-pin[data-role=from] .snap-dot{background:var(--ink)}.snap-pin[data-role=to] .snap-dot{background:var(--accent)}.snap-name{font:400 11px var(--font-mono);color:var(--ink);white-space:nowrap}.snap-steps{flex-direction:column;gap:8px;padding:12px 14px;font-size:14.5px;line-height:1.45;list-style:none;display:flex}.snap-steps li{border-radius:6px;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:8px 10px;transition:background .2s;display:grid}.snap-steps li.is-on{background:var(--soft)}.snap-n{font:500 12px/1.6 var(--font-mono);color:var(--muted)}@container (width<=640px){.snap-stack{grid-template-columns:minmax(0,1fr)}.snap-map{border-right:none;border-bottom:1px solid var(--line)}}.snap-note{border-top:1px solid var(--line);font:400 12px var(--font-mono);color:var(--muted);padding:8px 14px}.py-cam{background:var(--pane);border-radius:4px;width:64px;height:48px}.py-cam[hidden]{display:none}.py-field{background:var(--pane);touch-action:manipulation;outline:none;width:100%;height:320px;display:block}.py-field:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.ns-log{font-size:15px;line-height:1.55;list-style:none}.ns-log li{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(0,1fr);gap:16px;padding:14px 16px;display:grid}.ns-log li:last-child{border-bottom:none}.ns-at{font:400 12.5px/1.7 var(--font-mono);color:var(--muted)}.th-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:14px;display:grid}.th-swatch{border:1px solid var(--line);cursor:pointer;background:var(--card);color:var(--ink);text-align:left;border-radius:8px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s,transform .2s;display:flex}.th-swatch:hover{transform:translateY(-2px)}.th-swatch[aria-checked=true]{border-color:var(--ink)}.th-chip{border:1px solid var(--line);border-radius:5px;height:44px;display:block}.th-label{font:500 12.5px var(--font-mono)}@media (width<=760px){.th-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}