:root{--bg:#050606;--panel:#0b0d0d;--line:#292d2c;--soft:#969d99;--ink:#edf2ed;--lime:#c7ff39;--cyan:#63e6ff;--red:#ff665f;--amber:#ffcb66;--mono:"IBM Plex Mono","Roboto Mono","Courier New",monospace;--display:"Arial Narrow","Aptos Narrow",sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono)}body{overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:28px 28px}.skip{position:fixed;left:8px;top:-50px;background:var(--lime);color:#000;padding:10px;z-index:20}.skip:focus{top:8px}.mast{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#070808}.brand{display:flex;gap:12px;align-items:center}.brand strong{font:600 18px/1 var(--display);letter-spacing:.12em}.brand small{display:block;color:var(--soft);font-size:9px;margin-top:5px;text-transform:uppercase;letter-spacing:.13em}.mark{width:32px;height:32px;border:1px solid #707874;display:grid;place-items:center;color:var(--lime)}.status{font-size:10px;color:var(--soft);display:flex;align-items:center;gap:8px;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px currentColor}.dot.ok{background:var(--lime)}.dot.bad{background:var(--red)}button,input,select,textarea{font:inherit;color:inherit}.text-button{border:0;background:none;text-decoration:underline;color:var(--soft);cursor:pointer}.workspace{height:calc(100vh - 88px);display:grid;grid-template-columns:240px minmax(360px,1fr) 350px}.panel{background:rgba(11,13,13,.96);min-height:0}.left{border-right:1px solid var(--line);display:flex;flex-direction:column}.right{border-left:1px solid var(--line);padding-bottom:16px;overflow:auto}.panel-head,.stage-head{height:36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;letter-spacing:.12em;color:var(--soft)}.search{height:42px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;padding:0 11px}.search input{border:0;background:none;min-width:0;width:100%;outline:none;font-size:10px}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.tab{border:0;border-right:1px solid var(--line);background:#080909;padding:10px 4px;font-size:9px;color:var(--soft);cursor:pointer}.tab.active{color:var(--lime);box-shadow:inset 0 -1px var(--lime)}.tab:disabled{opacity:.35;cursor:not-allowed}.field{display:grid;gap:7px;padding:12px}.field>span,.section-label{color:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.field textarea,.field input[type=number],.field select{width:100%;background:#070808;border:1px solid var(--line);padding:9px;outline:none}.field textarea:focus,.field input:focus,.field select:focus{border-color:var(--lime)}.field.compact{grid-template-columns:70px 1fr;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line)}.field.compact input,.field.compact select{padding:6px;font-size:10px}.unit-list{list-style:none;padding:0;margin:0;overflow:auto}.unit-row button{width:100%;text-align:left;border:0;border-bottom:1px solid #1c1f1e;background:none;padding:10px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:4px}.unit-row button:hover,.unit-row button.active{background:#121615}.unit-row button.active{box-shadow:inset 2px 0 var(--lime)}.unit-id{font-size:10px}.unit-value{color:var(--lime);font-size:10px}.unit-meta{grid-column:1/-1;color:var(--soft);font-size:8px}.empty{margin:auto;padding:28px 18px;color:var(--soft);font-size:9px;line-height:1.6}.empty b{color:#d9dfda;letter-spacing:.08em}.stage{position:relative;min-width:0;background:radial-gradient(circle at 52% 48%,#111716 0,#070909 48%,#030404 100%);overflow:hidden}.stage-head{position:absolute;z-index:3;left:0;right:0}.key{display:inline-block;width:6px;height:6px;margin-left:10px;border-radius:50%}.key.neuron{background:var(--lime)}.key.sae{background:var(--cyan)}#scene{width:100%;height:100%;display:block;outline:none;cursor:grab}#scene:active{cursor:grabbing}#scene:focus{box-shadow:inset 0 0 0 1px var(--lime)}.coordinates{position:absolute;left:14px;top:48px;display:flex;gap:13px;color:#59615e;font-size:8px}.scene-note{position:absolute;bottom:52px;left:14px;max-width:310px;color:#737c78;font-size:8px;line-height:1.6}.scene-note b{color:#b5bdb8}.controls{position:absolute;bottom:12px;left:14px;right:14px;display:flex;align-items:center;gap:12px;color:#68716d;font-size:8px}.controls button,.cancel{background:#0b0d0d;border:1px solid var(--line);padding:6px 8px;cursor:pointer}.right form{border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr}.primary,.secondary{margin:0 12px 12px;width:calc(100% - 24px);padding:11px;border:1px solid var(--lime);background:var(--lime);color:#060706;font-weight:bold;display:flex;justify-content:space-between;cursor:pointer}.secondary{background:transparent;color:var(--lime);display:block}.secondary:disabled{border-color:var(--line);color:#58605d;cursor:not-allowed}.cancel{margin:0 12px 12px;width:calc(100% - 24px)}.section-label{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.tokens,.selection,.steer{border-bottom:1px solid var(--line)}.token-strip{display:flex;overflow:auto;padding:10px 12px;gap:3px;min-height:45px}.token{border:1px solid var(--line);background:#080a09;padding:6px;cursor:pointer;font-size:9px;white-space:pre}.token:hover,.token.active{border-color:var(--lime);color:var(--lime)}.muted,.detail-empty{color:#646c68;font-size:9px}.detail-empty{padding:14px 12px}.detail{padding:12px;font-size:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.detail span{color:var(--soft)}.detail .wide{grid-column:1/-1}.compare{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.compare>div{padding:10px;min-width:0}.compare>div:first-child{border-right:1px solid var(--line)}.compare b{font-size:8px;color:var(--soft)}pre{white-space:pre-wrap;font:9px/1.5 var(--mono);color:#aab2ae;max-height:110px;overflow:auto}.error{margin:12px;border:1px solid #652b29;background:#180d0c;color:#ffaaa5;padding:10px;font-size:9px;line-height:1.5}.hidden{display:none!important}footer{height:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#606864;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){body{overflow:auto}.workspace{height:auto;min-height:calc(100vh - 88px);grid-template-columns:210px 1fr}.right{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.right>.panel-head,.right>#errorBox{grid-column:1/-1}.stage{min-height:560px}.compare pre{max-height:160px}}
@media(max-width:620px){.mast{height:auto;min-height:70px;align-items:flex-start;padding:14px;gap:12px}.status{max-width:140px;flex-wrap:wrap;justify-content:flex-end}.workspace{display:flex;flex-direction:column}.stage{order:1;height:58vh;min-height:420px}.left{order:2;border-right:0;border-top:1px solid var(--line);min-height:340px}.right{order:3;display:block}.unit-list{max-height:330px}footer{height:auto;min-height:34px;gap:10px}.scene-note{max-width:240px}.brand strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}