/* Pungent Funk Procedural Visualiser v0.1.80h3 current-only stylesheet */
:root{--bg:#1b142a;--panel:#211831;--panel2:#281d3a;--line:#624798;--text:#e3dfff;--muted:#a99cc7;--active:#fceb00;--select:#586bc8;--value:#db3c93;--bar:52px;--radio:92px;--left:282px;--right:330px;--dock:245px;font:13px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);background:var(--bg);}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg)}button,input,select{font:inherit;color:inherit}button,select,input[type=text],input[type=search],input[type=number]{background:var(--panel2);border:1px solid var(--line);min-height:30px}button{cursor:pointer;padding:5px 9px}button:hover,button:focus-visible{border-color:var(--active);outline:none}button.active,.active>button{background:var(--select);border-color:var(--active);color:#fff}input[type=range]{accent-color:var(--select)}#topbar{position:fixed;inset:0 0 auto 0;height:var(--bar);z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:var(--panel);border-bottom:1px solid var(--line);padding:0 10px}.brand{display:flex;gap:10px;align-items:baseline;color:var(--active)}.brand span{color:var(--muted);font-size:10px}.project-path{display:flex;gap:8px;justify-content:center;align-items:center}.project-path em{color:var(--value);font-style:normal}.top-actions{display:flex;gap:5px;align-items:center}.top-actions #budget{color:var(--muted);padding-right:8px}.panel{background:var(--panel);border-color:var(--line);border-style:solid;min-width:0;min-height:0}.panel-head{height:34px;display:flex;align-items:center;gap:8px;padding:0 7px;border-bottom:1px solid var(--line);background:var(--panel2)}.panel-head strong{color:var(--active);letter-spacing:.08em}.panel-head span{margin-left:auto;color:var(--muted);font-size:10px}.panel-head button{margin-left:auto;min-height:24px;padding:1px 7px}.panel-body{height:calc(100% - 68px);overflow:auto}#stage{position:relative;overflow:hidden;background:#0e0a17;}#visual-canvas,#media-layer,#type-layer{position:absolute;inset:0;width:100%;height:100%}#media-layer>*{position:absolute;transform-origin:center;pointer-events:none}#type-layer{display:grid;place-items:center;font-size:clamp(32px,8vw,120px);text-align:center;pointer-events:none;color:var(--text);text-shadow:0 2px 12px #000}#stage-status{position:absolute;inset:auto 16px 18px;text-align:center;color:var(--muted);pointer-events:none}#stage-toolbar{position:absolute;top:8px;left:8px;display:flex;gap:3px;background:rgba(27,20,42,.9);border:1px solid var(--line);padding:3px}#stage-toolbar button{min-height:24px;font-size:9px;padding:2px 5px}#graph-view{min-height:100%;padding:15px;display:flex;gap:60px;align-items:flex-start;overflow:auto}.graph-node{min-width:150px;background:var(--panel2);border:1px solid var(--line);padding:8px}.graph-node.selected{border-color:var(--active)}.graph-node h3{margin:0 0 6px;color:var(--active)}.meta{padding:8px;min-width:0}.meta strong,.meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta span{color:var(--muted);font-size:10px}.playhead{grid-column:2/4;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:4px;padding:0 7px}.transport{display:flex;align-items:center;gap:4px;padding:8px;overflow-x:auto}.transport label{display:flex;align-items:center;gap:4px}.transport input{width:80px}#toast{position:fixed;z-index:100;left:50%;bottom:145px;translate:-50%;background:var(--active);color:#1b142a;padding:8px 14px;font-weight:bold}dialog{border:0;background:transparent;color:var(--text);width:min(850px,92vw)}dialog::backdrop{background:rgba(0,0,0,.65)}.modal-card{background:var(--panel);border:1px solid var(--line);max-height:80vh;overflow:auto}.modal-card header{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--line)}#modal-body{padding:12px}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px}.collapsed{display:none!important}@media (max-width:1000px){:root{--left:220px;--right:280px;}}@media (max-width:760px){.transport{display:none}}.layer-name{width:100%;min-width:0;background:transparent;border:1px solid transparent;padding:4px 6px}.layer-name:hover,.layer-name:focus{background:var(--panel);border-color:var(--select)}button.danger{color:var(--value);font-weight:700}button.danger:hover{background:var(--value);color:var(--bg)}#graph-view{display:flex;flex-direction:column;gap:0;align-items:stretch;max-width:560px;margin:0 auto;padding:12px 20px}#stage-toolbar{align-items:center;gap:8px;max-width:min(520px,calc(100% - 16px))}#stage-toolbar strong{color:var(--active);font-size:10px}#stage-toolbar span{color:var(--muted);font-size:9px}#stage-toolbar button{margin-left:auto}.playhead{grid-column:1}.transport{padding:6px;max-width:240px}@media (max-width:760px){.transport{display:flex}.edit-only{display:none!important}}.text-content{align-items:start}.inline-actions{display:flex;gap:6px;flex-wrap:wrap}:root{--graph-node:188px;--console-h:196px;}#topbar{grid-template-columns:auto minmax(0,1fr) auto}.project-path{min-width:0;overflow:hidden;justify-content:flex-start;padding-inline:18px}.project-path>strong,.project-path>em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand{white-space:nowrap}#broadcast-switcher{display:flex;align-items:center;gap:2px;margin-left:auto;padding-left:10px}#broadcast-switcher button,#broadcast-switcher select{min-height:25px;height:25px;padding:2px 7px;font-size:9px}#broadcast-switcher button.active{background:var(--select);border-color:var(--active)}#take-button{color:var(--active);font-weight:800}#take-button.pending{background:var(--value);color:var(--bg);border-color:var(--active)}#stage{touch-action:none;isolation:isolate;}#visual-canvas{z-index:0}#media-layer{z-index:2;transform-origin:50% 50%}#type-layer{display:none!important}#media-layer>*{pointer-events:auto;user-select:none;-webkit-user-drag:none;cursor:default;will-change:transform,filter,opacity;outline:0}#stage-guides{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.58}#stage-guides[data-guide-mode=off]{display:none}#stage-guides .guide-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(227,223,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(227,223,255,.08) 1px,transparent 1px);background-size:12.5% 12.5%}#stage-guides[data-guide-mode=safe] .guide-grid{display:none}.guide-action-safe,.guide-title-safe{position:absolute;border:1px dashed rgba(227,223,255,.32)}.guide-action-safe{inset:5%}.guide-title-safe{inset:10%}.guide-v,.guide-h{position:absolute;background:rgba(252,235,0,.28)}.guide-v{width:1px;top:0;bottom:0;left:50%}.guide-h{height:1px;left:0;right:0;top:50%}#stage-toolbar{z-index:9;max-width:calc(100% - 16px);flex-wrap:wrap;backdrop-filter:blur(10px);box-shadow:0 5px 20px rgba(0,0,0,.3)}#stage-toolbar button{margin-left:0}#live-provenance{margin-left:auto;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}#stage-status{z-index:3}.transition-zone{position:absolute;top:0;bottom:0;width:20px;pointer-events:none;background:linear-gradient(135deg,rgba(219,60,147,.65),transparent 55%)}.transition-zone.in{left:0}.transition-zone.out{right:0;transform:scaleX(-1)}.automation-lane{position:absolute;left:0;right:0;top:52px;height:34px;background:#171020;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:3px 8px;color:var(--muted);font-size:8px}.automation-lane input{width:130px}.section-block{position:absolute;top:0;bottom:0;border-left:1px dashed rgba(252,235,0,.45);background:rgba(252,235,0,.025)}.section-block span{position:sticky;top:2px;display:inline-block;padding:1px 5px;background:rgba(27,20,42,.85);color:var(--active);font-size:8px}#graph-view{display:grid;grid-template-columns:210px minmax(560px,1fr) 260px;grid-template-rows:38px minmax(0,1fr);max-width:none;margin:0;padding:0;height:100%;overflow:hidden;background:#0f0b18}.graph-toolbar{grid-column:1/4;display:flex;align-items:center;gap:5px;padding:4px 7px;border-bottom:1px solid var(--line);background:var(--panel2)}.graph-toolbar select,.graph-toolbar input,.graph-toolbar button{min-height:27px;height:27px;font-size:9px}.graph-toolbar .graph-title{color:var(--active);font-weight:800;margin-right:4px}.graph-toolbar .graph-spacer{flex:1}.graph-toolbar .graph-status{color:var(--muted);font-size:9px}.graph-family{display:grid;gap:3px}.graph-family button{display:flex;justify-content:space-between;align-items:center;text-align:left;min-height:28px;font-size:9px}.graph-family button span{color:var(--muted)}.graph-surface{position:relative;overflow:auto;background-color:#0f0b18;background-image:linear-gradient(rgba(98,71,152,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(98,71,152,.16) 1px,transparent 1px),linear-gradient(rgba(98,71,152,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(98,71,152,.08) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px}.graph-canvas{position:relative;width:1800px;height:1000px;transform-origin:0 0}.graph-wires{position:absolute;inset:0;width:1800px;height:1000px;overflow:visible;pointer-events:none}.graph-wire{fill:none;stroke:var(--select);stroke-width:3}.graph-wire.signal{stroke:var(--value)}.graph-wire.preview{stroke:var(--active);stroke-dasharray:5 5}.graph-node{position:absolute;width:var(--graph-node);min-height:104px;background:#211831;border:1px solid var(--line);box-shadow:0 5px 18px rgba(0,0,0,.35);z-index:2}.graph-node.selected{border:2px solid var(--active)}.graph-node.bypassed{opacity:.45}.graph-node.solo{box-shadow:0 0 0 2px var(--value),0 5px 18px rgba(0,0,0,.35)}.graph-node header{height:30px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px;padding:3px 4px;background:var(--panel2);border-bottom:1px solid var(--line);cursor:move}.graph-node header strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--active)}.graph-node header button{width:24px;min-height:22px;height:22px;padding:0;font-size:8px}.graph-node-body{padding:6px;display:grid;gap:5px}.graph-node-preview{height:30px;border:1px solid rgba(98,71,152,.5);background:linear-gradient(135deg,#1b142a,#624798 48%,#db3c93 49%,#586bc8);opacity:.8}.graph-node-note{font-size:8px;color:var(--muted)}.graph-param{display:grid;grid-template-columns:1fr 70px 20px;gap:4px;align-items:center;margin:4px 0;font-size:9px}.graph-param input,.graph-param select{width:100%;min-width:0;min-height:25px}.graph-param .expose{min-height:23px;padding:0}.graph-empty{padding:20px;color:var(--muted)}.pool-intro{display:grid;gap:2px;padding:4px 0 8px}.pool-intro strong{color:var(--active)}.pool-intro span{color:var(--muted);font-size:9px}.mini-tabs{display:flex;gap:2px;overflow-x:auto;margin-bottom:6px}.mini-tabs button{min-height:25px;font-size:8px;padding:2px 6px}.pool-row{display:grid;grid-template-columns:24px minmax(0,1fr) 55px 62px;gap:4px;align-items:center;padding:5px 3px;border-bottom:1px solid rgba(98,71,152,.5)}.pool-row strong,.pool-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-row small{color:var(--muted);font-size:8px}.pool-row input[type=number]{width:100%;min-width:0}.pool-row.excluded{opacity:.48}.pool-provenance{margin-top:8px;padding:6px;border:1px solid var(--line);color:var(--muted);font-size:9px}#director-log{overflow:auto;padding:5px 8px;display:flex;flex-direction:column;gap:5px}.director-entry{display:grid;grid-template-columns:62px minmax(0,1fr);gap:6px;border-bottom:1px solid rgba(98,71,152,.35);padding-bottom:4px}.director-entry b{color:var(--value);font-size:8px}.director-entry span{font-size:10px}.director-entry small{display:block;color:var(--muted)}.composer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;border-top:1px solid var(--line)}#composer-modes{display:flex}#composer-modes button{border-width:0 1px 0 0;min-height:38px;font-size:8px;padding:3px 6px}#composer-modes button.active{background:var(--select);color:#fff}#director-input{resize:none;min-height:38px;max-height:90px;border:0;background:#120d1d;color:var(--text);padding:9px;outline:none;font:12px/1.4 ui-monospace,monospace}#director-send{border-width:0 0 0 1px;color:var(--active);font-weight:800}#command-annotation{padding:4px 8px;color:var(--muted);font-size:9px;overflow:hidden;white-space:nowrap}#command-annotation b{color:var(--active)}#command-annotation i{color:var(--value);font-style:normal}#command-annotation code{color:var(--select)}#stage[data-deck-view=programme] #stage-toolbar{border-color:var(--value)}#stage[data-deck-view=programme]:after{content:"PROGRAMME";position:absolute;right:9px;top:9px;z-index:7;padding:3px 7px;background:var(--value);color:var(--bg);font-weight:900;font-size:9px}#stage[data-deck-view=draft]:after{content:"BUILD · OFF AIR";position:absolute;right:9px;top:9px;z-index:7;padding:3px 7px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);font-size:9px}@media (max-width:1200px){#broadcast-switcher [data-deck-view]{padding-inline:4px}.project-path{padding-inline:8px}#graph-view{grid-template-columns:180px minmax(500px,1fr) 230px}}@media (max-width:900px){#broadcast-switcher{display:none}:root{}#graph-view{grid-template-columns:160px minmax(460px,1fr)}}@media (max-width:760px){#stage-toolbar{right:4px;left:4px;top:4px}#stage-toolbar strong,#live-provenance{display:none}:root{}.composer-row{grid-template-columns:1fr auto}.composer-row nav{grid-column:1/3}.composer-row nav button{flex:1}#graph-view{grid-template-columns:130px minmax(430px,1fr)}.graph-toolbar{overflow-x:auto}}#app.graph-focus{--dock:min(62vh,680px)}#app.graph-focus #runtime-surfaces{box-shadow:0 -14px 36px rgba(0,0,0,.38);z-index:20}#app.graph-focus #stage-toolbar{opacity:.82}#pool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}#pool-tabs button{min-width:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:1200px){#app.graph-focus{--dock:min(66vh,700px)}#pool-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){#app.graph-focus{--dock:min(70vh,720px)}#pool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}#broadcast-switcher button.dirty{box-shadow:inset 0 -2px var(--value)}#stage[data-deck-view=preview]:after{content:"CUE · OFF AIR";position:absolute;right:9px;top:9px;z-index:7;padding:3px 7px;background:var(--select);color:#fff;font-weight:800;font-size:9px}#stage[data-deck-view=preview] #media-layer>*{pointer-events:none}.layer-chooser-actions{display:flex;gap:6px;margin-bottom:9px}.layer-chooser-actions button{flex:1}.layer-chooser{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;max-height:56vh;overflow:auto}.layer-choice{display:grid;grid-template-columns:54px minmax(0,1fr);gap:7px;align-items:center;text-align:left;padding:5px;min-height:62px}.layer-choice-preview{width:52px;height:50px;display:grid;place-items:center;overflow:hidden;background:#100b19;border:1px solid var(--line);font-size:20px}.layer-choice-preview img,.layer-choice-preview video{width:100%;height:100%;object-fit:cover}.layer-choice strong,.layer-choice small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-choice small{color:var(--muted);font-size:8px}.transition-zone{overflow:hidden;display:flex;align-items:flex-end;pointer-events:none}.transition-zone b{font-size:6px;line-height:1;padding:2px;color:rgba(227,223,255,.78);writing-mode:vertical-rl;letter-spacing:.04em}.transition-zone.out{justify-content:flex-end}.transition-zone.out b{transform:rotate(180deg)}.pool-provenance dl{margin:5px 0 0;display:grid;gap:3px}.pool-provenance dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:5px}.pool-provenance dt{color:var(--active)}.pool-provenance dd{margin:0;overflow-wrap:anywhere}.effect-group-editor-rack{display:grid;gap:4px;margin:7px 0 10px}.effect-group-editor-row{display:grid;grid-template-columns:24px minmax(120px,1fr) 30px 30px 30px;gap:4px;align-items:center;padding:5px;border:1px solid var(--line);background:var(--panel2)}.effect-group-editor-row span{color:var(--muted)}.effect-group-editor-row button{min-height:26px;padding:1px}.check-row{display:flex!important;align-items:center;gap:6px}:root{--radio:132px;--left:264px;--right:312px;--dock:292px;--knob-size:66px;}.tag-strip{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px}.tag-strip i{font-style:normal;font-size:7px;padding:1px 4px;border:1px solid rgba(98,71,152,.65);color:var(--muted)}.palette-swatch{display:grid;grid-template-columns:repeat(6,1fr);height:34px;border:1px solid var(--line)}.palette-swatch i{display:block}.palette-card.active{border-color:var(--active)}.family-badge{padding:3px 6px;border:1px solid var(--value);color:var(--value);font-size:8px;text-transform:uppercase}.mood-editor{display:flex;gap:3px;flex-wrap:wrap}.mood-editor button{min-height:24px;padding:2px 5px;font-size:8px}.mood-editor button.on{background:var(--select);border-color:var(--active)}#radio{right:8px;left:auto;bottom:42px;width:min(510px,calc(100vw - 16px));height:122px;display:block;background:transparent;border:0;box-shadow:none}.radio-unit{height:100%;display:grid;grid-template-rows:26px minmax(0,1fr);background:var(--panel);border:1px solid var(--line);border-radius:12px 12px 3px 3px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.45)}.radio-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel2)}.radio-tabs button{flex:1;min-height:25px;height:25px;border:0;border-right:1px solid var(--line);font-size:8px;padding:2px 5px}.radio-tabs button.active{background:var(--select);color:#fff}.radio-view{display:none;min-height:0}.radio-view.active{display:grid}.radio-view[data-radio-view=playing]{grid-template-columns:minmax(0,1fr) 184px;grid-template-rows:1fr 28px}.radio-meta{min-width:0;padding:7px 8px 2px;display:grid;align-content:center}.radio-meta strong{font-size:12px;color:var(--active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-meta span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-view .playhead{grid-column:1/2;grid-row:2;display:grid;grid-template-columns:35px minmax(0,1fr) 35px;align-items:center;gap:4px;padding:2px 7px;border-top:1px solid var(--line);font-size:8px}.radio-view .transport{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:30px;gap:3px;padding:5px;border-left:1px solid var(--line);max-width:none;overflow:hidden}.radio-view .transport button{min-height:28px;height:28px;padding:2px;font-size:9px}.radio-view .transport label{grid-column:1/4;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;font-size:8px}.blackboard-workspace-tabs{display:flex;gap:2px}.blackboard-workspace-tabs button{min-height:25px;height:25px;font-size:8px}.graph-group-frame{position:absolute;border:1px dashed var(--value);background:rgba(219,60,147,.055);pointer-events:none;z-index:1}.graph-group-frame header{height:24px;padding:4px 6px;color:var(--value);font-size:9px;background:rgba(27,20,42,.88);border-bottom:1px dashed var(--value)}.graph-node.multi-selected{box-shadow:0 0 0 2px var(--active),0 5px 18px rgba(0,0,0,.35)}@media (max-width:1100px){:root{--left:238px;--right:285px;--knob-size:58px;}}@media (max-width:760px){:root{--radio:126px;}.radio-view[data-radio-view=playing]{grid-template-columns:minmax(0,1fr) 148px}.radio-view .transport{display:grid}}#radio{height:132px}.radio-view[data-radio-view=playing]{min-height:0}.radio-view .transport{grid-auto-rows:30px;align-content:center}.preset-fragments{display:grid;gap:5px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.preset-fragments>header{display:grid;gap:1px;padding:3px 1px}.preset-fragments>header strong{color:var(--active);font-size:9px}.preset-fragments>header small{color:var(--muted);font-size:8px}.fragment-list{display:grid;gap:4px}.fragment-list article{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:5px;align-items:center;padding:4px;border:1px solid var(--line);background:var(--panel2)}.fragment-list article>span:first-child{color:var(--value);text-align:center}.fragment-list strong,.fragment-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fragment-list small{color:var(--muted);font-size:8px}.fragment-list button{min-height:25px;padding:2px 5px;font-size:8px}.modal-card [data-synth-editor="mode"]{display:grid;gap:8px}.modal-card [data-synth-editor="mode"]>label{display:grid;gap:4px}.modal-card [data-synth-editor="mode"] textarea{width:100%;resize:vertical;background:var(--panel2);border:1px solid var(--line);color:var(--text);font:inherit;padding:7px}:root{--board-share:54%;--board-rail:44px;--board-boardbar:40px;--board-status:27px;--board-console:42px;--graph-node:196px;}#workspace{inset:var(--bar) 0 0 0;display:block!important;background:#120d1d}#workspace>#runtime-surfaces{display:none!important}#board-workbench{--board-share:54%;position:absolute;inset:0;display:grid;grid-template-columns:minmax(420px,var(--board-share)) 7px minmax(360px,1fr);overflow:hidden;background:var(--bg)}#board-board-pane,#board-scene-pane{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}#board-board-pane{display:grid;grid-template-rows:var(--board-boardbar) minmax(0,1fr) var(--board-status);border-right:1px solid var(--line)}#board-boardbar,#board-scene-head{display:flex;align-items:center;gap:6px;min-width:0;background:var(--panel);border-bottom:1px solid var(--line);padding:4px 6px;z-index:25}.board-brand{display:flex;align-items:baseline;gap:8px;min-width:0}.board-brand b,#board-scene-head>strong{color:var(--active);letter-spacing:.08em}.board-brand span,#board-scene-head>span{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-board-actions{display:flex;gap:3px;margin-left:auto}.board-board-actions button,#board-boardbar button,#board-scene-head button{min-height:27px;height:27px;padding:2px 6px;font-size:8px}.board-zoom{display:flex;gap:2px;margin-left:3px}.board-zoom button.active{background:var(--select);border-color:var(--active)}body.board-resizing{cursor:col-resize;user-select:none}#board-board-body{position:relative;min-height:0;overflow:hidden;background:#120d1d}#board-graph-host{position:absolute;inset:0 0 0 var(--board-rail);overflow:hidden}#graph-view{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;overflow:hidden!important;background:#100b1a}#graph-view .graph-toolbar{position:absolute;z-index:30;inset:0 0 auto 0;height:35px;display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;padding:4px 6px;background:rgba(33,24,49,.96);border-bottom:1px solid var(--line);white-space:nowrap}#graph-view .graph-toolbar .graph-title{color:var(--active);font-size:9px}#graph-view .graph-toolbar button,#graph-view .graph-toolbar select,#graph-view .graph-toolbar input{min-height:25px;height:25px;font-size:8px}.graph-toolbar .graph-spacer{flex:1}.graph-toolbar .graph-status{font-size:8px;color:var(--muted)}#graph-view .graph-surface{position:absolute!important;inset:35px 0 0!important;min-width:0!important;min-height:0!important;overflow:auto!important;background-color:#100b1a;background-image:radial-gradient(circle at 1px 1px,rgba(98,71,152,.34) 1px,transparent 1.5px),linear-gradient(90deg,rgba(88,107,200,.055) 1px,transparent 1px),linear-gradient(rgba(88,107,200,.055) 1px,transparent 1px);background-size:16px 16px,80px 80px,80px 80px;scrollbar-color:var(--line) #100b1a}#graph-view .graph-surface:before{content:"FOREGROUND / HIGH PRIORITY";position:absolute;left:16px;top:14px;color:rgba(169,156,199,.38);font-size:8px;letter-spacing:.12em;pointer-events:none}#graph-view .graph-surface:after{content:"BACKGROUND / LOW PRIORITY";position:absolute;left:16px;bottom:14px;color:rgba(169,156,199,.38);font-size:8px;letter-spacing:.12em;pointer-events:none}#graph-canvas{position:relative!important;min-width:1900px!important;min-height:1250px!important;transform-origin:0 0!important;background-image:linear-gradient(90deg,transparent 24.8%,rgba(98,71,152,.12) 25%,transparent 25.2%,transparent 49.8%,rgba(98,71,152,.12) 50%,transparent 50.2%,transparent 74.8%,rgba(98,71,152,.12) 75%,transparent 75.2%)}.graph-wires{position:absolute;inset:0;width:1900px!important;height:1250px!important;overflow:visible;pointer-events:none}.graph-wire{fill:none;stroke:var(--select);transition:stroke-width .15s,opacity .15s}.graph-wire[data-kind="signal"]{stroke:var(--value)}.graph-wire[data-kind="event"]{stroke:var(--active);stroke-dasharray:8 5}.graph-wire[data-kind="condition"]{stroke:#e3dfff;stroke-dasharray:3 5}.graph-wire[data-kind="choice"]{stroke:#db3c93;stroke-dasharray:12 4 2 4}.graph-node{width:var(--graph-node)!important;min-height:112px!important;padding:0!important;border-radius:3px;background:linear-gradient(180deg,#281d3a,#211831);box-shadow:0 8px 24px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025);transition:opacity .15s,filter .15s,box-shadow .15s}.graph-node[data-family="INPUT"]{--family:#586bc8}.graph-node[data-family="PROCESS"]{--family:#db3c93}.graph-node[data-family="MODULATE"]{--family:#fceb00}.graph-node[data-family="SEQUENCE"]{--family:#e3dfff}.graph-node[data-family="BEHAVIOUR"],.graph-node[data-family="STATE"]{--family:#a99cc7}.graph-node[data-family="POOL"]{--family:#db3c93}.graph-node[data-family="COMBINE"]{--family:#624798}.graph-node[data-family="OUTPUT"]{--family:#fceb00}.graph-node header{border-top:3px solid var(--family,var(--line));height:32px!important}.graph-node header strong{color:var(--family,var(--active))!important;font-size:9px!important}.graph-node.selected{box-shadow:0 0 0 2px var(--active),0 10px 28px rgba(0,0,0,.5)!important}.graph-node.multi-selected{box-shadow:0 0 0 2px var(--select),0 10px 28px rgba(0,0,0,.5)!important}.graph-node-body{padding:6px!important}.graph-node-note{margin-top:3px}.board-order{position:absolute;left:5px;top:-18px;color:rgba(227,223,255,.55);font-size:8px}.board-cost{position:absolute;right:5px;bottom:3px;color:var(--family,var(--muted));font-size:5px;letter-spacing:1px;opacity:.75}#graph-view[data-semantic-zoom="far"]{--graph-node:118px}#graph-view[data-semantic-zoom="far"] .graph-node{min-height:36px!important}#graph-view[data-semantic-zoom="far"] .graph-node-body,#graph-view[data-semantic-zoom="far"] .board-cost{display:none}#graph-view[data-semantic-zoom="far"] .graph-node header{height:30px!important}#graph-view[data-semantic-zoom="working"]{--graph-node:196px}#graph-view[data-semantic-zoom="close"]{--graph-node:248px}#graph-view[data-semantic-zoom="close"] .graph-node{min-height:150px!important}.graph-group-frame{pointer-events:auto!important;border:1px dashed var(--value)!important;background:rgba(219,60,147,.04)!important}.graph-group-frame>header{display:flex;align-items:center;gap:5px}.graph-group-frame>header strong{flex:1}.graph-group-frame>header span{font-size:7px;color:var(--muted)}.graph-group-frame>header button{pointer-events:auto;min-height:19px;height:19px;padding:0 4px;font-size:7px}.graph-group-frame.collapsed{height:34px!important;overflow:hidden;background:rgba(219,60,147,.12)!important}#board-node-inspector{display:block}.board-graph-inspector{display:block!important;position:static!important;width:auto!important;height:auto!important;border:0!important;padding:7px!important;background:transparent!important}.board-inspector-section{border-top:1px solid var(--line);padding:9px}.board-inspector-section header{display:grid;margin-bottom:7px}.board-inspector-section header strong{color:var(--active);font-size:9px}.board-inspector-section header small{color:var(--muted);font-size:7px}.board-inspector-section>label{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px;align-items:center;margin:5px 0;font-size:8px}.board-inspector-section input,.board-inspector-section select{min-width:0;width:100%}.board-inspector-actions{display:flex;gap:4px;margin-top:8px}.board-pool-list{max-height:150px;overflow:auto;border:1px solid var(--line);padding:3px}.board-pool-list label{display:grid;grid-template-columns:18px 1fr;gap:4px;padding:2px}#board-bus-host{position:absolute;z-index:58;inset:0 0 0 auto;width:min(290px,52%);background:rgba(33,24,49,.98);border-left:1px solid var(--line);transform:translateX(101%);transition:transform .18s ease;box-shadow:-12px 0 30px rgba(0,0,0,.4);overflow:auto}#board-bus-host.board-open{transform:none}#board-bus-host>header{display:flex;align-items:center;gap:5px;height:34px;padding:4px 6px;background:var(--panel2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}#board-bus-host>header strong{color:var(--active);font-size:9px;flex:1}#board-bus-host>header button{min-height:24px;height:24px;padding:0 6px}.board-bus-list,.board-scene-layer-list{display:grid;gap:4px;padding:6px}.board-bus{display:grid;grid-template-columns:1fr 28px 28px;border:1px solid var(--line);background:var(--panel2)}.board-bus.muted{opacity:.5}.board-bus-select{display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px;text-align:left;border:0}.board-bus-select i{display:grid;place-items:center;color:var(--active);font-style:normal}.board-bus-select span{min-width:0}.board-bus-select strong,.board-bus-select small{display:block}.board-bus-select small{color:var(--muted);font-size:7px}#board-bus-host h4{margin:8px 6px 0;color:var(--value);font-size:8px}.board-scene-layer-list article{display:grid;grid-template-columns:1fr 28px;border:1px solid var(--line)}.board-scene-layer-list article>button:first-child{display:grid;grid-template-columns:20px 1fr auto;gap:5px;text-align:left;min-width:0}.board-scene-layer-list b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-scene-layer-list small{color:var(--muted);font-size:7px}#board-console-host{position:absolute;z-index:70;left:var(--board-rail);right:0;bottom:var(--board-status);pointer-events:none}.composer-row{min-height:42px}.composer-row #director-input{min-height:41px}.composer-row #director-send{min-height:41px}#board-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 7px;background:var(--panel);border-top:1px solid var(--line);font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden}#board-provenance{overflow:hidden;text-overflow:ellipsis;color:var(--text)}#board-spatial{color:var(--value)}#board-perf{color:var(--active)}#board-scene-pane{display:grid;grid-template-rows:var(--board-boardbar) minmax(0,1fr) 124px}#board-scene-head nav{display:none;margin-left:auto}#board-scene-head label{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}#board-scene-head select{min-height:26px;height:26px}#board-scene-host{position:relative;min-height:0;overflow:hidden;background:#0e0a17}#board-scene-host>#stage{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;grid-area:auto!important}.radio-unit{height:100%}.radio-view[data-radio-view=playing]{grid-template-columns:minmax(0,1fr) 168px}.radio-view .transport{grid-auto-rows:27px;padding:4px}.radio-view .transport button{height:25px;min-height:25px}.radio-tabs button{min-height:24px;height:24px}.radio-unit{border-radius:10px 10px 3px 3px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.32)}#stage-toolbar{top:7px!important;left:7px!important;right:auto!important;max-width:calc(100% - 14px);background:rgba(27,20,42,.78)!important;backdrop-filter:blur(6px)}#stage-status{bottom:18px!important;font-size:9px;text-shadow:0 2px 8px #000}#topbar .brand span{font-size:9px}#topbar .brand b:after{content:" / BLACKBOARD"}@media (max-width:1150px){:root{--graph-node:180px;}.board-board-actions button:nth-child(3),.board-board-actions button:nth-child(4){display:none}#board-spatial{display:none}}@media (max-width:900px){#board-workbench{grid-template-columns:1fr!important}#board-board-pane,#board-scene-pane{grid-column:1;grid-row:1}#board-workbench[data-view="split"] #board-board-pane,#board-workbench[data-view="board"] #board-board-pane{display:grid}#board-workbench[data-view="split"] #board-scene-pane,#board-workbench[data-view="board"] #board-scene-pane{display:none}#board-workbench[data-view="scene"] #board-board-pane{display:none}#board-workbench[data-view="scene"] #board-scene-pane{display:grid}#board-scene-head nav{display:flex}#board-boardbar:after{content:"CTRL+TAB: SCENE";margin-left:auto;color:var(--muted);font-size:7px}.board-zoom{display:none}#board-status{grid-template-columns:1fr auto}#board-spatial{display:none}}@media (max-width:600px){:root{--board-rail:39px;}.board-brand span,.board-board-actions button:not(:first-child),#board-scene-head>span{display:none}#board-scene-pane{grid-template-rows:var(--board-boardbar) minmax(0,1fr) 120px}.radio-view[data-radio-view=playing]{grid-template-columns:minmax(0,1fr) 145px}.radio-view .transport .edit-only{display:none}.graph-toolbar .graph-status,.graph-toolbar label{display:none}}.board-output-node{display:grid;gap:4px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(98,71,152,.55)}.board-output-node nav,.board-output-node>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.board-output-node>div{grid-template-columns:1fr 56px}.board-output-node button,.board-output-node select{min-height:22px;height:22px;padding:1px 3px;font-size:6px}.board-output-node button[data-board-take]{color:var(--active);font-weight:900}.graph-node{content-visibility:auto;contain:layout paint style;contain-intrinsic-size:196px 118px}.graph-group-frame{contain:layout paint style}.board-sequence-node{display:grid;gap:4px;margin-top:6px;padding-top:5px;border-top:1px solid rgba(98,71,152,.55)}.board-sequence-node>div,.board-sequence-strip{display:flex;height:13px;gap:1px;border:1px solid var(--line);background:#120d1d;padding:1px;overflow:hidden}.board-sequence-node i,.board-sequence-strip i{display:block;min-width:3px;background:linear-gradient(90deg,var(--select),var(--active));opacity:.82}.board-sequence-node i:nth-child(even),.board-sequence-strip i:nth-child(even){background:linear-gradient(90deg,var(--purple),var(--pink))}.board-sequence-node small,.board-sequence-inspector>small{font-size:7px;color:var(--muted);line-height:1.3}.board-sequence-inspector{display:grid;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.board-sequence-inspector header{display:grid}.board-sequence-inspector label{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px;align-items:center;font-size:8px}.board-sequence-inspector input[type=checkbox]{justify-self:start;width:auto}.board-output-node button.active{background:var(--active)!important;color:#1b142a!important;border-color:var(--active)!important;box-shadow:inset 0 0 0 1px #1b142a}.board-output-node button[data-board-take]{background:linear-gradient(180deg,#fceb00,#d5bd00);color:#1b142a;border-color:#fceb00}#board-graph-host .graph-toolbar select#graph-preset-select{max-width:150px}@media (prefers-reduced-motion:reduce){#board-bus-host,#director-console{transition:none!important}.graph-wire{animation:none!important}}#board-scene-host{contain:layout paint}#board-scene-host>#radio{display:none!important}.ports-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#130e1d}.ports-status-strip span{padding:4px 3px;border-right:1px solid rgba(98,71,152,.55);color:var(--muted);font-size:7px;text-align:center;text-transform:uppercase}.ports-status-strip span:last-child{border-right:0;color:var(--active)}.ports-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px}.ports-field-grid>label{display:grid;gap:3px;min-width:0;color:var(--muted);font-size:8px}.ports-field-grid>label:has(textarea),.ports-field-grid>label:has(input[data-ports-preset-field="description"]){grid-column:1/-1}.ports-field-grid input,.ports-field-grid select,.ports-field-grid textarea{width:100%;min-width:0;min-height:27px;padding:4px;border:1px solid var(--line);background:#171020;color:var(--text);resize:vertical}.ports-field-grid input:focus,.ports-field-grid select:focus,.ports-field-grid textarea:focus{outline:1px solid var(--active);border-color:var(--active)}.ports-parameters{display:grid;gap:3px;padding:0 7px 7px}.ports-parameter{display:grid;grid-template-columns:78px minmax(0,1fr) 38px 25px;gap:5px;align-items:center;min-height:29px}.ports-parameter>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.ports-parameter input{width:100%;min-width:0}.ports-parameter output{font-size:7px;color:var(--text);text-align:right}.ports-socket-toggle{width:25px;min-width:25px;height:24px;min-height:24px;padding:0;border-radius:50%;color:var(--muted)}.ports-socket-toggle.active{background:var(--value);border-color:var(--active);color:#fff;box-shadow:0 0 0 1px #1b142a inset}.ports-port-map{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px}.ports-port-map section{min-width:0}.ports-port-map h4{margin:0 0 4px;color:var(--muted);font-size:7px;letter-spacing:.08em}.ports-port-row{--domain:var(--select);display:grid;grid-template-columns:18px minmax(0,1fr) 18px 22px;align-items:center;gap:4px;min-height:32px;padding:3px;border:1px solid color-mix(in srgb,var(--domain) 55%,var(--line));background:#171020}.ports-port-row>i{display:grid;place-items:center;width:16px;height:16px;background:var(--domain);color:#130e1d;font-style:normal;font-size:8px}.ports-port-row>span{min-width:0}.ports-port-row strong,.ports-port-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ports-port-row strong{font-size:8px}.ports-port-row small{color:var(--muted);font-size:6px}.ports-port-row>b{color:var(--active);font-size:8px;text-align:center}.ports-port-row>em{color:var(--muted);font-style:normal;text-align:center}.ports-port-row>button{width:22px;height:22px;min-height:22px;padding:0}.ports-port-row[data-domain="signal"]{--domain:var(--value)}.ports-port-row[data-domain="event"]{--domain:var(--active)}.ports-port-row[data-domain="condition"]{--domain:var(--text)}.ports-port-row[data-domain="choice"],.ports-port-row[data-domain="metadata"]{--domain:#b86de1}.ports-port-row[data-domain="palette"]{--domain:#ef8bd2}.ports-port-row[data-domain="mask"]{--domain:#80d6c9}.ports-port-row[data-domain="audio"]{--domain:#79a8ff}.ports-port-row[data-domain="camera"]{--domain:#ffae65}.ports-port-row[data-domain="text"]{--domain:#f5d879}.ports-connections{display:grid;gap:3px;padding:0 7px 7px}.ports-connection-row{--domain:var(--select);display:grid;grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;border:1px solid color-mix(in srgb,var(--domain) 45%,var(--line));background:#171020}.ports-connection-row>i{color:var(--domain);font-style:normal;text-align:center}.ports-connection-row>button:nth-child(2){display:grid;text-align:left;border:0;min-width:0}.ports-connection-row strong,.ports-connection-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ports-connection-row strong{font-size:8px}.ports-connection-row small{font-size:6px;color:var(--muted)}.ports-connection-row>button:last-child{width:24px;height:24px;min-height:24px;padding:0}.ports-connection-row[data-domain="signal"]{--domain:var(--value)}.ports-connection-row[data-domain="event"]{--domain:var(--active)}.ports-connection-row[data-domain="condition"]{--domain:var(--text)}.ports-connection-row[data-domain="choice"]{--domain:#b86de1}.ports-overview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#130e1d}.ports-overview div{display:grid;place-items:center;padding:7px 2px;border-right:1px solid var(--line)}.ports-overview div:last-child{border:0}.ports-overview b{font-size:14px;color:var(--active)}.ports-overview span{font-size:6px;color:var(--muted);text-transform:uppercase}.ports-help{margin:0;padding:7px;color:var(--muted);font-size:8px}.graph-node.ports-multiport{min-height:max(112px,calc(var(--ports-port-rows,1) * 24px + 39px))!important;overflow:visible!important;contain:layout style!important;contain-intrinsic-size:248px 220px}.ports-port-bank{position:absolute;top:35px;z-index:7;display:grid;grid-auto-rows:22px;gap:2px;width:96px;pointer-events:none;contain:layout style}.ports-port-bank.input{left:-94px}.ports-port-bank.output{right:-94px}.ports-port-socket{--domain:var(--select);position:relative;display:grid;align-items:center;width:96px;height:22px;min-height:22px;padding:0 2px;border:0!important;background:transparent!important;color:var(--muted);pointer-events:auto;overflow:visible}.ports-port-socket.input{grid-template-columns:minmax(0,1fr) 18px}.ports-port-socket.output{grid-template-columns:18px minmax(0,1fr)}.ports-port-socket.input>i{grid-column:2}.ports-port-socket.input>span{grid-column:1;grid-row:1;text-align:right}.ports-port-socket.output>i{grid-column:1}.ports-port-socket.output>span{grid-column:2;grid-row:1;text-align:left}.ports-port-socket>i{display:grid;place-items:center;width:15px;height:15px;border:2px solid var(--text);border-radius:50%;background:var(--domain);color:#130e1d;font-style:normal;font-size:6px;box-shadow:0 0 0 1px rgba(0,0,0,.55);transition:transform .1s,box-shadow .1s,filter .1s}.ports-port-socket>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:7px;text-shadow:0 1px 3px #000}.ports-port-socket>b{position:absolute;top:-2px;min-width:11px;height:11px;padding:0 2px;border-radius:7px;background:var(--active);color:#1b142a;font-size:6px;line-height:11px;text-align:center}.ports-port-socket.input>b{right:-2px}.ports-port-socket.output>b{left:-2px}.ports-port-socket:hover>i,.ports-port-socket:focus-visible>i{transform:scale(1.25);box-shadow:0 0 0 2px var(--active),0 0 12px color-mix(in srgb,var(--domain) 75%,transparent)}.ports-port-socket:focus-visible{outline:none}.ports-port-socket.connected>i{border-color:var(--active)}.ports-port-socket.parameter>span{font-style:italic;color:var(--value)}.ports-port-socket[data-domain="signal"]{--domain:var(--value)}.ports-port-socket[data-domain="audio"]{--domain:#79a8ff}.ports-port-socket[data-domain="event"]{--domain:var(--active)}.ports-port-socket[data-domain="condition"]{--domain:var(--text)}.ports-port-socket[data-domain="choice"],.ports-port-socket[data-domain="metadata"]{--domain:#b86de1}.ports-port-socket[data-domain="palette"]{--domain:#ef8bd2}.ports-port-socket[data-domain="mask"]{--domain:#80d6c9}.ports-port-socket[data-domain="camera"]{--domain:#ffae65}.ports-port-socket[data-domain="text"]{--domain:#f5d879}.ports-port-socket[data-domain="event"]>i{border-radius:2px}.ports-port-socket[data-domain="condition"]>i{border-radius:1px;transform:rotate(45deg)}.ports-port-socket[data-domain="condition"]:hover>i,.ports-port-socket[data-domain="condition"]:focus-visible>i{transform:rotate(45deg) scale(1.25)}.ports-port-socket[data-domain="choice"]>i,.ports-port-socket[data-domain="metadata"]>i{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0}.ports-port-socket[data-domain="media"]>i{border-radius:2px}.ports-port-socket[data-domain="mask"]>i{border-radius:50% 3px 50% 3px}.ports-port-socket.compatible>i{animation:ports-compatible .75s ease-in-out infinite alternate;box-shadow:0 0 0 2px var(--active),0 0 15px var(--active)}.ports-port-socket.incompatible{opacity:.22;filter:saturate(.2)}.ports-port-socket.source>i{box-shadow:0 0 0 3px var(--active),0 0 18px var(--domain)}body.ports-connecting #graph-surface{cursor:crosshair}@keyframes ports-compatible{to{transform:scale(1.28)}}.ports-port-summary{margin-right:2px;color:var(--muted);font-size:6px;white-space:nowrap;align-self:center}.graph-node header:has(.ports-port-summary){grid-template-columns:minmax(0,1fr) auto auto auto}.graph-node header .ports-port-summary+button{margin-left:0}.graph-wire[data-domain="audio"]{stroke:#79a8ff}.graph-wire[data-domain="mask"]{stroke:#80d6c9;stroke-dasharray:5 3}.graph-wire[data-domain="palette"]{stroke:#ef8bd2}.graph-wire[data-domain="camera"]{stroke:#ffae65}.graph-wire[data-domain="text"]{stroke:#f5d879}.graph-wire[data-domain="metadata"]{stroke:#b86de1;stroke-dasharray:2 4}.graph-wire.preview{pointer-events:none;stroke-width:3!important;opacity:1!important}#graph-view[data-semantic-zoom="far"] .graph-node.ports-multiport{min-height:36px!important;contain-intrinsic-size:118px 36px}#graph-view[data-semantic-zoom="far"] .ports-port-bank{top:12px;width:18px}#graph-view[data-semantic-zoom="far"] .ports-port-bank.input{left:-9px}#graph-view[data-semantic-zoom="far"] .ports-port-bank.output{right:-9px}#graph-view[data-semantic-zoom="far"] .ports-port-bank .ports-port-socket:not(:first-child){display:none}#graph-view[data-semantic-zoom="far"] .ports-port-socket{width:18px}#graph-view[data-semantic-zoom="far"] .ports-port-socket>span,#graph-view[data-semantic-zoom="far"] .ports-port-socket>b,#graph-view[data-semantic-zoom="far"] .ports-port-summary{display:none}#graph-view[data-semantic-zoom="close"] .ports-port-socket>span{font-size:8px}.graph-node.ports-multiport .graph-node-body{min-height:72px}.graph-node.ports-multiport[data-family="OUTPUT"]{box-shadow:0 0 0 1px rgba(252,235,0,.32),0 10px 30px rgba(0,0,0,.5)}#board-workbench{isolation:isolate}#board-board-pane,#board-scene-pane{min-height:0}#board-scene-pane{overflow:hidden}#board-scene-host{z-index:1}#board-bus-host{max-height:100%}@media (max-width:720px){.ports-field-grid,.ports-port-map{grid-template-columns:1fr}.ports-status-strip{grid-template-columns:repeat(2,1fr)}.ports-port-bank{width:82px}.ports-port-bank.input{left:-80px}.ports-port-bank.output{right:-80px}.ports-port-socket{width:82px}.ports-port-socket>span{font-size:6px}}@media (prefers-reduced-motion:reduce){.ports-port-socket.compatible>i{animation:none}.ports-port-socket>i{transition:none}}:root{--preview-inspector:296px;--preview-console-closed:103px;--preview-console-open:min(310px,42vh);}#board-board-pane{grid-template-rows:var(--board-boardbar) minmax(0,1fr) auto var(--board-status)!important}#board-board-body{grid-row:2}#board-console-host{position:relative!important;z-index:70!important;left:auto!important;right:auto!important;bottom:auto!important;grid-row:3;min-width:0;padding-left:var(--board-rail);pointer-events:auto!important;background:var(--panel);border-top:1px solid var(--line)}#board-status{grid-row:4}#preview-token-keyboard{display:none;min-width:0;min-height:0;overflow:auto;border-left:1px solid var(--line);background:#151020;padding:6px}#preview-token-keyboard>header{display:block!important;height:auto!important;min-height:0!important;padding:2px 2px 6px!important;border:0!important;background:transparent!important}#preview-token-keyboard>header strong,#preview-token-keyboard>header small{display:block}#preview-token-keyboard>header small{color:var(--muted);font-size:7px;margin-top:2px}#preview-token-keyboard section{margin:0 0 7px}#preview-token-keyboard h4{margin:0 0 3px;color:var(--active);font-size:7px;letter-spacing:.08em}#preview-token-keyboard section>div{display:flex;flex-wrap:wrap;gap:3px}#preview-token-keyboard button{min-height:25px;height:auto;padding:3px 6px;font-size:8px;text-align:left;background:#211831}#preview-token-keyboard button:hover{background:var(--select)}#preview-suggestion-bar{grid-row:4;display:grid;grid-template-columns:26px minmax(0,1fr) auto 26px 30px;align-items:stretch;min-width:0;height:30px;padding:0!important;border-top:1px solid var(--line);background:#171020;color:var(--muted);font-size:8px;overflow:hidden!important;white-space:normal!important}#preview-suggestion-bar>button{min-height:29px;height:29px;border-width:0 1px 0 0;padding:2px 6px}#preview-suggestion-apply{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left;background:transparent!important;white-space:nowrap}#preview-suggestion-apply:hover{background:rgba(88,107,200,.2)!important}#preview-suggestion-apply b{color:var(--active)}#preview-suggestion-apply i{color:var(--value);font-style:normal}#preview-suggestion-apply code{color:#79a8ff;font:inherit}#preview-suggestion-count{display:grid;place-items:center;padding:0 5px;color:var(--muted);font-size:7px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.graph-node.preview-node{background:#171020!important;border-color:color-mix(in srgb,var(--family,var(--line)) 72%,#100b1a)!important}.graph-node.preview-node>.graph-node-body{display:grid;gap:5px;padding:5px!important;background:#171020}.graph-node.preview-node .graph-node-preview{display:none!important}.preview-node-monitor{position:relative;display:grid;grid-template-rows:22px 76px;min-width:0;border:1px solid color-mix(in srgb,var(--family,var(--line)) 70%,#100b1a);background:#0e0a17;overflow:hidden}.preview-node-monitor>header{display:flex!important;align-items:center!important;height:22px!important;min-height:22px!important;padding:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--family,var(--line)) 58%,#100b1a)!important;background:#171020!important}.preview-node-monitor>header nav{display:flex;flex:1;min-width:0;height:100%}.preview-node-monitor>header button{height:21px;min-height:21px;padding:1px 5px;border-width:0 1px 0 0;font-size:6px;background:transparent}.preview-node-monitor>header nav button.active{background:color-mix(in srgb,var(--family,var(--select)) 48%,#171020);color:#fff}.preview-node-monitor>header>[data-preview-preview-collapse]{width:23px;min-width:23px;margin-left:auto;border-width:0 0 0 1px}.preview-node-monitor canvas{display:block;width:100%;height:76px;background:#100b1a}.preview-node-monitor.collapsed{grid-template-rows:22px 0}.preview-node-monitor.collapsed canvas,.preview-node-monitor.collapsed .preview-open-track{display:none}.preview-open-track{position:absolute;left:8px;right:8px;bottom:8px;min-height:24px;height:24px;padding:2px 5px;font-size:7px;background:rgba(27,20,42,.88)}.preview-node-actions{display:flex!important;gap:2px;margin-left:1px}.preview-node-actions button{width:21px!important;min-width:21px!important;height:22px!important;min-height:22px!important;padding:0!important;font-size:8px!important}.preview-node-actions button:last-child{color:#ffd2df;border-color:#8f3e5c}.preview-node-actions button:disabled{display:none}.graph-node.preview-node header:has(.preview-node-actions){grid-template-columns:minmax(0,1fr) auto auto auto auto!important}.graph-node.preview-node[data-family="INPUT"] .preview-node-monitor{--monitor:#586bc8}.graph-node.preview-node[data-family="PROCESS"] .preview-node-monitor{--monitor:#db3c93}.graph-node.preview-node[data-family="MODULATE"] .preview-node-monitor{--monitor:#fceb00}.graph-node.preview-node[data-family="SEQUENCE"] .preview-node-monitor{--monitor:#e3dfff}.graph-node.preview-node[data-family="STATE"] .preview-node-monitor,.graph-node.preview-node[data-family="BEHAVIOUR"] .preview-node-monitor{--monitor:#a99cc7}.graph-node.preview-node[data-family="OUTPUT"] .preview-node-monitor{--monitor:#fceb00}.preview-track-config,.preview-transition-config{display:grid;gap:4px;padding:5px;border:1px solid var(--line);background:#100b1a;color:var(--muted);font-size:7px}.preview-track-config span,.preview-transition-config span{display:block;margin-bottom:2px;color:var(--active);letter-spacing:.06em}.preview-track-config select,.preview-transition-config select{width:100%;min-width:0;min-height:25px;height:25px;padding:1px 3px;font-size:7px}.preview-transition-config{grid-template-columns:1fr 1fr}.preview-transition-config label{min-width:0}.preview-transition-frame,.preview-transition-media{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;display:none;will-change:opacity}.preview-transition-frame{z-index:5;object-fit:fill}.preview-transition-media{z-index:6;display:block;overflow:hidden}.preview-transition-media>*{position:absolute;transform-origin:center;pointer-events:none!important}.graph-node.ports-multiport.preview-node{min-height:max(170px,calc(var(--ports-port-rows,1) * 32px + 47px))!important;contain-intrinsic-size:260px 280px}.ports-port-bank{top:35px!important;grid-auto-rows:30px!important;gap:2px!important;width:118px!important}.ports-port-bank.input{left:-116px!important}.ports-port-bank.output{right:-116px!important}.ports-port-socket{width:118px!important;height:30px!important;min-height:30px!important;padding:0 3px!important}.ports-port-socket.input{grid-template-columns:minmax(0,1fr) 30px!important}.ports-port-socket.output{grid-template-columns:30px minmax(0,1fr)!important}.ports-port-socket>i{width:23px!important;height:23px!important;border-width:2px!important;font-size:8px!important;box-shadow:0 0 0 3px rgba(16,11,26,.72)!important}.ports-port-socket>span{font-size:8px!important;padding:0 5px!important}.ports-port-socket>b{top:-1px!important;min-width:13px!important;height:13px!important;line-height:13px!important;font-size:7px!important}.ports-port-socket:hover>i,.ports-port-socket:focus-visible>i{transform:scale(1.18)!important;box-shadow:0 0 0 3px var(--active),0 0 16px color-mix(in srgb,var(--domain) 80%,transparent)!important}.ports-port-socket.compatible{background:color-mix(in srgb,var(--active) 8%,transparent)!important}.ports-port-socket.compatible>i{transform:scale(1.22)!important}#graph-wires.preview-interactive-wires{pointer-events:auto!important}#graph-wires.preview-interactive-wires .graph-wire[data-edge]{pointer-events:stroke!important;cursor:pointer;stroke-width:max(3px,var(--wire-width,3px));outline:none}#graph-wires.preview-interactive-wires .graph-wire[data-edge]:hover{stroke-width:7px!important;filter:drop-shadow(0 0 4px currentColor)}#graph-wires.preview-interactive-wires .graph-wire[data-edge].selected{stroke:var(--active)!important;stroke-width:7px!important;filter:drop-shadow(0 0 5px var(--active))}#graph-wires.preview-interactive-wires .preview-wire-hit{fill:none!important;stroke:transparent!important;stroke-width:18px!important;opacity:1!important;pointer-events:stroke!important;cursor:pointer;filter:none!important}#graph-wires.preview-interactive-wires .preview-wire-hit:hover,#graph-wires.preview-interactive-wires .preview-wire-hit.selected{stroke:rgba(252,235,0,.12)!important;stroke-width:18px!important;filter:none!important}#preview-edge-toolbar{position:absolute;z-index:80;translate:-50% -50%;display:flex;align-items:center;gap:2px;height:27px;padding:2px;border:1px solid var(--active);background:rgba(27,20,42,.96);box-shadow:0 5px 16px rgba(0,0,0,.55);pointer-events:auto}#preview-edge-toolbar[hidden]{display:none}#preview-edge-toolbar strong{padding:0 5px;color:var(--active);font-size:7px}#preview-edge-toolbar button{width:22px;height:22px;min-height:22px;padding:0;font-size:8px}body.preview-node-dragging,body.preview-node-dragging *{cursor:grabbing!important;user-select:none!important}body.preview-node-dragging .graph-node{transition:none!important;will-change:left,top}body.preview-node-dragging .graph-wire{transition:none!important}#graph-view[data-semantic-zoom="far"] .preview-node-monitor{display:none}#graph-view[data-semantic-zoom="far"] .preview-node-actions{display:none!important}#graph-view[data-semantic-zoom="far"] .ports-port-bank{top:12px!important;width:28px!important}#graph-view[data-semantic-zoom="far"] .ports-port-bank.input{left:-14px!important}#graph-view[data-semantic-zoom="far"] .ports-port-bank.output{right:-14px!important}#graph-view[data-semantic-zoom="far"] .ports-port-socket{width:28px!important;height:28px!important}#graph-view[data-semantic-zoom="far"] .ports-port-socket>i{width:20px!important;height:20px!important}@media (max-width:760px){:root{--preview-inspector:calc(100vw - 58px);}.ports-port-bank{width:96px!important}.ports-port-bank.input{left:-94px!important}.ports-port-bank.output{right:-94px!important}.ports-port-socket{width:96px!important}.ports-port-socket>span{font-size:7px!important}}@media (prefers-reduced-motion:reduce){.graph-wire,.ports-port-socket>i{transition:none!important}}:root{--navigation-library-reserve:min(430px,44%);
  --navigation-inspector-reserve:min(296px,38%);
  --navigation-bus-reserve:min(290px,42%);
  --navigation-action-height:36px;}#board-graph-host{left:var(--board-rail)!important;
  right:0!important;
  transition:left .18s ease,right .18s ease;
  contain:layout paint;}#board-workbench[data-drawer="inspector"] #board-graph-host{left:calc(var(--board-rail) + var(--navigation-inspector-reserve))!important;}#board-workbench[data-drawer="layers"] #board-graph-host{right:var(--navigation-bus-reserve)!important;}#board-workbench[data-drawer="layers"] #board-bus-host{width:var(--navigation-bus-reserve)!important}#board-bus-host{box-shadow:none!important}#board-bus-host{pointer-events:none}#board-bus-host.board-open{pointer-events:auto}#navigation-board-navigation{display:flex;align-items:center;gap:2px;min-width:0;margin-left:4px}#navigation-board-navigation button{height:25px;min-height:25px;padding:1px 6px;font-size:7px;line-height:1}#navigation-board-navigation #navigation-zoom-readout{min-width:43px;color:var(--active)}#navigation-board-navigation span{padding:0 5px;color:var(--muted);font-size:6px;white-space:nowrap}body.navigation-board-panning,body.navigation-board-panning *{cursor:grabbing!important;user-select:none!important}body.navigation-space-pan-ready #graph-surface{cursor:grab!important}#graph-surface{overscroll-behavior:contain;scrollbar-gutter:auto;touch-action:none}#graph-canvas{transform-origin:0 0;will-change:transform}#navigation-blackboard-menu{position:fixed;z-index:220;display:grid;min-width:178px;padding:3px;border:1px solid var(--active);background:rgba(27,20,42,.98);box-shadow:0 10px 30px rgba(0,0,0,.58)}#navigation-blackboard-menu[hidden]{display:none}#navigation-blackboard-menu button{min-height:28px;text-align:left;border-width:0 0 1px;background:transparent;font-size:8px}#navigation-blackboard-menu button:last-child{border-bottom:0}#navigation-blackboard-menu button:hover{background:rgba(88,107,200,.28)}#navigation-blackboard-menu button.danger{color:#ffd2df}#stage{isolation:isolate;touch-action:none;}#stage-toolbar{z-index:30!important}#stage-status{z-index:8!important}@media (max-width:1180px){:root{--navigation-library-reserve:min(360px,48%);--navigation-inspector-reserve:min(278px,44%);--navigation-bus-reserve:min(260px,46%);}#navigation-board-navigation span{display:none}}@media (max-width:900px){#board-workbench[data-drawer="inspector"] #board-graph-host{left:calc(var(--board-rail) + min(286px,52%))!important}#board-workbench[data-drawer="layers"] #board-graph-host{right:min(270px,48%)!important}}@media (max-width:680px){#board-workbench[data-drawer] #board-graph-host{left:var(--board-rail)!important;right:0!important;visibility:hidden}#board-workbench[data-drawer="layers"] #board-bus-host{width:calc(100% - var(--board-rail))!important}}@media (prefers-reduced-motion:reduce){#board-graph-host{transition:none!important}}.authoring-add-node-card{cursor:grab}.authoring-add-node-card:active{cursor:grabbing}body.authoring-dragging-node #graph-surface{outline:2px dashed var(--yellow,#fceb00);outline-offset:-8px;background-color:rgba(252,235,0,.035)}.graph-node.authoring-just-added{animation:authoring-added-pulse .72s ease-out}@keyframes authoring-added-pulse{0%{box-shadow:0 0 0 0 rgba(252,235,0,.9)}55%{box-shadow:0 0 0 18px rgba(252,235,0,0)}100%{box-shadow:var(--shadow,0 8px 24px rgba(0,0,0,.35))}}.graph-node.authoring-node{min-width:286px;max-width:360px;contain:layout style}.graph-node.authoring-node .graph-node-body{display:flex;flex-direction:column;gap:8px;overflow:visible}.authoring-node-deck{display:grid;gap:8px;border-top:1px solid rgba(227,223,255,.14);padding-top:7px;font-size:10px;line-height:1.25}.authoring-node-purpose{margin:0;color:rgba(227,223,255,.7);font-size:9px;letter-spacing:.035em;min-height:0}.authoring-primary-params{display:grid;gap:5px}.authoring-param-compact{display:grid;grid-template-columns:minmax(64px,.72fr) minmax(88px,1.4fr) 38px;align-items:center;gap:6px;min-height:24px;padding:2px 4px;background:rgba(10,7,18,.46);border:1px solid rgba(227,223,255,.08)}.authoring-param-compact span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authoring-param-compact output{text-align:right;font-family:ui-monospace,monospace;color:var(--yellow,#fceb00)}.authoring-param-compact input[type=range],.authoring-appearance-direct input[type=range],.authoring-master-direct input[type=range]{min-width:0;width:100%;accent-color:var(--pink,#db3c93)}.authoring-node-meta{border:1px solid rgba(98,71,152,.55);background:rgba(27,20,42,.55)}.authoring-node-meta>summary{cursor:pointer;list-style:none;padding:7px 8px;font-weight:900;letter-spacing:.055em;color:#e3dfff;background:rgba(98,71,152,.18);user-select:none}.authoring-node-meta>summary::-webkit-details-marker{display:none}.authoring-node-meta>summary:after{content:"＋";float:right}.authoring-node-meta[open]>summary:after{content:"−"}.authoring-all-params{display:grid;gap:7px;padding:8px;max-height:390px;overflow:auto}.authoring-param-full{display:grid;gap:5px;padding:7px;background:rgba(8,6,14,.5);border:1px solid rgba(227,223,255,.1)}.authoring-param-full header{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:baseline}.authoring-param-full header strong{font-size:10px}.authoring-param-full header small{font-size:8px;color:rgba(227,223,255,.58);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authoring-param-full>div{display:grid;grid-template-columns:1fr 58px;gap:6px}.authoring-param-full input[type=number]{width:58px;padding:3px 4px;background:#100b19;border:1px solid rgba(227,223,255,.18);color:#e3dfff;font:9px ui-monospace,monospace}.authoring-param-full footer{display:flex;gap:4px;flex-wrap:wrap}.authoring-param-full footer button{min-height:22px;padding:2px 5px;font-size:8px}.authoring-param-full footer button.active{background:var(--yellow,#fceb00);color:#181020}.authoring-node-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-top:1px solid rgba(227,223,255,.1)}.authoring-node-settings label,.authoring-appearance-direct label,.authoring-master-direct label,.authoring-direct-select,.authoring-sequence-direct label,.authoring-palette-direct>label,.authoring-pool-direct>label{display:grid;gap:3px;min-width:0}.authoring-node-settings label span,.authoring-appearance-direct label span,.authoring-master-direct label span,.authoring-direct-select span,.authoring-sequence-direct label span,.authoring-palette-direct label span,.authoring-pool-direct label span{font-weight:900;font-size:8px;color:rgba(227,223,255,.66)}.authoring-node-settings input,.authoring-node-settings select,.authoring-appearance-direct select,.authoring-direct-select select,.authoring-sequence-direct input,.authoring-sequence-direct select,.authoring-palette-direct select,.authoring-pool-direct select{min-width:0;width:100%;height:26px;padding:3px 5px;background:#100b19;border:1px solid rgba(227,223,255,.17);color:#e3dfff;font:9px ui-monospace,monospace}.authoring-node-settings .authoring-tags{grid-column:1/-1}.authoring-node-settings output{font:8px ui-monospace,monospace;color:var(--yellow,#fceb00)}.authoring-node-meta>footer{display:flex;gap:4px;flex-wrap:wrap;padding:8px;border-top:1px solid rgba(227,223,255,.1)}.authoring-node-meta>footer button{font-size:8px;min-height:24px}.authoring-appearance-direct{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:rgba(88,107,200,.08);border:1px solid rgba(88,107,200,.25)}.authoring-appearance-direct label:first-child{grid-column:1/-1;grid-template-columns:58px 1fr 34px;align-items:center}.authoring-appearance-direct output{text-align:right;font-family:ui-monospace,monospace;color:#e3dfff}.authoring-palette-direct{display:grid;gap:7px;padding:7px;background:rgba(219,60,147,.07);border:1px solid rgba(219,60,147,.3)}.authoring-swatches{display:flex;align-items:center;gap:4px;min-height:32px;overflow-x:auto;padding:3px}.authoring-colour-swatch{position:relative;display:block;flex:0 0 28px;height:28px;border:2px solid rgba(227,223,255,.45);cursor:pointer;overflow:hidden}.authoring-colour-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.authoring-colour-swatch i{display:block;width:100%;height:100%;background:var(--swatch)}.authoring-palette-direct nav{display:flex;gap:4px;flex-wrap:wrap}.authoring-palette-direct nav button{font-size:8px;min-height:24px;padding:3px 5px}.authoring-palette-direct .authoring-tags input{height:26px;padding:3px 5px;background:#100b19;border:1px solid rgba(227,223,255,.17);color:#e3dfff;font:9px ui-monospace,monospace}.authoring-text-direct{display:grid;gap:4px}.authoring-text-direct span{font-weight:900;font-size:8px;color:rgba(227,223,255,.66)}.authoring-text-direct textarea{resize:vertical;min-height:42px;max-height:140px;padding:6px;background:#100b19;border:1px solid rgba(227,223,255,.2);color:#e3dfff;font:11px/1.35 system-ui,sans-serif}.authoring-sequence-direct{display:grid;grid-template-columns:.7fr 1fr;gap:6px;padding:6px;background:rgba(252,235,0,.045);border:1px solid rgba(252,235,0,.22)}.authoring-sequence-direct .authoring-check{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:6px}.authoring-pool-direct{display:grid;gap:6px;padding:6px;background:rgba(98,71,152,.1);border:1px solid rgba(98,71,152,.32)}.authoring-pool-direct details{border:1px solid rgba(227,223,255,.1)}.authoring-pool-direct summary{padding:5px;cursor:pointer;font-weight:900}.authoring-pool-direct details div{display:grid;gap:3px;max-height:180px;overflow:auto;padding:5px}.authoring-pool-direct details label{display:flex;align-items:center;gap:5px;padding:3px;background:rgba(0,0,0,.18)}.authoring-master-direct{display:grid;gap:5px;padding:7px;background:rgba(252,235,0,.045);border:1px solid rgba(252,235,0,.3)}.authoring-master-direct header{display:grid}.authoring-master-direct header small{color:rgba(227,223,255,.6)}.authoring-master-direct label{grid-template-columns:64px 1fr 34px;align-items:center}.authoring-master-direct output{text-align:right;font:8px ui-monospace,monospace;color:var(--yellow,#fceb00)}.authoring-empty{margin:0;padding:8px;color:rgba(227,223,255,.58);font-style:italic}.authoring-advanced-inspector .panel-head strong:after{content:" INSPECTOR";font-weight:500;color:rgba(227,223,255,.58)}#graph-view[data-semantic-zoom=far] .authoring-node-deck{display:none}#graph-view[data-semantic-zoom=working] .authoring-node-meta{display:block}#graph-view[data-semantic-zoom=close] .authoring-node-meta{display:block}@media (max-width:900px){.graph-node.authoring-node{min-width:260px;max-width:330px}.authoring-node-settings{grid-template-columns:1fr}.authoring-node-settings .authoring-tags{grid-column:auto}}.authoring-param-routing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.authoring-param-routing label{display:grid;gap:2px}.authoring-param-routing span{font-size:7px;font-weight:900;color:rgba(227,223,255,.55)}.authoring-param-routing input,.authoring-param-routing select{min-width:0;width:100%;height:23px;padding:2px 4px;background:#0c0812;border:1px solid rgba(227,223,255,.14);color:#e3dfff;font:8px ui-monospace,monospace}.authoring-node-settings .authoring-node-name{grid-column:1/-1}.authoring-meta-hint{margin:0;padding:7px 8px;color:rgba(227,223,255,.58);font-size:8px;line-height:1.35}.authoring-palette-direct>label input{min-width:0;width:100%;height:26px;padding:3px 5px;background:#100b19;border:1px solid rgba(227,223,255,.17);color:#e3dfff;font:9px ui-monospace,monospace}.authoring-swatches{align-items:stretch;flex-wrap:wrap;overflow:visible}.authoring-colour-swatch{display:grid;grid-template-columns:30px minmax(58px,1fr) 20px;align-items:center;flex:1 1 116px;height:32px;min-width:112px;max-width:158px;overflow:visible;background:#100b19;border:1px solid rgba(227,223,255,.22);cursor:grab}.authoring-colour-swatch:active{cursor:grabbing}.authoring-colour-swatch.authoring-colour-dragging{opacity:.45;outline:2px dashed var(--yellow,#fceb00)}.authoring-colour-swatch .authoring-colour-picker{position:absolute;left:0;top:0;width:30px;height:30px;opacity:0;cursor:pointer;z-index:2}.authoring-colour-swatch i{grid-column:1;display:block;width:30px;height:30px;background:var(--swatch);border-right:1px solid rgba(227,223,255,.18)}.authoring-colour-swatch .authoring-colour-hex{position:static;grid-column:2;width:100%;height:28px;opacity:1;padding:2px 5px;border:0;background:transparent;color:#e3dfff;font:8px ui-monospace,monospace;text-transform:uppercase;cursor:text}.authoring-colour-swatch button{grid-column:3;width:18px;min-width:18px;height:24px;min-height:24px;padding:0;border:0;background:transparent;color:rgba(227,223,255,.62);font-size:11px}.authoring-colour-swatch button:hover:not(:disabled){color:var(--pink,#db3c93);background:rgba(219,60,147,.12)}.authoring-colour-swatch button:disabled{opacity:.2}#board-bus-content{min-width:0;overflow:auto;contain:layout paint style;}.authoring-layers-panel{display:grid;gap:8px;min-width:0;padding:6px;}.authoring-layers-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 4px 2px;border-bottom:1px solid var(--line);}.authoring-layers-panel>header strong{font-size:10px;letter-spacing:.12em;}.authoring-layers-panel>header small{font-size:9px;opacity:.65;}.authoring-layer-list{display:grid;gap:4px;min-width:0;}.authoring-layer-row{display:grid;grid-template-columns:24px 28px minmax(112px,1fr) 28px 28px minmax(54px,72px) repeat(4,28px);align-items:center;gap:3px;min-height:38px;padding:3px;border:1px solid var(--line);background:var(--panel-2,#241b35);contain:layout style;}.authoring-layer-row.bus{grid-template-columns:24px 28px minmax(112px,1fr) 28px minmax(54px,72px) 28px 28px;}.authoring-layer-row.muted{opacity:.48}.authoring-layer-row.solo{outline:1px solid var(--yellow,#fceb00)}.authoring-layer-row.locked .authoring-layer-main{opacity:.72}.authoring-layer-row button{min-width:28px;min-height:28px;padding:3px;white-space:nowrap;}.authoring-layer-main{display:flex!important;align-items:center;gap:7px;min-width:0;text-align:left;overflow:hidden;}.authoring-layer-main>i{flex:0 0 22px;text-align:center}.authoring-layer-main>span{display:grid;min-width:0}.authoring-layer-main strong,.authoring-layer-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.authoring-layer-main small{font-size:8px;opacity:.65}.authoring-layer-grip{font:700 9px/1 monospace;text-align:center;opacity:.55;}.authoring-layer-opacity{display:flex;min-width:0}.authoring-layer-opacity input{width:100%;min-width:44px;}.authoring-layer-solo.active{background:var(--yellow,#fceb00);color:#111}.authoring-layer-toggle{font-size:15px;}@media (max-width:1180px){.authoring-layer-row,.authoring-layer-row.bus{grid-template-columns:22px 26px minmax(90px,1fr) repeat(2,26px)}.authoring-layer-row .authoring-layer-opacity,.authoring-layer-row>[data-authoring-layer-action="clip-up"],.authoring-layer-row>[data-authoring-layer-action="clip-down"],.authoring-layer-row>[data-authoring-layer-action="clip-lock"]{display:none}}.graph-node,.graph-node *{backface-visibility:hidden;}#graph-view .graph-node [data-authoring-node-field],#graph-view .graph-node [data-authoring-param-range]{will-change:auto;}#graph-view .graph-node.stability-stable-node{transition:box-shadow .12s,border-color .12s!important;content-visibility:visible!important}#graph-view .graph-node.stability-stable-node .graph-node-body{display:block!important;visibility:visible!important;opacity:1!important}#graph-view .graph-node.stability-stable-node .authoring-node-deck{display:block!important;visibility:visible!important;opacity:1!important}#graph-view .ports-port-bank{grid-auto-rows:44px!important;gap:4px!important;width:154px!important;pointer-events:none!important}#graph-view .ports-port-bank.input{left:-152px!important}#graph-view .ports-port-bank.output{right:-152px!important}#graph-view .ports-port-socket{width:154px!important;height:44px!important;min-height:44px!important;padding:3px 6px!important;border:1px solid transparent!important;border-radius:5px!important;pointer-events:auto!important;touch-action:none!important}#graph-view .ports-port-socket.input{grid-template-columns:minmax(0,1fr) 38px!important}#graph-view .ports-port-socket.output{grid-template-columns:38px minmax(0,1fr)!important}#graph-view .ports-port-socket>i{width:30px!important;height:30px!important;font-size:10px!important;border-width:3px!important}#graph-view .ports-port-socket>span{font-size:9px!important;font-weight:750!important;letter-spacing:.02em!important}#graph-view .ports-port-socket:hover,#graph-view .ports-port-socket:focus-visible,#graph-view .ports-port-socket.compatible{background:color-mix(in srgb,var(--domain) 14%,#171020)!important;border-color:color-mix(in srgb,var(--domain) 65%,var(--line))!important}#graph-view .graph-node.ports-multiport{min-height:max(178px,calc(var(--ports-port-rows,1) * 48px + 48px))!important}#graph-view[data-semantic-zoom="far"] .ports-port-bank{width:44px!important}#graph-view[data-semantic-zoom="far"] .ports-port-bank.input{left:-22px!important}#graph-view[data-semantic-zoom="far"] .ports-port-bank.output{right:-22px!important}#graph-view[data-semantic-zoom="far"] .ports-port-socket{width:44px!important;height:44px!important}#graph-view[data-semantic-zoom="far"] .ports-port-socket>i{width:30px!important;height:30px!important}body.ports-connecting #graph-view .ports-port-socket.compatible{transform:translateZ(0) scale(1.04);z-index:20}#board-boardbar .board-board-actions [data-stability-action="save-composition"]{border-color:var(--active);color:var(--active)}@media (max-width:760px){#graph-view .ports-port-bank{width:124px!important}#graph-view .ports-port-bank.input{left:-122px!important}#graph-view .ports-port-bank.output{right:-122px!important}#graph-view .ports-port-socket{width:124px!important}}@media (prefers-reduced-motion:reduce){#graph-view .graph-node.stability-stable-node,#graph-view .ports-port-socket{transition:none!important}}

