.caption-document{height:100%;display:flex;flex-direction:column;background:var(--cde-surface);border-radius:8px;box-shadow:var(--cde-shadow-sm);overflow:hidden}.caption-editor{position:relative;flex:1;overflow-y:auto;padding:24px 32px;scroll-padding-block:48px}.caption-editor.loading{display:flex;align-items:center;justify-content:center;color:var(--cde-text-muted);font-style:italic}.caption-editor-content{outline:none;font-family:var(--cde-font-serif);font-size:18px;line-height:1.8;color:var(--cde-text);min-height:100%;caret-color:var(--cde-accent)}.caption-newline{display:inline;color:var(--cde-text-muted);font-family:var(--cde-font-mono, monospace);font-size:.7em;-webkit-user-select:all;user-select:all;vertical-align:baseline;padding:0 1px}.segment-range{display:inline;border-radius:2px;padding:2px 4px 2px 2px;transition:background-color .15s ease}.segment-text{display:inline;padding:0 1px}.segment-range[data-empty=true] .segment-text{display:inline-block;padding-right:1ch;vertical-align:baseline;border-bottom:1px dashed var(--cde-text-muted)}.segment-range:not([data-empty=true]) br.ProseMirror-trailingBreak{display:none}.segment-range:hover{background:var(--cde-segment-hover)}.segment-range.segment-active{background:var(--cde-caption-bg)}.segment-range.segment-ad{background:var(--cde-ad-bg);border-left:2px solid var(--cde-ad-border);padding-left:10px;border-radius:5px}.segment-range.segment-ad:hover{background:var(--cde-ad-bg-hover)}.segment-range.segment-ad.segment-active{background:var(--cde-ad-bg-active);border-left-color:var(--cde-ad-border-active)}.timestamp-badge{display:inline-block;font-family:var(--cde-font-mono);font-size:10px;color:var(--cde-timestamp-text);background:var(--cde-timestamp-bg);padding:2px 5px;border-radius:3px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease;margin-right:4px;vertical-align:baseline;-webkit-user-select:none;user-select:none}.timestamp-badge:hover{color:var(--cde-timestamp-hover-text);background:var(--cde-timestamp-hover-bg)}.timestamp-badge.timestamp-ad{color:var(--cde-ad-badge-text);background:var(--cde-ad-badge-bg)}.timestamp-badge.timestamp-ad:hover{color:var(--cde-ad-badge-hover-text);background:var(--cde-ad-badge-hover-bg)}.segment-range.segment-active .timestamp-badge{color:var(--cde-caption-badge-text);background:var(--cde-caption-badge)}.segment-range.segment-ad.segment-active .timestamp-badge{color:var(--cde-ad-badge-active-text);background:var(--cde-ad-badge-active-bg)}.drop-caret{position:absolute;width:2px;background:var(--cde-accent);pointer-events:none}.segment-range.cursor-jumped{animation:cursor-jump-pulse .6s ease-out}@keyframes cursor-jump-pulse{0%{background-color:var(--cde-accent-ring)}to{background-color:transparent}}.caption-editor-content ::selection{background:var(--cde-selection)}.caption-editor:focus-within{outline:none}.caption-document:focus-within{box-shadow:var(--cde-shadow-sm),0 0 0 2px var(--cde-accent-ring)}.caption-editor::-webkit-scrollbar{width:8px}.caption-editor::-webkit-scrollbar-track{background:var(--cde-scrollbar-track);border-radius:4px}.caption-editor::-webkit-scrollbar-thumb{background:var(--cde-scrollbar-thumb);border-radius:4px}.caption-editor::-webkit-scrollbar-thumb:hover{background:var(--cde-scrollbar-thumb-hover)}.video-editor{--cde-surface: var(--card);--cde-surface-hover: var(--accent);--cde-text: var(--foreground);--cde-text-muted: var(--muted-foreground);--cde-accent: var(--foreground);--cde-accent-ring: color-mix(in srgb, var(--ring) 35%, transparent);--cde-font-serif: Georgia, "Times New Roman", serif;--cde-caption: #0068b8;--cde-caption-badge-text: #00538f;--cde-caption-bg: color-mix( in srgb, var(--cde-caption) 12%, var(--card) );--cde-caption-badge: color-mix( in srgb, var(--cde-caption) 18%, var(--card) );--cde-segment-hover: color-mix( in srgb, var(--cde-caption) 6%, var(--card) );--cde-timestamp-bg: color-mix( in srgb, var(--cde-caption) 7%, var(--card) );--cde-timestamp-text: var(--cde-caption-badge-text);--cde-timestamp-hover-bg: var(--cde-caption-badge);--cde-timestamp-hover-text: var(--cde-caption-badge-text);--cde-selection: color-mix(in srgb, var(--cde-caption) 40%, var(--card));--cde-ad: var(--audio-description);--cde-ad-bg: var(--audio-description-muted);--cde-ad-bg-hover: color-mix(in srgb, var(--cde-ad) 12%, var(--card));--cde-ad-bg-active: color-mix(in srgb, var(--cde-ad) 16%, var(--card));--cde-ad-border: color-mix(in srgb, var(--cde-ad) 55%, var(--card));--cde-ad-border-active: var(--cde-ad);--cde-ad-badge-bg: var(--audio-description-muted);--cde-ad-badge-text: var(--cde-ad);--cde-ad-badge-hover-bg: var(--cde-ad-bg-hover);--cde-ad-badge-hover-text: var(--cde-ad);--cde-ad-badge-active-bg: var(--cde-ad-bg-active);--cde-ad-badge-active-text: var(--cde-ad);--cde-scrollbar-track: var(--muted);--cde-scrollbar-thumb: color-mix( in srgb, var(--muted-foreground) 45%, var(--muted) );--cde-scrollbar-thumb-hover: var(--muted-foreground)}.dark .video-editor{--cde-caption: #6babe8;--cde-caption-badge-text: #b7ddff}.video-editor .timeline{--cde-panel-bg: #101f2b;--cde-panel-surface: #172a3b;--cde-panel-border: #385369;--cde-panel-text: #fff;--cde-panel-text-secondary: #edf5fc;--cde-panel-text-muted: #c0d0dd;--cde-panel-control-bg: #233e53;--cde-panel-control-bg-hover: #385369;--cde-panel-control-border: #54748c;--cde-timeline-ruler: #172a3b;--cde-timeline-tick: #54748c;--cde-timeline-tick-major: #7897ae;--cde-playhead: #b7ddff;--timeline-caption: #0068b8;--timeline-caption-hover: #00538f;--timeline-caption-border: #6babe8;--timeline-ad: #a64b00;--timeline-ad-hover: #8a3e00;--timeline-ad-border: #f3b45c;--cde-caption: var(--timeline-caption-border);--cde-caption-rgb: 0, 104, 184;--cde-caption-rgb-deep: 0, 83, 143;--cde-ad: var(--timeline-ad-border);--cde-ad-rgb: 166, 75, 0;--cde-ad-rgb-deep: 138, 62, 0}.video-editor .timeline-segment--caption{--segment-fill: var(--timeline-caption);--segment-hover: var(--timeline-caption-hover);--segment-border: var(--timeline-caption-border)}.video-editor .timeline-segment--ad{--segment-fill: var(--timeline-ad);--segment-hover: var(--timeline-ad-hover);--segment-border: var(--timeline-ad-border)}.video-editor .timeline-segment{background:var(--segment-fill);border-color:var(--segment-border)}.video-editor .timeline-segment:hover{background:var(--segment-hover)}.video-editor .timeline-segment.selected{border-color:var(--segment-border)}.video-editor .timeline-segment.dragging{opacity:1}.video-editor .timeline-segment-text,.video-editor .timeline-segment-time{text-shadow:none}.video-editor .timeline-track-labels .timeline-track-label:first-child{color:var(--timeline-caption-border)}.video-editor .timeline-track-labels .timeline-track-label:last-child{color:var(--timeline-ad-border)}.video-editor .timeline-ghost-segment--caption{background:color-mix(in srgb,var(--timeline-caption-border) 25%,transparent);border-color:var(--timeline-caption-border)}.video-editor .timeline-ghost-segment--ad{background:color-mix(in srgb,var(--timeline-ad-border) 25%,transparent);border-color:var(--timeline-ad-border)}.video-editor .timeline-ghost-segment{opacity:1}.video-editor .timeline-playhead-line{box-shadow:0 0 4px color-mix(in srgb,var(--cde-playhead) 50%,transparent)}