:root{color:#e7edf2;font-synthesis:none;letter-spacing:0;--border:#28343e;--panel:#111820;--panel-2:#151e26;--muted:#92a2b1;--cyan:#42c8d8;--yellow:#f5bd4f;--red:#ff5f6d;background:#0b1014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{color:inherit}.loading{text-align:center;min-height:100vh;color:var(--muted);place-content:center;gap:10px;display:grid}.loading strong{color:#fff;font-size:30px}.app-shell{flex-direction:column;gap:10px;min-height:100vh;padding:14px;display:flex}.topbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) auto minmax(160px,1fr);align-items:center;min-height:48px;padding:0 4px 10px;display:grid}.brand{align-items:baseline;gap:12px;min-width:0;display:flex}.brand strong{color:#fff;font-size:25px}.brand span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection{color:var(--muted);justify-self:end;align-items:center;gap:7px;font-size:12px;display:flex}.connection i{background:var(--red);border-radius:50%;width:7px;height:7px}.connection i.online{background:#52d273;box-shadow:0 0 8px #52d27380}.live-badge{color:#b8f4cb;text-transform:uppercase;background:#10251a;border:1px solid #317951;padding:5px 8px;font-size:10px}.follow-error{color:var(--red)}.transport{align-items:center;gap:5px;display:flex}.transport>button{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.transport>button:hover{background:var(--panel-2);border-color:#50606c}.transport>button.primary{color:#0b1014;background:#e8f3f5;border-color:#e8f3f5}.batch-control{border:1px solid var(--border);border-radius:4px;margin-left:5px;display:flex;overflow:hidden}.batch-control button{border:0;border-right:1px solid var(--border);background:var(--panel);min-width:38px;height:32px;color:var(--muted);cursor:pointer}.batch-control button:last-child{border-right:0}.batch-control button.active{color:#081015;background:var(--yellow)}.source-pair{border:1px solid var(--border);background:var(--panel);grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;align-items:end;gap:8px;padding:9px;display:grid}.source-pair label{gap:5px;min-width:0;display:grid}.source-pair label span{color:var(--muted);text-transform:uppercase;font-size:10px}.source-pair select{border:1px solid var(--border);color:#dfe9ef;background:#0a1015;border-radius:3px;width:100%;min-width:0;height:34px;padding:0 30px 0 9px}.source-pair select:focus{outline:1px solid var(--cyan);outline-offset:0}.source-actions{align-items:center;gap:8px;display:flex}.source-actions>span{max-width:94px;color:var(--muted);text-align:right;cursor:help;font-size:9px;line-height:1.2}.source-actions button{color:#f1f6f8;cursor:pointer;white-space:nowrap;background:#1b2730;border:1px solid #52616d;border-radius:3px;align-items:center;gap:7px;height:34px;padding:0 12px;display:flex}.source-actions button:hover{background:#24333e}.source-actions button:disabled{opacity:.55;cursor:wait}.statusbar{min-height:32px;color:var(--muted);white-space:nowrap;align-items:center;gap:22px;font-size:12px;display:flex;overflow-x:auto}.statusbar b{color:#dfe9ef;font-weight:650}.statusbar .session-dirty{color:var(--yellow)}.accordion-stack{display:grid}.accordion-panel{border:1px solid var(--border);background:var(--panel);padding:10px}.accordion-stack .accordion-panel{border-bottom:0}.accordion-heading{justify-content:space-between;align-items:center;gap:14px;min-height:32px;display:flex}.accordion-heading>div:first-child{align-items:baseline;gap:10px;min-width:0;display:flex}.accordion-heading h1{color:#d8e1e8;text-transform:uppercase;margin:0;font-size:13px}.accordion-heading span{color:var(--muted);white-space:nowrap;font-size:10px}.accordion-nav{align-items:center;gap:7px;display:flex}.accordion-nav button,.autobake-actions button{border:1px solid var(--border);color:#dbe6ec;cursor:pointer;background:#0c1217;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-width:30px;height:30px;display:inline-flex}.accordion-nav button:hover,.autobake-actions button:hover{background:#1a252d;border-color:#52616d}.accordion-nav button:disabled,.autobake-actions button:disabled{opacity:.4;cursor:default}.accordion-body{grid-template-columns:minmax(0,1fr) 320px;gap:10px;display:grid}.accordion-body.read-only{grid-template-columns:minmax(0,1fr)}.accordion-body.read-only .accordion-canvas{cursor:default}.accordion-scroll{background:#070b0e;border:1px solid #202c35;min-width:0;height:128px;overflow:auto hidden}.accordion-canvas{touch-action:none;cursor:crosshair;width:auto;max-width:none;height:112px;display:block}.accordion-loading{height:100%;color:var(--muted);place-items:center;font-size:11px;display:grid}.autobake-panel{background:#0a1015;border:1px solid #202c35;grid-template-rows:auto auto 1fr;gap:8px;min-width:0;padding:9px;display:grid}.autobake-title{color:#dce6ec;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:flex}.autobake-title span{color:var(--muted);text-transform:none;margin-left:auto;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.pattern-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.pattern-strip span{color:#aebdc7;grid-template-columns:1fr;justify-items:center;gap:3px;min-width:0;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.pattern-strip i{background:var(--level-color);border:1px solid #3b4650;width:100%;height:18px;display:block}.pattern-strip b{font-weight:500}.autobake-actions{grid-template-columns:30px 30px 1fr 1fr;align-self:end;gap:5px;display:grid}.autobake-actions button.detector,.autobake-actions button.antagonist{text-transform:uppercase;padding:0 8px;font-size:10px}.autobake-actions button.detector{color:#b8f4cb;border-color:#317951}.autobake-actions button.antagonist{color:#ffd0d6;border-color:#8d3946}.workspace{border:1px solid var(--border);background:#080d11;flex:1;grid-template-columns:minmax(0,1fr) 278px;min-height:480px;display:grid}.swarm-panel{border-right:1px solid var(--border);grid-template-rows:36px minmax(360px,1fr);min-width:0;padding:10px;display:grid}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h1{text-transform:uppercase;color:#d8e1e8;margin:0;font-size:13px}.panel-heading span{color:var(--muted);font-size:11px}.swarm-heading-meta,.swarm-legend{align-items:center;gap:10px;display:flex}.swarm-legend{white-space:nowrap;gap:5px}.swarm-legend i{flex:none;display:inline-block}.bus-reader-mark{background:#48d7e8;width:13px;height:3px}.solution-mark{background:var(--yellow);width:7px;height:7px;margin-left:5px;transform:rotate(45deg)}.swarm-canvas-wrap{background:#070b0e;min-width:0;min-height:360px;position:relative;overflow:hidden}.swarm-canvas{touch-action:none;cursor:crosshair;background:#070b0e;width:100%;height:100%;display:block;position:absolute;inset:0}.timeline{align-items:end;display:grid}.timeline input{width:100%;height:18px;accent-color:var(--cyan);cursor:ew-resize;margin:0}.tape-timeline{border:1px solid var(--border);background:var(--panel);border-top:0;min-height:30px;padding:3px 10px 7px}.inspector{background:var(--panel);min-width:0;padding:14px;overflow-y:auto}.inspector.empty{color:var(--muted);place-items:center;display:grid}.inspector-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.domain-mark{color:var(--cyan);background:#202c36;padding:5px 7px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.property-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;margin:12px 0;display:grid}.property-grid div{background:var(--panel);min-width:0;padding:8px}.property-grid dt{color:var(--muted);margin-bottom:4px;font-size:10px}.property-grid dd{overflow-wrap:anywhere;margin:0;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.property-grid .property-wide{grid-column:1/-1}.property-grid input{color:#e8f0f4;background:#090e12;border:1px solid #33414c;border-radius:2px;width:100%;min-width:0;height:25px;padding:0 5px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.property-grid input:focus,.weight-editor input:focus{outline:1px solid var(--cyan);outline-offset:0}.property-grid input:disabled{color:#b6c2ca;opacity:1;background:0 0;border-color:#0000}.property-grid .property-wide dd{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.property-grid small{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.tile-edit-actions{grid-template-columns:34px minmax(0,1fr);gap:5px;margin-top:-4px;display:grid}.tile-edit-actions button,.weight-editor button{border:1px solid var(--border);color:#dbe6ec;cursor:pointer;background:#0c1217;border-radius:3px;justify-content:center;align-items:center;gap:6px;height:30px;display:inline-flex}.tile-edit-actions button:hover,.weight-editor button:hover{background:#1a252d;border-color:#52616d}.tile-edit-actions button:disabled{opacity:.45;cursor:wait}.tile-edit-actions button.apply{color:#c8f5d6;border-color:#317951}.tile-edit-actions button span{text-transform:uppercase;font-size:10px}.inspector-section{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.inspector-section h2{color:var(--muted);text-transform:uppercase;margin:0 0 9px;font-size:11px}.section-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.section-heading span{color:var(--muted);font-size:9px}.accumulator-section{padding-top:8px}.barrel-wrap{background:#0a1015;height:220px;position:relative;overflow:hidden}.barrel-webgl{width:100%;height:100%}.barrel-webgl canvas{width:100%;height:100%;display:block}.barrel-readout{color:var(--muted);justify-content:space-between;gap:5px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:7px;left:7px;right:7px}.barrel-readout span{white-space:nowrap;align-items:center;gap:4px;display:flex}.barrel-readout b{color:#e8f0f4;font-weight:600}.barrel-readout i{width:7px;height:2px;display:inline-block}.barrel-readout .fire-readout{color:#ffc247;text-shadow:0 0 10px #ffc247b8;font-weight:800}.acc-mark{background:#39d4b0}.low-mark{background:var(--cyan)}.high-mark{background:var(--yellow)}.weight-grid{aspect-ratio:1;grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.weight{color:#eff5f7;cursor:pointer;background:#65717a;border:1px solid #0000;border-radius:1px;place-items:center;min-width:0;min-height:0;padding:0;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.weight.positive{background:#df293d;border-color:#ff5b67}.weight.negative{background:#285ce8;border-color:#5b85ff}.weight.selected{outline-offset:1px;z-index:1;outline:2px solid #f3f8fa;opacity:1!important}.weight-editor{grid-template-columns:32px 30px minmax(0,1fr) 30px 30px;align-items:center;gap:4px;margin-top:8px;display:grid}.weight-editor>span{color:var(--yellow);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.weight-editor input{color:#e8f0f4;text-align:center;background:#090e12;border:1px solid #33414c;border-radius:2px;width:100%;min-width:0;height:30px;padding:0 4px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.routing-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.routing-grid span{color:#53606a;background:#0d1318;place-items:center;min-height:27px;font-size:9px;display:grid}.routing-grid span.on{color:#e8f7f8;background:#15616b}.routing-grid span.on.bus{background:#694f13}.children{color:#becbd4;overflow-wrap:anywhere;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.solutions-panel{border:1px solid var(--border);background:var(--panel);padding:10px 12px}.solutions-heading{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.solutions-heading>div{align-items:baseline;gap:12px;display:flex}.solutions-heading h1{color:#d8e1e8;text-transform:uppercase;margin:0;font-size:13px}.solutions-heading span{color:var(--muted);font-size:11px}.reset-policy{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.reset-policy input{width:16px;height:16px;accent-color:var(--yellow);margin:0}.reset-policy span{color:#dce6ec;font-size:12px}.solutions-table-wrap{border-top:1px solid var(--border);max-height:176px;overflow:auto}.solutions-table{border-collapse:collapse;width:100%;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.solutions-table th{z-index:1;color:var(--muted);background:var(--panel);text-align:left;font-weight:500;position:sticky;top:0}.solutions-table th,.solutions-table td{white-space:nowrap;border-bottom:1px solid #202b34;padding:7px 10px}.solutions-table tbody tr:hover{background:#17212a}.solutions-table td:nth-child(4),.solutions-table td:nth-child(6){color:var(--yellow)}.solutions-empty{color:var(--muted);text-align:center;height:54px}.signal-panel{border:1px solid var(--border);background:var(--panel);grid-template-columns:90px minmax(360px,1fr) minmax(220px,.5fr);align-items:stretch;gap:14px;padding:10px;display:grid}.lanes{grid-template-columns:repeat(4,1fr);gap:6px 12px;display:grid}.lane{grid-template-columns:24px minmax(70px,1fr) 34px;align-items:center;gap:7px;min-width:0;display:grid}.lane-name,.lane-value{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.lane-value{text-align:right}.lane-value.clipped{color:var(--red)}.lane-track{background:#080c10;height:12px;position:relative;overflow:hidden}.lane-track i{height:5px;transition:width 80ms linear;position:absolute;left:0}.lane-input{background:var(--cyan);top:0}.lane-bus{background:var(--yellow);bottom:0}.winner-strip{flex-wrap:wrap;align-content:start;gap:4px;display:flex}.winner-strip span{color:#aebdc7;background:#0b1116;padding:5px 6px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.error-toast{color:#ffdbe0;text-align:left;cursor:pointer;background:#35151c;border:1px solid #a92f40;max-width:min(520px,100vw - 32px);padding:11px 14px;position:fixed;bottom:16px;right:16px}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.transport{grid-area:2/1/auto/-1;justify-content:center;padding-top:10px}.workspace{grid-template-columns:1fr}.swarm-panel{border-right:0;border-bottom:1px solid var(--border)}.inspector{max-height:none}.signal-panel{grid-template-columns:1fr}.solutions-heading{flex-direction:column;align-items:flex-start;padding-bottom:10px}.lanes{grid-template-columns:repeat(2,1fr)}.source-pair{grid-template-columns:1fr 1fr}.source-actions{grid-column:1/-1;justify-content:flex-end}.accordion-body{grid-template-columns:1fr}.accordion-scroll{height:124px}}@media (width<=520px){.app-shell{padding:8px}.brand span{display:none}.connection{font-size:0}.statusbar{gap:14px}.workspace{min-height:0}.swarm-panel{grid-template-rows:36px 260px;padding:7px}.swarm-heading-meta>span:first-child{display:none}.swarm-canvas-wrap{min-height:260px}.lanes,.source-pair{grid-template-columns:1fr}.source-actions{grid-column:auto;justify-content:space-between}.accordion-heading{flex-direction:column;align-items:flex-start;padding-bottom:8px}.accordion-heading>div:first-child,.accordion-nav{justify-content:space-between;width:100%}.autobake-actions{grid-template-columns:30px 30px minmax(0,1fr)}.autobake-actions button.antagonist{grid-column:1/-1}}