/* v0.1.80h3: the Programme Monitor is a read-only renderer projection. */
#stage[data-monitor="read-only"]{
  isolation:isolate;
  touch-action:auto;
  cursor:default;
}
#stage[data-monitor="read-only"] #visual-canvas,#stage[data-monitor="read-only"] #media-layer,#stage[data-monitor="read-only"] #type-layer{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
#stage[data-monitor="read-only"] #media-layer>*{
  pointer-events:none!important;
  cursor:default!important;
  outline:0!important;
}
.programme-monitor-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start!important;
  gap:6px!important;
  max-width:min(620px,calc(100% - 16px))!important;
}
.monitor-deck-views,.monitor-deck-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:3px;
}
.monitor-deck-actions{justify-content:flex-end}
.monitor-deck-views strong{
  flex-basis:100%;
  color:var(--active);
  letter-spacing:.08em;
}
.monitor-deck-views span{
  flex-basis:100%;
  color:var(--muted);
}
.monitor-readout{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,auto));
  gap:3px;
  align-items:center;
  color:var(--muted);
  font-size:9px;
}
.monitor-readout output{
  min-width:52px;
  padding:3px 5px;
  border:1px solid var(--line);
  background:rgba(27,20,42,.88);
  color:var(--text);
  text-align:center;
}
.ports-source-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:5px;
}
.ports-source-grid>*{min-width:0}
.graph-wire{
  pointer-events:stroke;
  vector-effect:non-scaling-stroke;
  transition:stroke-width .12s ease,opacity .12s ease;
}
.graph-wire[data-domain="event"],.graph-wire[data-domain="condition"]{stroke-dasharray:7 5}
.graph-wire[data-domain="metadata"]{stroke-dasharray:2 5}
.graph-wire[data-domain="audio"]{stroke-width:3}
.graph-wire.selected,.graph-wire:focus-visible{
  stroke-width:5!important;
  opacity:1!important;
  outline:none;
}
.authoring-layer-row.selected,[data-board-select-node].selected{
  border-color:var(--active)!important;
  background:color-mix(in srgb,var(--select) 42%,var(--panel2))!important;
}
@media (max-width:700px){
  .programme-monitor-toolbar{grid-template-columns:1fr!important}
  .monitor-deck-actions{justify-content:flex-start}
  .monitor-readout{grid-template-columns:repeat(3,1fr)}
}

