.gpu-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.handle-dragging{box-shadow:0 2px 8px #0000004d!important;transform:translate3d(0,-50%,0) scale(1.2)!important}.snapped,.snapped-end,.snapped-start{border-color:#ff9800!important;box-shadow:0 0 8px #ff980080!important}.resize-active{outline:1px dashed #2196f3cc!important;z-index:30!important}.dragging-active{box-shadow:0 4px 12px #0003!important;cursor:grabbing!important;transform:translateZ(0) scale(1.01)!important;z-index:30!important}.panning-mode{background-color:#ff980033!important;border:1px dashed #ff9800!important;border-radius:8px!important}.element-selected{border:2px dashed #2196f3f2!important;border-radius:8px!important;z-index:20!important}.snap-indicator{background-color:#ff9800;border-radius:2px;bottom:0;box-shadow:0 0 8px #ff980080;opacity:.8;pointer-events:none;position:absolute;top:0;width:4px;z-index:30}.snap-indicator-left{left:0}.snap-indicator-right{right:0}.timeline-element-container{border-radius:6px;pointer-events:auto}.timeline-container,.timeline-elements-container,.timeline-elements-list{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:content}.timeline-tracks-container{contain:layout style paint;overscroll-behavior:contain;scroll-behavior:auto;scrollbar-color:#80808080 #0000;scrollbar-width:thin}@-moz-document url-prefix(){.timeline-tracks-container{contain:none;overflow-y:scroll;scrollbar-color:#bbb #0000}.timeline-element-container,.timeline-element:hover,.timeline-track{transition:none!important}.film-strip-effect:before{background-size:100% 100%!important;opacity:.5!important}.film-strip-effect.gif-film:before,.film-strip-effect.image-film:before,.film-strip-effect.video-film:before,.film-strip-effect:before{background-image:linear-gradient(180deg,#00000014 0 1px,#0000 1px calc(100% - 1px),#00000014 calc(100% - 1px))!important;mix-blend-mode:normal!important}.gpu-accelerated{transform:none!important;will-change:auto!important}.handle-dragging{transform:scale(1.1)!important}.dragging-active{transform:none!important}}.timeline-container{-webkit-overflow-scrolling:touch;border-radius:8px;overscroll-behavior:contain}.timeline-elements-container{border-radius:6px;contain:layout style}.timeline-track{border:1px solid #0000000f;border-radius:6px;margin:4px 0;position:relative;transition:background-color .2s ease}.timeline-track.track-highlight{box-shadow:inset 0 0 0 1px #2196f340,0 2px 8px #2196f31f;outline:2px dashed #2196f380;outline-offset:-2px}.timeline-track.track-type-mismatch{background:repeating-linear-gradient(-45deg,#f443360f 0 8px,#f443361f 8px 16px);outline:2px dashed #f44336bf;outline-offset:-2px}.timeline-track.track-droppable:after{background:repeating-linear-gradient(135deg,#4caf501f 0 8px,#4caf5038 8px 16px);border-radius:6px;box-shadow:inset 0 0 0 1px #4caf5040;content:"";inset:0;pointer-events:none;position:absolute}.track-title{background-color:#00000008;border-radius:4px;color:#3a3a3a;font-weight:500;margin-right:8px;padding:6px 12px}.timeline-element{border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:box-shadow .15s ease}.timeline-element:hover{box-shadow:0 3px 6px #00000026}.timeline-element-container{border:1px solid #ffffff14;border-radius:8px;box-shadow:0 1px 3px #0000001f}.timeline-element-container.element-dragging{box-shadow:0 6px 18px #00000040;filter:saturate(1.05)}.element-content{font-size:12px;font-weight:500;letter-spacing:.3px;padding:4px 8px}.caption-element{background-color:#9c27b0cc;border-radius:6px;box-shadow:0 2px 4px #9c27b04d;color:#fff;font-weight:500}.caption-element:hover{background-color:#9c27b0e6;box-shadow:0 3px 6px #9c27b066}.control-handle{border-radius:3px;box-shadow:0 1px 3px #0003;transition:transform .15s ease}.control-handle:hover{transform:scale(1.2)}[data-handle=left],[data-handle=right]{background-color:#fff;border-radius:2px;box-shadow:0 1px 2px #00000040}[data-handle=left]:hover,[data-handle=right]:hover{background-color:#ffffffd9}.vertical-drag-indicator{background:repeating-linear-gradient(135deg,#2196f314 0 6px,#2196f324 6px 12px);border-radius:8px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.vertical-dragging .vertical-drag-indicator{opacity:1}.timeline-resize-handle{background-color:initial;cursor:ns-resize;height:2px;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease;z-index:1000}.timeline-resize-handle:hover{background-color:#1976d24d}.timeline-resize-handle.resizing{background-color:#1976d299}.timeline-resize-handle:before{background-color:initial;content:"";height:8px;left:0;position:absolute;right:0;top:-2px}.context-menu{border:1px solid #00000014;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.context-menu-item{padding:10px 16px;transition:background-color .2s}.context-menu-item:hover{background-color:#2196f314}.timeline-elements-list::-webkit-scrollbar,.timeline-tracks-container::-webkit-scrollbar{height:8px;width:8px}.timeline-elements-list::-webkit-scrollbar-thumb,.timeline-tracks-container::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#00000040;border:2px solid #0000;border-radius:8px}.timeline-elements-list::-webkit-scrollbar-thumb:hover,.timeline-tracks-container::-webkit-scrollbar-thumb:hover{background-color:#00000059}.timeline-elements-list::-webkit-scrollbar-track,.timeline-tracks-container::-webkit-scrollbar-track{background:#0000}.vertical-guide-lines-container{pointer-events:none;z-index:100}.vertical-guide-line{background-color:#ff9800;position:absolute;width:1px}.vertical-guide-line.fade-out{animation:fadeOutGuideLine .15s ease-in forwards}@keyframes fadeOutGuideLine{0%{opacity:.8}to{opacity:0}}.film-strip-effect{overflow:hidden;position:relative}.film-strip-effect:before{background-image:radial-gradient(circle at 4px 3px,#0000 1.5px,#0003 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px 3px,#0000 1.5px,#0003 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px 3px,#0000 1.5px,#0003 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px 3px,#0000 1.5px,#0003 0 2.5px,#0000 2.5px),radial-gradient(circle at 4px calc(100% - 3px),#0000 1.5px,#0003 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px calc(100% - 3px),#0000 1.5px,#0003 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px calc(100% - 3px),#0000 1.5px,#0003 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px calc(100% - 3px),#0000 1.5px,#0003 0 2.5px,#0000 2.5px),linear-gradient(180deg,#00000014 0 1px,#0000 1px calc(100% - 1px),#00000014 calc(100% - 1px));background-repeat:repeat-x;background-size:32px 100%;content:"";inset:0;mix-blend-mode:multiply;opacity:.7;pointer-events:none;position:absolute;z-index:2}.film-strip-effect.video-film:before{background-image:radial-gradient(circle at 4px 3px,#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px 3px,#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px 3px,#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px 3px,#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),radial-gradient(circle at 4px calc(100% - 3px),#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px calc(100% - 3px),#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px calc(100% - 3px),#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px calc(100% - 3px),#0000 1.5px,#3b82f64d 0 2.5px,#0000 2.5px),linear-gradient(180deg,#3b82f61f 0 1px,#0000 1px calc(100% - 1px),#3b82f61f calc(100% - 1px));mix-blend-mode:overlay;opacity:.8}.film-strip-effect.image-film:before{background-image:radial-gradient(circle at 4px 3px,#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px 3px,#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px 3px,#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px 3px,#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 4px calc(100% - 3px),#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px calc(100% - 3px),#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px calc(100% - 3px),#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px calc(100% - 3px),#0000 1.5px,#22c55e4d 0 2.5px,#0000 2.5px),linear-gradient(180deg,#22c55e1f 0 1px,#0000 1px calc(100% - 1px),#22c55e1f calc(100% - 1px));mix-blend-mode:overlay;opacity:.8}.film-strip-effect.gif-film:before{background-image:radial-gradient(circle at 4px 3px,#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px 3px,#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px 3px,#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px 3px,#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 4px calc(100% - 3px),#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 12px calc(100% - 3px),#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 20px calc(100% - 3px),#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),radial-gradient(circle at 28px calc(100% - 3px),#0000 1.5px,#f59e0b4d 0 2.5px,#0000 2.5px),linear-gradient(180deg,#f59e0b1f 0 1px,#0000 1px calc(100% - 1px),#f59e0b1f calc(100% - 1px));mix-blend-mode:overlay;opacity:.8}@keyframes filmStripScroll{0%{background-position-x:0}to{background-position-x:32px}}.film-strip-effect.animated:before{animation:filmStripScroll 2s linear infinite}