:root{--bg:#0b0f17;--panel:#101827;--muted:#8aa0b8;--fg:#e6eef7;--accent:#7dd3fc;--danger:#fb7185;--ok:#34d399;--grid:#ffffff0f;--font:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:radial-gradient(1200px 900px at 40% 10%, #121c2f 0%, var(--bg) 55%, #070a10 100%);color:var(--fg);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.title{letter-spacing:.4px;font-size:18px}.nav{color:var(--muted);gap:14px;font-size:14px;display:flex}.nav a{color:var(--muted)}.nav a.active{color:var(--fg)}.grid{grid-template-columns:280px minmax(420px,1fr) 420px;gap:14px;display:grid}.grid>*{min-width:0}@media (width<=1195px){.grid{grid-template-columns:minmax(0,1fr)}}.panel{background:color-mix(in oklab, var(--panel) 92%, black 8%);border:1px solid #ffffff14;border-radius:12px;padding:14px;box-shadow:0 10px 22px #00000040}.h{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 10px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}select,button,input[type=range]{color:var(--fg);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;max-width:100%;padding:8px 10px;font-size:13px}button{cursor:pointer}button.primary{border-color:#7dd3fc73}button:disabled{opacity:.55;cursor:default}.kv{color:var(--muted);grid-template-columns:1fr auto;gap:8px;font-size:13px;display:grid}.kv b{color:var(--fg);font-weight:600}.canvasBox{justify-content:center;align-items:center;display:flex}.draw-canvas{aspect-ratio:1;touch-action:none;background:#fff;border:1px solid #ffffff1a;border-radius:8px;width:min(280px,100%);height:auto}.preview-canvas{width:112px;height:112px;image-rendering:pixelated;background:#fff;border:1px solid #ffffff1a;border-radius:8px;display:block}.mini-label,.muted{color:var(--muted);font-size:12px;line-height:1.45}.topk{flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;display:flex}.topk span,.topk-chip{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:6px 8px;font-size:12px}.topk-chip{color:var(--fg);line-height:1}.topk-chip:hover,.topk-chip.active{background:#7dd3fc26;border-color:#7dd3fc85}.heatmaps{min-width:0}.heatmap-small-multiples{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));align-items:start;gap:8px;display:grid}.heatmap-tile{min-width:0}.heatmaps svg{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;width:100%;display:block}.heatmap-svg text{letter-spacing:0}.heatmap-mini-svg{background:#070d18}.prob-svg{background:#07101d;border:1px solid #ffffff14;border-radius:8px;width:100%;display:block}.logit-svg{width:100%;display:block}.preprocess-heatmaps{margin-top:10px}.conv-trace-svg,.cnn-arch-svg{background:#07101d;border-radius:8px;width:100%;display:block}.umap-frame{background:radial-gradient(circle at 34% 24%,#7dd3fc17,#0000 32%),linear-gradient(#0f172adb,#030712f0);border:1px solid #ffffff14;border-radius:8px;min-width:0;height:300px;position:relative;overflow:hidden}.umap-frame-large{height:440px}.umap-svg-host,.umap-svg-host svg{width:100%;height:100%;display:block}.umap-svg .umap-grid line{stroke:#ffffff0e;stroke-width:1px}.umap-svg text{letter-spacing:0}.umap-toolbar .umap-tool rect{fill:#030712b8;stroke:#ffffff29}.umap-toolbar .umap-tool text{fill:#e6eef7c7;pointer-events:none}.umap-toolbar .umap-tool.active rect{fill:#7dd3fc2e;stroke:#7dd3fc9e}.umap-toolbar .umap-tool.active text{fill:var(--fg)}.umap-brush .selection{fill:#7dd3fc24;stroke:#7dd3fcdb}.umap-tip{pointer-events:none;z-index:2;background:#030712e0;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;gap:2px;max-width:190px;padding:7px 9px;font-size:12px;display:flex;position:absolute;box-shadow:0 10px 28px #00000059}.umap-tip span{color:var(--muted)}.digit-filter{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.digit-filter button{border-radius:8px;width:30px;height:30px;padding:0}.digit-filter button.active{color:var(--fg);background:#7dd3fc24;border-color:#7dd3fc9e}.center-workbench{min-width:0}.play-side-panel{flex-direction:column;display:flex}.play-side-section{min-width:0}hr{background:#ffffff14;border:0;height:1px;margin:12px 0}@media (width<=1195px){.play-primary-panel{order:1}.play-output-panel{order:2}.play-side-panel{order:3}.play-conv-section{order:1}.play-preprocess-section{order:2}.play-arch-section{order:3}.play-model-section{order:4}.play-conv-section>hr:first-child{display:none}.explore-model-panel{order:1}.explore-analysis-panel{order:2}.explore-viz-panel{order:3}}@media (width<=640px){.container{padding:12px}.topbar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.nav{flex-wrap:wrap;gap:10px}.panel{border-radius:10px;padding:12px}.play-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.play-actions button{width:100%;padding-inline:6px}.umap-frame{height:300px}.umap-frame-large{height:320px}.heatmap-small-multiples{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:6px}.preview-canvas{width:96px;height:96px}.digit-filter button{width:28px;height:28px}}