/* v0.1.80h3 — compact graph, true zoom, hierarchy and progressive inspector. */
:root{
  --bar:54px;
  --board-boardbar:42px;
  --board-status:28px;
  --board-rail:46px;
  --graph-node:184px;
  --node-port-row:25px;
}

/* The application toolbar owns one fixed row; all work surfaces begin below it. */
#topbar{
  height:var(--bar)!important;
  min-height:var(--bar);
  max-height:var(--bar);
  overflow:hidden;
  gap:8px;
  padding-inline:10px;
}
#topbar>*{min-width:0}
#topbar .project-path,#topbar .top-actions{overflow:hidden;white-space:nowrap}
#workspace{
  position:fixed!important;
  inset:var(--bar) 0 0!important;
  min-width:0;
  min-height:0;
  overflow:hidden!important;
}
#board-workbench{
  inset:0!important;
  grid-template-columns:minmax(340px,var(--board-share)) 7px minmax(300px,1fr)!important;
  min-width:0;
  min-height:0;
}
#board-board-pane,#board-scene-pane{min-width:0;min-height:0}
#board-boardbar,#board-scene-head{
  position:relative;
  height:var(--board-boardbar)!important;
  min-height:var(--board-boardbar);
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap!important;
  scrollbar-width:thin;
  z-index:40!important;
}
#board-boardbar>*,#board-scene-head>*{flex:0 0 auto}
.board-brand{display:grid;line-height:1.05;min-width:108px}
.board-brand span,#board-scene-head>span{max-width:190px}
.board-board-actions,.board-zoom,#board-scene-head nav{display:flex;gap:3px;align-items:center}
#board-board-body{isolation:isolate}
#board-graph-host{inset:0 0 0 var(--board-rail)!important}

