:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070a;--shell:#090d12;--panel:#0c1118;--panel-2:#111821;--panel-3:#151e28;--line:#97abc22b;--line-strong:#8fe1ff57;--text:#e6eef6;--muted:#8d9bab;--dim:#5f6d7c;--cyan:#20d9ff;--cyan-soft:#20d9ff2e;--magenta:#ff3b9e;--magenta-soft:#ff3b9e29;--amber:#ffb84a;--green:#54f0a8;--danger:#ff687a;--radius:8px;--mono:"JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);letter-spacing:0;margin:0}button,textarea,input{font:inherit}button{color:inherit}.studio-shell{background:linear-gradient(180deg, #20d9ff0f, transparent 26%), radial-gradient(circle at 72% 0%, #ff3b9e17, transparent 28%), var(--bg);grid-template-rows:58px minmax(216px,29vh) minmax(0,1fr) minmax(74px,auto);gap:10px;height:100dvh;min-height:100dvh;padding:10px;display:grid;overflow:hidden}.studio-shell.visualizer-collapsed{grid-template-rows:58px 44px minmax(0,1fr) minmax(74px,auto)}.studio-shell.workbench-compact:not(.visualizer-collapsed){grid-template-rows:58px minmax(0,1fr) auto minmax(74px,auto)}.studio-shell.workbench-compact.visualizer-collapsed{grid-template-rows:58px 44px minmax(70px,1fr) minmax(74px,auto)}.studio-header,.transport-strip,.editor-panel,.agent-panel,.visualizer-shell,.visualizer-collapsed-strip,.editor-collapsed-strip{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff09, #ffffff03), var(--panel);border-radius:var(--radius)}.studio-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:210px;display:flex}.brand-mark{border-radius:3px;flex:none;width:132px;height:26px;display:block}.brand-mark-image{object-fit:contain;width:100%;height:100%;display:block}.brand-mark:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.brand-lockup strong{font-size:14px;font-weight:760;line-height:1.15;display:block}.brand-lockup span:not(.brand-mark){color:var(--muted);font-size:11px}.agentic-logo-strip,.signal-pills,.transport-cluster{align-items:center;gap:8px;min-width:0;display:flex}.signal-pills span,.transport-cluster span,.live-dot{border:1px solid var(--line);min-height:26px;color:var(--muted);white-space:nowrap;background:#ffffff06;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:11px;display:inline-flex}.agentic-logo-strip{justify-content:center;gap:10px;min-width:86px}.agentic-logo{object-fit:contain;width:38px;height:38px;display:block}.layout-actions{align-items:center;gap:6px;min-width:0;display:flex}.layout-toggle{border:1px solid var(--line);min-height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff07;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.layout-toggle:hover,.layout-toggle:focus-visible{color:var(--text);background:#20d9ff14;border-color:#20d9ff73;outline:none}.layout-toggle.collapsed{color:var(--amber);background:#ffb84a12;border-color:#ffb84a59}.visualizer-shell{background:#05080d;position:relative;overflow:hidden}.visualizer-collapsed-strip{background:linear-gradient(90deg,#20d9ff14,#0000 45%),#080c11eb;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.visualizer-collapsed-strip span{min-width:0;color:var(--muted);font-family:var(--mono);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.visualizer-canvas{width:100%;height:100%;display:block}.visualizer-canvas-hidden{display:none}.three-visualizer-host{background:radial-gradient(circle at 50% 18%,#20d9ff2e,#0000 34%),radial-gradient(circle at 72% 62%,#ff3b9e1f,#0000 30%),#02050a;width:100%;height:100%}.three-visualizer-canvas{cursor:grab;width:100%;height:100%;display:block}.three-visualizer-canvas:active{cursor:grabbing}.visualizer-topline{pointer-events:none;grid-template-columns:minmax(0,1fr) 454px;align-items:flex-start;gap:14px;display:grid;position:absolute;inset:14px 16px auto}.visualizer-topline>div:first-child{min-width:0}.visualizer-topline .signal-pills{grid-template-columns:82px 104px 42px 92px 102px;justify-self:end;gap:8px;width:454px;display:grid}.visualizer-topline .signal-pills>span{text-overflow:ellipsis;justify-content:center;width:100%;min-width:0;padding:0 8px;overflow:hidden}.signal-pills .signal-metric{grid-template-columns:auto auto 3.25ch;justify-content:center;justify-items:start;column-gap:5px;display:grid}.signal-pills .signal-metric b,.signal-pills .signal-metric i{min-width:0;font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signal-pills .signal-metric b{font-weight:640}.signal-pills .signal-metric i{font-variant-numeric:tabular-nums;text-align:right;justify-self:end;width:3.25ch;font-style:normal}.signal-pills .signal-metric:last-child{grid-template-columns:auto 3.25ch}.micro-label{color:var(--dim);font-family:var(--mono);text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.visualizer-topline strong,.macro-header strong,.agent-header strong{letter-spacing:0;font-size:13px;font-weight:740}.visualizer-control-deck{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;scrollbar-gutter:stable;background:linear-gradient(135deg,#20d9ff1f,#ff3b9e0f),#05080c9e;border:1px solid #97abc233;border-radius:7px;gap:8px;width:min(360px,42vw);max-height:calc(100% - 28px);padding:10px;display:grid;position:absolute;bottom:14px;left:16px;overflow:auto;box-shadow:0 16px 40px #00000038}.visualizer-control-deck.custom-position{width:min(360px,100% - 32px);bottom:auto;right:auto}.visualizer-control-deck.pinned{border-color:#20d9ff6b;box-shadow:0 0 0 1px #20d9ff14,0 16px 42px #0000003d}.visualizer-control-deck.collapsed{grid-template-columns:minmax(0,1fr);gap:0;width:min(236px,100% - 32px);padding:7px;overflow:visible}.visualizer-3d-active .visualizer-control-deck{background:linear-gradient(135deg,#20d9ff1a,#ff3b9e0e),#03060a80;border-color:#b9f7ff38;grid-template-columns:92px minmax(0,1fr);gap:7px;width:min(430px,46vw);padding:8px;box-shadow:0 18px 48px #00000047}.visualizer-3d-active .visualizer-control-deck.custom-position{width:min(430px,100% - 32px)}.visualizer-3d-active .visualizer-control-deck.collapsed{grid-template-columns:minmax(0,1fr);width:min(236px,100% - 32px)}.visualizer-deck-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:24px;display:flex}.visualizer-deck-header:active{cursor:grabbing}.visualizer-control-deck.pinned .visualizer-deck-header,.visualizer-control-deck.pinned .visualizer-deck-header:active{cursor:default}.visualizer-drag-affordance{min-width:0;color:var(--muted);align-items:center;gap:5px;display:inline-flex}.visualizer-drag-affordance span{font-family:var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:780;overflow:hidden}.visualizer-deck-actions{flex:none;align-items:center;gap:4px;display:inline-flex}.visualizer-deck-button{width:24px;height:22px;color:var(--muted);cursor:pointer;background:#ffffff0a;border:1px solid #97abc233;border-radius:5px;place-items:center;padding:0;display:inline-grid}.visualizer-deck-button:hover,.visualizer-deck-button:focus-visible,.visualizer-deck-button.active{color:var(--text);background:#20d9ff1f;border-color:#20d9ff94;outline:none}.visualizer-deck-button.active{color:var(--cyan);box-shadow:0 0 16px #20d9ff29}.visualizer-3d-active .visualizer-dimension-switch{align-self:center}.visualizer-3d-active .dimension-button{min-height:24px}.visualizer-3d-active .visualizer-mode-readout{align-self:center}.visualizer-3d-active .visualizer-mode-readout span{display:none}.visualizer-3d-active .visualizer-control-row,.visualizer-3d-active .visualizer-spatial-controls{grid-column:1/-1}.visualizer-3d-active .visualizer-spatial-controls label{gap:3px}.visualizer-dimension-switch{background:#0000002e;border:1px solid #97abc22e;border-radius:7px;grid-template-columns:1fr 1fr;gap:5px;min-width:0;padding:3px;display:grid}.dimension-button{min-height:27px;color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;font-size:10px;font-weight:760}.dimension-button.active,.dimension-button:hover,.dimension-button:focus-visible{color:var(--text);background:#20d9ff24;border-color:#20d9ff80;outline:none}.visualizer-mode-readout{gap:3px;min-width:0;display:grid}.visualizer-mode-readout span,.visualizer-count{color:var(--dim);font-family:var(--mono);text-transform:uppercase;font-size:9px}.visualizer-mode-readout strong{color:var(--text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:720;overflow:hidden}.visualizer-control-row{grid-template-columns:28px minmax(0,1fr) 28px 28px 36px;align-items:center;gap:7px;min-width:0;display:grid}.visualizer-step{width:28px;height:26px;color:var(--text);cursor:pointer;background:#ffffff0b;border:1px solid #97abc238;border-radius:6px;place-items:center;display:inline-grid}.visualizer-step:hover,.visualizer-step:focus-visible{background:#20d9ff1f;border-color:#20d9ff8f;outline:none}.visualizer-range{width:100%;min-width:0;accent-color:var(--cyan)}.visualizer-count{color:var(--cyan);justify-self:end}.visualizer-spatial-controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px;min-width:0;padding-top:2px;display:grid}.visualizer-spatial-controls label{gap:5px;min-width:0;display:grid}.visualizer-spatial-controls label span{color:var(--dim);font-family:var(--mono);text-transform:uppercase;font-size:9px}.visualizer-spatial-controls input{width:100%;min-width:0;accent-color:var(--magenta)}.visualizer-spatial-controls .visualizer-step{width:auto;min-width:54px;color:var(--muted);font-family:var(--mono);padding:0 9px;font-size:10px}.stem-stack{pointer-events:none;gap:7px;width:min(300px,34vw);display:grid;position:absolute;bottom:14px;right:16px}.stem{font-family:var(--mono);color:var(--muted);grid-template-columns:52px 1fr;align-items:center;gap:10px;font-size:10px;display:grid}.stem i{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--magenta));border-radius:2px;height:4px;transition:transform .14s;display:block;box-shadow:0 0 18px #20d9ff59}.studio-workbench{grid-template-columns:minmax(0,1fr) 374px;gap:10px;min-height:0;display:grid}.studio-workbench.agent-collapsed{grid-template-columns:minmax(0,1fr)}.studio-workbench.editor-collapsed{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio-workbench.editor-collapsed.agent-collapsed{grid-template-rows:auto}.editor-panel,.agent-panel{scrollbar-gutter:stable;min-height:0;overflow:hidden}.editor-collapsed-strip{background:linear-gradient(90deg, #20d9ff14, transparent 42%), linear-gradient(180deg, #ffffff08, #ffffff03), var(--panel);grid-template-columns:auto minmax(0,1fr) auto;align-self:start;align-items:center;gap:14px;min-width:0;min-height:70px;padding:12px 14px;display:grid}.studio-shell.workbench-compact.visualizer-collapsed .editor-collapsed-strip{align-self:stretch}.collapsed-summary{min-width:118px}.collapsed-summary strong{color:var(--text);font-size:13px;display:block}.collapsed-metrics{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.collapsed-metrics span{border:1px solid var(--line);min-width:0;max-width:220px;min-height:28px;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#ffffff07;border-radius:7px;align-items:center;padding:0 9px;font-size:10px;display:inline-flex;overflow:hidden}.collapsed-actions{align-items:center;gap:7px;min-width:0;display:flex}.editor-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.editor-topbar{border-bottom:1px solid var(--line);background:#04080c85;justify-content:space-between;align-items:center;min-width:0;min-height:44px;display:flex}.file-tabs{align-items:stretch;min-width:0;height:100%;display:flex}.file-tab{border:0;border-right:1px solid var(--line);min-width:0;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:0 14px;font-size:12px;display:inline-flex}.file-tab.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--cyan);background:#20d9ff12}.editor-actions{scrollbar-gutter:stable;gap:7px;min-width:0;padding-right:8px;display:flex;overflow:auto}.editor-actions .icon-button{flex:none}.icon-button,.send-button{border:1px solid var(--line);min-height:30px;color:var(--text);cursor:pointer;background:#ffffff09;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.icon-button:hover,.send-button:hover{background:#20d9ff14;border-color:#20d9ff6b}.icon-button.primary{color:#061015;background:linear-gradient(135deg, var(--cyan), #8bf2ff);border-color:#20d9ff8f}.editor-grid{grid-template-columns:148px minmax(0,1fr) 250px;min-height:0;display:grid;overflow:hidden}.editor-grid.files-collapsed{grid-template-columns:minmax(0,1fr) 250px}.editor-grid.tools-collapsed{grid-template-columns:148px minmax(0,1fr)}.editor-grid.files-collapsed.tools-collapsed{grid-template-columns:minmax(0,1fr)}.side-rail,.macro-panel{border-right:1px solid var(--line);background:#05080ca3;min-width:0}.side-rail{scrollbar-gutter:stable;padding:12px 8px;overflow:auto}.rail-title{color:var(--dim);font-family:var(--mono);text-transform:uppercase;padding:0 8px 8px;font-size:10px;display:block}.rail-file{width:100%;min-height:28px;color:var(--muted);text-align:left;font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:11px;display:block}.rail-file.selected{color:var(--text);background:#20d9ff1c}.code-wrap{background:#0b1017;grid-template-rows:32px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.command-strip{border-bottom:1px solid var(--line);min-width:0;color:var(--muted);font-family:var(--mono);align-items:center;gap:12px;padding:0 12px;font-size:10px;display:flex;overflow:hidden}.command-strip span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.cm-editor{height:100%;font-family:var(--mono);font-size:12px;background:#0b1017!important}.cm-scroller{line-height:1.68;font-family:var(--mono)!important;overflow:auto!important}.cm-gutters{color:#526171!important;background:#0b1017!important;border-right:1px solid #97abc221!important}.cm-slider-widget{color:var(--cyan);font-family:var(--mono);vertical-align:middle;background:#20d9ff14;border:1px solid #20d9ff47;border-radius:6px;align-items:center;gap:6px;margin-left:8px;padding:1px 7px;font-size:10px;display:inline-flex}.cm-slider-widget input{width:86px;accent-color:var(--cyan)}.cm-slider-widget span{text-align:right;min-width:28px}.cm-live-note-token{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;transition:background-color .12s,box-shadow .12s,color .12s,text-shadow .12s;position:relative}.cm-live-note-token.active{color:#031017;text-shadow:0 1px #ffffff47;background:linear-gradient(90deg,#3df2fffa,#ffb84af5,#ff3b9ee0);animation:.76s ease-out code-note-flash;box-shadow:0 0 0 1px #ffffff57,0 0 13px #3df2ffb8,0 0 22px #ff3b9e61}.cm-note-activity-widget{width:min(420px,100% - 18px);min-height:42px;color:var(--muted);font-family:var(--mono);background:linear-gradient(90deg,#ff3b9e14,#0000 34%),#ffffff06;border:1px solid #ff3b9e42;border-radius:6px;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;margin:2px 0 6px 28px;padding:6px 8px;font-size:10px;display:grid}.cm-note-activity-widget[data-mode=time]{background:linear-gradient(90deg,#20d9ff1a,#0000 42%),#ffffff06;border-color:#20d9ff47}.cm-note-activity-widget[data-mode=steps]{background:linear-gradient(90deg,#ffb84a18,#0000 38%),#ffffff06;border-color:#ffb84a47}.note-activity-controls{grid-template-columns:repeat(3,22px);align-items:center;gap:4px;min-width:0;display:inline-grid}.note-mode-button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:#ffffff06;border:1px solid #97abc22e;border-radius:5px;place-items:center;padding:0;display:inline-grid}.note-mode-button:hover,.note-mode-button:focus-visible{color:var(--text);background:#20d9ff14;border-color:#20d9ff80;outline:none}.note-mode-button.active{color:var(--magenta);background:#ff3b9e1f;border-color:#ff3b9e9e;box-shadow:0 0 14px #ff3b9e24}.cm-note-activity-widget[data-mode=time] .note-mode-button.active{color:var(--cyan);background:#20d9ff1f;border-color:#20d9ff9e;box-shadow:0 0 14px #20d9ff26}.cm-note-activity-widget[data-mode=steps] .note-mode-button.active{color:var(--amber);background:#ffb84a21;border-color:#ffb84aa8;box-shadow:0 0 14px #ffb84a26}.note-mode-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:13px;height:13px}.note-activity-lane{background:linear-gradient(90deg,#20d9ff29 1px,#0000 1px) 0 0/25% 100%,linear-gradient(#ffffff14 1px,#0000 1px) 0/100% 50%,#00000038;border:1px solid #97abc21f;border-radius:5px;min-width:0;height:30px;display:block;position:relative;overflow:hidden}.cm-note-activity-widget[data-mode=time] .note-activity-lane{background:linear-gradient(90deg,#20d9ff2e 1px,#0000 1px) 0 0/12.5% 100%,linear-gradient(#0000 44%,#20d9ff33 45%,#0000 48%),#0000003d}.cm-note-activity-widget[data-mode=steps] .note-activity-lane{background:linear-gradient(90deg,#ffb84a29 1px,#0000 1px) 0 0/16.66% 100%,linear-gradient(#ffffff14 1px,#0000 1px) 0/100% 50%,#0000003b}.note-playhead{background:#ffffff75;width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 12px #20d9ff85}.cm-note-activity-widget[data-mode=time] .note-playhead{z-index:4;background:#20d9ffcc;width:2px;left:50%;box-shadow:0 0 13px #20d9ffc2,0 0 1px #ffffffd1}.cm-note-activity-widget[data-mode=steps] .note-playhead{display:none}.note-pulse{left:var(--note-x);top:var(--note-y);color:#c9f7ff;opacity:.62;background:#20d9ff1f;border:1px solid #20d9ff3d;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:13px;padding:0 5px;font-size:8px;line-height:1;transition:opacity .14s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)scale(.92)}.note-pulse.active{z-index:2;background:linear-gradient(90deg, var(--amber), var(--cyan));color:#041016;opacity:1;border-color:#ffb84ae6;animation:.72s ease-out note-ping}.cm-note-activity-widget[data-mode=time] .note-pulse{left:106%;top:var(--note-y);color:#0000;opacity:.34;width:14px;min-width:14px;height:6px;animation:3.4s linear infinite note-time-drift;animation-delay:var(--note-delay,0s);border-radius:999px;padding:0}.cm-note-activity-widget[data-mode=time] .note-pulse.active{background:linear-gradient(90deg, var(--cyan), transparent);opacity:.9;width:24px;animation:3.4s linear infinite note-time-drift;animation-delay:var(--note-delay,0s);border-color:#20d9ffe6;box-shadow:0 0 18px #20d9ff6b}.cm-note-activity-widget[data-mode=steps] .note-pulse{color:#0000;background:#ffb84a14;border-color:#ffb84a2e;border-radius:4px;width:20px;min-width:18px;height:18px;padding:0;top:50%}.cm-note-activity-widget[data-mode=steps] .note-pulse.active{background:linear-gradient(180deg, var(--amber), #ff3b9eb8);border-color:#ffb84ae6;animation:.72s ease-out note-step-pop}.note-comet{left:0;top:var(--note-y);z-index:3;color:#041016;pointer-events:none;background:linear-gradient(90deg,#20d9ffeb,#ff3b9e9e);border:1px solid #20d9ffb8;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:13px;padding:0 6px;font-size:8px;line-height:1;animation:.9s linear forwards note-comet;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.note-empty{color:var(--dim);position:absolute;inset:7px auto auto 8px}@keyframes note-ping{0%{transform:translate(-50%,-50%)scale(.88);box-shadow:0 0 #ffb84a00}28%{transform:translate(-50%,-50%)scale(1.16);box-shadow:0 0 22px #ffb84a80}to{transform:translate(-50%,-50%)scale(.96);box-shadow:0 0 #ffb84a00}}@keyframes code-note-flash{0%{filter:brightness(.8);box-shadow:0 0 #3df2ff00,0 0 #ff3b9e00}24%{filter:brightness(1.18);box-shadow:0 0 0 1px #ffffff61,0 0 16px #3df2ffc7,0 0 30px #ff3b9e7a}to{filter:brightness();box-shadow:0 0 0 1px #ffffff29,0 0 7px #3df2ff33,0 0 12px #ff3b9e24}}@keyframes note-time-drift{0%{opacity:0;left:106%;transform:translate(-50%,-50%)scaleX(.6)}10%{opacity:.38}48%{opacity:.82;left:50%;transform:translate(-50%,-50%)scaleX(1.35)}to{opacity:0;left:-6%;transform:translate(-50%,-50%)scaleX(.82)}}@keyframes note-step-pop{0%{transform:translate(-50%,-50%)scale(.78);box-shadow:0 0 #ffb84a00}30%{transform:translate(-50%,-50%)scale(1.14);box-shadow:0 0 18px #ffb84a61}to{transform:translate(-50%,-50%)scale(.94);box-shadow:0 0 #ffb84a00}}@keyframes note-comet{0%{opacity:0;left:106%;transform:translate(-50%,-50%)scale(.72)}12%{opacity:1}48%{opacity:1;left:50%;transform:translate(-50%,-50%)scale(1.06);box-shadow:0 0 19px #20d9ff73}to{opacity:0;left:-6%;transform:translate(-50%,-50%)scale(.98)}}.code-preview{color:#c7d7e6;min-width:0;min-height:0;font-family:var(--mono);tab-size:2;white-space:pre;background:linear-gradient(90deg,#20d9ff0e,#0000 18%),#0b1017;margin:0;padding:15px 18px;font-size:12px;line-height:1.68;overflow:auto}.code-preview:focus{outline-offset:-1px;outline:1px solid #20d9ff6b}.code-preview code{font-family:inherit}.macro-panel{border-right:0;border-left:1px solid var(--line);overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-rows:auto auto auto auto auto minmax(0,1fr);align-content:start;gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.macro-header,.agent-header,.receipt-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.macro-list{gap:7px;display:grid}.macro-row{border:1px solid var(--line);width:100%;min-height:54px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff06;border-radius:7px;gap:3px;padding:9px 10px;display:grid}.macro-row:hover{background:#ff3b9e13;border-color:#ff3b9e61}.macro-row span{font-size:12px;font-weight:720}.macro-row small{color:var(--muted);font-size:10px;line-height:1.35}.live-slider-panel{border:1px solid var(--line);background:#ffffff06;border-radius:7px;gap:7px;min-width:0;padding:9px;display:grid}.live-note-panel{border:1px solid var(--line);background:#ff3b9e09;border-radius:7px;gap:8px;min-width:0;padding:9px;display:grid}.note-title{align-items:center;gap:5px;display:inline-flex}.live-note-row{min-width:0;color:var(--muted);font-family:var(--mono);grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:7px;font-size:10px;display:grid}.panel-note-lane{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.panel-note{min-width:22px;height:16px;color:var(--muted);white-space:nowrap;background:#20d9ff12;border:1px solid #20d9ff29;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:8px;display:inline-flex}.panel-note.active{color:var(--amber);background:#ffb84a33;border-color:#ffb84ad9}.live-note-row strong{color:var(--text);text-align:right;font-size:10px}.live-trigger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.trigger-chip{border:1px solid #97abc226;border-left:2px solid var(--cyan);min-width:0;min-height:38px;font-family:var(--mono);background:#ffffff07;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"source line""note note";gap:2px 6px;padding:6px 7px;display:grid;overflow:hidden}.trigger-chip small,.trigger-chip em{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-style:normal;line-height:1.1;overflow:hidden}.trigger-chip small{grid-area:source}.trigger-chip em{text-align:right;grid-area:line}.trigger-chip strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:note;font-size:11px;line-height:1.1;overflow:hidden}.trigger-chip.source-kick{border-left-color:var(--amber)}.trigger-chip.source-snare{border-left-color:var(--magenta)}.trigger-chip.source-hats{border-left-color:var(--green)}.trigger-chip.source-breaks{border-left-color:#8bf2ff}.trigger-chip.source-bass{border-left-color:#7cff8e}.trigger-chip.source-chords{border-left-color:#b7a4ff}.live-slider-row{min-width:0;color:var(--muted);font-family:var(--mono);grid-template-columns:46px minmax(0,1fr) 38px;align-items:center;gap:7px;font-size:10px;display:grid}.live-slider-row input{min-width:0;accent-color:var(--cyan)}.live-slider-row strong{color:var(--text);text-align:right;font-size:10px}.empty-slider-copy{color:var(--dim);font-family:var(--mono);margin:0;font-size:10px;line-height:1.4}.pattern-readout{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pattern-readout span{border:1px solid var(--line);min-width:0;color:var(--dim);border-radius:7px;gap:4px;padding:8px;font-size:10px;display:grid}.pattern-readout strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.repl-console{border:1px solid var(--line);min-height:0;font-family:var(--mono);background:#0000003d;border-radius:7px;padding:10px;overflow:auto}.console-title{color:var(--dim);text-transform:uppercase;margin-bottom:7px;font-size:10px}.repl-console p{color:var(--muted);margin:0 0 7px;font-size:10px;line-height:1.45}.repl-console .console-live{color:var(--green)}.agent-panel{overscroll-behavior:contain;grid-template-rows:auto auto minmax(130px,1fr) auto auto;gap:10px;padding:12px;display:grid;overflow:auto}.live-dot{color:var(--green)}.endpoint-list{scrollbar-gutter:stable;gap:6px;min-height:0;max-height:min(248px,31dvh);padding-right:2px;display:grid;overflow:auto}.endpoint-row{border:1px solid var(--line);width:100%;min-height:30px;color:var(--muted);font-family:var(--mono);cursor:pointer;text-align:left;background:#ffffff06;border-radius:7px;justify-content:space-between;align-items:center;padding:0 9px;font-size:10px;display:flex}.endpoint-row:hover:not(:disabled),.endpoint-row:focus-visible{color:var(--text);background:#20d9ff12;border-color:#20d9ff5c}.endpoint-row:disabled{cursor:wait;opacity:.68}.endpoint-row span{align-items:center;gap:4px;display:inline-flex}.endpoint-row i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #54f0a89e}.endpoint-row i.running{background:var(--cyan);box-shadow:0 0 14px #20d9ffd1}.chat-stream{scrollbar-gutter:stable;align-content:start;gap:9px;min-height:0;max-height:100%;padding-right:2px;display:grid;overflow:auto}.chat-bubble{border:1px solid var(--line);background:#ffffff07;border-radius:7px;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:10px;display:grid}.chat-bubble.user{background:#20d9ff11;border-color:#20d9ff47}.chat-bubble.tool{background:#ffb84a0e;border-color:#ffb84a3d}.message-icon{border:1px solid var(--line);width:24px;height:24px;color:var(--cyan);background:#ffffff08;border-radius:6px;place-items:center;display:grid}.chat-bubble small{color:var(--amber);font-family:var(--mono);margin-bottom:3px;font-size:10px;display:block}.chat-bubble p{color:var(--text);margin:0;font-size:12px;line-height:1.48}.receipt-log{scrollbar-gutter:stable;gap:6px;min-height:0;max-height:132px;padding-right:2px;display:grid;overflow:auto}.receipt-title span{color:var(--muted);font-family:var(--mono);align-items:center;gap:6px;font-size:10px;display:inline-flex}.receipt-title strong{color:var(--cyan);font-size:11px}.receipt-row{min-height:28px;color:var(--muted);font-family:var(--mono);grid-template-columns:16px 92px minmax(0,1fr);align-items:center;gap:6px;font-size:10px;display:grid}.receipt-row svg{color:var(--green)}.receipt-row small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-input{gap:8px;padding-top:2px;display:grid}.chat-input textarea{resize:none;border:1px solid var(--line);width:100%;color:var(--text);background:#070b10;border-radius:7px;outline:none;padding:10px;font-size:12px;line-height:1.45}.chat-input textarea:focus{border-color:#20d9ff80}.send-button{color:#041016;background:linear-gradient(135deg, var(--cyan), #8bf2ff);width:100%}.send-button:disabled{cursor:not-allowed;opacity:.5}.transport-strip{scrollbar-gutter:stable;grid-template-columns:auto minmax(130px,180px) minmax(160px,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:74px;padding:8px 12px;display:grid;overflow:auto hidden}.status-led{width:8px;height:8px;background:var(--amber)!important;border:0!important;border-radius:50%!important;min-height:8px!important;padding:0!important}.status-led.active{box-shadow:0 0 12px #54f0a89e;background:var(--green)!important}.transport-cluster strong{font-size:12px}.transport-cluster.right{justify-content:flex-end}.tempo-readout{background:linear-gradient(135deg,#20d9ff1a,#ff3b9e0f),#ffffff06;border:1px solid #97abc233;border-radius:7px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px 10px 7px 7px;display:inline-grid}.tempo-orb{background:radial-gradient(circle at center, #0b1017 0 48%, transparent 50%), conic-gradient(from -132deg, var(--cyan), var(--magenta), #ffb84ae6, var(--cyan));width:30px;height:30px;color:var(--text);border-radius:50%;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #97abc23d,0 0 20px #20d9ff14}.tempo-readout strong,.tempo-readout small{line-height:1.12;display:block}.tempo-readout strong{color:var(--text);font-family:var(--mono);font-size:11px}.tempo-readout small{color:var(--dim);font-family:var(--mono);text-transform:uppercase;margin-top:4px;font-size:9px}.last-command{text-overflow:ellipsis;max-width:220px;overflow:hidden}.timeline{grid-template-columns:repeat(32,1fr);gap:4px;min-width:0;display:grid}.beat{background:#8d9bab29;border-radius:3px;height:18px;display:block}.beat.strong{background:linear-gradient(180deg, var(--cyan), #ff3b9e73)}@media (max-width:1180px){.studio-shell{grid-template-rows:auto 220px auto auto;height:auto;overflow:auto}.studio-shell:has(.visualizer-3d-active){grid-template-rows:auto 360px auto auto}.studio-shell.visualizer-collapsed,.studio-shell.workbench-compact.visualizer-collapsed{grid-template-rows:auto 44px auto auto}.studio-shell.workbench-compact:not(.visualizer-collapsed){grid-template-rows:auto 220px auto auto}.studio-shell.workbench-compact:has(.visualizer-3d-active):not(.visualizer-collapsed){grid-template-rows:auto 360px auto auto}.studio-header,.agentic-logo-strip,.transport-strip,.studio-workbench{align-items:stretch}.studio-header,.transport-strip{flex-direction:column}.transport-cluster{flex-wrap:wrap}.agentic-logo-strip{justify-content:flex-start;align-items:center;width:fit-content}.layout-actions{flex-wrap:wrap}.studio-workbench{grid-template-columns:1fr}.studio-workbench.editor-collapsed{grid-template-rows:auto auto}.editor-panel{min-height:680px}.agent-panel{min-height:620px}.transport-strip{grid-template-columns:1fr;padding:10px}.tempo-readout{max-width:420px}.editor-collapsed-strip{grid-template-columns:1fr;align-self:start;align-items:stretch}.studio-shell.workbench-compact.visualizer-collapsed .editor-collapsed-strip{align-self:start}.collapsed-actions,.collapsed-metrics{flex-wrap:wrap}}@media (max-width:760px){.studio-shell{padding:8px}.editor-grid,.editor-grid.files-collapsed,.editor-grid.tools-collapsed,.editor-grid.files-collapsed.tools-collapsed{grid-template-columns:1fr}.side-rail,.macro-panel{display:none}.editor-topbar,.studio-header{flex-wrap:wrap;align-items:stretch;gap:8px;padding:8px}.studio-header{align-items:center}.brand-lockup,.layout-actions,.agentic-logo-strip{width:100%}.brand-lockup{justify-content:center;min-width:0}.agentic-logo-strip{justify-content:center;align-self:center;width:auto}.layout-actions{justify-content:center}.editor-actions,.file-tabs{width:100%;overflow:auto}.file-tabs{height:auto;min-height:32px}.file-tab,.editor-actions{min-height:32px}.layout-toggle{width:34px;padding:0}.layout-toggle span{display:none}.editor-collapsed-strip{gap:10px;padding:10px}.collapsed-summary{min-width:0}.collapsed-actions .icon-button{flex:88px}.visualizer-collapsed-strip{flex-wrap:wrap;min-height:44px;padding:7px 10px}.tempo-readout{grid-template-columns:34px minmax(0,1fr);max-width:none}.transport-cluster.right{justify-content:flex-start}.visualizer-topline{background:#04080ca6;grid-template-columns:minmax(0,1fr);padding:12px;position:static}.visualizer-topline .signal-pills{justify-self:stretch;width:100%;padding-bottom:2px;overflow-x:auto}.stem-stack{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:auto;bottom:10px;left:12px;right:12px}.stem{grid-template-columns:1fr;gap:3px;font-size:8px}.stem i{height:3px}.visualizer-control-deck{width:auto;max-height:calc(100% - 84px);bottom:42px;left:12px;right:12px}.visualizer-control-deck.custom-position{width:min(360px,100% - 24px)}.visualizer-control-deck.collapsed,.visualizer-control-deck.collapsed.custom-position{width:min(236px,100% - 24px)}.visualizer-3d-active .visualizer-control-deck{grid-template-columns:84px minmax(0,1fr);width:auto}.visualizer-3d-active .visualizer-control-deck.custom-position{width:min(430px,100% - 24px)}.visualizer-3d-active .visualizer-control-deck.collapsed,.visualizer-3d-active .visualizer-control-deck.collapsed.custom-position{grid-template-columns:minmax(0,1fr);width:min(236px,100% - 24px)}.visualizer-spatial-controls{grid-template-columns:1fr 1fr;align-items:stretch}.visualizer-spatial-controls .visualizer-step{grid-column:1/-1;min-height:28px}.visualizer-3d-active .visualizer-spatial-controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.visualizer-3d-active .visualizer-spatial-controls .visualizer-step{grid-column:auto}.studio-shell:has(.visualizer-3d-active){grid-template-rows:auto 430px auto auto}.studio-shell.workbench-compact:has(.visualizer-3d-active):not(.visualizer-collapsed){grid-template-rows:auto 430px auto auto}}