:root{color-scheme:dark;--bg:#09090b;--panel:#111114;--panel2:#151519;--edge:#2b2b31;--muted:#92929f;--ink:#ededf0;--accent:#c8ff00;--danger:#ff777d;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,Arial,Helvetica,sans-serif;font-size:13px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{border:1px solid var(--edge);background:transparent;color:inherit;padding:10px 13px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#25252b;border-color:#5b5b63}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button:disabled{opacity:.35;cursor:not-allowed}.accent{background:var(--accent);color:#0c1000;border-color:var(--accent);font-weight:700}.accent:hover:not(:disabled){background:#ddff63;border-color:#ddff63}.quiet{border-color:transparent;padding:7px 9px}.small{padding:6px 9px;font-size:11px}.danger:hover:not(:disabled){color:var(--danger)}.lime{color:var(--accent)}.muted{color:var(--muted);line-height:1.6}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.3px;color:var(--muted);text-transform:uppercase}.right{margin-left:auto}input,select,textarea{border:1px solid var(--edge);color:inherit;background:var(--bg);padding:9px}input[type=number]{width:74px}select{max-width:180px}textarea{resize:vertical;line-height:1.6}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.topbar{height:68px;border-bottom:1px solid var(--edge);display:flex;align-items:center;padding:0 24px;gap:24px}.wordmark{font-family:Arial,sans-serif;font-size:19px;line-height:.84;letter-spacing:-1.1px;font-weight:950;text-decoration:none;color:var(--ink);position:relative;width:89px;border-right:1px solid var(--edge)}.wordmark span{position:absolute;right:16px;top:-4px;font-size:7px}.brand{font-size:22px;letter-spacing:-1px;font-weight:750}.brand span{color:var(--accent)}.top-caption{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}#save-status{font-family:var(--mono);font-size:10px;margin:0 12px;color:var(--muted)}#save-status[data-state=saved]{color:var(--accent)}#save-status[data-state=error]{color:var(--danger)}#warning{padding:10px 24px;background:#38191b;color:#ffcbcd;border-bottom:1px solid #784449;font-size:12px}.projectbar{height:107px;border-bottom:1px solid var(--edge);padding:19px 25px;display:flex;align-items:center;gap:38px}.project-title{display:flex;align-items:center;font-size:32px;letter-spacing:-1.3px;font-weight:650;margin-top:6px}.project-title input{font:inherit;letter-spacing:inherit;border:0;padding:0;background:transparent;width:min(430px,34vw)}.project-title input:focus{border-bottom:1px solid var(--accent)}.project-count{display:flex;align-items:center;gap:12px;margin-left:auto}.project-count strong{font-size:38px;letter-spacing:-2px;font-weight:450}.project-count span{font:10px/1.8 var(--mono);letter-spacing:1px;color:var(--muted)}.project-count b{font-weight:400}.output-settings{border-left:1px solid var(--edge);padding-left:25px}.output-settings>div{display:flex;align-items:center;gap:6px;margin-top:7px}.output-settings input,.output-settings select{padding:7px;font-size:11px}.workspace{display:grid;grid-template-columns:246px minmax(0,1fr);height:calc(100dvh - 203px);min-height:600px}#sidebar{border-right:1px solid var(--edge);background:var(--panel);min-height:0;display:flex;flex-direction:column}.sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:17px 15px}#search{margin:0 13px 12px;width:calc(100% - 26px);font-size:12px}.filters{display:flex;padding:0 12px 12px;gap:1px}.filters button{padding:7px 8px;border:0;font-size:10px;color:var(--muted)}.filters .selected{background:#29320c;color:var(--accent)}#scene-list{flex:1;overflow:auto}.folder-heading{font:9px/1.5 var(--mono);letter-spacing:1px;color:#777782;padding:16px 15px 7px;text-transform:uppercase;overflow-wrap:anywhere}.scene-item{display:flex;text-align:left;border:0;width:100%;padding:13px 13px;gap:11px;border-left:2px solid transparent;white-space:normal;font-size:11px;line-height:1.4;color:#b9b9c3}.scene-item .index{font:10px var(--mono);color:#62626c;padding-top:2px}.scene-item .label{flex:1}.scene-item small{display:block;color:#777782;font:9px var(--mono);margin-top:4px}.scene-item.selected{background:#252c15;color:white;border-left-color:var(--accent)}.scene-item.selected .index,.scene-item.on-air small{color:var(--accent)}.sidebar-foot{border-top:1px solid var(--edge);font:9px/1.8 var(--mono);color:var(--muted);padding:15px}.desk{display:flex;min-width:0;min-height:0;flex-direction:column}.program-strip{padding:10px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--edge);background:#12140f;min-height:57px}.program-indicator{font:9px var(--mono);letter-spacing:.5px;color:var(--muted);white-space:nowrap}.program-indicator.online{color:var(--accent)}#program-name{font-size:11px;color:#b3b3bc;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-strip .accent{font-size:12px}#blackout-btn.active,#program-pause.active{background:#ececec;color:#111}.scene-heading{display:flex;align-items:center;gap:15px;padding:15px 17px 10px}.scene-heading h1{font-size:17px;letter-spacing:-.4px;font-weight:550;margin:5px 0 0}.scene-heading>div:first-child{min-width:0;flex:1}.scene-heading .eyebrow{font-size:9px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scene-tools{display:flex;font-size:10px;gap:2px}.states-row{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--edge);padding:0 14px;min-height:43px}#state-tabs{display:flex;overflow-x:auto;gap:3px;flex:1;min-width:0;align-self:stretch;align-items:stretch}.state-tab{display:flex;align-items:center;border:1px solid transparent;border-bottom:0;color:var(--muted);min-width:95px}.state-tab>button:first-child{padding:12px 8px 12px 12px;font-size:11px;border:0;flex:1;text-align:left}.state-tab>button:last-child{font-size:12px;padding:3px 6px;margin-right:4px;border:0;color:#6f6f79}.state-tab.selected{background:var(--panel);border-color:var(--edge);border-bottom:2px solid var(--accent);color:var(--ink)}.state-tab.on-air>button:first-child:before{content:'● ';color:var(--accent);font-size:8px}.toolbar{display:flex;align-items:center;gap:6px;padding:9px 15px;background:var(--panel);border-bottom:1px solid var(--edge);min-height:52px}.toolbar button,.toolbar select{padding:7px 10px;font-size:11px}.toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.toolbar-divider{width:1px;height:24px;background:var(--edge);margin:0 5px}#preview-toggle[aria-pressed=false]{color:var(--muted);border-style:dashed}.edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.93fr);flex:1;min-height:260px}.monitor{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--edge)}.monitor>header{height:37px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 14px;font:9px var(--mono);border-bottom:1px solid var(--edge);color:var(--muted)}#preview-status{color:var(--accent)}#stats{margin-left:auto;color:#848490}.monitor>header button{padding:3px 6px;font-size:16px}.render-stage{position:relative;overflow:hidden;background:#000;min-height:0;flex:1;isolation:isolate}.render-frame{position:absolute;border:0;display:block;transform-origin:center center;background:#000}#preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;gap:12px;color:#8c8c96}#preview-empty .empty-symbol{font:55px/1 var(--mono);color:#28340d;margin-bottom:8px}#preview-empty strong{font-size:13px;font-weight:450;color:#c0c0c7}#preview-empty p{font-size:11px;line-height:1.8;margin:0}#preview-empty button{font-size:11px;margin-top:7px}.monitor-caption{min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--edge);background:var(--bg)}.monitor-caption .eyebrow{color:var(--accent);font-size:8px;white-space:nowrap}#dirty-label{font:9px/1.5 var(--mono);color:var(--muted);text-align:right;margin-left:auto}.code-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0e0e11}.editor-tabs{height:37px;display:flex;border-bottom:1px solid var(--edge);align-items:stretch;padding:0 12px}.editor-tabs button{border:0;font-size:10px;color:var(--muted);padding:0 11px}.editor-tabs .selected{color:var(--ink);border-bottom:2px solid var(--accent)}#language-label{font:9px var(--mono);color:#686875;margin:auto 0 auto auto}.editor-panel{min-height:0;flex:1;overflow:auto}#editor{border:0;background:transparent;display:block;width:100%;height:100%;resize:none;padding:18px;font:11px/1.8 var(--mono);color:#c2c9bd;tab-size:2;white-space:pre}.editor-footer{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid var(--edge);color:#777782;font:8px var(--mono);gap:8px}.settings-panel{padding:18px;font-size:12px}.settings-panel h3{font:10px var(--mono);color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:24px 0 13px}.settings-panel textarea{width:100%;min-height:125px;font:11px/1.7 var(--mono)}#documentation{font:11px/1.7 var(--mono);white-space:pre-wrap;color:#b8b8c3}.uniform-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #202025;gap:10px;font:11px var(--mono)}.uniform-row>div{display:flex;gap:4px;flex-wrap:wrap}.uniform-row input{width:64px;font-size:11px;padding:7px}.texture-row{display:flex;gap:8px;align-items:center;margin:8px 0}.texture-row label{font:10px var(--mono);flex:1}.texture-row input{font-size:9px;padding:5px;width:100%;margin-top:5px}.texture-row button{padding:4px 8px}.console-panel{height:128px;min-height:33px;flex-shrink:0;border-top:1px solid var(--edge);background:var(--panel)}.console-panel.collapsed{height:33px}.console-panel>header{display:flex;align-items:center;gap:14px;height:33px;border-bottom:1px solid #202025;padding:0 10px;font:9px var(--mono)}.console-panel button{font:10px var(--mono);padding:5px}.console-panel .muted{font-size:8px}#log-count{color:#646471;margin-left:7px}#console-output{overflow:auto;height:calc(100% - 33px);padding:4px 13px}.console-line{display:flex;align-items:baseline;gap:12px;font:10px/1.65 var(--mono);margin:0;padding:2px 0}.console-line time{color:#656572;white-space:nowrap}.console-line b{font-weight:400;color:#9ca974;min-width:60px}.console-line span{white-space:pre-wrap;overflow-wrap:anywhere;color:#aaaab7}.console-line.error span,.console-line.error b{color:var(--danger)}.console-line.warn span{color:#d8bd80}.statusbar{height:28px;border-top:1px solid var(--edge);padding:0 18px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:#767681;letter-spacing:.5px}.statusbar i{font-style:normal;margin-right:6px}#toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);max-width:min(620px,90vw);padding:14px 20px;background:#202518;border:1px solid #657233;color:#e2ecc8;z-index:100;font-size:12px;box-shadow:0 10px 45px #0009}dialog{max-width:min(660px,94vw);max-height:88vh;overflow:auto;border:1px solid #44454b;background:var(--panel);color:var(--ink);padding:32px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:17px 0 24px}dialog p{line-height:1.8;font-size:12px;color:#b7b7c2}dialog label{display:flex;flex-direction:column;gap:9px;margin:18px 0;color:var(--muted);font-size:12px}dialog select{max-width:none}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.CodeMirror{height:100%!important;font:11px/1.8 var(--mono)!important;background:#0e0e11!important;color:#c3c7bb!important}.CodeMirror-gutters{background:#0e0e11!important;border-right:1px solid #22222a!important}.CodeMirror-linenumber{color:#62626e!important}.CodeMirror-cursor{border-left-color:var(--accent)!important}.CodeMirror-selected{background:#313926!important}.cm-s-default .cm-keyword{color:#c7d39c}.cm-s-default .cm-number{color:#dfb897}.cm-s-default .cm-string{color:#b3d9a0}.cm-s-default .cm-comment{color:#68767a}.cm-s-default .cm-def{color:#ceded0}.onda-error-line{background:#502126!important}.loading #panel-code{opacity:.5;pointer-events:none}.program-body{width:100vw;height:100dvh;overflow:hidden;background:#000}.program-body #program-stage{position:absolute;inset:0;width:100%;height:100%}.program-body #blackout{position:absolute;inset:0;background:#000;z-index:3}#program-controls{position:fixed;right:20px;bottom:20px;z-index:9;display:flex;gap:5px;opacity:1;transition:opacity .3s}#program-controls button{background:#151518c9;border-color:#4c4c52;color:white;font-size:12px}#program-controls kbd{font-size:10px;margin-left:12px;color:var(--accent)}#program-controls.hidden-controls{opacity:0;pointer-events:none}.program-body:has(.hidden-controls){cursor:none}.program-body:has(.hidden-controls) iframe{cursor:none}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-thumb{background:#3d3d45}::-webkit-scrollbar-track{background:transparent}@media(min-height:950px){.workspace{min-height:650px}.console-panel{height:145px}}@media(max-width:1200px){.top-caption{display:none}.topbar{gap:18px;padding:0 16px}.workspace{grid-template-columns:216px minmax(0,1fr)}.scene-tools button{font-size:9px;padding:5px}.program-strip{flex-wrap:wrap;gap:7px}.program-strip #program-name{max-width:260px}.edit-grid{grid-template-columns:minmax(0,1fr) minmax(290px,1fr)}.toolbar{flex-wrap:wrap}.toolbar label{gap:4px}.toolbar button,.toolbar select{padding:6px 8px}.top-actions{gap:6px}#save-status{margin:0 4px}}@media(max-width:900px){.workspace{height:auto;min-height:900px;grid-template-columns:190px minmax(0,1fr)}.desk{min-height:950px}.edit-grid{grid-template-columns:1fr;grid-template-rows:300px 360px}.monitor{border-right:0;border-bottom:1px solid var(--edge)}.scene-heading{align-items:flex-start;flex-direction:column;gap:5px}.scene-tools{margin-left:-6px}.project-count{display:none}.output-settings{margin-left:auto}.topbar{gap:13px}.top-actions button{font-size:10px;padding:9px}#save-status{display:none}.project-title{font-size:26px}.projectbar{gap:10px}.project-title input{width:33vw}#program-name{width:100%;order:3}.console-panel{height:145px}}@media(max-width:600px){.topbar{height:auto;min-height:103px;flex-wrap:wrap;padding:14px;gap:12px}.wordmark{width:78px;font-size:17px}.top-actions{width:100%;margin:0;gap:5px;justify-content:space-between}.top-actions button{font-size:10px;padding:8px}#help-btn{display:none}.projectbar{padding:14px;height:112px;align-items:flex-start}.project-title input{width:40vw;font-size:23px}.projectbar>.output-settings{padding-left:12px}.output-settings>div{display:grid;grid-template-columns:60px 10px 60px}.output-settings input{width:60px}.output-settings select{grid-column:1/4}.workspace{display:flex;flex-direction:column}#sidebar{height:215px;border-bottom:1px solid var(--edge)}.sidebar-title{padding:10px 13px}.sidebar-foot{display:none}#scene-list{min-height:50px}.folder-heading{padding-top:8px}.scene-item{padding:8px 13px}.scene-item small{display:none}#search{margin-bottom:7px}.filters{padding-bottom:4px}.desk{min-height:1020px}.program-strip{padding:10px}.program-strip #take-btn{margin-left:auto}.scene-heading{padding:12px}.states-row{padding:0 9px;gap:0}.states-row .quiet{padding:6px}.toolbar{padding:8px}.edit-grid{grid-template-rows:280px 370px}#out-width,#out-height{padding:5px}.editor-footer{font-size:7px}.statusbar{font-size:7px;padding:0 10px}.statusbar>span:nth-child(2){display:none}dialog{padding:24px}}