/* The monitor toolbar is an unobtrusive lower readout, never another top layer. */
#stage-toolbar.programme-monitor-toolbar{
  top:auto!important;
  right:10px!important;
  bottom:10px!important;
  left:10px!important;
  width:auto!important;
  max-width:none!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  padding:5px 6px!important;
  gap:5px!important;
  background:rgba(20,14,31,.88)!important;
  box-shadow:none!important;
  border-color:rgba(98,71,152,.72)!important;
}
#stage-toolbar.programme-monitor-toolbar>strong{white-space:nowrap}
#stage-toolbar .monitor-deck-views{display:flex!important;flex-wrap:nowrap!important;min-width:0;overflow-x:auto}
#stage-toolbar .monitor-readout{margin-left:auto;white-space:nowrap}
#stage-toolbar #live-provenance{display:none!important}
#stage-status{bottom:52px!important;padding-inline:12px}

/* A scroll spacer contains one scaled graph world. Transforming the world changes
   visible size while the spacer supplies correct scroll extents. */
#graph-view .graph-surface{
  inset:38px 0 0!important;
  padding:0!important;
  overflow:auto!important;
  scroll-padding:72px;
}
#graph-view .graph-toolbar{
  height:38px!important;
  min-height:38px;
  padding:5px 7px!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
