:root{--background: #2a2827;--foreground: #f4f2f0;--card: #322f2e;--card-foreground: #f4f2f0;--muted: #3b3836;--muted-foreground: #a39d99;--border: rgba(244, 242, 240, .14);--border-strong: rgba(244, 242, 240, .24);--input: rgba(244, 242, 240, .08);--input-strong: rgba(244, 242, 240, .13);--accent: #e4f222;--accent-secondary: #deea2b;--accent-foreground: #2e2e27;--blue-accent: #68b8ff;--destructive: #ff6b5f;--radius: .625rem;--font-sans: "Lausanne", Inter, Roboto, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;color:var(--foreground);background:var(--background);font-family:var(--font-sans);font-weight:300;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}#app{display:flex;position:relative;min-width:320px;flex-direction:column;background:var(--background)}.toolbar{position:absolute;inset:auto 0 0;z-index:20;padding:8px;border:0;background:transparent;pointer-events:none}.toolbar-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;padding:5px;border:1px solid var(--border);border-radius:999px;background:#2a2827f0;box-shadow:0 14px 32px #00000047,inset 0 1px #f4f2f00f;pointer-events:auto}.step-control,.toolbar-actions,.toolbar-end{display:flex;align-items:center}button,.github-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--border);border-radius:999px;padding:0 14px;color:var(--muted-foreground);background:var(--card);box-shadow:none;font:inherit;font-size:14px;font-weight:400;line-height:20px;cursor:pointer;text-decoration:none}button:hover,.github-button:hover{border-color:var(--border-strong);color:var(--foreground);background:var(--muted);filter:none}button:active,.github-button:active{transform:translateY(1px)}#settings-button[aria-expanded=true]{border-color:var(--border-strong);color:var(--foreground);background:var(--muted)}#randomize-button{border-color:#f4f2f04d;color:var(--accent-foreground);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);box-shadow:inset 0 1px #ffffff73,0 0 0 1px #e4f22233}#randomize-button:hover{border-color:#e4f222ad;color:var(--accent-foreground);filter:brightness(1.03)}button:disabled{border-color:#f4f2f01f;color:var(--muted-foreground);background:#f4f2f00f;cursor:not-allowed}.step-control{gap:10px;width:clamp(240px,28vw,380px);color:var(--muted-foreground);font-size:14px;font-weight:400;line-height:20px}.step-control input{width:100%;accent-color:var(--accent)}.step-control output{width:118px;color:var(--foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.toolbar-actions{position:relative;gap:8px;justify-self:start;min-width:0;white-space:nowrap}.toolbar-actions>*{flex:0 0 auto}.toolbar-end{gap:8px;justify-self:end;min-width:0;white-space:nowrap}.fps-output{width:54px;color:var(--muted-foreground);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:16px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.sum-sparkline-button{width:104px;height:36px;min-height:36px;overflow:hidden;padding:0;background:var(--input)}.sum-sparkline-button[aria-expanded=true]{border-color:var(--border-strong);background:var(--muted)}.sum-sparkline-button canvas{display:block;width:100%;height:100%}.icon-button{width:36px;height:36px;min-height:36px;border-radius:50%;padding:0}.icon-button svg{width:18px;height:18px;fill:currentColor}.github-button{flex:0 0 auto}.settings-panel{position:absolute;left:8px;bottom:64px;z-index:19;display:grid;gap:10px;width:430px;max-height:calc(100dvh - 64px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:var(--card);box-shadow:0 22px 48px #0006,inset 0 1px #f4f2f00d;pointer-events:auto}.sum-graph-panel{position:absolute;left:8px;bottom:64px;z-index:18;display:grid;gap:10px;width:min(720px,calc(100% - 16px));max-height:calc(100dvh - 64px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:var(--card);box-shadow:0 22px 48px #0006,inset 0 1px #f4f2f00d;pointer-events:auto}.settings-panel[hidden],.sum-graph-panel[hidden]{display:none}.sum-graph-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sum-graph-header h2{margin:0;color:var(--muted-foreground);font-size:12px;font-weight:400;line-height:16px}.sum-graph-header output{display:block;color:var(--foreground);font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:20px;font-variant-numeric:tabular-nums}#sum-graph-canvas{display:block;width:100%;height:min(38vh,300px);min-height:180px;border:1px solid var(--border);border-radius:8px;background:#f4f2f00d}.settings-section{display:grid;gap:7px}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:3px}.state-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-actions button,.state-actions button{min-height:38px}#settings-randomize-button{border-color:#f4f2f04d;color:var(--accent-foreground);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);box-shadow:inset 0 1px #ffffff73,0 0 0 1px #e4f22233}.settings-section h2{margin:0;color:var(--muted-foreground);font-size:12px;font-weight:400;line-height:16px}.symmetry-options,.range-controls,.normalization-row,.display-options{display:grid;gap:8px}.symmetry-options{grid-template-columns:1fr}.range-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.normalization-row{grid-template-columns:minmax(0,1fr) 126px;align-items:end}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.activation-control{grid-template-columns:repeat(3,minmax(0,1fr))}.color-control,.cursor-shape-control{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control label{display:grid}.segmented-control input{position:absolute;opacity:0;pointer-events:none}.segmented-control span{display:grid;min-height:34px;place-items:center;border:1px solid var(--border);border-radius:999px;color:var(--muted-foreground);background:var(--input);font-size:12px;font-weight:400;line-height:16px}.segmented-control input:checked+span{border-color:#e4f2228c;color:var(--accent-foreground);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%)}.symmetry-options label,.range-controls label,.normalization-magnitude,.toggle-option{gap:4px;color:var(--muted-foreground);font-size:12px;font-weight:400;line-height:16px}.symmetry-options label,.toggle-option{display:flex;align-items:center;gap:7px;white-space:nowrap}.range-controls label,.normalization-magnitude{display:grid}.symmetry-options input,.toggle-option input{accent-color:var(--accent)}.value-cell{position:relative;min-width:0;min-height:36px;overflow:hidden;border:1px solid var(--border);border-radius:8px;padding:0 7px;color:var(--foreground);background:var(--input);box-shadow:none;filter:none;font:inherit;font-size:12px;font-weight:400;line-height:16px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.value-cell:hover{border-color:var(--border-strong);filter:none}.settings-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.settings-filter-grid .value-cell{text-align:center}.value-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(228,242,34,.22) 0%,rgba(228,242,34,.22) var(--value-position, 50%),transparent var(--value-position, 50%),transparent 100%)}.value-cell.negative:before{background:linear-gradient(90deg,rgba(104,184,255,.24) 0%,rgba(104,184,255,.24) var(--value-position, 50%),transparent var(--value-position, 50%),transparent 100%)}.value-cell-value{position:relative;z-index:1}.value-cell.mirrored{border-color:#f4f2f014;color:#a39d999e;background:#f4f2f00d;cursor:not-allowed}.stage{position:relative;min-height:0;flex:1;background:var(--background)}canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}canvas.is-panning,canvas.is-panning:active{cursor:grabbing}.error-panel{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:grid;place-items:center;border:1px solid rgba(255,107,95,.55);border-radius:var(--radius);padding:24px;color:var(--foreground);background:#4d2320eb;font-size:14px;font-weight:400;line-height:20px;text-align:center}.error-panel[hidden]{display:none}@media (max-width: 620px){.toolbar{padding:8px}.toolbar-shell{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:46px;padding:5px}button{padding:0 8px;font-size:12px}.step-control{width:86px;gap:0}.step-control span,.step-control input{display:none}.step-control output{width:86px;font-size:11px}.toolbar-actions{justify-content:start;justify-self:start;gap:6px;overflow:hidden}.toolbar-end{justify-content:end;justify-self:end;gap:6px}.fps-output{width:46px;font-size:11px}.sum-sparkline-button{width:58px}.settings-panel{position:absolute;top:8px;right:8px;bottom:64px;left:8px;width:auto;max-height:none;margin:0;border-radius:16px}.sum-graph-panel{top:8px;right:8px;bottom:64px;left:8px;width:auto;max-height:none;border-radius:16px}#sum-graph-canvas{height:100%;min-height:0}.normalization-row{grid-template-columns:1fr}.activation-control{grid-template-columns:repeat(2,minmax(0,1fr))}}