/* V0.8a: reclaim workspace without reducing text or touch targets. */
.scene-design .app-header{min-height:56px;padding-block:4px}
.scene-design .app-header nav button{min-height:44px}
.scene-design #lesson-two{padding-top:4px}
.scene-design #scene-bar{margin-bottom:4px}
.scene-design #scene-bar h2{font-size:16px}
.scene-design .project-bar{gap:6px;align-items:center;margin-bottom:2px}
.scene-design .project-bar>label:first-child{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;white-space:nowrap;font-size:14px}
.scene-design .project-bar>label:first-child input{flex:1;min-width:100px;margin:0;min-height:44px}
.scene-design .status-bar{margin:0 0 4px;min-height:20px}
.scene-design #status{margin:0;min-height:18px;font-size:13px}
#timeline-workspace{grid-template-columns:196px minmax(480px,1fr) 230px;gap:7px;margin-bottom:3px;--tl-track-height:76px}
#timeline-workspace .panel{padding:7px}
#timeline-workspace h2{font-size:17px;margin-bottom:4px}
#timeline-workspace .tl-browser{gap:5px}
.tl-source{margin-bottom:5px}
.tl-preview{padding:5px}
.tl-arrangement{gap:4px}
.tl-toolbar{display:flex;align-items:center;gap:4px;flex:none;min-height:44px;white-space:nowrap}
#timeline-workspace .tl-toolbar button{padding:5px 7px;min-width:44px;flex:none}
#timeline-workspace .tl-toolbar select{width:68px;flex:none;padding:4px;font-size:14px}
.tl-toolbar output{margin-left:auto;min-width:94px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.tl-scroll{min-height:320px;scrollbar-gutter:stable}
.tl-canvas{padding-top:30px}
.tl-ruler{height:30px;touch-action:none;z-index:2}
.tl-ruler span{top:5px}
.tl-track,.tl-lane{height:var(--tl-track-height)}
.tl-track-label{padding-block:0}
.tl-clip{top:4px;height:calc(var(--tl-track-height) - 8px);min-height:40px;padding-block:4px}
.tl-playhead{width:2px;pointer-events:none}
.tl-playhead::before{display:none}
.tl-playhead-handle{position:absolute;left:-21px;top:0;width:44px;height:30px;pointer-events:auto;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,transparent 17px,#ffe48a 17px,#ffe48a 25px,transparent 25px)}
.tl-playhead-handle::after{content:'';position:absolute;bottom:0;left:14px;border-inline:8px solid transparent;border-top:9px solid #ffe48a}
.tl-playhead:focus-visible .tl-playhead-handle{outline:3px solid white;outline-offset:-3px;background-color:#ffe48a33}
.tl-end{position:absolute;top:0;border-left:1px dashed #84a69e;pointer-events:none;z-index:1}
.tl-end::before{content:'End';position:absolute;top:5px;right:4px;font-size:12px;color:#b6c9c4;background:#0b1215}
.tl-dense .tl-track-label{flex-direction:row;align-items:center;gap:2px}
.tl-dense .tl-track-label strong{flex:1;min-width:0}
.tl-dense .tl-track-label label{font-size:0;gap:0;justify-content:center;width:44px;flex:none}
.tl-dense .tl-clip{display:flex;align-items:center;padding-block:1px}
.tl-dense .tl-clip small{display:none}
.tl-inspector{gap:4px}
.tl-fields label{margin-bottom:5px}
.tl-lesson p{margin-top:4px}
.tl-lesson p:first-of-type{display:none}
#tl-state{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:18px}
.tl-notice{position:absolute;z-index:6;max-width:370px;top:110px;left:calc(50% - 185px);background:#18262af5;padding:10px;pointer-events:none}
.tl-arrangement{position:relative}
@media(min-width:901px) and (max-width:1150px){
 #timeline-workspace{grid-template-columns:166px minmax(480px,1fr) 210px;gap:6px}
 .tl-toolbar{gap:3px}
 #timeline-workspace .tl-toolbar button{padding-inline:5px;font-size:14px}
 #timeline-workspace .tl-toolbar select{width:62px}
 #timeline-workspace .tl-toolbar #tl-zoom{width:76px}
 .tl-toolbar output{min-width:88px;font-size:13px}
 .tl-lesson button{min-height:44px;margin-top:2px}
}
@media(max-width:900px){#timeline-workspace{display:flex;flex-direction:column;min-height:1200px}.tl-arrangement{min-height:500px}.tl-toolbar{overflow-x:auto}.tl-notice{top:100px}.tl-browser{max-height:320px}}