:root{--canvas:#0b0e14;--panel:#12161f;--border:#ffffff1a;--text:#e6e9ef;--text-dim:#e6e9ef8c;--accent:#5b8def;--row-hover:#ffffff0f;--label-halo:#0b0e14eb;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}:root[data-theme=light]{--canvas:#eef0f3;--panel:#fff;--border:#0000001f;--text:#1a1d24;--text-dim:#1a1d248c;--accent:#3b6fd4;--row-hover:#0000000d;--label-halo:#eef0f3f0}*{box-sizing:border-box}html,body{background:var(--canvas);height:100%;color:var(--text);font-family:var(--font-sans);margin:0;overflow:hidden}#stage{touch-action:none;cursor:grab;width:100vw;height:100vh;display:block;position:fixed;inset:0}#stage:active{cursor:grabbing}#brand{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;display:flex;position:fixed;top:18px;left:20px}#brand .mark{letter-spacing:-.01em;font-size:20px;font-weight:600}#brand .tag{color:var(--text-dim);letter-spacing:.02em;font-size:11px}#panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;width:268px;max-height:calc(100vh - 64px);padding:12px 14px;display:flex;position:fixed;top:16px;right:20px;overflow-y:auto}#panel .row{justify-content:space-between;align-items:center;gap:12px;display:flex}#panel label{color:var(--text-dim);font-size:12px}#panel select{background:var(--canvas);max-width:150px;color:var(--text);border:1px solid var(--border);font-family:var(--font-sans);border-radius:6px;outline:none;flex:1;padding:5px 8px;font-size:12px}#panel select:focus{border-color:var(--accent)}#panel .guide-intro{margin:10px 0;font-size:12px;line-height:1.5}#panel .cyto-guide ol{margin:0 0 12px;padding-left:20px;font-size:11px;line-height:1.5}#panel .cyto-guide li+li{margin-top:9px}#panel .cyto-guide li::marker{color:var(--accent)}#panel .cyto-guide strong,#panel .cyto-guide li span{display:block}#panel .cyto-guide li span{color:var(--text-dim)}#guide-dismiss{border:1px solid var(--border);background:var(--canvas);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:7px 10px;font-size:11px}#guide-dismiss:hover{border-color:var(--accent)}#guide-dismiss:focus-visible,#panel summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#readout{z-index:50;color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:10px;font-size:12px;display:flex;position:fixed;bottom:16px;right:20px}#readout #count,#readout #fps,#readout #zoom{font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums}#readout .sep{opacity:.4}#readout .hint{opacity:.7;margin-left:8px}body.cyto-figure-mode #panel,body.cyto-figure-mode #hint,body.cyto-figure-mode #fps,body.cyto-figure-mode #zoom{display:none!important}body.cyto-figure-mode #readout{opacity:1}#panel .grp{border-top:1px solid var(--border);padding-top:8px}#panel .grp:first-of-type{border-top:0;padding-top:0}#panel summary{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600;list-style:none}#panel summary::-webkit-details-marker{display:none}#panel summary:after{content:"−";float:right;opacity:.5}#panel .grp:not([open])>summary:after{content:"+"}#panel .grp[open]>summary{margin-bottom:9px}#panel .grp>.row+.row{margin-top:10px}#panel .row.slider{grid-template-columns:64px 1fr 54px;align-items:center;gap:8px;display:grid}#panel input[type=range]{width:100%;height:16px;accent-color:var(--accent);cursor:pointer;background:0 0;margin:0}#panel input[type=range]:disabled{cursor:not-allowed}#panel output{font-family:var(--font-mono);text-align:right;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}#panel .row.inert{opacity:.42}#panel .note{color:var(--text-dim);margin:8px 0 0;font-size:10.5px;line-height:1.35}#panel .note:empty{display:none}