#graph-view .graph-toolbar .graph-title{display:none}
#graph-view .graph-toolbar .graph-spacer{flex:1 0 12px}
#graph-view .graph-toolbar #graph-preset-select{max-width:154px}
#graph-view .graph-toolbar .graph-zoom-control{display:none!important}
#navigation-board-navigation{display:flex;align-items:center;gap:3px;white-space:nowrap}
#navigation-board-navigation span{font-size:7px;color:var(--muted)}
#graph-canvas{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  width:1500px;
  height:960px;
  transform:none!important;
  background:none!important;
}
#graph-world{
  position:absolute;
  inset:0 auto auto 0;
  width:1500px;
  height:960px;
  transform-origin:0 0;
  will-change:transform;
  background-image:linear-gradient(90deg,transparent 24.8%,rgba(98,71,152,.1) 25%,transparent 25.2%,transparent 49.8%,rgba(98,71,152,.1) 50%,transparent 50.2%,transparent 74.8%,rgba(98,71,152,.1) 75%,transparent 75.2%);
}
#graph-groups,#graph-nodes,#graph-wires{position:absolute;inset:0}
#graph-wires{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
}

/* Compact, readable nodes. Controls belong in the Inspector; nodes show identity,
   intent and typed sockets. Ports stay inside each card so neighbouring nodes can
   never collide with invisible socket wings. */
