:root{--text:#6b6375;--text-h:#08060d;--muted:#7b7285;--bg:#fff;--border:#e5e4e7;--button-bg:#f6f5f8;--accent:#2563eb;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--muted:#a1a1aa;--bg:#16171d;--border:#2e303a;--button-bg:#20222b;--accent:#60a5fa}}#root{min-height:100svh}body{background:var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:0;font-size:42px;line-height:1.05}@media (width<=1024px){h1{font-size:32px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.app-shell{box-sizing:border-box;min-height:100svh;padding:24px}.training-layout{grid-template-columns:minmax(240px,300px) minmax(520px,1fr) minmax(220px,280px);align-items:stretch;gap:24px;width:100%;min-height:calc(100svh - 48px);display:grid}.controls-panel,.stats-panel{flex-direction:column;gap:24px;min-width:0;display:flex}.visualization-panel{min-width:0;display:flex}.visualization-panel>.mlp-visualization-section{flex:1}.heading-group{flex-direction:column;gap:8px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.actions{flex-wrap:wrap;gap:12px;display:flex}.training-form{grid-template-columns:1fr;align-items:stretch;gap:14px;display:grid}.training-form label{flex-direction:column;gap:6px;min-width:0;display:flex}.training-form label span{color:var(--muted);font-size:13px}.training-form input,.training-form select{box-sizing:border-box;border:1px solid var(--border);min-width:0;min-height:40px;color:var(--text-h);background:var(--bg);font:14px/1 var(--sans);border-radius:6px;padding:0 10px}.training-form input:focus,.training-form select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:1px}.training-form .actions{grid-column:1/-1}button{border:1px solid var(--border);min-height:40px;color:var(--text-h);background:var(--button-bg);font:600 14px/1 var(--sans);cursor:pointer;border-radius:6px;padding:0 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.6}.status-grid{border:1px solid var(--border);grid-template-columns:1fr;display:grid}.status-grid>div{border-bottom:1px solid var(--border);min-width:0;padding:16px}.status-grid>div:last-child{border-bottom:0}.status-grid span,.details span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.status-grid strong{overflow-wrap:anywhere;color:var(--text-h);font-size:18px;font-weight:700;display:block}.reacting-text{border-block:1px solid var(--border);padding:20px 0}.reacting-text h2{margin-bottom:8px}.reacting-text p,.details p{overflow-wrap:anywhere}.details{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.details>div{min-width:0}@media (width<=1080px){.training-layout{grid-template-columns:minmax(220px,280px) minmax(420px,1fr)}.stats-panel{grid-column:1/-1}.status-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.status-grid>div{border-right:1px solid var(--border);border-bottom:0}.status-grid>div:last-child{border-right:0}}@media (width<=760px){.app-shell{padding:20px}.training-layout,.status-grid,.details{grid-template-columns:1fr}.status-grid>div{border-right:0;border-bottom:1px solid var(--border)}.status-grid>div:last-child{border-bottom:0}}.mlp-visualization-section{flex-direction:column;gap:14px;min-width:0;display:flex}.mlp-visualization-heading{flex-direction:column;gap:4px;display:flex}.mlp-visualization-heading p{max-width:720px}.mlp-visualization{aspect-ratio:920/520;border:1px solid var(--border);background:linear-gradient(color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--button-bg) 58%, var(--bg));background-size:46px 46px;border-radius:6px;width:100%;overflow:visible}.mlp-visualization-empty{box-sizing:border-box;place-items:center;display:grid}.mlp-visualization-empty span{color:var(--muted);font:700 14px/1 var(--sans)}.mlp-layer-rail{stroke:color-mix(in srgb, var(--border) 70%, transparent);stroke-width:1px}.mlp-layer-label,.mlp-panel-title{fill:var(--text-h);font:700 14px/1 var(--sans);letter-spacing:0;text-anchor:middle}.mlp-panel-title{text-anchor:start}.mlp-neuron-halo{fill:#0000;stroke:#0000;stroke-width:2px}.mlp-neuron{cursor:pointer}.mlp-neuron-circle{fill:var(--bg);stroke:var(--border);stroke-width:2px}.mlp-neuron[data-kind=input] .mlp-neuron-circle{fill:#f8fafc;stroke:#64748b}.mlp-neuron[data-kind=hidden] .mlp-neuron-circle{fill:#eff6ff;stroke:#2563eb}.mlp-neuron[data-kind=output] .mlp-neuron-circle{fill:#f0fdf4;stroke:#16a34a}.mlp-neuron[data-kind=output][data-error=high] .mlp-neuron-circle{fill:#fff7ed;stroke:#ea580c}.mlp-neuron[data-selected=true] .mlp-neuron-halo{fill:color-mix(in srgb, var(--accent) 14%, transparent);stroke:var(--accent)}.mlp-weight-label-text,.mlp-output-row-label,.mlp-output-row-value,.mlp-progress-meta,.mlp-progress-error{fill:var(--text-h);font-family:var(--mono);letter-spacing:0}.mlp-neuron-id{font-family:var(--mono);letter-spacing:0;text-anchor:middle;font-size:12px;font-weight:700}.mlp-neuron-value{text-anchor:middle;font-size:9px}.mlp-connection-path{fill:none;stroke:#64748b;stroke-linecap:round;opacity:.18}.mlp-connection-hit-area{fill:none;stroke:#0000;stroke-width:14px}.mlp-connection[data-sign=positive] .mlp-connection-path{stroke:#0e7490}.mlp-connection[data-sign=negative] .mlp-connection-path{stroke:#b91c1c}.mlp-connection[data-highlighted=true] .mlp-connection-path{opacity:.88}@keyframes mlp-connection-weight-pulse{0%{opacity:.95}to{opacity:.18}}.mlp-weight-label{opacity:0;transition:opacity .14s}.mlp-weight-label[data-visible=true]{opacity:1}.mlp-weight-label-bg{fill:var(--bg);stroke:var(--border);stroke-width:1px;rx:4}.mlp-weight-label-text{text-anchor:middle;font-size:11px}.mlp-output-row-label{font-size:12px;font-weight:700}.mlp-output-row-value,.mlp-progress-meta,.mlp-progress-error{fill:var(--muted);font-size:12px}.mlp-output-bar-track{fill:color-mix(in srgb, var(--border) 62%, transparent)}.mlp-output-bar-value{fill:#16a34a}.mlp-output-row[data-error=high] .mlp-output-bar-value{fill:#ea580c}.mlp-output-expected{stroke:var(--text-h);stroke-width:2px;stroke-linecap:round}
