:root{color-scheme:dark;--bg:#080c10;--panel:#111a20;--line:#28373f;--text:#e6eef0;--muted:#94a8b0;--accent:#c6e89a;--blue:#78baf1;font:14px system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{min-height:43px;border:1px solid var(--line);background:#1c2931;color:var(--text);border-radius:7px;padding:9px 13px;cursor:pointer}button:hover{border-color:#77949e}button:disabled{opacity:.35;cursor:default}.primary,.go{background:var(--accent);color:#172217;border-color:var(--accent);font-weight:700}.danger{color:#ffa4a4}input,select,textarea{min-height:42px;background:#0c141a;border:1px solid #344750;border-radius:6px;color:var(--text);padding:9px 10px;max-width:100%}textarea{resize:vertical}input[type=checkbox]{min-height:0;width:17px;height:17px;accent-color:var(--accent)}input[type=color]{padding:4px;min-width:45px}label{display:flex;flex-direction:column;gap:6px;color:#bed0d6;font-size:12px}label.check{flex-direction:row;align-items:center}header{display:flex;align-items:center;gap:12px;padding:15px 22px;border-bottom:1px solid var(--line);background:#10191f}.brand{display:flex;gap:10px;align-items:center;color:var(--accent);text-decoration:none;font-size:26px;font-weight:800;letter-spacing:-1px}.brand span{font-size:12px;letter-spacing:1.7px;color:var(--text);font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:5px}.showpicker{margin-left:auto;display:flex;gap:12px;align-items:center}.showpicker select{max-width:310px}#connection{font-size:11px;color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--accent);font-weight:700}h1,h2,h3,p{margin-top:0}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.6}.muted{color:var(--muted);font-size:12px}#banner{padding:10px 22px;background:#46371c;color:#ffe3a2}#welcome{max-width:1000px;margin:9vh auto;padding:24px}#welcome h1{font-size:clamp(45px,7vw,80px);line-height:1.05;letter-spacing:-3px;margin:20px 0}#welcome p{font-size:17px;color:var(--muted)}#welcome .muted{font-size:12px;margin-top:32px}nav{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding:9px 18px;overflow:auto}nav .tab{border:0;background:none;white-space:nowrap}nav .tab.active{background:#24332e;color:var(--accent)}.navright{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}.navright label{flex-direction:row;align-items:center}#editMode.active{color:var(--accent);border-color:var(--accent)}#timerbar{display:flex;gap:8px;padding:10px 18px;background:#0c141a;border-bottom:1px solid var(--line)}.timer{border-left:3px solid var(--clock);padding:5px 12px;min-width:140px;flex:1;background:#14212a}.timer .clocktop{display:flex;justify-content:space-between}.timer b{display:block;font:25px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;margin:3px 0}.timer small{font-size:10px;color:var(--muted)}.timer .clockbuttons{display:flex;gap:5px}.timer button{min-height:28px;font-size:10px;padding:3px 7px}.desk{display:grid;grid-template-columns:minmax(0,1fr) 305px;height:calc(100dvh - 223px)}#main{overflow:auto;min-width:0}.view{height:100%;overflow:auto}#view-script{display:flex;flex-direction:column;overflow:hidden}.scripttools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 14px;background:#101a20}.scripttools button{min-height:38px;font-size:12px;padding:7px 10px}.scripttools select{min-height:38px;padding:7px}.zoom{flex-direction:row;align-items:center}.zoom input{width:90px;min-height:20px;padding:0}#reader{flex:1;overflow:auto;padding:18px 20px;background:#080b0e;min-height:200px;overscroll-behavior:contain}#pageSheet{display:flex;position:relative;margin:0 auto;width:100%;min-width:500px;align-items:flex-start}#gutter{width:220px;flex-shrink:0;position:relative;align-self:stretch}#paper{position:relative;flex:1;min-width:0;background:#000}#scriptImage{display:block;width:100%;height:auto;filter:invert(1) grayscale(1);opacity:.92}body.light #paper{background:#fff}body.light #scriptImage{filter:none;opacity:1}#arrows,#markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.anchor{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--cue);border:2px solid #081017;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;z-index:3;min-height:0;padding:0;touch-action:none}.anchor.current{box-shadow:0 0 0 5px #c6e89a66;border-color:var(--accent)}.trigger{position:absolute;width:18px;height:18px;border:2px solid var(--cue);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.cueNote{position:absolute;left:0;width:calc(100% - 17px);border:1px solid var(--cue);border-left:4px solid var(--cue);padding:8px 9px;text-align:left;border-radius:5px;background:#12202b;font-size:12px;line-height:1.35;min-height:46px;overflow-wrap:anywhere}.cueNote b{font-size:11px;display:block;margin-bottom:4px;color:var(--cue)}.cueNote.current{background:#263829;outline:2px solid var(--accent)}.cueNote.flag:after{content:' ! ';color:#ffd37b}.cueNote .plotTag{font-size:10px;color:var(--muted);margin-top:5px}#positionHelp{padding:8px 15px;color:var(--accent);background:#24332e;font-size:12px}.scriptSearch{padding:8px 14px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.scriptSearch input{flex:1}#searchResults{max-height:120px;overflow:auto;width:100%;display:flex;gap:5px;flex-wrap:wrap}#searchResults:empty{display:none}#searchResults button{font-size:11px}.sectionhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.sectionhead h2{margin:9px 0}.sectionhead p{color:var(--muted)}#view-cues,#view-plots,#view-exports,#view-settings{padding:24px}.filters{display:flex;gap:10px;margin-bottom:15px}.filters input{flex:1}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase}td,th{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr.current{background:#203027}td button{min-height:32px;font-size:11px;padding:5px 9px}.cueCat{display:inline-block;border-left:3px solid var(--cue);padding-left:7px;white-space:nowrap}.cueInstruction{font-size:14px;line-height:1.4;margin-bottom:5px}.cueDesc{color:var(--muted)}.cueActions{display:flex;gap:5px;flex-wrap:wrap}.plottools{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}#plotCanvas{position:relative;aspect-ratio:10/7;background:#dce1dd;color:#182018;min-width:280px;overflow:hidden;border-radius:6px}#plotBackground{position:absolute;inset:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat}#plotObjects{position:absolute;inset:0}.plotObject{position:absolute;transform:translate(-50%,-50%);border:3px solid var(--object);background:color-mix(in srgb,var(--object),transparent 80%);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;touch-action:none;font-size:clamp(10px,1.1vw,16px);color:#101a18;user-select:none;padding:2px;white-space:pre-wrap;overflow:hidden}.plotObject.circle{border-radius:50%}.plotObject.text{border-color:transparent;background:none;font-weight:700}.plotObject.selected{outline:2px dashed #172c4e;outline-offset:4px}.orientation{position:absolute;bottom:6px;left:0;width:100%;text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;pointer-events:none}#plotFields{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}#plotFields>label{flex:1}fieldset{border:1px solid var(--line);border-radius:6px;display:flex;gap:10px;width:100%;align-items:end;flex-wrap:wrap}fieldset label{flex:1;min-width:70px}.exportgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.exportgrid article{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:8px}.exportgrid p{color:var(--muted);font-size:12px;min-height:60px}.exportgrid button{margin:3px 4px 3px 0}.exportfilter{max-width:300px;margin-bottom:20px}#view-settings>label{max-width:600px;margin-bottom:26px}.settingsRow{display:flex;gap:8px;align-items:end;margin-bottom:9px;flex-wrap:wrap}.settingsRow label{flex:1;min-width:80px}.settingsRow input{width:100%}#view-settings h3{margin-top:26px}#livePanel{overflow:auto;border-left:1px solid var(--line);background:#0f181e}.livecard{padding:22px}.livecard h2{font-size:21px;line-height:1.35;margin:9px 0 10px}#liveNumber{font-size:36px;font-weight:750;letter-spacing:-1px;color:var(--accent);margin-top:12px}#liveBy{font-size:10px}.nextcue{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.nextcue b{display:block;font-size:19px;margin:9px 0}.nextcue p{font-size:13px;color:#c1d0d5;line-height:1.5}.nextcue.standing{border-color:#f6d38c}.nextcue.standing .eyebrow{color:#f6d38c}.gobuttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gobuttons .go{grid-column:1 / -1;font-size:23px;min-height:65px}.liveActions{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 20px}.liveActions button{font-size:11px;min-height:35px;padding:7px}#linkedPlot{margin:0 20px 18px;padding:14px;border:1px solid var(--line);border-radius:7px}#linkedPlot button{margin-top:9px;width:100%}#recentLog{padding:0 20px}.logEntry{border-top:1px solid var(--line);padding:10px 0;font-size:11px;color:var(--muted)}.logEntry b{color:var(--text)}dialog{background:#121d24;color:var(--text);border:1px solid #41565f;border-radius:12px;max-width:650px;width:calc(100% - 26px);padding:25px;max-height:92dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}dialog h2{margin:9px 0 18px}dialog label{margin-bottom:14px}dialog .formrow{display:flex;gap:10px;align-items:end;flex-wrap:wrap}dialog .formrow label{flex:1;min-width:100px}dialog .formrow button{font-size:12px}.dialogActions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px;flex-wrap:wrap}.dialogActions .danger{margin-right:auto}.timerAction{display:flex;gap:7px;margin-bottom:8px}.timerAction select{flex:1;min-width:0}.error{color:#ffa7a7;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#c6e89a;color:#162115;padding:13px 20px;border-radius:8px;box-shadow:0 6px 30px #0008;z-index:20;max-width:90%;font-size:13px}#runList button{font-size:11px}body.editing #paper{cursor:crosshair}#roleHint{font-size:10px;margin-top:12px}#timerbar:empty{display:none}
@media(max-width:1100px){header{padding:12px;gap:8px}.brand small{display:none}.brand span{font-size:10px}.showpicker{gap:7px}.showpicker select{max-width:220px}.desk{grid-template-columns:minmax(0,1fr) 260px}.livecard{padding:17px}#gutter{width:180px}.cueNote{font-size:11px}#timerbar{overflow:auto}.timer{min-width:120px}nav{padding:7px}.navright label{font-size:11px}.navright{gap:7px}.tab{padding:8px}}
@media(max-width:780px){header{flex-wrap:wrap}.brand{font-size:22px}.showpicker{order:3;width:100%;margin:0}.showpicker select{flex:1;max-width:none}header>button{margin-left:auto}header>button+button{margin-left:0}.desk{grid-template-columns:minmax(0,1fr) 220px;height:calc(100dvh - 275px)}.timer b{font-size:20px}.timer{min-width:110px}.livecard h2{font-size:17px}#liveNumber{font-size:28px}.navright{margin-left:7px}#gutter{width:155px}#reader{padding:12px 8px}#pageSheet{min-width:500px}.cueNote{font-size:10px;padding:6px}.view{padding:14px!important}#view-script{padding:0!important}.filters{flex-wrap:wrap}}
@media(max-width:560px){.desk{display:flex;flex-direction:column;height:auto}#main{min-height:65dvh}#view-script{height:75dvh}.view{height:auto}#livePanel{border-left:0;border-top:1px solid var(--line)}.livecard{padding:20px}.gobuttons{grid-template-columns:1fr 1fr 2fr}.gobuttons .go{grid-column:auto}.timer{min-width:105px;padding:5px 8px}.timer button{font-size:9px;padding:3px 5px}.scripttools{padding:8px}.scripttools button{font-size:11px}nav{flex-wrap:nowrap}.navright label{display:none}.exportgrid{grid-template-columns:1fr}.scripttools .zoom{display:none}#gutter{width:150px}}
@media print{body{background:white;color:black}header,nav,#timerbar,#livePanel,.scripttools,.scriptSearch{display:none}#scriptImage{filter:none!important}.desk{display:block;height:auto}#reader{overflow:visible;background:white}#main,.view{overflow:visible;height:auto}.cueNote{background:white;color:black}}
/* Continuous script and scene tools */
body{height:100dvh;overflow:hidden;display:flex;flex-direction:column}#app{flex:1;min-height:0;display:flex;flex-direction:column}.desk{height:auto;flex:1;min-height:0}#main{min-height:0}#reader{position:relative;padding:8px 10px;overflow:auto;scrollbar-gutter:stable;overflow-anchor:none}#continuousScript{position:relative;width:100%;margin:0 auto;min-width:420px}.scriptPage{position:relative;margin:0 0 20px;border-bottom:1px solid #28373f;padding-bottom:10px}.pageLabel{font-size:11px;color:#91a7b0;padding:5px 0 9px}.pageRow{display:flex;gap:12px;align-items:flex-start}.scriptPaper{position:relative;flex:1;min-width:0;background:#000;overflow:visible}.scriptPaper img{display:block;width:100%;height:100%;filter:invert(1) grayscale(1);opacity:.94;position:absolute;inset:0}.cueMargin{width:210px;flex-shrink:0;position:relative}.cueMargin .cueNote{width:100%;border-left-width:1px;border-right-width:4px}.cueLines,.cueMarkers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cueLines{z-index:2}.cueMarkers{z-index:3}body.light .scriptPaper{background:#fff}body.light .scriptPaper img{filter:none;opacity:1}.wideScript .desk{grid-template-columns:minmax(0,1fr)}.wideScript #livePanel{display:none}.scripttools{padding:7px 10px}.scriptSearch{padding:6px 10px}.scriptSearch input{min-height:34px}.scripttools button,.scripttools select{min-height:34px}.stageWorkspace{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:15px;align-items:start}#plotCanvas{aspect-ratio:10/7;min-width:0;background:#fff;border:1px solid #60737a;border-radius:3px;touch-action:pan-y}#plotBackground{background-size:100% 100%}.plotObject{padding:0;border:0;background:none;overflow:visible}.plotObject svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.plotObject span{position:relative;z-index:1;padding:2px;font-size:clamp(9px,1vw,13px);line-height:1.15;white-space:pre-wrap;color:#17242c;max-width:100%;overflow-wrap:anywhere;text-shadow:0 1px 2px #fff,0 -1px 2px #fff}.plotObject.offObject{opacity:.22;outline:1px dashed #455f6c}.plotObject.selected{outline:2px dashed #1965c3;outline-offset:3px}.tabsObject{border-radius:0}.layerPanel{background:#142129;border:1px solid var(--line);padding:12px;border-radius:8px;max-height:70vh;overflow:auto}.layerRow{display:flex;gap:5px;margin-bottom:7px}.layerRow button:first-child{flex:1;text-align:left;font-size:12px}.layerRow small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.layerRow button:last-child{font-size:10px;padding:5px 7px;min-width:55px}.basePlanTools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px;background:#142129;border-radius:8px;margin-bottom:12px}#basePlanStatus{font-size:12px;color:#b9cbd2}.sceneLinks{padding:15px 0;border-top:1px solid var(--line);margin-top:20px}.cueLinks{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.cueLinks span{background:#233039;border-radius:5px;padding:4px 8px}.cueLinks button{min-height:25px;padding:2px 6px}#linkSceneCue{max-width:70%;flex:1}#changesTable input{width:100%;min-width:110px}#changesTable td small{display:block;color:var(--muted);margin-top:5px}#changesTable{overflow:auto}#objectFields{width:100%;align-items:end}#objectFields label{min-width:90px}#view-changes{padding:24px}.view a{color:var(--accent)}
@media(max-width:1100px){.cueMargin{width:175px}.stageWorkspace{grid-template-columns:minmax(0,1fr) 180px}.desk{grid-template-columns:minmax(0,1fr) 240px}.cueNote{font-size:11px}}@media(max-width:780px){.cueMargin{width:155px}.desk{grid-template-columns:minmax(0,1fr) 210px}.stageWorkspace{display:block}.layerPanel{margin-top:14px;max-height:220px}#timerbar{padding:6px 10px}.timer b{font-size:19px}nav{flex-wrap:nowrap;overflow-x:auto}.scriptPaper{min-width:230px}.scriptPage .cueNote{font-size:10px}.scriptSearch{max-height:120px;overflow:auto}}
@media(max-width:560px){body{height:auto;min-height:100dvh;overflow:auto}#app{min-height:0}.desk{height:auto;display:flex}.wideScript .desk{display:block}#main{min-height:0}#view-script{height:78dvh}.view{height:auto}#continuousScript{min-width:420px}.cueMargin{width:145px}#livePanel{max-height:none}.layerPanel{max-height:none}#view-changes{padding:14px}#objectFields label{min-width:100px}.wideScript #view-script{height:calc(100dvh - 220px)}}
#objectStorageFields{flex-basis:100%;display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #355261;background:#101d25;border-radius:7px}#objectStorageFields label{flex:1;min-width:110px}#storageArea{margin-top:12px;padding:12px;border:1px dashed #597583;border-radius:7px;background:#142128}#storageArea h3{margin-bottom:4px}#storageArea p{margin-bottom:10px}#storageCanvas{height:220px;position:relative;border:1px solid #526d7a;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#8097a511 20px),repeating-linear-gradient(90deg,#e5eaf0,#e5eaf0 19px,#d0dae0 20px);overflow:hidden}#storageObjects{position:absolute;inset:0}.storedObject{opacity:1!important;outline:1px dashed #465e70;outline-offset:4px}.storedObject.selected{outline:2px dashed #1965c3}.placingStorage{cursor:crosshair!important}.placingStorage:after{content:'Tap to place storage position';position:absolute;inset:0;border:3px dashed #b5d890;background:#b5d89015;pointer-events:none;text-align:center;padding-top:8px;color:#253c1b;font-weight:700}.layerRow button:last-child{min-width:65px}#exportScene{width:100%;margin:10px 0}.exportgrid label{margin-top:12px}
.scaleTools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 14px;padding:12px;border:1px solid #364c57;border-radius:7px;background:#102028}.scaleTools>span{color:#bcd1da;font-size:12px}#scalePanel{flex-basis:100%;display:flex;align-items:end;gap:10px;flex-wrap:wrap}#scalePanel p{width:100%;font-size:12px;margin-bottom:0}#scalePanel label{max-width:180px}#scaleOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9}.calibratingPlan{cursor:crosshair!important;outline:3px solid #d33}.calibratingPlan .plotObject{pointer-events:none}
#performanceBar,#performanceShowName{display:none}.performance #performanceBar{display:flex;gap:8px;align-items:center;padding:7px 14px;border-bottom:1px solid var(--line)}.performance #performanceBar button{min-height:32px;font-size:12px;padding:6px 12px}.performance #performanceBar button.active{background:#25392c;color:var(--accent)}#performanceFollow{margin:0 5px 0 10px}#performancePage{font-size:11px;color:var(--muted);margin-left:auto}.performance #performanceShowName{display:block;margin-right:auto;font-size:16px;font-weight:650}.performance header{padding:9px 14px;min-height:50px}.performance .brand span,.performance .showpicker,.performance header #importShow,.performance header #signOut,.performance header #signIn,.performance nav,.performance .scripttools,.performance .scriptSearch,.performance #positionHelp,.performance .clockbuttons,.performance #liveBy,.performance #roleHint,.performance .liveActions,.performance #recentLog,.performance #back{display:none!important}.performance [data-admin]{display:none!important}.performance #timerbar{padding:5px 12px;gap:8px}.performance .timer{padding:4px 10px}.performance .timer b{font-size:22px}.performance .desk{grid-template-columns:minmax(0,1fr) 220px}.performance .livecard{padding:17px}.performance .livecard h2{font-size:18px}.performance #liveNumber{font-size:29px}.performance .gobuttons{display:flex;flex-direction:column}.performance .gobuttons #standby{font-size:12px;min-height:34px}.performance .gobuttons .go{min-height:65px}.performance #reader{padding:3px 8px}.performance .basePlanTools,.performance .scaleTools,.performance .plottools,.performance #plotFields,.performance .sceneLinks,.performance #view-plots>.muted{display:none!important}.performance .stageWorkspace{display:block}.performance .layerPanel{display:none}.performance #view-plots{padding:12px}.performance #view-plots .sectionhead{margin-bottom:8px}.performance .sectionhead .eyebrow{display:none}.performance .sectionhead h2{font-size:18px;margin:0}.clocksHidden #timerbar{display:none}#modeSwitch{white-space:nowrap}@media(max-width:780px){.performance .desk{grid-template-columns:minmax(0,1fr) 175px}.performance header{flex-wrap:nowrap}.performance #performanceShowName{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance #performanceBar{gap:4px;flex-wrap:wrap}.performance #performanceBar button{font-size:11px;padding:5px 8px}.performance #liveNumber{font-size:23px}.performance .livecard h2{font-size:15px}.performance #performanceBar label{font-size:11px}}@media(max-width:560px){.performance #view-script{height:72dvh}.performance .desk{display:flex}.performance #performancePage{display:none}.performance .brand{font-size:20px}.performance #modeSwitch{min-height:34px}.performance #performanceShowName{max-width:55vw}.performance #app{flex:1}}

#storageBackground{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}#storageWidth{width:110px}

.scriptPaper{container-type:inline-size}.scriptText{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}.scriptText span{position:absolute;white-space:pre;line-height:1;color:transparent;transform-origin:0 0;cursor:text}.highlightSelecting .scriptText{pointer-events:auto;user-select:text;z-index:4}.highlightSelecting .scriptText span{user-select:text;-webkit-user-select:text}.scriptText ::selection{background:#e4d74a80;color:transparent}#highlightTools{padding:8px 12px;background:#26342b}#scenePrep{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}#scenePrep h3{font-size:14px;margin-bottom:5px}#scenePrep button{font-size:11px;padding:7px}.prepItem{display:flex;flex-direction:row;gap:9px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #25323a}.prepItem input{flex-shrink:0;margin-top:4px}.prepItem small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.prepItem:has(input:checked){opacity:.5}#performanceScenes{max-width:210px;min-height:32px;font-size:12px}.performance #scenePrep{display:block}.performance #highlightTools{display:none!important}

#storageScaleOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9}#storageScalePanel{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #364c57;margin-bottom:10px}#storageScalePanel p{width:100%;margin:0}#storageScalePanel label{max-width:190px}.performance #storageScalePanel{display:none!important}

.cueDragHandle{display:block;float:right;font-size:25px;line-height:28px;min-width:38px;min-height:36px;text-align:center;touch-action:none;cursor:grab;color:var(--muted);margin:-4px -3px 1px 4px}.cueNoteGhost{cursor:grabbing;opacity:.95;box-shadow:0 5px 24px #0009}.cueStageTag{display:block;font-size:10px;color:var(--accent);margin-top:5px}.performance .cueDragHandle{display:none}.cueMargin .cueNote:has(.cueDragHandle){cursor:grab}.cueMargin .cueNote:focus-visible{outline:2px solid var(--accent)}

.cueDragHandle{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

#featureStrip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:7px 14px;background:#101c23;border-bottom:1px solid var(--line);font-size:11px}#featureStrip label{flex-direction:row;align-items:center}#featureStrip select{min-height:32px;padding:4px 8px;max-width:180px}#syncState{margin-left:auto;color:var(--accent)}.offlineStatus{color:#ffd07a!important}.editorSaveTools{display:flex;gap:6px;align-items:center}.editorSaveTools button{min-height:30px;font-size:11px;padding:4px 9px}#runModeBadge{font-size:10px;letter-spacing:1px;color:var(--accent)}.rehearsalRun #runModeBadge{color:#ffcf78}.rehearsalRun #featureStrip{border-bottom:3px solid #bb7935}.performance .editorSaveTools{display:none!important}#view-phone,#view-checks,#view-crew,#view-timings,#view-offline{padding:22px}.phoneCue .desk{grid-template-columns:minmax(0,1fr)}.phoneCue #livePanel{display:none}.phoneCueCard{max-width:680px;margin:0 auto;background:#122028;border:1px solid #30424b;padding:24px;border-radius:12px}.phoneCueCard h1{font-size:48px;margin:8px 0;color:var(--accent)}.phoneCueCard h2{font-size:29px;line-height:1.3}.phoneCueCard #phoneCurrent{font-size:13px;color:var(--muted)}.phoneTrigger{margin:20px 0;padding:17px;background:#080d11;border-radius:8px}.phoneTrigger blockquote{margin:10px 0;font-size:23px;line-height:1.4;color:#fff0af}.phoneTrigger small{color:var(--muted)}#phoneTriggerCanvas{display:block;max-width:100%;max-height:180px;margin:14px auto;filter:invert(1) grayscale(1)}#phoneGo{width:100%;font-size:28px;min-height:75px;margin-bottom:12px}#phoneMyWork{width:100%}.checkRow,.jobRow{background:#14222a;border:1px solid #2b3c44;border-radius:7px;padding:13px;margin:10px 0}.checkRow p,.jobRow p{margin-bottom:7px}.jobRow small{display:block;color:var(--muted);margin-bottom:8px}#sceneTimings,#cueIntervals{overflow:auto}.combinedPlans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.combinedPlans #storageArea{margin:0}.combinedPlans #storageArea .basePlanTools{padding:8px}.combinedPlans #storageArea .basePlanTools label{max-width:100%}#myGatherTitle{margin-top:20px}.phoneTag{color:#c6e89a}.performance #view-crew,.performance #view-timings{padding:15px}
@media(max-width:700px){.combinedPlans{display:block}.combinedPlans #storageArea{margin-top:12px}#featureStrip{gap:5px;padding:6px 9px}#featureStrip label{font-size:10px}#featureStrip select{max-width:130px;font-size:11px}#syncState{width:100%;margin:0}#runModeBadge{margin-left:auto}#view-phone{padding:9px}.phoneCueCard{padding:16px}.phoneCueCard h1{font-size:40px}.phoneCueCard h2{font-size:25px}.phoneTrigger blockquote{font-size:21px}.phoneCue #main{overflow:visible}.phoneCue .desk{display:block;height:auto}.phoneCue #app{min-height:0}.phoneCue #timerbar{display:none}.phoneCue #performanceScenes,.phoneCue #performancePage,.phoneCue #performanceBar label{display:none}.phoneCue #performanceBar{flex-wrap:nowrap;overflow-x:auto}.phoneCue .view{height:auto}.phoneCue #main{min-height:0}#performanceBar #performanceTimings{display:none}}

.phoneCueCard h1{font-size:20px;margin:8px 0;color:var(--muted)}.phoneCueCard h2{font-size:38px;font-weight:750;line-height:1.2}.performance #liveNumber{font-size:18px}.performance .livecard h2{font-size:24px}.performance #nextNumber{font-size:12px}.performance #nextNotes{font-size:18px}@media(max-width:700px){.phoneCueCard h1{font-size:18px}.phoneCueCard h2{font-size:33px}.performance .livecard h2{font-size:21px}}

@media(max-width:600px){.phoneTrigger{margin:14px 0;padding:12px}#phoneTriggerCanvas{max-height:100px}.phoneCueCard h2{margin-bottom:12px}.phoneCueCard #phoneCurrent{margin-bottom:14px}.phoneCueCard{padding:14px}.phoneTrigger blockquote{margin:8px 0}}
#view-timed{padding:22px;overflow:auto}.timedView .desk,.timedPlotView .desk{grid-template-columns:minmax(0,1fr)}.timedView #livePanel,.timedPlotView #livePanel{display:none}.timedCard{max-width:760px;margin:10px auto 26px;background:#122028;border:1px solid #30424b;border-radius:12px;padding:25px}.timedCard h1{font-size:36px;line-height:1.15;margin:12px 0}.timedCard #timedPhase{color:#c6e89a}.timedCard #timedSceneTime{font-size:30px;font-variant-numeric:tabular-nums}#timedNextPhase{width:100%;min-height:68px;font-size:25px;margin:14px 0}#timedAdjustments{border-top:1px solid #30424b;margin-top:20px;padding-top:14px}.timedButtons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.timedCard small,#timedGather small{display:block;color:var(--muted);margin:8px 0}#sceneTimingSetup{max-width:950px;margin:auto;border:1px solid #30424b;padding:18px;border-radius:8px}#sceneTimingSetup summary{cursor:pointer;font-size:18px}#sceneScheduleForm{overflow:auto}.timedRoles{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}#sceneScheduleForm input{max-width:120px}#sceneScheduleForm td small{display:block;color:var(--muted)}#sceneTimingSetup button{margin:12px 6px 0 0}.timedView #timerbar{display:flex;flex-wrap:wrap}.timedView #timerbar .timer{flex:1;min-width:130px}.timedView #timerbar .clockbuttons{display:none!important}.timedView #main{overflow:auto}.performance #performanceBar{overflow-x:auto;white-space:nowrap}@media(max-width:600px){#view-timed{padding:10px}.timedCard{padding:16px}.timedCard h1{font-size:29px}.timedView .desk{height:auto}.timedView .view{height:auto}.timedView #main{overflow:visible}.timedView #timerbar{display:grid;grid-template-columns:1fr 1fr}.timedView #timerbar .timer{min-width:0}#sceneTimingSetup{padding:10px}}
.pageRow{gap:34px}.pdfEditCanvas{position:relative;max-width:100%;margin:12px auto;touch-action:none}.pdfEditCanvas canvas{display:block;width:100%;height:auto;background:white}.pdfEditCanvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#pdfEditDialog{max-width:900px;width:95vw}#pdfEditStatus{max-width:700px}.dangerZone{border:1px solid #8d4e4c;padding:16px;margin-top:25px;border-radius:8px}
.pageRow{gap:16px}.routeWarning{position:absolute;left:-11px;color:#ffcc7a;font-weight:bold;z-index:5}