.ym-timeline-editor{box-sizing:border-box;width:min(1320px,96vw);max-width:96vw;max-height:94dvh;padding:18px;border:1px solid var(--line2);border-radius:14px;overflow:auto;color:var(--text);background:var(--panel)}
.ym-timeline-editor *{box-sizing:border-box}.tl-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.tl-header h3{margin:0;font-size:18px}.tl-hint{font-size:12px;opacity:.68}.tl-alert{min-height:18px;margin:6px 0!important;color:var(--accent);font-size:12px}.tl-main{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px}.tl-player{min-width:0;background:var(--bg,#16171b);border-radius:10px;padding:12px}.tl-viewport{display:flex;align-items:center;justify-content:center;height:clamp(180px,32vh,360px);background:#07080a;border-radius:8px;overflow:hidden}.tl-viewport canvas{display:block;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}.tl-viewport[aria-busy]::after{content:'准备预览…';position:absolute;color:#ddd;background:#000a;padding:6px 12px;border-radius:5px;font-size:12px}.tl-transport{display:flex;gap:8px;align-items:center;margin:10px 0}.tl-transport output{margin-left:auto;font-variant-numeric:tabular-nums;font-size:12px}.tl-player>input[type=range]{width:100%;max-width:none;margin:0;padding:0;accent-color:var(--accent)}
.tl-inspector{padding:12px;min-width:0;max-height:440px;overflow:auto;border:1px solid var(--line2);border-radius:10px}.tl-inspector h4{margin:0 0 12px;overflow-wrap:anywhere;font-size:14px}.tl-inspector label{justify-content:space-between;font-size:12px;gap:6px;margin:9px 0}.tl-inspector input,.tl-inspector select{max-width:140px}.tl-buttons{display:flex;gap:8px}.tl-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 10px}.tl-toolbar label{margin:0}.tl-toolbar input[type=range]{width:120px;accent-color:var(--accent)}
.tl-scroll{overflow:auto;max-height:330px;border:1px solid var(--line2);border-radius:9px;overscroll-behavior:contain}.tl-board{position:relative;min-width:100%;user-select:none;touch-action:none}.tl-ruler{position:relative;height:32px;border-bottom:1px solid var(--line2);cursor:crosshair;background:var(--bg,#202126)}.tl-tick{position:absolute;bottom:0;height:24px;padding-left:4px;border-left:1px solid var(--line2);font-size:10px;line-height:16px;pointer-events:none;font-variant-numeric:tabular-nums}.tl-label{position:sticky;left:0;width:88px;min-width:88px;padding:10px;z-index:6;background:var(--panel);border-right:1px solid var(--line2);font-size:12px}.tl-ruler .tl-label{height:32px;padding-top:7px}.tl-lane{display:flex;position:relative;height:65px;border-bottom:1px solid var(--line2);background:var(--bg,#18191c)}.tl-lane-area{position:relative;flex:1;min-width:0;padding:4px 0}.tl-block{pointer-events:none;position:absolute;top:7px;height:49px;min-width:6px;z-index:1}.tl-block.audio{top:10px;height:43px}.tl-block:has(.selected){z-index:3}.tl-clip{pointer-events:auto;height:100%;width:100%;padding:6px 12px!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;background:#354b77!important;border-color:#627eb0!important;color:#f3f6ff!important;cursor:grab!important;touch-action:none}.audio .tl-clip{background:#285955!important;border-color:#519e96!important}.tl-clip.selected{outline:2px solid #a6b9ff;outline-offset:-2px}.tl-block.drop-before{border-left:3px solid #f3bc70}.tl-block.muted{opacity:.4}.tl-trim{pointer-events:auto;position:absolute;bottom:0;width:9px;height:16px;z-index:4;background:#ffffff20;cursor:ew-resize;touch-action:none}.tl-trim.start{left:0;border-radius:6px 0 0 6px}.tl-trim.end{right:0;border-radius:0 6px 6px 0}.tl-trim:hover,.tl-trim:focus{background:#fff9;outline:2px solid var(--accent)}.tl-transition{position:absolute;top:-2px;height:20px;padding:1px 3px!important;font-size:10px;border-radius:4px!important;background:#c99443!important;color:#13100b!important;border:none!important;overflow:hidden;z-index:5;white-space:nowrap;min-width:24px}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ffbb69;z-index:5;pointer-events:none}.tl-playhead:before{content:'';position:absolute;left:-4px;top:0;width:10px;height:8px;background:#ffbb69;clip-path:polygon(0 0,100% 0,50% 100%)}.tl-lane[data-kind=disabled]{height:auto;min-height:40px}.tl-lane[data-kind=disabled] .tl-lane-area{display:flex;gap:6px;flex-wrap:wrap}
.tl-output{margin:12px 0}.tl-output-fields{display:flex;flex-wrap:wrap;gap:18px}.tl-footer{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line2)}.tl-footer .tl-hint{margin-right:auto}.tl-footer button{white-space:nowrap}.ym-timeline-editor button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body.canvas-light .tl-clip{background:#d9e7fc!important;border-color:#8ca7cf!important;color:#203961!important}body.canvas-light .audio .tl-clip{background:#d5eee6!important;border-color:#81b7a8!important;color:#1c4a40!important}
@media(max-width:720px){.ym-timeline-editor{padding:10px;max-height:96dvh}.tl-header{display:block}.tl-header .tl-hint{display:block;margin-top:5px}.tl-main{grid-template-columns:1fr}.tl-viewport{height:220px}.tl-inspector{max-height:210px}.tl-inspector label{display:inline-flex;width:calc(50% - 8px);margin-right:8px}.tl-transport{flex-wrap:wrap}.tl-toolbar{gap:8px}.tl-toolbar label{font-size:11px}.tl-scroll{max-height:260px}.tl-footer{flex-wrap:wrap}.tl-footer .tl-hint{width:100%}.tl-clip{font-size:11px}.tl-output-fields{gap:8px}}
@media(max-width:380px){.tl-inspector label{display:flex;width:100%}.tl-transport output{font-size:10px}.tl-toolbar input[type=range]{width:75px}}