.video-editor{display:none;height:100%;position:relative;width:100%}.video-editing-controls{display:none;left:0;padding:.3em;position:absolute;z-index:100}.video-editing-controls .editing-controls-container{display:flex;gap:1.5em;justify-content:center;width:100%}.editing-control-option{display:flex;justify-content:center;padding-left:.3em;padding-right:.3em}.editing-option-value-container{background-color:#000;border-radius:7px;display:flex;gap:1em;padding:.3em .7em;position:absolute;z-index:9999}.video-editing-controls button span{font-size:1.2em}#caption-lines-button span{font-size:1.4em}#max_characters_per_line_button span{font-size:1.8em}#font-color-button{border-bottom:.23em solid #fff;padding-bottom:.1em}#font-color-button span{font-weight:600}#text_background_color_button{border-bottom:.23em solid #fff;padding-bottom:.1em}.video-player-container{padding-bottom:.5em;width:100%}.video-generating-loading-container{background-color:transparent;border-radius:10px;font-size:1.2em;gap:1em;position:absolute;z-index:200}.generating-overlay,.video-generating-loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.generating-overlay{background:#000;font-family:sans-serif;overflow:hidden}canvas#loaderGame{background:#000;border-bottom:2px solid #6c5ce7;margin-bottom:20px}.generating-text h3{font-weight:500;margin:0}.generating-text p{font-size:.9rem;margin-top:5px;opacity:.7}.game-score{color:#6c5ce7;font-family:monospace;font-size:1.2rem;position:absolute;right:20px;top:20px}.generating-overlay .spinner-container{height:80px;position:relative;width:80px}.generating-overlay .spinner{animation:generatingSpin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid rgba(139,92,246,.1);border-radius:50%;border-top-color:#8b5cf6;height:100%;position:absolute;width:100%}.generating-overlay .spinner:nth-child(2){animation-delay:-.4s;border-top-color:#a78bfa;opacity:.7}.generating-overlay .spinner:nth-child(3){animation-delay:-.8s;border-top-color:#c4b5fd;opacity:.4}@keyframes generatingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generating-overlay .generating-text{align-items:center;display:flex;flex-direction:column;gap:0}.generating-overlay .generating-text h3{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px}.generating-overlay .generating-text p{color:#9ca3af;font-size:14px;font-weight:400}.generating-overlay .progress-bar{background:rgba(139,92,246,.2);border-radius:2px;height:4px;overflow:hidden;position:relative;width:240px}.generating-overlay .progress-fill{animation:progress 2s ease-in-out infinite,generatingShimmer 1.5s linear infinite;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#8b5cf6);background-size:200% 100%;border-radius:2px;height:100%;left:0;position:absolute;top:0}@keyframes progress{0%,to{width:20%}50%{width:80%}}@keyframes generatingShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.generating-overlay .particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.generating-overlay .particle{animation:float 4s ease-in-out infinite;background:#8b5cf6;border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}@keyframes float{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.6;transform:translateY(-20px) scale(1)}90%{opacity:.6;transform:translateY(-80vh) scale(1)}to{opacity:0;transform:translateY(-100vh) scale(0)}}.generating-overlay .dots{display:inline-block}.generating-overlay .dots span{animation:blink 1.4s infinite;opacity:0}.generating-overlay .dots span:nth-child(2){animation-delay:.2s}.generating-overlay .dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.resizer{align-items:center;background-color:transparent;cursor:row-resize;display:flex;height:5px;justify-content:center;transition:background-color .3s ease}.resizer:hover{background-color:var(--main-color)}.resizer-line{background-color:#555;border-radius:2px;height:4px;width:50px}.video-container{align-items:center;background-color:#000;border:2px solid var(--border-color);border-radius:10px;display:flex;height:100%;justify-content:center;width:100%}.video-container #video-elem{display:none}.video-container #video-canvas,.video-container #video-elem{border-radius:10px;object-fit:contain}.video-container .canvas-container{display:flex;height:100%;justify-content:center}.video-container #text-canvas{border-radius:10px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}#bounding-box{border:2px dashed #fff;border-radius:5px;display:none;pointer-events:none;position:absolute;z-index:9999}#bounding-box .corner{height:10%;position:absolute;width:10%}#bounding-box .corner.top-left{border-left:4px solid #fff;border-top:4px solid #fff;border-top-left-radius:5px;left:-2px;top:-2px}#bounding-box .corner.top-right{border-right:4px solid #fff;border-top:4px solid #fff;border-top-right-radius:5px;right:-2px;top:-2px}#bounding-box .corner.bottom-left{border-bottom:4px solid #fff;border-bottom-left-radius:5px;border-left:4px solid #fff;bottom:-2px;left:-2px}#bounding-box .corner.bottom-right{border-bottom:4px solid #fff;border-bottom-right-radius:5px;border-right:4px solid #fff;bottom:-2px;right:-2px}.editor-controls-container{bottom:0;display:flex;flex-direction:column;height:fit-content;position:absolute;user-select:none;width:100%}#current-time,#final-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-music-volume-container{display:inline-block;position:relative}.volume-btn{border:none;border-radius:6px;color:var(--font-color);cursor:pointer;font-size:18px;padding:8px 10px}.volume-slider-wrapper{backdrop-filter:blur(4px);background:var(--material-btn-hover-color);border:1px solid var(--font-color-50);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.4);display:none;left:0;padding:10px;position:absolute;top:40px;z-index:100}.volume-slider-wrapper input[type=range]{width:120px}#volumeLabel{color:var(--font-color);display:inline-block;font-size:12px;margin-left:8px}.timeline-content{display:flex;height:fit-content;padding-bottom:.25em;padding-top:.25em;width:100%}.video-element-types-container{border-right:1px solid var(--border-color);height:fit-content}.video-element-type,.video-element-types-container{display:flex;flex-direction:column;width:fit-content}.video-element-type{color:var(--font-color)}.type-text{height:fit-content}.type-audio{height:5em}.type-visual{height:6em}.video-element-type span{font-size:1.2em;padding-right:.5em}.video-elements-content-container{display:flex;flex-direction:column;gap:.25em;height:fit-content;margin-left:.5em;position:relative;width:100%}.video-elements-timeline-container{height:fit-content;overflow-x:auto;padding-bottom:.5em;position:relative;width:100%}.video-elements-timeline-container:after,.video-elements-timeline-container:before{bottom:0;content:"";padding-bottom:.5em;pointer-events:none;position:absolute;top:0;width:20px;z-index:1}.video-elements-timeline-container:before{background:linear-gradient(to right,var(--background-color),transparent);left:0;opacity:0}.video-elements-timeline-container:after{background:linear-gradient(to left,var(--background-color),transparent);opacity:1;right:0}.video-elements-timeline-container.show-left-shadow:before,.video-elements-timeline-container.show-right-shadow:after{opacity:1}.video-elements-timeline-container.hide-right-shadow:after{opacity:0}.video-element-content{align-items:center;display:flex;width:100%}.text-timeline{display:flex;height:100%;width:100%}.text-chunk{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;display:flex;height:100%;justify-content:center;min-width:16px}.text-chunk .text-overlay-container{height:100%;width:92%}.text-chunk .text-overlay-container p{color:var(--font-color);font-size:.7em;font-weight:600;height:100%;outline:none;overflow:hidden;padding:.2em;text-overflow:ellipsis;white-space:nowrap}.audio-timeline{display:flex;height:100%;width:100%}.audio-chunk{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;height:100%;min-width:16px;position:relative}.visual-timeline{display:flex;height:100%;width:100%}.visual-section-container{display:flex;flex-shrink:0;height:100%;overflow:hidden}.visual-chunk{background-color:transparent;cursor:grab;height:100%;min-width:16px;overflow:hidden;position:relative}.blurred-bg{background-repeat:repeat!important;background-size:contain!important;filter:blur(2px)!important;height:100%!important;left:0!important;opacity:.6!important;pointer-events:none!important;position:absolute!important;top:0!important;width:100%!important;z-index:1!important}.video-editor-play-pause{cursor:pointer}.droppable-highlight{background-image:repeating-linear-gradient(45deg,var(--background-color),var(--background-color) 5px,var(--font-color) 5px,var(--font-color) 10px)!important}.droppable-highlight img{opacity:.2!important}.visual-chunk-dragging{box-shadow:0 0 7px 1px #000}.visual-chunk .visual-duration{background-color:var(--background-color);border-radius:5px;bottom:.3em;color:var(--font-color);display:none;font-size:.8em;padding-left:.2em;padding-right:.2em;position:absolute;right:.5em;z-index:2}.visual-chunk img{height:100%;position:relative;z-index:2}#video-controls{align-items:center;background-color:transparent;bottom:0;color:#fff;display:flex;flex-direction:column;gap:.5em;left:50%;padding:15px;position:fixed;transform:translateX(-50%);transition:opacity .3s ease;width:100%;z-index:9999}.timeline-elements.hidden{opacity:0;pointer-events:none}.timeline-elements .timebar{width:100%}.timeline-elements .control-buttons{padding-left:1em;padding-right:1em;width:100%}.timeline-elements .control-buttons .middle-control-buttons{display:flex;gap:.5em}.timeline-elements .control-buttons{display:flex;justify-content:space-between}.timeline-elements .control-buttons button span{color:var(--font-color)!important;font-size:1.3em!important}.timeline-elements .control-buttons button i{color:var(--font-color);font-size:1.1em!important}.timeline-elements .control-buttons .left-control-buttons{align-items:center;display:flex;gap:1em}.timeline-elements .seek-bar-container{background-color:var(--seek-bar-color);cursor:pointer;height:3px;position:relative;width:100%}.timeline-elements .seek-bar-background{background-color:var(--seek-bar-color);height:100%;left:0;position:absolute;top:0;width:100%}.timeline-elements .seek-bar-fill{background-color:red;height:100%;left:0;position:absolute;top:0;width:0}.timeline-elements .seek-bar-handle{background-color:red;border-radius:50%;display:none;height:12px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.timeline-elements .seek-bar-container:hover .seek-bar-handle{display:block}.timeline-elements .volume-control{align-items:center;display:flex;position:relative}.timeline-elements #volume{background:transparent;display:none;left:2.5em;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:5em}.timeline-elements #volume::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:12px;position:relative;top:50%;transform:translateY(-50%);width:12px}.timeline-elements button:active{transform:translateY(2px)}.fullscreen-wrapper{display:flex}.clip-first-section{display:flex;flex-direction:column;gap:1em;overflow-y:auto;padding-right:.5em;position:relative;width:100%}.clip-first-section .prompt-input-container{align-items:start!important;flex-direction:column}.clip-first-section .prompt-input-container textarea{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);font-size:1em;height:6em;outline:none;padding:.5em;resize:none;width:100%}.clip-category-title{color:var(--font-color-50);font-size:.9em}