.timeline-app{background:var(--ds-page);min-height:100vh;color:var(--ds-text);font-size:1rem}.tl-header{background:var(--ds-surface);border-bottom:1px solid var(--ds-line);align-items:center;gap:26px;min-height:76px;padding:16px 28px;display:flex}.tl-back{color:var(--ds-text-2);align-items:center;gap:5px;font-size:.875rem;display:flex}.tl-project{border-left:1px solid var(--ds-line-strong);flex-direction:column;gap:3px;padding-left:26px;display:flex}.tl-project strong{font-size:.9375rem;font-weight:500}.tl-project span{color:var(--ds-text-3);font-size:.75rem}.tl-header-actions{gap:8px;margin-left:auto;display:flex}.timeline-app main{max-width:1660px;margin:auto;padding:24px 30px 14px}.tl-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.tl-eyebrow{color:var(--ds-text-2);letter-spacing:1.7px;font-size:.75rem;font-weight:600}.tl-heading h1{letter-spacing:-.7px;margin:7px 0 0;font-size:1.55rem;font-weight:500;line-height:1.2}.tl-heading p{color:var(--ds-text-2);align-items:center;gap:10px;margin:0;font-size:.875rem;display:flex}.tl-upper{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:20px;display:grid}.tl-monitor{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.tl-monitor-bar{height:36px;color:var(--ds-text-2);background:var(--ds-surface);justify-content:space-between;align-items:center;padding:0 16px;font-size:.75rem;display:flex}.tl-monitor-bar>span{align-items:center;gap:8px;display:flex}.tl-monitor-bar i{background:var(--ds-line-strong);width:1px;height:10px;margin:0 4px}.tl-canvas{background:var(--ds-screen);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.tl-canvas canvas{aspect-ratio:16/9;object-fit:contain;width:100%;max-height:440px;display:block}.tl-loading{color:var(--ds-accent-text);background:#15161ded;justify-content:center;align-items:center;gap:12px;font-size:.875rem;display:flex;position:absolute;inset:0}.tl-transport{border-top:1px solid var(--ds-line);align-items:center;gap:12px;padding:13px 18px 10px;display:flex}.tl-transport output{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.4px;font-size:.8125rem}.tl-transport output span{color:var(--ds-text-3);margin-left:6px}.tl-transport [data-slot=slider]{flex:1;min-width:35px;margin-left:6px}.tl-transport .tl-play{background:var(--ds-accent);color:var(--ds-accent-fg);border-radius:50%}.tl-shot-count{color:var(--ds-text-3);white-space:nowrap;font-size:.75rem}.tl-monitor-caption{color:var(--ds-text-3);justify-content:space-between;gap:14px;padding:0 22px 12px;font-size:.75rem;display:flex}.tl-monitor-caption>span:first-child{color:var(--ds-text-2)}.tl-audio-panel{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:10px;flex-direction:column;gap:22px;padding:20px;display:flex}.tl-audio-panel>section+section{border-top:1px solid var(--ds-line-strong);padding-top:20px}.tl-section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.tl-section-title h2{align-items:center;gap:9px;margin:0;font-size:.9375rem;font-weight:500;display:flex}.tl-section-title>span{color:var(--ds-accent-text);letter-spacing:.5px;font-size:.75rem}.tl-options{gap:7px}.tl-option{cursor:pointer;border:1px solid var(--ds-line-strong);background:var(--ds-surface-2);border-radius:7px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.tl-option.chosen,.tl-voice-option.chosen{border-color:var(--ds-accent);background:var(--ds-accent-soft)}.tl-option>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.tl-option strong{font-size:.875rem;font-weight:500}.tl-option small{color:var(--ds-text-2);font-size:.75rem}.tl-track-icon{background:var(--ds-surface-3);width:34px;height:36px;color:var(--ds-info-text);border-radius:5px;place-items:center;display:grid}.track-1{background:var(--ds-accent-soft);color:var(--ds-accent-text)}.track-2{background:var(--ds-surface-3);color:var(--ds-text-2)}.tl-volume{color:var(--ds-text-3);align-items:center;gap:10px;margin:18px 0 0;font-size:.75rem;display:flex}.tl-volume>span{min-width:34px;font-size:.8125rem}.tl-volume [data-slot=slider]{flex:1;min-width:30px}.tl-volume output{text-align:right;min-width:30px;color:var(--ds-text-2);font-variant-numeric:tabular-nums}.tl-voices{grid-template-columns:1fr 1fr;gap:8px}.tl-voice-option{border:1px solid var(--ds-line-strong);background:var(--ds-surface-2);cursor:pointer;border-radius:7px;flex-direction:column;align-items:start;gap:3px;min-width:0;padding:11px 12px;display:flex;position:relative}.tl-voice-option [role=radio]{position:absolute;top:12px;right:10px}.tl-voice-option strong{margin:2px 0 6px;font-size:.875rem;font-weight:500}.tl-voice-option small{color:var(--ds-text-2);font-size:.75rem;line-height:1.3}.tl-voice-option>svg{display:none}.tl-voice-note{color:var(--ds-text-2);margin:15px 0 0;font-size:.75rem;line-height:1.5}.tl-editor{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:10px;margin-top:20px;overflow:hidden}.tl-editor-toolbar{border-bottom:1px solid var(--ds-line);justify-content:space-between;align-items:center;gap:14px;padding:11px 18px;display:flex}.tl-editor-toolbar h2{align-items:center;gap:14px;margin:0;font-size:.9375rem;font-weight:500;display:flex}.tl-editor-toolbar h2 span{color:var(--ds-text-2);font-variant-numeric:tabular-nums;font-size:.75rem}.tl-edit-actions{align-items:center;gap:4px;display:flex}.tl-edit-actions>span{color:var(--ds-text-2);text-align:center;width:42px;font-size:.75rem}.tl-edit-actions .tl-divider{background:var(--ds-surface-3);width:1px;height:20px;margin:0 10px}.tl-captions{align-items:center;gap:9px;margin-left:20px;font-size:.8125rem;display:flex}.tl-track-area{background:var(--ds-well);min-width:0;padding:0 16px 15px 0;display:flex}.tl-track-labels{z-index:3;background:var(--ds-well);flex-shrink:0;width:135px}.tl-track-labels>div{border-bottom:1px solid var(--ds-line);height:62px;color:var(--ds-text-2);align-items:center;gap:11px;padding:0 15px;font-size:.8125rem;display:flex}.tl-track-labels>div>span{flex-direction:column;display:flex}.tl-track-labels small{color:var(--ds-text-3);margin-top:4px;font-size:.75rem}.tl-track-labels .tl-ruler-label{height:34px;color:var(--ds-text-3);letter-spacing:.7px;font-size:.75rem}.tl-track-labels .tl-picture-label{height:92px}.tl-scroll{scrollbar-width:thin;scrollbar-color:var(--ds-line-strong) var(--ds-surface-2);flex:1;min-width:0;padding-bottom:4px;overflow:auto}.tl-lanes{min-width:680px;position:relative}.tl-ruler{touch-action:none;cursor:crosshair;height:34px;position:relative}.tl-ruler>span{border-left:1px solid var(--ds-line-strong);height:19px;color:var(--ds-text-3);pointer-events:none;padding-left:6px;font-size:.75rem;position:absolute;bottom:0}.tl-lane{width:100%;display:flex;position:relative}.tl-pictures{gap:0;height:92px;padding:3px 0 7px}.tl-clip{border:1px solid var(--ds-line-strong);background:var(--ds-info-soft);cursor:grab;border-radius:5px;flex-shrink:1;min-width:0;margin-right:2px;padding:0;position:relative;overflow:hidden}.tl-clip.selected{border:2px solid var(--ds-accent)}.tl-clip.dragging{opacity:.35}.tl-clip-pick{text-align:left;cursor:grab;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.tl-clip-pick img{object-fit:cover;opacity:.85;pointer-events:none;width:100%;height:100%}.tl-clip-pick>span{color:var(--ds-text);font-variant-numeric:tabular-nums;background:linear-gradient(#0000,#000d);justify-content:space-between;padding:20px 8px 5px;font-size:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.tl-clip-pick b{font-weight:500}.tl-trim{cursor:ew-resize;background:color-mix(in srgb, var(--ds-accent) 47%, transparent);touch-action:none;width:8px;position:absolute;top:0;bottom:0;right:0}.tl-trim:hover{background:var(--ds-accent)}.tl-trim:focus-visible{outline-offset:-2px}.tl-voice-lane{height:62px;padding:3px 0 5px}.tl-voice-lane button{background:var(--ds-accent-soft);color:var(--ds-accent-text);border:1px solid var(--ds-accent-line);text-align:left;border-radius:5px;flex-shrink:1;min-width:0;margin-right:2px;position:relative;overflow:hidden}.tl-voice-lane button.selected{border-color:var(--ds-accent)}.tl-waveform{opacity:.75;pointer-events:none;width:100%;height:36px;position:absolute;top:8px;left:0}.tl-voice-lane span,.tl-music-lane>span{text-overflow:ellipsis;white-space:nowrap;color:var(--ds-accent-text);text-shadow:0 1px 2px color-mix(in srgb,var(--ds-surface) 85%,transparent);background:color-mix(in srgb, var(--ds-accent) 53%, transparent);font-size:.75rem;position:absolute;top:3px;left:7px;right:7px;overflow:hidden}.tl-music-lane{border:1px solid var(--ds-info-line);background:var(--ds-info-soft);height:53px;color:var(--ds-info-text);cursor:crosshair;touch-action:none;border-radius:5px;margin:4px 0 5px;overflow:hidden}.tl-music-lane>span{color:var(--ds-info-text);background:color-mix(in srgb, var(--ds-info) 47%, transparent)}.tl-music-lane.empty{background:var(--ds-surface-2);border:1px dashed var(--ds-line-strong)}.tl-music-lane.empty>span{color:var(--ds-text-3);background:0 0;top:15px}.tl-playhead{pointer-events:none;background:var(--ds-inverse);z-index:2;width:1px;box-shadow:0 0 3px var(--ds-line);position:absolute;top:18px;bottom:0}.tl-playhead i{background:var(--ds-inverse);border-radius:2px 2px 5px 5px;width:11px;height:11px;position:absolute;top:-8px;left:-5px}.tl-inspector{border-top:1px solid var(--ds-line-strong);background:var(--ds-surface-2);align-items:center;gap:24px;padding:17px 20px;display:flex}.tl-shot-detail{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.tl-shot-number{color:var(--ds-text-3);letter-spacing:-1px;font-size:1.6rem;font-weight:400}.tl-shot-detail h3{margin:0 0 3px;font-size:.875rem;font-weight:500}.tl-shot-detail p{color:var(--ds-text-2);margin:0;font-size:.875rem;line-height:1.5}.tl-trim-control{flex-direction:column;flex-shrink:0;gap:11px;width:250px;display:flex}.tl-trim-control label{color:var(--ds-text-2);justify-content:space-between;font-size:.8125rem;display:flex}.tl-trim-control label span{color:var(--ds-text);font-variant-numeric:tabular-nums}.tl-trim-control small{color:var(--ds-text-3);font-size:.75rem;line-height:1.5}.tl-move-control{gap:8px;display:flex}.tl-footer{color:var(--ds-text-3);justify-content:space-between;align-items:start;gap:24px;padding:16px 0;font-size:.75rem;line-height:1.6;display:flex}.tl-footer p{margin:0}.tl-footer details{text-align:right;max-width:440px}.tl-footer summary{cursor:pointer;color:var(--ds-text-2)}.tl-footer details p{text-align:left;padding-top:10px}.tl-footer a{color:var(--ds-text-2);text-decoration:underline}.tl-alert{background:var(--ds-danger-soft);border:1px solid var(--ds-danger-line);border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 16px;font-size:.875rem;display:flex}.tl-export{color:var(--ds-accent-text);align-items:center;gap:9px;padding:0 18px 8px;font-size:.8125rem;display:flex}.tl-export button{margin-left:auto}.timeline-app [data-slot=slider-track]{background:var(--ds-surface-3);height:4px}.timeline-app [data-slot=slider-range]{background:var(--ds-accent)}.timeline-app [data-slot=slider-thumb]{border-color:var(--ds-accent);background:var(--ds-accent);width:12px;height:12px}.timeline-app button:disabled{cursor:not-allowed}.tl-upper .tl-audio-panel:has([role=radio]:disabled) .tl-option{cursor:default}@media (min-width:1550px){.tl-upper{grid-template-columns:minmax(0,1fr) 365px}.tl-canvas canvas{max-height:510px}.tl-audio-panel{padding:24px}}@media (max-width:1200px){.tl-header{gap:18px;padding:14px 20px}.tl-project{padding-left:16px}.tl-project strong{font-size:.8125rem}.tl-header-actions button{padding-left:10px;padding-right:10px}.tl-header-actions button:first-child,.tl-back{display:none}.timeline-app main{padding:22px 20px 10px}.tl-upper{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.tl-audio-panel{padding:17px}.tl-transport{gap:6px;padding-left:12px;padding-right:12px}.tl-monitor-caption>span:last-child{display:none}.tl-heading p{font-size:.8125rem}.tl-heading h1{font-size:1.4rem}.tl-shot-detail p{font-size:.8125rem}.tl-trim-control{width:210px}}@media (max-width:850px){.tl-header{flex-wrap:wrap}.tl-project{border:0;margin-left:auto;padding:0}.tl-header-actions{justify-content:flex-end;width:100%}.tl-header-actions button:first-child{display:inline-flex}.tl-heading{display:block}.tl-heading p{margin-top:12px}.tl-upper{flex-direction:column;display:flex}.tl-canvas canvas{max-height:none}.tl-audio-panel{grid-template-columns:1fr 1fr;gap:24px;display:grid}.tl-audio-panel>section+section{border-top:0;padding-top:0}.tl-inspector{flex-wrap:wrap}.tl-shot-detail{flex-basis:100%}.tl-trim-control{flex:1;width:auto}.tl-monitor-caption>span:last-child{display:block}.tl-track-labels{width:112px}.tl-track-labels>div{gap:7px;padding:0 10px}.tl-track-labels small{font-size:.75rem}.tl-editor-toolbar{flex-wrap:wrap}.tl-editor-toolbar h2{margin-right:auto}.tl-captions{margin-left:10px}}@media (max-width:540px){.timeline-app main{padding:18px 12px 6px}.tl-header{gap:16px;padding:16px 14px}.tl-header .brand{font-size:1.25rem}.tl-project strong{white-space:normal;max-width:160px;line-height:1.4}.tl-project span{font-size:.75rem}.tl-header-actions{justify-content:space-between;gap:6px}.tl-header-actions button{padding-left:8px;padding-right:8px;font-size:.8125rem}.tl-header-actions button svg{width:14px}.tl-heading h1{font-size:1.3rem}.tl-audio-panel{grid-template-columns:1fr;gap:20px}.tl-audio-panel>section+section{border-top:1px solid var(--ds-line-strong);padding-top:18px}.tl-track-labels{width:93px}.tl-track-labels small,.tl-track-labels>div>svg{display:none}.tl-ruler-label{font-size:.75rem}.tl-editor-toolbar{gap:10px;padding:10px 12px}.tl-edit-actions{justify-content:space-between;width:100%}.tl-edit-actions .tl-divider{margin:0 4px}.tl-captions{gap:6px;margin:0;font-size:.75rem}.tl-inspector{gap:16px;padding:14px}.tl-footer{flex-direction:column;gap:10px}.tl-footer details{text-align:left}.tl-monitor-caption{padding-left:15px;padding-right:15px;font-size:.75rem}.tl-monitor-caption>span:last-child{display:none}.tl-transport output{font-size:.75rem}.tl-transport .tl-shot-count{display:none}.tl-transport{gap:6px}.tl-transport button{width:32px;height:32px}.tl-export{flex-wrap:wrap}.tl-track-area{padding-right:8px}}