.mnist-page{display:flex;flex-direction:column;width:100%;height:calc(100vh - 40px);overflow:hidden;background:var(--bg-page);color:var(--text-2);font-family:var(--font-sans);font-size:13px}.mnist-body{display:flex;flex:1 1 0;min-height:0;overflow:hidden;gap:0}.mnist-panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.mnist-panel-title{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-5);padding:6px 12px 4px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;gap:8px}.mnist-left{display:flex;flex-direction:column;flex:0 0 260px;min-height:0;overflow:hidden}.mnist-draw-panel{flex:0 0 auto;border-bottom:1px solid var(--border);border-right:none}.mnist-canvas-wrap{width:224px;height:224px;margin:12px auto 4px;border-radius:8px;overflow:hidden;border:1px solid var(--border-strong)}.mnist-draw-hint{text-align:center;color:var(--text-5);font-size:11px;padding:4px 0 10px}.mnist-clear-btn{margin-left:auto;background:none;border:1px solid var(--text-6);color:var(--text-5);font-size:10px;padding:2px 8px;border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s}.mnist-clear-btn:hover{color:var(--color-error);border-color:#c454}.mnist-pred-panel{flex:1 1 0;min-height:0;border-right:none}.mnist-pred-empty{color:var(--text-6);font-style:italic;text-align:center;margin-top:24px;font-size:11px}.mnist-big-pred{display:flex;align-items:baseline;gap:10px;padding:12px 16px 8px}.mnist-big-digit{font-size:42px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.mnist-big-conf{font-size:18px;font-weight:600;opacity:.8}.mnist-prob-bars{display:flex;flex-direction:column;gap:3px;padding:0 12px 12px;overflow-y:auto}.mnist-prob-row{display:flex;align-items:center;gap:6px}.mnist-prob-row--top .mnist-prob-fill{filter:brightness(1.3)}.mnist-prob-digit{font-size:11px;font-weight:700;width:10px;text-align:center;flex-shrink:0}.mnist-prob-track{flex:1 1 0;height:7px;background:var(--border-subtle);border-radius:3px;overflow:hidden}.mnist-prob-fill{height:100%;border-radius:3px;transition:width .12s ease-out}.mnist-prob-val{font-size:10px;color:var(--text-5);width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.mnist-neurons-panel{flex:1 1 0;min-width:0;border-right:none}.mnist-tab-bar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:0 4px}.mnist-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-5);font-size:11px;font-weight:500;padding:8px 12px 6px;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}.mnist-tab:hover{color:var(--text-4)}.mnist-tab--active{color:var(--text-2);border-bottom-color:var(--accent)}.mnist-tab-sub{font-size:9px;color:var(--text-6);margin-left:4px;font-weight:400}.mnist-tab--active .mnist-tab-sub{color:var(--text-5)}.mnist-neurons-hint{margin-left:auto;color:var(--text-5);font-style:italic;text-transform:none;letter-spacing:0;font-size:10px;padding-right:8px}.mnist-neurons-scroll{flex:1 1 0;min-height:0;overflow-y:auto;padding:10px 12px 16px;display:flex;flex-direction:column;gap:10px}.mnist-dissect-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#1a0e00;border:1px solid #3a2500;border-radius:5px;padding:6px 10px;font-size:11px;flex-shrink:0}.mnist-dissect-exit{margin-left:auto;background:none;border:1px solid #3a2500;color:#653;font-size:10px;padding:2px 8px;border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s}.mnist-dissect-exit:hover{color:#fa3;border-color:#fa34}.mnist-neuron-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.mnist-neurons-legend{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-5);flex-wrap:wrap;flex-shrink:0}.mnist-legend-swatch{display:inline-block;width:28px;height:8px;border-radius:2px;vertical-align:middle}@media(max-width:900px){.mnist-page{height:auto;min-height:100%}.mnist-body{flex-direction:column;overflow:visible;flex:1 1 auto}.mnist-left{flex:none;width:100%;flex-direction:row;border-bottom:1px solid var(--border);min-height:0}.mnist-draw-panel{flex:0 0 auto;border-bottom:none;border-right:1px solid var(--border)}.mnist-canvas-wrap{width:180px;height:180px;margin:10px auto 4px}.mnist-pred-panel{flex:1 1 0;min-height:0;min-width:0}.mnist-neurons-panel{border-top:1px solid var(--border);min-height:320px}.mnist-neuron-grid{grid-template-columns:repeat(10,1fr)}}.mnist-footnote{flex-shrink:0;padding:8px 16px;border-top:1px solid var(--border-subtle);text-align:center;font-size:10px;color:var(--text-5);line-height:1.6;display:flex;flex-direction:column;gap:2px}.mnist-footnote__arch{font-family:var(--font-mono, monospace);letter-spacing:.02em;color:var(--text-5)}.mnist-footnote__cite{font-style:italic;color:var(--border-strong)}.mnist-footnote__cite a{color:var(--border-strong);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;transition:color .15s}.mnist-footnote__cite a:hover{color:var(--text-4)}@media(max-width:500px){.mnist-left{flex-direction:column}.mnist-draw-panel{border-right:none;border-bottom:1px solid var(--border)}.mnist-canvas-wrap{width:200px;height:200px}}