#graph-view[data-semantic-zoom="working"]{--graph-node:184px}
#graph-view[data-semantic-zoom="close"]{--graph-node:232px}
#graph-view[data-semantic-zoom="far"]{--graph-node:116px}
#graph-view .graph-node.authoring-node,#graph-view .graph-node.preview-node{
  width:var(--graph-node)!important;
  min-width:var(--graph-node)!important;
  max-width:var(--graph-node)!important;
  min-height:calc(82px + var(--ports-port-rows,1) * var(--node-port-row))!important;
  contain:layout style;
  overflow:visible;
}
#graph-view .graph-node>header{
  height:30px!important;
  min-height:30px!important;
  padding:2px 4px!important;
}
#graph-view .graph-node>header strong{font-size:8px!important}
#graph-view .graph-node>.graph-node-body,#graph-view .graph-node.preview-node>.graph-node-body{
  display:block!important;
  min-height:46px;
  padding:4px!important;
  overflow:visible!important;
  background:#171020;
}
.authoring-node-deck{
  display:grid!important;
  gap:4px!important;
  padding:0 0 5px!important;
  border:0!important;
}
.authoring-node-purpose{
  display:-webkit-box;
  min-height:22px!important;
  margin:0!important;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:var(--muted)!important;
  font-size:7px!important;
  line-height:1.45!important;
}
.authoring-node-summary{display:flex;gap:3px;min-width:0;overflow:hidden}
.authoring-node-summary span{
  min-width:0;
  padding:2px 3px;
  overflow:hidden;
  border:1px solid rgba(98,71,152,.48);
  color:rgba(227,223,255,.72);
  font-size:6px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.preview-node-monitor{display:none!important}
#graph-view[data-semantic-zoom="close"] .preview-node-monitor{
  display:grid!important;
  grid-template-rows:20px 58px!important;
  margin-bottom:4px;
}
#graph-view[data-semantic-zoom="close"] .preview-node-monitor canvas{height:58px!important}
#graph-view[data-semantic-zoom="close"] .graph-node.authoring-node,#graph-view[data-semantic-zoom="close"] .graph-node.preview-node{
  min-height:calc(164px + var(--ports-port-rows,1) * var(--node-port-row))!important;
}
#graph-view .ports-port-bank{
  top:76px!important;
  z-index:8!important;
  width:50%!important;
  grid-auto-rows:var(--node-port-row)!important;
  gap:0!important;
  pointer-events:none!important;
}
#graph-view .ports-port-bank.input{left:0!important;right:auto!important}
#graph-view .ports-port-bank.output{right:0!important;left:auto!important}
#graph-view .ports-port-socket{
  width:100%!important;
  height:var(--node-port-row)!important;
  min-height:var(--node-port-row)!important;
  padding:1px 3px!important;
  border-radius:0!important;
  border-top:1px solid rgba(227,223,255,.045)!important;
  background:rgba(12,8,18,.7)!important;
  overflow:hidden!important;
}
#graph-view .ports-port-socket.input{grid-template-columns:minmax(0,1fr) 18px!important}
#graph-view .ports-port-socket.output{grid-template-columns:18px minmax(0,1fr)!important}
#graph-view .ports-port-socket>i{
  width:14px!important;
  height:14px!important;
  border-width:2px!important;
  font-size:5px!important;
  box-shadow:none!important;
}
#graph-view .ports-port-socket>span{
  padding-inline:3px!important;
  font-size:6px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
#graph-view .ports-port-socket>b{display:none!important}
#graph-view .graph-node.ports-multiport{
  min-height:calc(82px + var(--ports-port-rows,1) * var(--node-port-row))!important;
}
#graph-view[data-semantic-zoom="close"] .ports-port-bank{top:158px!important}
#graph-view[data-semantic-zoom="close"] .graph-node.ports-multiport{
  min-height:calc(164px + var(--ports-port-rows,1) * var(--node-port-row))!important;
}
#graph-view[data-semantic-zoom="far"] .graph-node.authoring-node,#graph-view[data-semantic-zoom="far"] .graph-node.preview-node{min-height:32px!important}
#graph-view[data-semantic-zoom="far"] .graph-node-body,#graph-view[data-semantic-zoom="far"] .ports-port-bank,#graph-view[data-semantic-zoom="far"] .ports-port-summary{display:none!important}
.graph-wire{vector-effect:non-scaling-stroke!important}

/* The Hierarchy is a tree projection of graph ownership, with graph relation counts. */
#board-bus-host{width:min(340px,48%)!important;overflow:hidden!important}
#board-bus-content{height:calc(100% - 34px);overflow:auto!important;contain:layout style!important}

























/* Progressive inspector: only one conceptual depth is visible at a time. */












.ports-status-strip{position:relative!important;top:auto!important}
.ports-parameters{display:grid;gap:5px}
.ports-parameter{min-height:34px}


/* Responsive collapse preserves legibility rather than allowing panels to overlap. */
@media (max-width:980px){
  #topbar .brand span,#topbar #broadcast-switcher{display:none!important}
  #board-workbench{grid-template-columns:minmax(310px,var(--board-share)) 7px minmax(280px,1fr)!important}
  .board-brand span,#board-scene-head>span,#navigation-board-navigation>span{display:none}
}
@media (max-width:700px){
  #topbar{grid-template-columns:auto minmax(0,1fr) auto}
  #topbar .project-path>button,#topbar .project-path>span,#topbar .project-path>em{display:none}
  #board-workbench{grid-template-columns:minmax(0,1fr)!important}
  
  #board-scene-pane{display:none!important}
  #board-workbench[data-view="scene"] #board-board-pane{display:none!important}
  #board-workbench[data-view="scene"] #board-scene-pane{display:grid!important}
  #stage-toolbar.programme-monitor-toolbar{grid-template-columns:1fr!important}
  #stage-toolbar.programme-monitor-toolbar>strong,.monitor-readout{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  #graph-world{will-change:auto}
}

/* ========================================================================== 
   v0.1.80h3 · L-shaped Broadcast Synth seam refinement
   ========================================================================== */
:root{
  --bar:54px;
  --layer-tower-width:320px;
  --layer-tower-height:220px;
  --viewer-width:430px;
  --home-bay-height:112px;
  --extension-height:0px;
  --layer-tower-board-cut:0px;
  --extension-board-cut:0px;
  --node-work-width:258px;
  --node-detail-width:318px;
  --node-map-width:124px;
  --rack-unit:74px;
}
*{box-sizing:border-box}
#topbar{height:var(--bar)!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:8px;padding:0 9px!important}
#shell-posture-switch{display:flex;align-items:center;gap:2px}
#shell-posture-switch button{height:28px;min-height:28px;padding:2px 9px;font-size:9px;font-weight:800;letter-spacing:.08em}
#workspace{position:absolute!important;inset:var(--bar) 0 0!important;display:block!important;overflow:hidden!important}
#board-workbench.final-four-surface-shell{
  position:absolute!important;inset:0!important;display:block!important;
  gap:0!important;background:var(--bg);overflow:hidden!important;
}

