body[data-experience]{--production-border:#39514d}body[data-experience] button:focus-visible,body[data-experience] select:focus-visible{outline:3px solid #ffe48a;outline-offset:2px}[hidden]{display:none!important}
#experience{max-width:210px;min-height:44px}#production-project{display:flex;align-items:center;gap:7px;flex:1;min-width:0}#production-project .project-name-label{flex:1;max-width:330px;min-width:110px}#production-project label{font-size:12px}#production-project input{width:100%;min-height:36px}#production-project #save-state{font-size:12px}#production-home{max-width:850px;margin:8vh auto;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:8px}#production-home h2{font-size:32px}.home-choices{display:flex;gap:14px;margin:28px 0}.home-choices button{min-height:64px;flex:1;font-size:20px}
#production-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 0}#production-nav button,#production-nav summary{min-height:44px}#production-notice{margin:3px 0;font-size:13px;color:var(--muted);min-height:18px}body[data-experience=studio] .app-header,body[data-experience=runner] .app-header{gap:7px;padding:6px 12px}body[data-experience=studio] .app-header h1,body[data-experience=runner] .app-header h1{font-size:17px;max-width:145px}body[data-experience=studio] #lesson-two>.status-bar,body[data-experience=studio] #lesson-two>#brief,body[data-experience=studio] #lesson-two>footer,body[data-experience=studio] #lesson-four>.l1-project-bar,body[data-experience=studio] #lesson-four>.lesson-task,body[data-experience=studio] #lesson-four>footer{display:none!important}body[data-experience=studio] main{padding-top:3px}body[data-experience=studio] #lesson-two{flex:1;min-height:0}body[data-experience=studio] #timeline-workspace{margin:0;flex:1}body[data-experience=studio] #scene-more{margin-left:auto}body[data-experience=studio] #scene-more .student-menu{right:0}body[data-experience=runner] #stop-all{font-size:20px;min-height:52px;min-width:125px}
.prepare-heading,.runner-heading{display:flex;gap:10px;align-items:center}.prepare-heading h2,.runner-heading h2{margin:4px 0;flex:1}.prepare-heading h3{flex:1;margin:5px 0}.prepare-grid{display:grid;grid-template-columns:240px minmax(240px,1fr) 285px;gap:10px;min-height:0;flex:1}.prepare-grid>.panel{overflow:auto;padding:12px}.prepare-grid label{display:block;margin:8px 0}.prepare-grid input,.prepare-grid select,.prepare-grid textarea{width:100%;min-height:44px}.prepare-grid button{min-height:44px}.prepare-grid details{margin-top:16px}.manual-list ol,#runner-list{list-style:none;padding:0;margin:5px 0}.manual-list li button,#runner-list button{width:100%;text-align:left;margin:3px 0;min-height:48px}.manual-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}#prepare-cues{display:flex;flex-direction:column;flex:1;min-height:0}#prepare-cues>p{margin:4px 0 10px}#performance-runner{display:flex;flex-direction:column;flex:1;min-height:0}.runner-check{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.runner-check button{min-height:44px}#runner-status{margin:5px 0 12px;min-height:24px;font-size:17px}.runner-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1.1fr);gap:16px;flex:1;min-height:0}.runner-grid>.panel{padding:20px;overflow:auto}.runner-operation h3{font-size:16px;color:var(--muted);margin:8px 0}.runner-operation p{margin:8px 0}#runner-current{font-size:21px}#runner-next{font-size:29px;font-weight:650}#runner-note{font-size:20px;color:#d7eee7;min-height:28px}#runner-go{display:block;width:100%;min-height:108px;font-size:48px;margin-top:18px}#runner-list button{font-size:18px}#runner-list small{display:block;color:var(--muted);margin:0 12px 10px}#runner-active{margin:5px 0}#production-confirm{max-width:700px}#draft-list{max-height:40vh;overflow:auto}#production-help{max-width:760px}#manual-sheet-dialog{width:min(1000px,95vw)}#manual-paper table{width:100%;border-collapse:collapse}#manual-paper td{border:1px solid #708780;padding:10px;vertical-align:top}.sheet-toolbar{display:flex;justify-content:space-between}
body[data-experience]:not([data-experience=learn]) main{flex-direction:column;padding:4px 12px;min-width:0}body[data-experience]:not([data-experience=learn]) #lesson-two{padding:0}body[data-experience]:not([data-experience=learn]) .app-header h1{flex:none}#production-nav{flex-shrink:0}#production-notice{flex-shrink:0}
@media(max-width:1150px){#production-project #save-state{display:none}.prepare-grid{grid-template-columns:215px minmax(220px,1fr) 250px}body[data-experience] .app-header h1 span{display:none}#production-project .project-name-label{max-width:210px}.runner-grid>.panel{padding:14px}body[data-experience] .app-header h1{margin-right:0;font-size:16px!important}#experience{max-width:175px}body[data-experience] .app-header>button{padding-inline:9px}#production-project{gap:5px}}
@media(max-width:850px){body[data-experience] main{overflow:visible}body[data-experience] .app-header{flex-wrap:wrap;flex-basis:auto!important}#production-project{order:3;flex-basis:100%}.prepare-grid,.runner-grid{display:flex;flex-direction:column}.prepare-grid>.panel,.runner-grid>.panel{overflow:visible}.home-choices{flex-direction:column}#production-home{margin:15px}.runner-order{max-height:600px;overflow:auto!important}#performance-runner,#prepare-cues{overflow:visible}#production-nav{gap:4px}#production-project .project-name-label{max-width:none}.runner-heading{flex-wrap:wrap}.runner-heading h2{flex-basis:100%}}
body[data-experience=studio] #lesson-four .lesson-task{display:none}body[data-experience=studio] #lesson-four .recording-desk{grid-template-columns:210px minmax(0,1fr)}
@media(max-width:850px){body[data-experience]:not([data-experience=learn]) .app-header{position:sticky;top:0;background:var(--bg);z-index:50}}
@media print{body.print-manual>*,body.print-manual main,body.print-manual #production-dialog{display:none!important}body.print-manual #manual-sheet-dialog{display:block!important;position:static!important;max-height:none!important;width:100%!important;border:0!important;background:white!important;color:black!important}body.print-manual #manual-sheet-dialog .sheet-toolbar{display:none!important}body.print-manual #manual-paper{color:black;background:white}body.print-manual #manual-paper td{border-color:#555}}