.editor-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.timeline-editor{--wave-border:#34343f;margin:16px 0;padding:16px;background:#1c1d26;border:1px solid #30313b;border-radius:14px;color:#e9e7ee;min-width:0;font-family:'MHL Manrope',Arial,sans-serif}.timeline-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.timeline-toolbar button,.timeline-toolbar select,.timeline-toolbar input:not([type=checkbox]),.timeline-section-list button{font:500 12px 'MHL Manrope',Arial,sans-serif;padding:8px 11px;border:1px solid #484854;border-radius:7px;background:#2b2c37;color:#eeeaf3;min-height:36px;max-width:100%;cursor:pointer}.timeline-toolbar button{display:inline-flex;align-items:center;gap:6px}.timeline-toolbar button:hover{background:#393a48;border-color:#898392}.timeline-toolbar label{font-size:11px!important;display:flex!important;align-items:center;gap:8px;margin:0!important;color:#bcb7c6}.timeline-toolbar input[type=checkbox]{accent-color:#ec526e;width:14px}.timeline-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.02em;margin-right:auto}.timeline-title .editor-icon{color:#ee8497}.timeline-toolbar output{font:12px 'MHL Mono',monospace;color:#f0c4ce;font-variant-numeric:tabular-nums;min-width:83px;text-align:right}.timeline-stage{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px}.timeline-viewport{height:238px;position:relative;overflow:hidden;border-radius:8px;background:#15171f;touch-action:none;cursor:crosshair;isolation:isolate;border:1px solid #31323d}.timeline-viewport canvas{width:100%;height:100%;display:block}.timeline-markers,.timeline-regions{position:absolute;inset:0;pointer-events:none}.timeline-region{position:absolute;top:33px;height:29px;min-width:0;border:1px solid #57516466;border-radius:3px;background:#3732418c;color:#b7b0c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 4px;text-align:left;font:10px 'MHL Manrope',Arial;pointer-events:auto;cursor:pointer}.timeline-region.selected{border-color:#ff899e;background:#6b3446;color:#fff}.timeline-marker{position:absolute;top:64px;bottom:24px;width:26px;min-width:0;transform:translateX(-50%);border:0;background:transparent;color:#ffa3b5;padding:0;pointer-events:auto;touch-action:none;cursor:ew-resize;z-index:3;font:10px 'MHL Manrope',Arial}.timeline-marker::after{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid currentColor;box-shadow:0 0 8px currentColor}.timeline-marker>span{position:absolute;top:0;left:13px;padding:3px 6px;border-radius:0 4px 4px 0;background:#843e55;color:#ffe6ed;white-space:nowrap;z-index:1}.timeline-marker.ending{color:#93cbd2}.timeline-marker.ending>span{top:auto;bottom:0;left:auto;right:12px;border-radius:4px 0 0 4px;background:#264e56;color:#c5edf2}.timeline-marker.section{top:0;bottom:auto;height:29px;color:#d2c096;width:28px;z-index:4}.timeline-marker.section>span{background:#4d4330;color:#e8d9b7;top:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.timeline-cursor{position:absolute;top:27px;bottom:24px;width:1px;background:#fff;pointer-events:none;z-index:5;box-shadow:0 0 7px #ffffff55}.timeline-cursor>span{display:block;width:9px;height:8px;transform:translate(-4px,-2px);background:#fff;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.timeline-amplitude{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:10px;color:#9693a7}.timeline-amplitude button,.timeline-zoom button{display:grid;place-items:center;border:1px solid #454551;border-radius:5px;width:28px;height:28px;min-height:28px;padding:0;background:#272831;color:#ddd;font-size:16px;cursor:pointer}.timeline-amplitude input{writing-mode:vertical-lr;direction:rtl;height:130px;min-height:50px;min-width:24px;width:24px;margin:4px 0;accent-color:#de5b79}.timeline-amplitude output{font-size:9px}.timeline-navigation{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:18px;align-items:center;margin:12px 0}.timeline-overview{position:relative;height:36px;border:1px solid #42404f;border-radius:5px;background:#12131b;touch-action:none;overflow:hidden;cursor:ew-resize}.timeline-overview canvas{display:block;width:100%;height:36px}.timeline-window{position:absolute;top:0;bottom:0;border:1px solid #d7869c;border-radius:3px;background:#cd83991c;pointer-events:none;min-width:3px}.timeline-zoom{display:flex;align-items:center;gap:6px;color:#9e98ad;font-size:10px}.timeline-zoom input{width:100px;accent-color:#de5b79;min-height:28px}.timeline-zoom output{font-size:10px;width:38px;text-align:right}.timeline-edit-tools{border-top:1px solid var(--wave-border);padding-top:12px;margin-bottom:8px;gap:10px}.timeline-edit-tools select[data-current-line]{max-width:260px;width:min(240px,45vw)}.timeline-boundaries{display:flex;gap:6px}.timeline-boundaries button{font-size:11px}.timeline-sections{margin-left:auto;position:relative;font-size:11px}.timeline-sections summary{padding:9px;border:1px solid #4c4658;border-radius:6px;cursor:pointer}.timeline-sections>div{position:absolute;right:0;top:40px;width:285px;z-index:12;background:#252631;border:1px solid #555366;border-radius:10px;padding:14px;box-shadow:0 15px 30px #0005;display:grid;gap:10px}.timeline-section-list{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:6px}.timeline-section-list span{display:flex;justify-content:space-between}.timeline-section-list button{font-size:10px;min-height:32px;padding:5px 8px}.timeline-footnote{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;color:#a09baa;font-size:10px;line-height:1.5}.timeline-status{color:#c9aab7}.timeline-editor button:focus-visible,.timeline-editor input:focus-visible,.timeline-editor select:focus-visible,.timeline-overview:focus-visible,.timeline-viewport:focus-visible{outline:2px solid #ff9bb4;outline-offset:2px}.timeline-editor [hidden]{display:none!important}.listen-only{padding-bottom:20px!important}.editor-view-tabs [aria-pressed=true]{background:#29252c;color:white}
@media(max-width:650px){.timeline-editor{padding:10px}.timeline-title{font-size:11px}.timeline-toolbar{gap:5px}.timeline-toolbar button{min-height:36px;padding:6px 8px;font-size:11px}.timeline-follow{display:none!important}.timeline-toolbar output{font-size:10px;min-width:70px}.timeline-viewport{height:206px}.timeline-amplitude input{height:97px}.timeline-navigation{grid-template-columns:minmax(0,1fr);gap:8px}.timeline-zoom{justify-content:flex-end}.timeline-zoom input{flex:1;max-width:180px}.timeline-edit-tools{display:grid;grid-template-columns:1fr auto}.timeline-edit-tools>label{grid-column:1/-1}.timeline-edit-tools select[data-current-line]{max-width:none;width:100%;flex:1;min-width:0}.timeline-boundaries button{padding:7px;font-size:10px}.timeline-sections{font-size:10px}.timeline-sections>div{right:0;width:270px}.timeline-help{display:none}.timeline-footnote{font-size:9px}.timeline-stage{gap:4px;grid-template-columns:minmax(0,1fr) 32px}.timeline-marker{width:36px}.timeline-marker>span{left:18px}.timeline-marker.ending>span{right:17px}}
.timeline-viewport{overflow-anchor:none;user-select:none}.timeline-marker{transition:none!important}.timing-workspace .timeline-marker:active:not(:disabled){transform:translateX(-50%)}.timing-workspace .timeline-region:active:not(:disabled){transform:none}
.timeline-magnet{cursor:pointer}.timeline-magnet input{accent-color:#bfa6ec!important}.timeline-marker.shared{top:33px;bottom:24px;color:#c5b2f4;pointer-events:none;z-index:4}.timeline-marker.shared::after{top:29px;border-left-style:dashed;opacity:.65;box-shadow:none}.timeline-marker.shared>span{pointer-events:auto;left:50%;transform:translateX(-50%);top:0;min-width:42px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #c6acef;border-radius:5px;padding:3px 7px;background:#453756;color:#f5eaff;box-shadow:0 2px 9px #110b1d66;font-size:10px;font-weight:700;letter-spacing:.3px;cursor:ew-resize}.timeline-marker.shared:hover>span,.timeline-marker.shared:focus-visible>span{background:#635076;border-color:#f0d9ff;box-shadow:0 0 13px #c9a0ff44}.timeline-marker.snapped{color:#b6efc1}.timeline-marker.snapped>span{background:#31593f;color:#dcffe3;box-shadow:0 0 12px #83e7a455}
@media(max-width:650px){.timeline-marker.shared>span{min-width:46px}.timeline-magnet{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.timeline-editor *{scroll-behavior:auto!important;transition:none!important}}
.timeline-magnet{font-size:10px;color:#a9cdb4;cursor:help;display:inline-flex;align-items:center;gap:6px}.timeline-magnet::before{content:'';width:5px;height:5px;border-radius:50%;background:#91d1a5;box-shadow:0 0 7px #91d1a544}.timeline-join-tools{display:flex;gap:6px}.timeline-join-tools button{font-size:10px;color:#d4c7e2}.timeline-join-tools button:disabled{opacity:.38;cursor:default}.timeline-snap-target{position:absolute;top:64px;bottom:24px;width:1px;border-left:1px dashed #abceb3;pointer-events:none;z-index:6;opacity:.85}.timeline-snap-target>span{position:absolute;top:22px;left:5px;white-space:nowrap;font:10px 'MHL Mono',monospace;color:#c4ddca;background:#202b26ed;border:1px solid #65907677;border-radius:4px;padding:4px 6px}.timeline-snap-target.at-end>span{top:auto;bottom:25px;left:auto;right:5px}.timeline-snap-target.snapped{border-left-style:solid;opacity:1;box-shadow:0 0 10px #9bebb377}.timeline-snap-target.snapped>span{background:#294c35;color:#dcffe3}
@media(max-width:650px){.timeline-join-tools{grid-column:1/-1;grid-row:3}.timeline-join-tools button{flex:1;font-size:10px;padding:8px 5px}.timeline-magnet{font-size:9px}.timeline-snap-target>span{font-size:9px}}
/* Labels must win hit-testing over the other endpoint's invisible body at
   overview zoom. Keep a narrow draggable line, with independent label rows. */
.timeline-marker.line{pointer-events:none;z-index:auto;transform:none!important;margin-left:-13px}.timeline-marker.line>span{pointer-events:auto;z-index:8}.timeline-marker.line::after{pointer-events:auto;z-index:3;left:calc(50% - 5px);width:10px;border:0;background:linear-gradient(90deg,transparent 4px,currentColor 4px,currentColor 5px,transparent 5px);box-shadow:none}.timeline-marker.line:focus-visible>span{outline:2px solid #ffbacb;outline-offset:2px}
@media(max-width:650px){.timeline-marker.line{margin-left:-18px}}
.timeline-parts-lock{cursor:pointer;white-space:nowrap}.timeline-parts-lock input{accent-color:#c8b681!important}.timeline-marker.section.part-locked,.timeline-marker.section.part-locked>span{cursor:pointer}.timeline-marker.section.part-locked>span{background:#393629;border:1px solid #62593d;color:#d9cca6}.timeline-marker.section.derived>span{border-bottom:2px solid #b5a4dc}.parts-editing .timeline-marker.section>span{background:#5c4a2c;color:#fff0c9;box-shadow:0 0 10px #d9b95b22}.timeline-sections select:disabled,.timeline-sections input:disabled,.timeline-sections [data-add-section]:disabled{opacity:.4;cursor:default}.timeline-section-list span>button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:left}.timeline-section-list span>button:last-child:not(:first-child){flex-shrink:0}
@media(max-width:650px){.timeline-parts-lock{font-size:10px!important}.timeline-parts-lock input{width:16px!important;height:16px}}