/* Layer Tower: a vertical Stack Tree extension of the Broadcast Synth. */
#layer-tower{position:absolute;left:0;bottom:0;width:var(--layer-tower-width);height:var(--layer-tower-height);display:grid;grid-template-rows:minmax(0,1fr) 36px;min-width:260px;min-height:151px;max-width:min(520px,48vw);overflow:visible;background:var(--panel);border-right:1px solid var(--line);z-index:32}
#layer-tower-module{width:100%!important;height:100%!important;display:grid;grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;background:var(--panel2)}
#layer-tower-module>header{height:38px;min-height:38px;padding:4px 5px;background:#171020;border-bottom:1px solid var(--line)}
#layer-tower-module>header strong{font-size:8px;letter-spacing:.09em}#layer-tower-module>header span{font-size:6px}#layer-tower-module>header [data-hierarchy-action="add-layer"],#layer-tower-module>header [data-layer-tower-module-toggle]{width:26px;min-width:26px;height:26px;min-height:26px}#layer-tower-module>header [data-hierarchy-action="add-layer"]{margin-left:4px;color:var(--active)}
#layer-tower-body{display:block;min-width:0;min-height:0;padding:0!important;overflow-y:auto;overflow-x:hidden;background:var(--panel)}#layer-tower-body[hidden]{display:none!important}
#layer-tower-compact{display:grid;min-width:0;min-height:74px;background:var(--panel2)}#layer-tower-compact[hidden]{display:none!important}.layer-tower-compact-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;height:100%;min-height:74px;padding:10px;text-align:left;border:0!important;background:var(--panel2)!important}.layer-tower-compact-control span{display:grid;min-width:0}.layer-tower-compact-control strong{color:var(--active);font-size:8px}.layer-tower-compact-control small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:7px}.layer-tower-compact-control output{font-size:8px;color:var(--value)}.layer-tower-compact-control b{font-size:13px;color:var(--active)}
#layer-tower-director-base{position:relative;display:block;width:100%;height:36px;min-height:36px;overflow:visible;background:#0d0914;border-top:1px solid var(--line)}
#layer-tower-resizer{position:absolute;top:0;right:-5px;bottom:0;width:10px;min-width:10px;height:auto;min-height:0;cursor:col-resize;z-index:36}#layer-tower-resizer:after,#shell-right-column-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:var(--line)}#layer-tower-resizer:hover:after,#layer-tower-resizer:focus-visible:after,#shell-right-column-resizer:hover:after,#shell-right-column-resizer:focus-visible:after{width:2px;background:var(--active)}
#board-bus-host.semantic-hierarchy-host{position:relative!important;inset:auto!important;display:grid!important;grid-template-rows:auto!important;align-content:start!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;overflow:visible!important;border:0!important;background:var(--panel)!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#board-bus-content{min-width:0!important;min-height:0!important;height:auto!important;overflow:visible!important;contain:layout paint style}.semantic-hierarchy-panel{display:block;min-width:0;background:#15101f}.semantic-hierarchy-summary{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:5px 7px;border-bottom:1px solid var(--line);background:#100b19}.semantic-hierarchy-summary span{display:grid;min-width:0}.semantic-hierarchy-summary strong{color:var(--active);font-size:8px}.semantic-hierarchy-summary small,.semantic-hierarchy-summary output{color:var(--muted);font-size:7px}
.semantic-layer-list,.stack-tree-list{display:flex;flex-direction:column;min-width:0}.semantic-layer,.stack-tree-item{display:block;min-width:0;border-bottom:1px solid rgba(98,71,152,.55);background:var(--panel2)}.semantic-layer.dragging,.stack-tree-item.dragging{opacity:.45}.semantic-layer.muted,.stack-tree-item.muted{opacity:.48}.semantic-layer.solo{box-shadow:inset 3px 0 0 var(--active)}.semantic-layer.selected,.stack-tree-item.selected{background:color-mix(in srgb,var(--select) 28%,var(--panel2));box-shadow:inset 3px 0 0 var(--active)}
.stack-tree-row{display:grid;grid-template-columns:24px 24px minmax(0,1fr) 25px 38px 25px 25px;align-items:center;gap:2px;min-height:34px;padding:3px 4px;background:rgba(11,8,17,.42)}.stack-tree-row>button{width:24px;min-width:24px;height:25px;min-height:25px;padding:0}.stack-tree-main{display:flex!important;align-items:center;gap:6px;min-width:0;width:100%!important;text-align:left;background:transparent!important;border-color:transparent!important}.stack-tree-main i{flex:0 0 18px;color:var(--value);font-style:normal;text-align:center}.stack-tree-main span{display:grid;min-width:0}.stack-tree-main strong,.stack-tree-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-tree-main strong{font-size:8px}.stack-tree-main small{font-size:7px;color:var(--muted)}.stack-tree-target{border-radius:50%!important;color:var(--muted)!important}.stack-tree-target.active{color:var(--active)!important;box-shadow:inset 0 0 0 1px var(--active)}.stack-tree-row output{font-size:7px;color:var(--muted);text-align:right}
.stack-tree-children{display:block;background:#120c1d}.stack-tree-child .stack-tree-row{grid-template-columns:24px 24px minmax(0,1fr) 25px 25px;padding-left:calc(4px + var(--tree-depth,1)*14px);background:rgba(20,13,31,.82)}.stack-tree-disclosure-spacer{display:block;width:24px}.stack-tree-child[data-tree-kind=effect] .stack-tree-main i{color:#db3c93}.stack-tree-child[data-tree-kind=logic] .stack-tree-main i{color:#fceb00}.stack-tree-child[data-tree-kind=mask] .stack-tree-main i{color:#ab84e5}
.semantic-layer-controls{display:none;gap:5px;padding:7px;border-top:1px solid rgba(98,71,152,.35);background:#171020}.semantic-layer.selected>.semantic-layer-controls{display:grid}.semantic-layer-controls>label{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:5px;color:var(--muted);font-size:7px}.semantic-layer-controls input,.semantic-layer-controls select{min-width:0;width:100%;height:27px;min-height:27px;padding:2px 4px;font-size:7px}.semantic-colour{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px}.semantic-colour input[type=color]{padding:1px}.semantic-layer-effects{display:grid;grid-template-columns:68px minmax(0,1fr) 82px;gap:5px;align-items:start}.semantic-layer-effects>strong{font-size:7px;color:var(--muted);padding-top:6px}.semantic-layer-effects>span{display:flex;gap:3px;flex-wrap:wrap}.semantic-layer-effects>span button{min-height:23px;height:23px;padding:2px 5px;font-size:6px}.semantic-layer-effects>span i{font-size:7px;color:var(--muted);padding-top:6px}.semantic-layer-effects select{height:27px;min-height:27px;font-size:7px}.semantic-layer-controls>nav{display:flex;gap:3px;flex-wrap:wrap}.semantic-layer-controls>nav button{min-height:25px;height:25px;padding:2px 5px;font-size:6px}.semantic-layer.master-output{background:#100b19}.semantic-layer.master-output .stack-tree-row{grid-template-columns:26px minmax(0,1fr) auto}.semantic-empty{display:grid;gap:6px;padding:16px;text-align:center;color:var(--muted)}.semantic-empty strong{color:var(--active)}
/* Director: one composer plus shared transient/persistent accessory modules. */
#board-console-host.director-composer-host{position:relative!important;inset:auto!important;display:block!important;width:100%!important;min-height:36px!important;height:36px!important;padding:0!important;overflow:visible;border-top:0;background:#0d0914}
#director-console.director-composer-module{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:36px!important;border:0!important;background:#0d0914!important;overflow:hidden!important}
#director-console .composer-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 38px!important;gap:0!important;width:100%!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;background:#0d0914!important}
#director-console .composer-row textarea{display:block!important;min-width:0!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important;padding:8px 9px!important;resize:none!important;overflow:hidden!important;border:0!important;border-radius:0!important;outline-offset:-2px;background:#120c1d!important;color:var(--text)!important;line-height:19px!important}
#director-console .composer-row nav{display:block;width:42px;max-width:none;overflow:hidden}#director-console .composer-row nav button{display:none;width:42px;min-width:42px;height:36px;min-height:36px;padding:0 4px;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:#171020!important;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.06em}#director-console .composer-row nav button.active{display:block;color:var(--active)}#director-send{width:38px!important;min-width:38px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background:#171020!important;color:var(--active)!important;font-size:7px!important;font-weight:900!important}
#director-console.selected{box-shadow:inset 0 0 0 1px var(--active)}#director-console.selected .composer-row textarea{background:#171020!important}
#director-accessory-drawer{position:absolute;left:0;right:0;bottom:36px;z-index:75;display:grid;grid-template-columns:1fr 1fr;max-height:min(55vh,500px);min-height:170px;border-top:1px solid var(--active);background:#100b19;box-shadow:0 -12px 32px rgba(0,0,0,.48)}
#director-accessory-drawer[hidden]{display:none!important}#director-accessory-drawer.one-cell{grid-template-columns:1fr}
#director-accessory-drawer>section{min-width:0;min-height:0;overflow:auto;border-right:1px solid var(--line);background:var(--panel)}#director-accessory-drawer>section:last-child{border-right:0}
#director-log{height:100%;min-height:120px;overflow:auto;padding:7px}.director-rack-slot{height:100%;min-height:0;overflow:auto}.director-rack-slot #director-log,.director-rack-slot #preview-token-keyboard{height:100%;min-height:0}
#preview-token-keyboard{display:grid;gap:6px;padding:7px;overflow:auto}#preview-token-keyboard>header{display:flex;justify-content:space-between;gap:6px}#preview-token-keyboard section{display:grid;gap:4px}#preview-token-keyboard h4{margin:0;color:var(--active);font-size:7px}#preview-token-keyboard section>div{display:flex;gap:3px;flex-wrap:wrap}#preview-token-keyboard button{min-height:24px;height:24px;padding:2px 5px;font-size:6px}

/* Blackboard and Viewer remain the stable central/right authoring surfaces. */
#board-board-pane{position:absolute!important;left:0!important;right:var(--viewer-width)!important;top:0!important;bottom:0!important;display:grid!important;grid-template-rows:42px minmax(0,1fr) 24px!important;min-width:0!important;min-height:0!important;border-right:1px solid var(--line);background:var(--bg);overflow:hidden!important}
#board-boardbar{height:42px!important;min-height:42px!important;padding:4px 7px!important;z-index:12!important}#board-boardbar .board-brand span{display:none}#board-boardbar .board-board-actions{min-width:0;overflow:auto}#board-boardbar button{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:8px!important;white-space:nowrap}
#board-board-body{position:relative!important;display:block!important;min-width:0!important;min-height:0!important;overflow:hidden!important}#board-graph-host{position:absolute!important;inset:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--extension-board-cut)),var(--layer-tower-width) calc(100% - var(--extension-board-cut)),var(--layer-tower-width) calc(100% - var(--layer-tower-board-cut)),0 calc(100% - var(--layer-tower-board-cut)));min-width:0!important;min-height:0!important}#graph-view{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}#graph-view>.graph-toolbar{height:38px!important;min-height:38px!important;padding:4px 7px!important}#graph-surface{top:38px!important;inset-inline:0!important;bottom:0!important}#board-status{height:24px!important;min-height:24px!important;padding:3px 7px!important;overflow:hidden}#board-status span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shell-right-column{position:absolute;right:0;top:0;bottom:0;width:var(--viewer-width);display:grid;grid-template-rows:minmax(var(--viewer-min,220px),1fr) 10px var(--home-bay-height);min-width:0;min-height:0;overflow:hidden;background:var(--bg);z-index:10}
#board-scene-pane{position:relative!important;inset:auto!important;display:grid!important;grid-template-rows:42px minmax(0,1fr)!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:hidden!important;border:0!important;background:var(--bg)}
#board-scene-head{height:42px!important;min-height:42px!important;padding:4px 7px!important}#board-scene-head>nav{display:none!important}.shell-viewer-switch{display:flex!important;margin-left:auto}.shell-viewer-switch button{height:27px;min-height:27px;padding:2px 6px;font-size:7px}
#board-scene-host{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;background:#09060e}#board-scene-host[data-viewer-mode=split]{grid-template-columns:1fr 1fr}#stage,#shell-programme-stage{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}#stage[hidden],#shell-programme-stage[hidden]{display:none!important}#stage-toolbar.programme-monitor-toolbar{bottom:0!important;top:auto!important;min-height:30px!important;padding:3px 5px!important}.monitor-deck-views{display:none!important}
#shell-programme-stage{display:grid;grid-template-rows:24px minmax(0,1fr);background:#0e0a17}#shell-programme-stage>header{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;background:#171020;border-bottom:1px solid var(--line);font-size:7px}#shell-programme-stage>header strong{color:var(--active)}#shell-programme-stage>header span{color:var(--muted)}.shell-programme-surface{position:relative;min-width:0;min-height:0;overflow:hidden}#shell-programme-canvas,#shell-programme-media,#shell-programme-type{position:absolute;inset:0;width:100%;height:100%}#shell-programme-media>*{position:absolute;pointer-events:none}#shell-programme-type{display:grid;place-items:center;pointer-events:none;text-align:center}

/* Resizable principal borders. */
.shell-principal-splitter{padding:0;border:0!important;background:transparent!important;touch-action:none;z-index:30}
#shell-right-column-resizer{position:absolute;left:-5px;top:0;bottom:0;width:10px;min-width:10px;height:auto;min-height:0;cursor:col-resize}
#viewer-home-resizer{position:relative;width:100%;height:10px;min-height:10px;cursor:row-resize;border-top:1px solid rgba(227,223,255,.1)!important;border-bottom:1px solid rgba(0,0,0,.4)!important;background:#0c0812!important}#viewer-home-resizer:after,#synth-rack-resizer:after{content:"";display:block;width:48px;height:2px;margin:3px auto;background:var(--line)}#viewer-home-resizer:hover:after,#viewer-home-resizer:focus-visible:after,#synth-rack-resizer:hover:after,#synth-rack-resizer:focus-visible:after{background:var(--active)}

/* Intrinsic Home Bay and genuine contextual overflow Extension. */
#synth-home-bay{display:grid;grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:var(--panel)}
#synth-home-bay>header,#synth-shelf-bridge{display:flex;align-items:center;gap:5px;min-width:0;padding:4px 6px;background:#171020;border-bottom:1px solid var(--line)}.rack-home-title{display:grid;min-width:0}.rack-home-title strong,#synth-shelf-bridge strong{color:var(--active);font-size:8px;letter-spacing:.08em;white-space:nowrap}.rack-home-title span,#synth-shelf-bridge span{color:var(--muted);font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#synth-home-bay>header>[data-rack-expand-all]{margin-left:auto;height:25px;min-height:25px;padding:2px 6px;font-size:6px}#rack-patch-status{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:6px}#synth-home-bay>header>[data-rack-route-select]{width:92px;min-width:58px;height:25px;min-height:25px;padding:2px 4px;font-size:6px}#synth-home-bay>header>[data-rack-route-remove]{height:25px;min-height:25px;padding:2px 6px;font-size:6px}.rack-add-control{display:flex!important;gap:3px!important;margin:0!important}.rack-add-control select{width:90px;min-width:0;height:25px;min-height:25px;padding:2px 4px;font-size:6px}.rack-add-control button{height:25px;min-height:25px;padding:2px 5px;font-size:6px;white-space:nowrap}
#synth-overflow-shelf{position:absolute;left:var(--layer-tower-width);right:var(--viewer-width);bottom:0;height:var(--extension-height);display:grid;grid-template-rows:10px 38px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:var(--panel);z-index:11;border-top:1px solid var(--line)}#synth-overflow-shelf[hidden]{display:none!important}#synth-rack-resizer{position:relative;width:100%;height:10px;min-height:10px;cursor:row-resize;background:#0c0812!important;border-bottom:1px solid rgba(98,71,152,.4)!important}#synth-shelf-bridge{height:38px;min-height:38px;padding:4px 7px}#synth-shelf-bridge button{height:25px;min-height:25px;padding:2px 6px;font-size:8px}#synth-shelf-bridge span{margin-left:auto}
.rack-module-grid{position:relative;min-width:0;min-height:0;padding:0;margin:0;background:transparent;overscroll-behavior:contain;scrollbar-gutter:auto}.rack-module-world{display:flex;flex-direction:column;justify-content:flex-end;min-width:100%;min-height:100%;padding:0;margin:0;background:transparent}.rack-module-row{display:flex;flex:0 0 auto;gap:0;padding:0;margin:0;background:transparent}.rack-horizontal-pages{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:stretch}.rack-extension-page{display:flex;align-items:flex-end;flex:0 0 auto;height:100%;background:transparent}.rack-page-rows{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%}
#synth-home-grid{overflow:hidden}#synth-shelf-grid{overflow:hidden}
.rack-module{position:relative;display:grid;grid-template-rows:26px minmax(0,1fr) auto;flex:0 0 auto;min-width:0;min-height:0;overflow:hidden;border:0;background:var(--panel2);box-shadow:inset -1px 0 0 var(--line),inset 0 -1px 0 var(--line)}.rack-module.selected{z-index:2;box-shadow:inset 0 0 0 2px var(--active),inset -1px 0 0 var(--active),inset 0 -1px 0 var(--active)}.rack-module>header{display:flex;align-items:center;gap:3px;min-width:0;padding:2px 4px;border-bottom:1px solid rgba(98,71,152,.55);background:#171020;user-select:none}.rack-module>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--active);font-size:7px}.rack-module>header span{margin-left:auto;color:var(--muted);font-size:5px;white-space:nowrap}.rack-module>header button{width:21px;min-width:21px;height:21px;min-height:21px;padding:0;font-size:8px}.rack-module-body{display:grid;align-content:start;gap:4px;min-width:0;min-height:0;padding:7px;overflow:auto;font-size:7px;background:var(--panel2)}.rack-module-body label{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:4px;color:var(--muted);font-size:6px}.rack-module-body input,.rack-module-body select,.rack-module-body button{min-width:0;min-height:25px;height:25px;padding:2px 4px;font-size:6px}.rack-crossfader{display:grid;grid-template-columns:14px minmax(0,1fr) 14px;align-items:center;gap:3px}.rack-deck-summary,.rack-programme-status{display:grid;gap:3px}.rack-deck-summary span,.rack-programme-status span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rack-radio-slot{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.rack-module[data-module-expanded=false] .rack-module-body{align-content:center;padding:5px}


/* Typed Broadcast Synth patch grammar. Ports remain inside module faces; cables are a renderer projection. */
.rack-port-deck{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0;height:20px;min-height:20px;padding:1px 3px;overflow:hidden;border-top:1px solid rgba(98,71,152,.35);background:#100b19}.rack-port-bank{display:flex;align-items:center;gap:2px;min-width:0;height:18px;min-height:18px;overflow:hidden}.rack-port-bank-output{margin-left:auto;justify-content:flex-end}
.rack-port{display:inline-flex;align-items:center;gap:3px;min-width:0!important;width:auto!important;height:17px!important;min-height:17px!important;padding:1px 4px!important;border-color:transparent!important;background:transparent!important;color:var(--muted)!important;font-size:5px!important;line-height:1;white-space:nowrap}.rack-port i{display:block;flex:0 0 7px;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:#0a0710}.rack-port span{min-width:0;overflow:hidden;text-overflow:ellipsis}.rack-port.connected{color:var(--value)!important}.rack-port.connected i{background:currentColor}.rack-port.armed{color:var(--active)!important;box-shadow:inset 0 0 0 1px var(--active)}.rack-port.compatible{color:#70dfa6!important;background:rgba(68,210,147,.11)!important}.rack-port.compatible i{box-shadow:0 0 0 2px rgba(68,210,147,.25)}
.rack-route-summary{display:flex;align-items:center;gap:4px;min-width:0;color:var(--muted);font-size:5px}.rack-route-summary span{padding:2px 4px;border:1px solid rgba(98,71,152,.42);background:#100b19}.rack-route-summary [data-rack-runtime-status]{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#rack-route-overlay{position:absolute;inset:0;z-index:24;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}#rack-route-overlay[hidden]{display:none}.rack-route,.rack-route-hit{fill:none;vector-effect:non-scaling-stroke}.rack-route{stroke:var(--value);stroke-width:2;opacity:.58;pointer-events:none}.rack-route.active{opacity:.88}.rack-route.selected{stroke:var(--active);stroke-width:3;opacity:1}.rack-route-hit{stroke:transparent;stroke-width:12;pointer-events:none}.rack-route-audio{stroke-dasharray:8 3}.rack-route-analysis{stroke-dasharray:3 2}.rack-route-control{stroke-dasharray:2 3}.rack-route-event{stroke-dasharray:8 4 2 4}.rack-route-metadata{stroke-dasharray:1 4}.rack-route-queue{stroke-dasharray:11 3}.rack-route-programme{stroke-width:3}.rack-route-command{stroke-dasharray:5 2 1 2}

/* Extracted Pungent Funk Radio module. */
#pf-radio-module{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#120c1d;color:#fff0c2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.pf-radio-screen{display:grid;grid-template-rows:minmax(0,1fr) 28px;min-width:0;min-height:0;padding:5px;background:#1b1230}.pf-radio-pane{display:none;min-width:0;min-height:0;overflow:hidden}.pf-radio-pane.active{display:grid}.pf-radio-browser{grid-template-rows:auto minmax(0,1fr) auto;gap:4px}.pf-radio-filters{display:grid;grid-template-columns:minmax(70px,1fr) 96px 82px;gap:3px}.pf-radio-filters input,.pf-radio-filters select{height:25px;min-height:25px;min-width:0;padding:2px 4px;font-size:6px;background:#0e0918;border-color:#5f477c}.pf-radio-library{min-height:0;overflow:auto;background:rgba(0,0,0,.17)}.pf-radio-album{border-bottom:1px solid rgba(255,240,194,.12)}.pf-radio-album summary{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;cursor:pointer;background:rgba(255,255,255,.035)}.pf-radio-album summary span{display:grid}.pf-radio-album summary strong{font-size:7px}.pf-radio-album summary small,.pf-radio-album summary i{font-size:6px;color:rgba(255,240,194,.55)}.pf-radio-track{display:grid;grid-template-columns:22px minmax(0,1fr) auto;width:100%;min-height:30px;height:auto;padding:4px 6px;text-align:left;border:0;border-top:1px solid rgba(255,240,194,.07);background:transparent;color:#fff0c2}.pf-radio-track.current{background:rgba(219,60,147,.22);box-shadow:inset 3px 0 0 #fceb00}.pf-radio-track>span:nth-child(2){display:grid;min-width:0}.pf-radio-track strong,.pf-radio-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-radio-track strong{font-size:7px}.pf-radio-track small,.pf-radio-track time,.pf-radio-track>span:first-child{font-size:6px;color:rgba(255,240,194,.55)}.pf-radio-now{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;background:rgba(0,0,0,.32);border:1px solid rgba(255,240,194,.12)}.pf-radio-now span{display:grid;min-width:0}.pf-radio-now strong,.pf-radio-now small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-radio-now strong{font-size:8px}.pf-radio-now small,.pf-radio-now time{font-size:6px;color:rgba(255,240,194,.6)}.pf-radio-playing{position:relative}.pf-radio-playing-card{position:relative;display:grid;grid-template-rows:auto auto minmax(10px,1fr) auto;gap:5px;height:100%;min-height:0;padding:9px;overflow:hidden;background:linear-gradient(rgba(8,5,17,.48),rgba(8,5,17,.84)),var(--pf-radio-art) center/cover}.pf-radio-playing-primary{display:flex;justify-content:space-between;gap:8px}.pf-radio-playing-primary strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-radio-playing-primary time{font-size:7px;color:rgba(255,240,194,.65)}.pf-radio-playing-links{display:flex;gap:5px;font-size:6px;text-transform:uppercase;color:rgba(255,240,194,.7)}.pf-radio-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.pf-radio-meta-grid span{display:grid;grid-template-columns:54px minmax(0,1fr);gap:4px;padding:4px 5px;background:rgba(0,0,0,.38);font-size:6px}.pf-radio-meta-grid b{color:rgba(255,240,194,.52)}.pf-radio-meta-grid i{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-radio-playhead{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;font-size:6px}.pf-radio-playhead input{width:100%;min-width:0}.pf-radio-deck{display:grid;grid-template-columns:auto auto minmax(112px,1fr) auto;gap:3px;padding:4px;background:#100b19;border-top:1px solid #5f477c}.pf-radio-view-tabs,.pf-radio-transport,.pf-radio-volume,.pf-radio-utility{display:flex;align-items:center;gap:2px}.pf-radio-deck button,.pf-radio-deck label{height:25px;min-height:25px;padding:2px 5px;font-size:6px}.pf-radio-volume input{min-width:45px;width:100%}.pf-radio-volume span{font-size:6px;min-width:28px}.pf-radio-module[data-expanded=false] .pf-radio-screen{display:none}.pf-radio-module[data-expanded=false]{grid-template-rows:1fr}.pf-radio-module[data-expanded=false] .pf-radio-deck{height:100%;grid-template-columns:auto 1fr auto}.pf-radio-module[data-expanded=false] .pf-radio-view-tabs,.pf-radio-module[data-expanded=false] .pf-radio-volume,.pf-radio-module[data-expanded=false] .pf-radio-utility button:not([data-pf-radio-action=source]),.pf-radio-module[data-expanded=false] .pf-radio-utility label{display:none}.pf-radio-module[data-expanded=false] .pf-radio-transport{justify-content:center}.pf-radio-module[data-expanded=false] .pf-radio-transport button[data-pf-radio-action=stop]{display:none}

/* Contextual Browser/Inspector Lens is the sole Library/Inspector projection. */
#blackboard-context-lens{position:absolute;z-index:80;display:grid;grid-template-rows:34px auto minmax(0,1fr);min-width:286px;max-width:420px;min-height:150px;max-height:520px;overflow:hidden;border:1px solid var(--active);background:#171020;box-shadow:0 12px 36px rgba(0,0,0,.5)}#blackboard-context-lens[hidden]{display:none!important}#blackboard-context-lens>header{display:flex;align-items:center;gap:6px;padding:4px 6px;border-bottom:1px solid var(--line);background:#100b19}#blackboard-context-lens>header strong{color:var(--active);font-size:8px}#blackboard-context-lens>header button{margin-left:auto;width:25px;min-width:25px;height:25px;min-height:25px;padding:0}#context-lens-toolbar{display:flex;gap:4px;padding:5px;border-bottom:1px solid var(--line)}#context-lens-toolbar input{width:100%;min-width:0;height:28px;min-height:28px}#context-lens-toolbar span{color:var(--muted);font-size:7px;padding:6px}#context-lens-toolbar button{margin-left:auto;height:26px;min-height:26px;font-size:6px}#context-lens-body{min-height:0;overflow:auto;padding:6px}.lens-section{display:grid;gap:3px;margin-bottom:8px}.lens-section h3{margin:3px 0;color:var(--active);font-size:7px}.lens-section>button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;width:100%;min-height:34px;text-align:left}.lens-section>button span{display:grid;min-width:0}.lens-section strong,.lens-section small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lens-section strong{font-size:7px}.lens-section small{font-size:6px;color:var(--muted)}.lens-inspect-controls{display:grid;gap:4px}.lens-param{display:grid;grid-template-columns:72px minmax(0,1fr) 64px;align-items:center;gap:4px}.lens-param span{font-size:7px;color:var(--muted)}.lens-param input{min-width:0;height:27px;min-height:27px}.lens-inspect-controls+footer{display:flex;gap:4px;padding-top:7px}

body.shell-resizing-x{cursor:col-resize!important;user-select:none!important}body.shell-resizing-y{cursor:row-resize!important;user-select:none!important}body.shell-resizing-x *,body.shell-resizing-y *{cursor:inherit!important}
@media(max-width:1180px){#rack-patch-status{max-width:110px}.rack-add-control select{width:64px}.pf-radio-deck{grid-template-columns:auto auto 1fr}.pf-radio-utility{display:none}}
@media(max-width:920px){:root{--layer-tower-width:min(320px,42vw)}#rack-patch-status{display:none}#topbar .project-path>span,#topbar .project-path>em{display:none}.pf-radio-filters{grid-template-columns:1fr 80px}.pf-radio-filters [data-pf-radio-sort]{display:none}}
@media(max-width:700px){:root{--layer-tower-width:min(280px,46vw)}#topbar{grid-template-columns:auto auto minmax(0,1fr)!important}#topbar .project-path,#topbar .top-actions #budget{display:none!important}#broadcast-switcher{display:none!important}#board-boardbar .board-board-actions button:not([data-board-action=add]):not([data-board-action=fit]){display:none}#board-scene-host[data-viewer-mode=split]{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important}#director-accessory-drawer{grid-template-columns:1fr;max-height:65vh}.rack-add-control select{width:54px}}
@media(prefers-reduced-motion:reduce){#blackboard-context-lens,.rack-module,.semantic-layer,.stack-tree-item{transition:none!important}}

#board-scene-head>div{display:grid;min-width:0;line-height:1.1}#board-scene-head>div strong,#board-scene-head>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#board-scene-head>div span{font-size:7px;color:var(--muted)}

#director-log-module{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}#director-log-module #preview-suggestion-bar{display:grid;grid-template-columns:24px minmax(0,1fr) auto 24px 24px;align-items:center;gap:3px;padding:4px;border-top:1px solid var(--line);background:#100b19}#director-log-module #preview-suggestion-bar button{min-width:0;min-height:24px;height:24px;padding:2px 4px;font-size:6px}#director-log-module #preview-suggestion-count{font-size:6px;color:var(--muted)}

/* v0.1.80h3 · Intrinsic Layer Tower sizing must be content-led, never viewport-led. */
#layer-tower-body>#board-bus-host,
#layer-tower-body #board-bus-content,
#layer-tower-body .semantic-hierarchy-panel,
#layer-tower-body .semantic-layer-list{
  align-self:start!important;
  flex:none!important;
  height:max-content!important;
  min-height:0!important;
  max-height:none!important;
}


/* v0.1.80h3 · Blackboard clipping follows the panels' real overlap, not their full workbench height. */
#board-graph-host{will-change:clip-path}