#timeline-workspace{grid-template-columns:var(--browser-width,196px) 12px minmax(420px,1fr) 12px var(--inspector-width,230px);gap:4px}
.tl-divider{position:relative;cursor:col-resize;touch-action:none;align-self:stretch;border-radius:3px;background:#18282d}
.tl-divider::after{content:'';position:absolute;top:35%;bottom:35%;left:4px;width:3px;background:#779e96;border-radius:2px}
.tl-divider:hover,.tl-divider:focus-visible{background:#306451;outline:2px solid #ffe48a}
.tl-toolbar{overflow-x:auto;scrollbar-width:thin}
.tl-track-label{padding-right:32px;position:sticky}
#timeline-workspace .tl-remove-track{position:absolute;right:0;top:0;width:44px;min-width:44px;min-height:44px;height:44px;padding:0;font-size:21px;background:transparent;border:0}
.tl-track-label{padding-right:44px}
.tl-end::before{right:auto;left:4px}
.tl-track-label strong[role=button]{cursor:pointer;min-height:25px;display:flex;align-items:center}
.tl-dense .tl-track-label{padding-right:30px;gap:0}.tl-dense .tl-track-label label{width:30px}
.tl-automation-controls{flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}
.tl-automation-controls label{min-width:0}.tl-automation-controls select{width:100%}
#auto-fields{grid-column:1/-1;min-height:0;overflow:auto}
#auto-fields p{font-size:13px;line-height:1.4;margin:5px 0}
#auto-fields output{display:block;font-size:14px;margin:6px 0}
.automation-editing .tl-automation-controls{flex:1;min-height:0;overflow:auto}
.automation-editing .tl-inspector>.tl-actions,.automation-editing #tl-selected,.automation-editing .tl-inspector>label,.automation-editing #tl-edit-sound{display:none}
.auto-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:7;background:#0a1f2580;touch-action:none}
.auto-overlay polyline{stroke:#ffe48a;stroke-width:2;fill:none;pointer-events:none}
.auto-overlay circle{fill:#ffe48a;stroke:#132f35;stroke-width:2;cursor:move;pointer-events:all}
#tl-reset-layout{font-size:14px}
#clip-editor{width:min(1000px,95vw);max-height:94vh;overflow:auto;padding:18px}
#clip-editor h2{margin:0 0 8px}#clip-editor p{font-size:15px;line-height:1.4;margin:8px 0}
#ce-wave{width:100%;height:130px;display:block;border:1px solid #65877f}
.ce-preview,.ce-actions{display:flex;gap:8px;flex-wrap:wrap;margin-block:10px}
.ce-actions{justify-content:space-between}.ce-controls{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}
.ce-controls label{font-size:14px}.ce-controls input:not([type=checkbox]){display:block;width:100%;min-height:44px;padding:5px}
#clip-editor button,#clip-editor select{min-height:44px;font-size:15px}
#ce-status{min-height:24px;color:#ffe48a}
@media(max-width:1150px) and (min-width:901px){#timeline-workspace{grid-template-columns:var(--browser-width,166px) 12px minmax(420px,1fr) 12px var(--inspector-width,210px)}}
@media(max-width:900px){#timeline-workspace{display:flex}#timeline-workspace .tl-browser{height:620px;max-height:none;flex:none}.tl-divider{display:none}.ce-controls{grid-template-columns:repeat(2,minmax(110px,1fr))}}