.uiContainer{flex-direction:column;width:100vw;height:calc(100dvh - 73px);padding:16px;display:flex;overflow:hidden}.programMonitor{border:2px solid hsl(var(--border));border-radius:var(--radius)var(--radius)0 0;background-color:hsl(var(--background));-ms-overflow-style:none;scrollbar-width:none;will-change:scroll-position;border-bottom-width:1px;flex:1;width:calc(100vw - 32px);height:calc(78dvh - 64px);position:relative;overflow-y:scroll;transform:translateZ(0)}.programMonitorHeader{border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--background));flex-direction:row;justify-content:space-around;align-items:baseline;width:100%;padding:8px 12px;display:flex;position:sticky;top:0}.contentRenderer{flex-direction:column;justify-content:center;max-width:75%;margin:0 auto;display:flex}.transportControls{border:2px solid hsl(var(--border));background-color:hsl(var(--background));border-top-width:1px;grid-template-columns:1fr auto 1fr;align-items:center;height:40px;margin:0;padding:0 12px;display:grid}.transportControlsRight{justify-content:flex-end;align-items:center;gap:16px;display:flex}.playbackControlsButtonWrapper{justify-content:center;gap:2px;display:flex}.playbackControlButton{margin:0;padding:0;transition:background-color .15s,box-shadow .15s;border:none!important;border-radius:6px!important;width:30px!important;min-width:30px!important;height:28px!important}.zoomControls{align-items:center;gap:4px;display:flex}.timelineWrapperContainer{border:2px solid hsl(var(--border));border-radius:0 0 var(--radius)var(--radius);background-color:hsl(var(--background));border-top-width:0;flex-direction:column;width:calc(100vw - 32px);height:auto;display:flex;position:relative;overflow:hidden}.timelineTicksWrapper{background:var(--track-header-bg);z-index:10;flex-direction:row;display:flex;position:relative}.timelineTicksWrapper::-webkit-scrollbar{display:none}.track-headers-spacer{width:var(--track-header-width);min-width:var(--track-header-width);background:var(--track-header-bg);border-bottom:1px solid hsl(var(--border));border-right:2px solid hsl(var(--border));z-index:1100;height:32px;position:relative}.track-headers-fixed{width:var(--track-header-width);min-width:var(--track-header-width);background:var(--track-header-bg);border-right:2px solid hsl(var(--border));z-index:1100;flex-direction:column;display:flex;position:relative;overflow:hidden}.timelineWrapper{background-color:var(--track-header-bg);-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;user-select:none;will-change:scroll-position;flex-direction:row;flex:1;height:auto;padding:0 8px 0 0;display:flex;position:relative;overflow:scroll hidden;transform:translateZ(0)}.timelineContent{flex-direction:row;width:calc(100vw - 16px);height:16dvh;margin-top:16px;display:flex;overflow-x:scroll}.itemHorizontal{-webkit-user-select:none;user-select:none;border:2px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--muted));flex:none;width:150px;height:48px;margin-right:1px;padding:10px}.verticalItem{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);margin-bottom:24px;padding:250px}.horizontalSection::-webkit-scrollbar{display:none}.playheadContainer{cursor:ew-resize;pointer-events:auto;will-change:transform;margin-left:-10px;padding:0 10px;transform:translateZ(0);z-index:1000!important}.playhead{pointer-events:none;z-index:1000;will-change:transform;position:relative;transform:translateZ(0)}.timeline-tracks-area{width:100%;color:hsl(var(--foreground));background:var(--track-header-bg);-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex}.track-header{background:var(--track-header-bg);border-bottom:1px solid hsl(var(--border));align-items:center;gap:6px;height:32px;min-height:32px;padding:4px 8px;display:flex}.track-label{color:#0009;border-radius:4px;justify-content:center;align-items:center;min-width:24px;padding:3px;display:flex}.dark .track-label{color:#ffffffb3}.track-label[data-track=h1]{background:var(--track-label-h1)}.track-label[data-track=h2]{background:var(--track-label-h2)}.track-label[data-track=h3]{background:var(--track-label-h3)}.track-label[data-track=media]{background:var(--track-label-media)}.track-label[data-track=p]{background:var(--track-label-p)}.track-label[data-track=ul]{background:var(--track-label-ul)}.track-controls{gap:4px;display:flex}.track-controls button{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px;transition:color .15s,background-color .15s}.track-controls button:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.track-content{border-bottom:1px solid hsl(var(--border));background:var(--track-header-bg);z-index:20;flex-direction:row;height:32px;min-height:32px;display:flex;position:relative}.clip{-webkit-user-select:none;user-select:none;pointer-events:none;contain:layout style paint;border-left-width:3px;border-radius:3px;height:calc(100% - 4px);margin:2px 0;position:absolute}.track-content:nth-child(2n),.track-header:nth-child(2n){background:color-mix(in oklch,var(--track-header-bg),black 4%)}.timecodeDisplay{font-variant-numeric:tabular-nums;letter-spacing:.04em;background:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:4px;padding:2px 10px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8rem;box-shadow:inset 0 1px 2px #0000000f}.dark .timecodeDisplay{background:#00000059;border-color:#ffffff0f;box-shadow:inset 0 1px 3px #0006}.playbackControlButton[data-active=true]{box-shadow:0 0 8px #3b82f626,inset 0 0 4px #3b82f614;background:#3b82f61f!important}.dark .playbackControlButton[data-active=true]{box-shadow:0 0 12px #3b82f640,inset 0 0 6px #3b82f61f;background:#3b82f633!important}@media (max-width:768px){:root{--track-header-width:40px}.uiContainer{padding:8px}.programMonitor{width:calc(100vw - 16px)}.transportControls{height:48px;padding:0 8px}.playbackControlButton{width:40px!important;min-width:40px!important;height:36px!important}.playbackControlsButtonWrapper{gap:4px}.timecodeDisplay{padding:2px 6px;font-size:.7rem}.zoomControls,.track-controls{display:none}.timelineWrapperContainer{width:calc(100vw - 16px)}.contentRenderer{max-width:94%;font-size:.85rem}.contentRenderer h1{margin-top:1.25rem;margin-bottom:.5rem;font-size:1.35rem}.contentRenderer h2{margin-top:1rem;margin-bottom:.4rem;font-size:1.15rem}.contentRenderer h3{margin-top:.85rem;margin-bottom:.35rem;font-size:1rem}.contentRenderer p{margin-bottom:.6rem}}