.timing-panel{display:none;color:#fff}.timing-panel *{box-sizing:border-box}.timing-track{position:relative;display:grid;gap:8px;margin-bottom:14px;padding:12px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-input)}.timing-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--studio-accent);pointer-events:none;z-index:6}.timing-handle{position:absolute;top:0;bottom:0;z-index:10;width:24px!important;min-width:24px!important;padding:0!important;margin-left:-12px;border:0!important;background:transparent!important;cursor:ew-resize;}.timing-handle:after{content:'';position:absolute;left:11px;top:4px;bottom:4px;width:2px;border-radius:2px;background:#f5e642;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.timing-handle.caption:after{background:#d9e8ff}.timing-handle:disabled{display:none}.timing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.timing-head span{font-size:10px;letter-spacing:.12em;color:var(--studio-muted)}.timing-head h3{font-size:20px;margin:3px 0}.timing-head small{color:var(--studio-muted)}.timing-head-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.timing-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.timing-grid section{padding:12px;border:1px solid var(--studio-border);border-radius:9px;background:var(--studio-input)}.timing-grid h4{margin:0 0 10px;font-size:13px}.timing-grid p{font-size:10px;line-height:1.5;color:var(--studio-muted);margin:8px 0 0}.timing-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.timing-fields label{display:grid;gap:5px;color:var(--studio-muted);font-size:10px}.timing-fields input{width:100%;min-height:38px}.timing-caption-text{min-height:54px;padding:9px 10px;border:1px solid var(--studio-border);border-radius:7px;background:var(--studio-card);margin-bottom:8px;font-size:12px;line-height:1.5;white-space:pre-wrap}.timing-empty{padding:18px;text-align:center;color:var(--studio-muted)}
@media(min-width:820px){#desktopEditor[data-mode=timing]{overflow:hidden}#desktopEditor[data-mode=timing] #desktopTiming{display:flex;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;flex-direction:column;padding-right:6px;padding-bottom:8px;scrollbar-gutter:stable;overscroll-behavior:contain}#desktopEditor[data-mode=timing] #desktopEditorScroll,#desktopEditor[data-mode=timing] #desktopSceneActions{display:none!important}#desktopEditor[data-mode=timing] #desktopTabs{flex:0 0 auto}#desktopEditor[data-mode=timing] #desktopTabs button{max-width:220px}.timing-track,.timing-controls{flex:0 0 auto;width:100%;min-width:0}.timing-grid{align-items:start}.timing-grid section{min-width:0}.timing-controls{padding-bottom:4px}}
@media(max-width:819px){.timing-panel{padding:0 2px}.timing-track{margin-top:4px}.timing-head{display:block}.timing-head-actions{margin-top:8px;display:grid;grid-template-columns:1fr 1fr}.timing-head-actions button:last-child{grid-column:1/-1}.timing-grid{grid-template-columns:1fr}.timing-fields input{font-size:16px;min-height:42px}.timing-caption-text{font-size:14px}}


/* shared full-project timeline */
.timing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:8px 10px;border:1px solid var(--studio-border);border-radius:9px;background:#171b20}.timing-play-tools,.timing-zoom-tools{display:flex;align-items:center;gap:7px}.timing-play-tools strong{font-size:11px;color:#dfe5eb}.timing-zoom-tools span{font-size:9px;color:var(--studio-muted);letter-spacing:.08em}.timing-zoom-tools b{min-width:42px;text-align:center;font-size:10px;color:var(--studio-accent)}.timing-toolbar button{min-width:34px;min-height:30px;padding:4px 8px;border:1px solid #3a434d;border-radius:7px;background:#20262d;color:#fff}.timing-scroll{position:relative;overflow-x:auto;overflow-y:hidden;border:1px solid var(--studio-border);border-radius:10px;background:#0f1317;scrollbar-gutter:stable;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.timing-canvas{position:relative;min-width:100%;background:#0f1317}.timing-ruler{position:absolute;top:0;height:34px;border-bottom:1px solid #293038;background:#151a20;overflow:visible}.timeline-tick{position:absolute;top:0;height:34px;border-left:1px solid #2d353e;color:#8f99a4}.timeline-tick.major{border-left-color:#4b5662}.timeline-tick i{display:block;height:9px}.timeline-tick b{position:absolute;top:12px;left:4px;font-size:8px;font-weight:600;white-space:nowrap;color:#9da7b1}.timing-layer{position:absolute;left:0;right:0;height:58px}.timing-layer-label{position:sticky;left:0;z-index:20;display:inline-grid;place-items:center;height:100%;background:#151a20e8;border-right:1px solid #303842;color:#b7c0ca;font-size:9px;font-weight:800;letter-spacing:.06em;pointer-events:none}.timing-layer-body{position:absolute;inset:0}.timeline-scene-block,.timeline-caption-block{position:absolute;top:5px;bottom:5px;min-width:18px;padding:4px 6px;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left}.timeline-scene-block{border:1px solid #59636f;background:#2b323a;color:#eef2f5}.timeline-scene-block.active{border-color:var(--studio-accent);box-shadow:inset 0 0 0 1px var(--studio-accent);background:#383a25}.timeline-caption-block{border:1px solid #527da7;background:#193f65;color:#eef6ff}.timeline-caption-block.active{outline:2px solid #fff;outline-offset:-2px}.timeline-scene-block b,.timeline-caption-block b{max-width:100%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-scene-block span,.timeline-caption-block span{font-size:8px;opacity:.75;white-space:nowrap}.timing-caption-actions{display:flex;gap:7px;margin-top:8px}.timing-caption-actions button{min-height:34px}

@media(max-width:819px){.timing-toolbar{position:sticky;left:0;gap:6px;padding:6px 7px}.timing-zoom-tools span{display:none}.timing-toolbar button{min-width:30px;min-height:28px;padding:3px 6px}.timing-play-tools strong{font-size:9px}.timing-scroll{margin-top:3px}.timeline-scene-block,.timeline-caption-block{top:4px;bottom:4px;padding:3px 5px}.timeline-caption-block b{font-size:8px}.timing-track{padding:6px!important}.timeline-selection-grid{grid-template-columns:1fr!important}
}

/* timeline precision editing */
.timing-waveform-layer{height:42px!important}.timing-scene-layer{height:56px!important}.timing-caption-layer{height:56px!important}.timing-layer-body{overflow:visible}.timing-waveform-layer .timing-layer-body{overflow:hidden;background:#11161b}.timing-waveform-bars{position:absolute;inset:5px 6px;overflow:hidden}.timing-waveform-bars i{position:absolute;bottom:50%;width:1px;min-height:0;transform:translateY(50%);border-radius:1px;background:#8796ad;opacity:.82}.timing-waveform-empty{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:8px;color:#66717c}.timeline-caption-edge{height:56px!important;bottom:auto!important;z-index:45!important}.timeline-caption-edge:after{width:3px!important;left:10px!important;background:#fff!important;box-shadow:0 0 0 1px #000,0 0 8px #fff8!important}.timeline-caption-edge.start:before,.timeline-caption-edge.end:before{content:'';position:absolute;top:17px;width:7px;height:20px;background:#fff;border-radius:3px}.timeline-caption-edge.start:before{left:11px}.timeline-caption-edge.end:before{right:11px}.timeline-scene-handle{height:56px!important;bottom:auto!important;z-index:42!important}.timeline-scene-handle:after{background:var(--studio-accent)!important;width:3px!important;left:10px!important}.timing-snap-toggle{display:flex;align-items:center;gap:4px;color:#c6ced6;font-size:9px;white-space:nowrap}.timing-snap-toggle input{accent-color:var(--studio-accent)}.timeline-selection-grid .timing-fields:has([data-timing-scene-duration]){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:820px){.timing-canvas{height:228px!important}.timing-waveform-layer{top:44px!important}.timing-scene-layer{top:92px!important}.timing-caption-layer{top:154px!important}.timeline-caption-edge{top:0!important}.timeline-scene-handle{top:0!important}.timing-scroll{min-height:230px!important}
}
@media(max-width:819px){.timing-ruler{height:26px!important}.timeline-tick{height:26px!important}.timeline-tick i{height:6px!important}.timeline-tick b{top:8px!important;font-size:7px!important}.timing-canvas{height:157px!important}.timing-waveform-layer{top:31px!important;height:30px!important}.timing-scene-layer{top:66px!important;height:40px!important}.timing-caption-layer{top:111px!important;height:40px!important}.timeline-caption-edge{top:0!important;height:40px!important}.timeline-scene-handle{top:0!important;height:40px!important}.timeline-caption-edge.start:before,.timeline-caption-edge.end:before{top:11px!important;height:18px!important}.timeline-selection-grid .timing-fields:has([data-timing-scene-duration]){grid-template-columns:1fr 1fr}.timeline-selection-grid .timing-fields label:last-child{grid-column:1/-1}
}

/* timeline stability + aligned time origin */
.timing-canvas{--timeline-label-width:64px}.timing-ruler{left:var(--timeline-label-width)!important;right:0!important}.timing-layer-body{left:var(--timeline-label-width)!important;right:0!important;top:0!important;bottom:0!important}.timing-layer-label{width:var(--timeline-label-width)!important;min-width:var(--timeline-label-width)!important;box-sizing:border-box;padding:0 4px;text-align:center;white-space:normal;line-height:1.15}.timing-playhead-area{position:absolute;z-index:38;left:var(--timeline-label-width);right:0;top:0;bottom:0;pointer-events:none}.timing-playhead-area>.timing-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--studio-accent);pointer-events:none;box-shadow:0 0 0 1px #0006}.timing-playhead-area>.timing-playhead:before{content:'';position:absolute;top:0;left:-5px;width:12px;height:8px;border-radius:0 0 6px 6px;background:var(--studio-accent)}.timing-playhead-grip{position:absolute!important;z-index:3;top:0!important;bottom:0!important;width:16px!important;min-width:16px!important;height:auto!important;min-height:0!important;margin-left:-8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:ew-resize!important;pointer-events:auto!important;touch-action:none!important}.timing-playhead-grip:focus-visible{outline:1px solid var(--studio-accent);outline-offset:-1px}.timing-handle{touch-action:none!important;user-select:none;-webkit-user-select:none}.timeline-scene-block,.timeline-caption-block,.timing-toolbar button,.timing-snap-toggle{touch-action:manipulation}
@media(max-width:819px){.timing-canvas{--timeline-label-width:58px}.timing-layer-label{font-size:8px!important}}

.timeline-selection-grid{grid-template-columns:1fr 1fr!important}
.timeline-selection-grid>section{height:100%}

/* iPhone precision timing gesture stability. */
@media(max-width:819px){
  body.v42-ios .v42-timing-panel .timing-scroll{
    touch-action:pan-x pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
  }
  body.v42-ios .v42-timing-panel .timing-handle{
    width:32px!important;
    min-width:32px!important;
    margin-left:-16px!important;
    touch-action:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.v42-ios .v42-timing-panel .timing-handle:after{
    left:15px!important;
  }
  body.v42-ios .v42-timing-panel .timing-playhead-grip{
    width:28px!important;
    min-width:28px!important;
    margin-left:-14px!important;
    touch-action:none!important;
  }
  body.v42-ios .v42-timing-panel .timing-fields input{
    font-size:16px!important;
  }
  body.v42-ios .v42-timing-panel button{
    -webkit-tap-highlight-color:transparent!important;
  }
}