:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--washi:#f6f3ea;--card:#fcfbf6;--ink:#2b2b31;--ink-soft:#6e6b62;--ink-faint:#99958a;--ai-deep:#1d3a5f;--ai:#2f5d8a;--ai-soft:#86a3c0;--ai-wash:#e9eef4;--ai-wash-strong:#d3dfeb;--shu:#c94f38;--shu-soft:#e2937f;--shu-wash:#f8ece7;--line:#ded8c8;--line-strong:#beb7a4;--dye-0:#dbe4ee;--dye-1:#f3ded7;--dye-2:#ede3c8;--dye-3:#dde5cf;--dye-4:#ecdde4;--dye-5:#d9e7ea;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}body{background:repeating-linear-gradient(0deg, transparent 0 3px, #2b2b3104 3px 4px), repeating-linear-gradient(90deg, transparent 0 3px, #2b2b3104 3px 4px), var(--washi);color:var(--ink);margin:0}.app{max-width:960px;margin:0 auto;padding:1.25rem 1rem 2rem;font-family:system-ui,sans-serif}h1{letter-spacing:.01em;margin:0 0 1rem;font-size:1.7rem}.app-mark{color:var(--ai-deep);margin-right:.15rem;font-family:Hiragino Mincho ProN,Yu Mincho,Georgia,serif;font-size:1.25em}.app-subtitle{color:var(--ink-faint);margin-left:.5rem;font-size:.55em;font-weight:400}h3{color:var(--ai-deep);margin-top:0;font-weight:600}button{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);cursor:pointer;border-radius:6px;padding:.3rem .7rem;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--ai-wash);border-color:var(--ai)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--ai);outline-offset:1px}input[type=text],input[type=number],input:not([type]){font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:6px;padding:.35rem .5rem}input[type=number]{width:4rem}.prompt-bar{flex-direction:column;gap:.5rem;display:flex}.prompt-row{gap:.6rem;display:flex}.prompt-row input[data-testid=prompt-input]{flex:1;min-width:12rem;padding:.45rem .6rem}.config-row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.config-row label{color:var(--ink-soft);white-space:nowrap;font-size:.88rem}.config-row label[title]{cursor:help}.config-divider{background:var(--line);width:1px;height:1.4rem}.mode-note{color:var(--ink-faint);font-size:.78rem}.model-status-slot{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.token-stream{min-height:2.4rem;padding:.6rem 0}.token{border:1px solid var(--line-strong);white-space:pre;background:var(--card);border-radius:4px;margin:0 1px;padding:0 .3rem;display:inline-block}.token-generated{border-color:var(--ai);background:var(--ai-wash);cursor:help;position:relative}.token-popover{z-index:10;background:var(--card);border:1px solid var(--line-strong);white-space:nowrap;border-radius:8px;padding:.5rem .6rem;font-size:.78rem;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 3px 10px #2b2b311f}.popover-title{color:var(--ink-soft);margin-bottom:.3rem}.popover-row{align-items:center;gap:.4rem;line-height:1.5;display:flex}.popover-row[data-chosen=true] .popover-token{color:var(--shu);font-weight:700}.popover-token{white-space:pre;min-width:3.5rem}.popover-bar{background:var(--ai);border-radius:2px;height:8px;display:inline-block}.popover-row[data-chosen=true] .popover-bar{background:var(--shu)}.popover-pct{color:var(--ink-soft);font-family:var(--mono);font-size:.72rem}.pipeline-band{align-items:center;gap:.25rem;padding-bottom:1.5rem;display:flex;position:relative;overflow-x:auto}.stage-wrap{align-items:center;gap:.25rem;display:flex}.stage-card{border:1.5px solid var(--line-strong);background:var(--card);border-radius:8px;padding:.6rem .9rem;transition:border-color .3s,background .3s}.stage-card[data-active=true]{border-color:var(--shu);background:var(--shu-wash)}.stage-card[data-clickable=true]{cursor:pointer}.stage-card[data-clickable=true]:hover{border-color:var(--ai);background:var(--ai-wash)}.stage-summary{color:var(--ink-soft);white-space:pre;margin-top:.2rem;font-size:.72rem}.stage-arrow-wrap{flex-direction:column;align-items:center;gap:.05rem;display:inline-flex}.stage-arrow{color:var(--line-strong);transition:color .3s}.flow-shape{font-family:var(--mono);color:var(--ai);white-space:nowrap;font-size:.62rem}.loop-label{font-family:var(--mono);color:var(--ai);background:var(--washi);padding:0 .3rem;font-size:.62rem;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.stage-wrap:has(.stage-card[data-active=true]) .stage-arrow{color:var(--shu)}.loop-arrow{width:100%;height:1.2rem;color:var(--ai-soft);position:absolute;bottom:0;left:0}.example-chip-row{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.4rem;display:flex}.example-chip-label{color:var(--ink-soft);font-size:.8rem}.example-chip{border:1px solid var(--ai-soft);background:var(--ai-wash);border-radius:999px;padding:.15rem .7rem;font-size:.8rem}.example-chip:hover:not(:disabled){background:var(--ai-wash-strong)}.attention-heatmap{margin-top:1rem;overflow-x:auto}.head-chip-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.head-chip{border-radius:999px;padding:.15rem .7rem;font-size:.78rem}.head-chip[data-active=true]{border-color:var(--ai);background:var(--ai-wash-strong);color:var(--ai-deep)}.head-loc,.head-score{color:var(--ink-faint);font-size:.7rem}.attn-label{fill:var(--ink-soft);font-size:10px}.attn-label[data-hl=true]{fill:var(--shu);font-weight:700}.attn-readout{color:var(--ink);min-height:1.2em;margin:.3rem 0 0;font-size:.85rem}.attn-hint{color:var(--ink-soft);margin:.5rem 0 0;font-size:.82rem}.attn-note{color:var(--ink-faint);margin:.2rem 0 0;font-size:.72rem}.layer-stack{flex-wrap:wrap;gap:.3rem;display:flex}.layer-block{border:1px solid var(--line-strong);background:var(--card);font-family:var(--mono);border-radius:4px;padding:.2rem .4rem;font-size:.78rem;transition:background .2s}.layer-block[data-lit=true]{background:var(--ai-wash-strong);border-color:var(--ai);color:var(--ai-deep)}.layer-norm{color:var(--ink-soft);font-size:.72rem}.detail{border:1px solid var(--line);background:var(--card);border-radius:8px;min-height:10rem;padding:1rem 1.2rem;box-shadow:0 1px 3px #2b2b310d}.logits-formula{font-family:var(--mono);color:var(--ai-deep);background:var(--ai-wash);border-radius:4px;padding:.2rem .5rem;font-size:.78rem;display:inline-block}.residual-diagram{margin:.3rem 0 .8rem;overflow-x:auto}.rs-stream{stroke:var(--ai);stroke-width:2.5px}.rs-arrowhead{fill:var(--ai)}.rs-branch{stroke:var(--ai-soft);stroke-width:1.5px}.rs-box{fill:var(--ai-wash);stroke:var(--ai)}.rs-hover{cursor:help}.rs-box-label{fill:var(--ai-deep);font-size:12px;font-weight:600}.rs-adder{fill:var(--card);stroke:var(--ai);stroke-width:1.5px}.rs-plus{fill:var(--ai-deep);font-size:11px;font-weight:700}.rs-note{fill:var(--ink-soft);font-size:9.5px}.rs-shape{font-family:var(--mono);fill:var(--ai-deep);font-size:10px}.rs-caption{color:var(--ink-soft);margin:.2rem 0 0;font-size:.8rem}.bar-chart{flex-direction:column;row-gap:.3rem;display:flex}.bar-row{align-items:center;gap:.5rem;display:flex}.bar-label{text-align:right;white-space:pre;width:5rem}.bar-value{font-family:var(--mono);color:var(--ink-soft);font-size:.78rem}.bar-rect{fill:var(--ai)}.slice{fill:var(--ai-wash-strong);stroke:var(--card)}.slice-chosen{fill:var(--shu)}.chosen-marker{color:var(--shu);font-weight:600}.controls{z-index:3;background:var(--washi);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 0;display:flex;position:sticky;top:0}.controls input[type=range]{min-width:10rem;accent-color:var(--ai);flex:1}.controls select{font:inherit;background:var(--card);border:1px solid var(--line-strong);border-radius:6px;padding:.25rem}.notice,.model-error{color:var(--shu)}.model-progress{color:var(--ink-soft);font-size:.85rem}.device-chip{border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:999px;padding:0 .5rem;font-size:.8rem}.token-chip-row{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.token-chip{border-radius:999px;align-items:baseline;gap:.35rem;padding:.15rem .55rem;display:inline-flex}.chip-text{white-space:pre;font-weight:500}.chip-id{opacity:.7;font-size:.7rem;font-family:var(--mono)}.hue-0{background:var(--dye-0)}.hue-1{background:var(--dye-1)}.hue-2{background:var(--dye-2)}.hue-3{background:var(--dye-3)}.hue-4{background:var(--dye-4)}.hue-5{background:var(--dye-5)}.grid-explorer{border-top:1px dashed var(--line);margin-top:.6rem;padding-top:.5rem}.grid-explorer-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.grid-semantics{color:var(--ink-soft);font-size:.78rem;font-style:italic}.grid-sort-label{color:var(--ink-soft);font-size:.8rem}.grid-sort-label select{font:inherit;background:var(--card);border:1px solid var(--line-strong);border-radius:6px;padding:.1rem .25rem}.grid-scroll{max-height:24rem;margin-top:.5rem;overflow-y:auto}.grid-row{align-items:flex-start;gap:3px;margin-bottom:3px;display:flex}.grid-flat{flex-wrap:wrap;gap:3px;display:flex}.grid-cell,.grid-aggregate{font:inherit;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:1px;padding:2px;display:flex}.grid-cell{cursor:pointer}.grid-cell:hover{border-color:var(--shu)}.grid-aggregate{border-color:var(--line);background:var(--ai-wash);cursor:help;margin-right:.4rem}.grid-thumb{width:36px;height:36px;image-rendering:pixelated;border:1px solid var(--line);background:var(--card)}.grid-loc{font-family:var(--mono);color:var(--ink-faint);font-size:.58rem}.explore-toggle{font:inherit;color:var(--ai-deep);background:var(--ai-wash);border:1px solid var(--line-strong);cursor:pointer;border-radius:6px;margin-top:.6rem;padding:.25rem .6rem;font-size:.8rem}.explore-toggle:hover{background:var(--ai-wash-strong)}.run-shelf{flex-wrap:wrap;align-items:center;gap:.35rem;margin:.5rem 0;display:flex}.run-chip{border:1px solid var(--line-strong);background:var(--card);border-radius:999px;align-items:center;padding:0 .3rem 0 0;display:inline-flex}.run-chip[data-active=true]{border-color:var(--ai);background:var(--ai-wash)}.run-chip[data-role=a],.run-chip[data-role=b]{border-color:var(--shu);background:var(--shu-wash)}.run-chip-main{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:999px 0 0 999px;padding:.18rem .3rem .18rem .55rem;font-size:.76rem}.run-chip-glyph{color:var(--ai);margin-right:.3rem}.run-chip-action{cursor:pointer;color:var(--ink-faint);background:0 0;border:none;border-radius:999px;padding:.1rem .15rem;font-size:.68rem}.run-chip-action:hover{color:var(--shu)}.run-chip-pin{filter:grayscale();opacity:.35}.run-chip-pin:hover{filter:none;opacity:.7}.run-chip-pin[data-pinned=true]{filter:none;opacity:1}.run-shelf-btn{font:inherit;color:var(--ai-deep);background:var(--ai-wash);border:1px solid var(--line-strong);cursor:pointer;border-radius:6px;padding:.15rem .5rem;font-size:.76rem}.run-shelf-btn:disabled{opacity:.5;cursor:default}.run-shelf-note{color:var(--ink-faint);font-size:.72rem}.compare-view{border:1px solid var(--line);background:var(--card);border-radius:10px;margin-top:.5rem;padding:.8rem 1rem}.cmp-header{gap:.1rem;margin-bottom:.6rem;display:grid}.cmp-meta-row{grid-template-columns:5rem 1fr 1fr;gap:.6rem;font-size:.78rem;display:grid}.cmp-meta-row[data-diff=true] .cmp-meta-value{color:var(--shu);font-weight:600}.cmp-meta-label{color:var(--ink-faint)}.cmp-badge{color:var(--ink-soft);margin:.2rem 0;font-size:.78rem;font-style:italic}.cmp-stream{flex-wrap:wrap;align-items:center;gap:.15rem;margin:.25rem 0;display:flex}.cmp-side-name{font-family:var(--mono);color:var(--ai-deep);margin-right:.4rem;font-size:.7rem}.cmp-token{border:1px solid var(--line);background:var(--washi);white-space:pre;border-radius:5px;padding:.05rem .3rem;font-size:.8rem}.cmp-token-prompt{color:var(--ink-soft)}.cmp-token[data-fork=true]{border-color:var(--shu);background:var(--shu-wash);font-weight:600}.cmp-token-generated{font:inherit;cursor:pointer;font-size:.8rem}.cmp-token-generated:hover{border-color:var(--ai)}.cmp-token[data-selected=true]{border-color:var(--ai);background:var(--ai-wash);font-weight:600}.cmp-meta-head{margin-bottom:.15rem}.cmp-attn-side .head-chip-row{display:none}.cmp-attn-side svg{max-width:100%;height:auto}.cmp-stream-divider{background:var(--line-strong);align-self:stretch;width:1px;margin:0 .3rem}.cmp-ruler{flex-wrap:wrap;gap:.2rem;margin:.4rem 0 .6rem;display:flex}.cmp-tick{font-family:var(--mono);border:1px solid var(--line-strong);background:var(--card);cursor:pointer;border-radius:5px;padding:.1rem .4rem;font-size:.7rem}.cmp-tick[data-selected=true]{background:var(--ai);color:var(--washi);border-color:var(--ai)}.cmp-tick[data-fork=true]{border-color:var(--shu)}.cmp-pair{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.cmp-dist-side{gap:.15rem;display:grid}.cmp-bar-row{grid-template-columns:4.5rem 1fr 2.5rem;align-items:center;gap:.4rem;font-size:.76rem;display:grid}.cmp-bar-row[data-chosen=true] .cmp-bar{background:var(--shu)}.cmp-bar{background:var(--ai-soft);border-radius:3px;height:.55rem;display:inline-block}.cmp-bar-prob{font-family:var(--mono);color:var(--ink-faint);font-size:.68rem}.compare-view h3{margin-top:1.6rem}.cmp-dist-controls{align-items:baseline;gap:.3rem;margin:.1rem 0 .45rem;display:flex}.cmp-mode-btn{font:inherit;color:var(--ink-soft);background:var(--card);border:1px solid var(--line-strong);cursor:pointer;border-radius:6px;padding:.12rem .5rem;font-size:.74rem}.cmp-mode-btn[data-active=true]{color:var(--washi);background:var(--ai);border-color:var(--ai)}.cmp-dist-controls .grid-sort-label{margin-left:.4rem}.cmp-combined{gap:.15rem;max-width:46rem;display:grid}.cmp-delta-row{grid-template-columns:4.5rem 3.2rem 1fr 3.5rem 3.2rem;align-items:center;gap:.4rem;font-size:.76rem;display:grid}.cmp-delta-head{color:var(--ink-faint);font-size:.7rem}.cmp-delta-head>span:nth-child(4){text-align:center}.cmp-delta-p{font-family:var(--mono);color:var(--ink-soft);text-align:right;font-size:.72rem}.cmp-delta-p[data-chosen=true]{color:var(--shu);font-weight:700}.cmp-delta-bar{background:var(--washi);border-radius:3px;height:.55rem;position:relative;overflow:hidden}.cmp-delta-bar:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0;left:50%}.cmp-delta-fill{border-radius:2px;position:absolute;top:0;bottom:0}.cmp-delta-fill[data-sign=a]{background:var(--ai);right:50%}.cmp-delta-fill[data-sign=b]{background:var(--shu);left:50%}.cmp-delta-value{font-family:var(--mono);color:var(--ink-faint);text-align:center;font-size:.7rem}.cmp-ended,.cmp-fallback{color:var(--ink-soft);font-size:.78rem}.cmp-fallback .grid-thumb{width:120px;height:120px}@media (width<=720px){.cmp-pair{grid-template-columns:1fr}}.generate-activity{background:var(--ai);vertical-align:middle;border-radius:50%;width:.55em;height:.55em;margin-right:.5em;animation:1s ease-in-out infinite generate-pulse;display:inline-block}@keyframes generate-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.btn-stop{color:var(--shu);border-color:var(--shu-soft)}.btn-stop:hover{background:var(--shu-wash)}@media (prefers-reduced-motion:reduce){*{transition:none!important}.generate-activity{opacity:1;animation:none}}.embed-lookup{grid-template-columns:minmax(8rem,16rem) auto minmax(12rem,1fr) auto;align-items:start;gap:.8rem 1.2rem;margin:.4rem 0 .6rem;display:grid}.embed-col-label{font-family:var(--mono);color:var(--ai-deep);margin-bottom:.3rem;font-size:.72rem}.embed-chips{margin-top:0}.embed-chip{font:inherit;cursor:pointer;border:1px solid #0000}.embed-chip[data-selected=true]{border-color:var(--shu);box-shadow:0 0 0 2px var(--shu-wash)}.embed-row-mark{fill:var(--shu)}.embed-strip-wrap{overflow-x:auto}.embed-strip-missing{color:var(--ink-faint);padding:.2rem 0;font-size:.78rem}.embed-caption{color:var(--ink-soft);margin-top:.25rem;font-size:.72rem}.embed-stack-rows{display:block}.embed-stack-placeholder{fill:var(--ai-soft)}.embed-stack-frame{fill:none;stroke:none;stroke-width:1px}.embed-stack-row[data-newest=true] .embed-stack-frame{stroke:var(--ai-deep)}.embed-stack-row[data-selected=true] .embed-stack-frame{stroke:var(--shu);stroke-width:1.5px}.embed-callouts{color:var(--ai-deep);flex-wrap:wrap;grid-column:1/-1;gap:.4rem 1.2rem;font-size:.78rem;display:flex}.embed-callout{border-bottom:1px dotted var(--ai-soft)}.embed-geometry{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.6rem}.embed-geometry h4{color:var(--ai-deep);margin:0 0 .4rem;font-size:.9rem}.embed-neighbors{margin-bottom:.8rem}.embed-sim{overflow-x:auto}