.uiContainer{flex-direction:column;width:100vw;height:calc(100vh - 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(100vh - 22dvh - 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 8px;display:grid}.transportControlsRight{justify-content:flex-end;align-items:center;gap:16px;display:flex}.playbackControlsButtonWrapper{justify-content:center;gap:8px;display:flex}.playbackControlButton{min-width:36px;height:36px;margin:0;padding:0;transition:background-color .15s;border:none!important}.zoomControls{align-items:center;gap:4px;display:flex}@media (max-width:768px){.zoomControls{display:none}}.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{text-align:center;border-radius:3px;align-items:baseline;min-width:52px;padding:2px 8px;font-size:.7em}.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=img]{background:var(--track-label-img)}.track-label[data-track=p]{background:var(--track-label-p)}.track-label[data-track=ul]{background:var(--track-label-ul)}.track-label[data-track=embed]{background:var(--track-label-embed)}.track-controls{gap:4px;display:flex}.track-controls button{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;padding:4px}.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-radius:2px;height:calc(100% - 4px);margin:2px 0;position:absolute}