:root{font-family:Arial,Helvetica,sans-serif;color:#f2f2ed;background:#171a1d;font-synthesis:none;line-height:1.45;accent-color:#d8a85e}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,select,input,textarea{color:inherit}button{border:1px solid #60686d;background:#33393d;border-radius:5px;padding:.55rem .8rem;min-height:44px;cursor:pointer;line-height:1.2}button:hover:not(:disabled){background:#485057}button:active:not(:disabled){background:#59636a}button:disabled{opacity:.48;cursor:not-allowed}button.primary{background:#d8a85e;color:#171a1d;border-color:#d8a85e;font-weight:700}button.primary:hover:not(:disabled){background:#e7bd7c}button.quiet{background:transparent}input,select,textarea{background:#202529;border:1px solid #7a8389;border-radius:4px;min-height:44px;padding:.5rem .65rem;max-width:100%}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:20px;height:20px;min-height:auto;margin:0}input[type=file]{border:0}a{color:#efc688;text-underline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #f3c679;outline-offset:2px}::selection{background:#d8a85e;color:#171a1d}.skip{position:absolute;left:1rem;top:-4rem;background:#171a1d;padding:.7rem;z-index:10}.skip:focus{top:.5rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace{min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem clamp(1rem,2vw,2rem);border-bottom:1px solid #465057;background:#202529}.wordmark{font-size:1.32rem;letter-spacing:-.025em}.subtitle{font-size:.82rem;color:#ccd1d1;margin-left:1rem}.top-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.save-state{color:#e5d3b8;max-width:34ch;font-size:.87rem}.layout{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(18rem,1.2fr) minmax(17rem,1fr);grid-template-areas:"stage stage stage" "scenes sources properties" "outputs outputs outputs";gap:1px;background:#465057;padding:1px}.layout>section{min-width:0;background:#202529}.stage{grid-area:stage;padding:clamp(1rem,2vw,1.5rem)}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.stage h1{font-size:clamp(1.25rem,2vw,1.65rem);margin:0;letter-spacing:-.025em}.switch,.checkbox{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;cursor:pointer}.monitors{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:1100px;margin:auto}.monitors.dual{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.monitor{margin:0;min-width:0}.monitor figcaption{display:flex;justify-content:space-between;gap:.5rem;color:#e9dcc7;font-size:.9rem;font-weight:700;margin:0 0 .4rem}.monitor figcaption span{color:#c6cecf;font-weight:400;overflow-wrap:anywhere}.monitor canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0b0d0f;border:1px solid #667078}.stage-empty{position:absolute;left:50%;top:28%;transform:translate(-50%);width:min(90%,25rem);text-align:center;background:#202529;padding:1rem;color:#e5d3b8}.stage{position:relative}.transition-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.transition-row input[type=number]{width:7rem}.dock{padding:1rem clamp(.8rem,1.5vw,1.5rem);min-height:13rem}.scenes{grid-area:scenes}.sources{grid-area:sources}.properties{grid-area:properties}.outputs{grid-area:outputs}.dock h2{font-size:1.08rem;margin:0 0 .9rem;letter-spacing:-.02em}.dock h3{font-size:.9rem;margin:1.3rem 0 .6rem;color:#e9dcc7}.dock-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.dock-head h2{margin-top:.55rem}.add-source{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.add-source label{font-size:.85rem}.add-source select{max-width:12rem}.row-list{padding:0;margin:.5rem 0 0;list-style:none;display:grid;gap:.4rem}.row-list li{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;background:#292f33;border:1px solid transparent;border-radius:4px;padding:.35rem}.row-list li.selected{border-color:#bd9560;background:#343331}.row-name{flex:1 1 8rem;min-width:0;text-align:left;background:transparent;border:0;font-weight:600;overflow-wrap:anywhere}.row-actions{display:flex;gap:.3rem;flex-wrap:wrap}.row-actions button{font-size:.77rem;padding:.45rem .55rem;min-width:44px}.source-state{font-size:.78rem;color:#c7ced0;flex:1 1 100%;padding-left:.7rem}.empty,.hint{color:#c7ced0;font-size:.88rem}.inline-form{display:grid;gap:.55rem;margin:.5rem 0 1rem;padding:.75rem;background:#292f33}.inline-form>div{display:flex;gap:.5rem;flex-wrap:wrap}.properties-form{display:grid;gap:.55rem}.properties-form>label:not(.checkbox){display:grid;gap:.3rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.field-grid label{display:grid;gap:.3rem;font-size:.82rem}.field-grid input{width:100%}.output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.output-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#292f33;padding:.75rem}.output-row>div{display:grid;gap:.3rem}.output-row span{color:#c7ced0;text-transform:capitalize;font-size:.87rem}.entry{min-height:100dvh;display:grid;place-content:center;padding:1.5rem;background:#171a1d}.entry>h1,.entry>p{text-align:center}.login{width:min(100%,25rem);display:grid;gap:.8rem;padding:1.5rem;background:#202529;border:1px solid #59636a}.login h1{font-size:1.6rem;margin:0}.login p{margin:0;color:#c7ced0}.login p[role=alert],p[role=alert]{color:#ffc5a9}.login button{margin-top:.5rem}#root{min-width:0}@media(max-width:1100px){.layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"stage stage" "scenes sources" "properties outputs"}.monitors.dual{gap:.7rem}}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.subtitle{display:block;margin:0}.top-actions{width:100%}.save-state{flex:1 1 100%}.layout{display:flex;flex-direction:column}.stage{order:0}.scenes{order:1}.sources{order:2}.properties{order:3}.outputs{order:4}.monitors.dual{grid-template-columns:1fr}.stage-empty{top:18%;font-size:.85rem}.dock{min-height:auto}.output-grid{grid-template-columns:1fr}.output-row{flex-wrap:wrap}.transition-row{align-items:stretch}.transition-row button,.add-source{width:100%}.add-source select{flex:1;max-width:none}}@media(max-width:420px){.row-actions{width:100%}.row-actions button{flex:1 1 auto}.row-name{flex:1 1 100%}.field-grid{grid-template-columns:1fr 1fr}.top-actions button{flex:1}}@media(forced-colors:active){.row-list li.selected{outline:2px solid Highlight}.monitor canvas{border:1px solid CanvasText}}.preview-monitor[hidden]{display:none}.layout{grid-template-areas:"stage stage stage" "scenes sources properties" "mixer mixer mixer" "outputs outputs outputs"}.mixer{grid-area:mixer}.mixer-list{padding:0;margin:.5rem 0 0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.7rem}.mixer-channel{min-width:0;background:#292f33;padding:.8rem;display:grid;gap:.6rem}.mixer-label{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline}.mixer-label strong{overflow-wrap:anywhere}.mixer-label span{font-size:.78rem;color:#c7ced0;white-space:nowrap}.mixer-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .7rem;align-items:center}.mixer-controls label{grid-column:1/-1;display:flex;justify-content:space-between;font-size:.83rem}.mixer-controls input[type=range]{width:100%;min-height:44px;padding:0;cursor:pointer}.mixer-controls button{min-width:6rem}.meter{height:.7rem;background:#111619;border:1px solid #59636a;overflow:hidden}.meter span{display:block;height:100%;background:#d8a85e;transition:width .1s linear}.canvas-frame{position:relative;aspect-ratio:16/9;overflow:hidden}.canvas-frame canvas{width:100%;height:100%;object-fit:fill}.selection-box{position:absolute;border:2px solid #f3c679;pointer-events:none;min-width:2px;min-height:2px}.selection-box.locked{border-style:dashed}.selection-box button{position:absolute;pointer-events:auto;padding:0;background:transparent;border:0;border-radius:0;min-height:0}.selection-move{inset:0;width:100%;height:100%;cursor:move;touch-action:none}.selection-resize{right:-11px;bottom:-11px;width:22px;height:22px!important;background:#f3c679!important;border:2px solid #171a1d!important;cursor:nwse-resize;touch-action:none}.selection-box button:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(max-width:1100px){.layout{grid-template-areas:"stage stage" "scenes sources" "properties mixer" "outputs outputs"}}@media(max-width:700px){.mixer{order:4}.outputs{order:5}}@media(forced-colors:active){.selection-box{border-color:Highlight}.selection-resize{background:Highlight!important}.meter span{background:Highlight}}