@charset "UTF-8";.app{min-height:100vh;background:var(--color-bg);color:var(--color-fg);padding:var(--space-400) var(--space-200)}.app-content{max-width:800px;margin:0 auto;text-align:center}.app h1{font-size:var(--font-size-700);font-weight:var(--font-weight-bold);margin-bottom:var(--space-300);color:var(--color-primary)}.app p{font-size:var(--font-size-400);color:var(--color-fg-muted);margin-bottom:var(--space-500);line-height:1.6}.template-info{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-200);padding:var(--space-400);margin-bottom:var(--space-500);text-align:left}.template-info h3{font-size:var(--font-size-400);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-300);color:var(--color-fg);text-align:center}.template-info ol{list-style:decimal;padding-left:var(--space-400)}.template-info ol li{font-size:var(--font-size-300);color:var(--color-fg);margin-bottom:var(--space-200);line-height:1.5}.template-info ol li strong{color:var(--color-primary)}.cta-section{margin-top:var(--space-600);display:flex;flex-direction:column;gap:var(--space-300);align-items:center}.cta-link{text-decoration:none;display:inline-flex}@media (max-width: 768px){.app{padding:var(--space-200) var(--space-100)}.template-info{padding:var(--space-300)}.app h1{font-size:var(--font-size-600)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-100);border:none;border-radius:var(--radius-100);font-family:var(--font-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--small{padding:var(--space-100) var(--space-200);font-size:var(--font-size-200);border-radius:var(--radius-200)}.btn--medium{padding:.5rem 1rem;font-size:var(--font-size-300);border-radius:var(--radius-200)}.btn--large{padding:var(--space-300) var(--space-400);font-size:var(--font-size-400);border-radius:var(--radius-200)}.btn--primary{background:#f51b77;color:var(--color-fg-on-primary);border:1px solid transparent}.btn--primary:hover:not(.btn--disabled):not(.btn--loading){background:#f73e8b;border:1px solid #F51B77}.btn--primary:active:not(.btn--disabled):not(.btn--loading){transform:translateY(0);box-shadow:0 2px 4px #0003}.btn--primary:disabled{background:#222;color:#444;border:1px solid #444444;cursor:not-allowed;transform:none!important}.btn--primary:disabled:hover{background:#222;color:#444;border:1px solid #444444}.btn--secondary{background:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-border)}.btn--secondary:hover:not(.btn--disabled):not(.btn--loading){background:var(--color-surface-elevated);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn--secondary:active:not(.btn--disabled):not(.btn--loading){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn--tertiary{background:transparent;color:var(--color-fg-muted);border:1px solid transparent}.btn--tertiary:hover:not(.btn--disabled):not(.btn--loading){color:var(--color-fg);background:#27252c}.btn--tertiary:active:not(.btn--disabled):not(.btn--loading){background:var(--color-surface-elevated)}.btn--destructive{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.btn--destructive:hover:not(.btn--disabled):not(.btn--loading){background:#ef444433}.btn--destructive:active:not(.btn--disabled):not(.btn--loading){transform:translateY(0);box-shadow:0 2px 4px #ef44444d}.btn--success{background:var(--color-success);color:var(--color-fg-on-success);border:1px solid transparent}.btn--success:hover:not(.btn--disabled):not(.btn--loading){background:var(--color-success-hover);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn--success:active:not(.btn--disabled):not(.btn--loading){transform:translateY(0);box-shadow:0 2px 4px #10b9814d}.btn--link{background:transparent;color:var(--color-primary);border:none;padding:var(--space-100);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.btn--link:hover:not(.btn--disabled):not(.btn--loading){text-decoration-color:currentColor}.btn--link:active:not(.btn--disabled):not(.btn--loading){color:var(--color-primary-hover)}.btn--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--disabled:hover{background:initial;border-color:initial;color:initial}.btn--loading{cursor:default}.btn--loading .btn__content{opacity:.7}.btn .btn__spinner{position:absolute;width:1em;height:1em;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}.btn .btn__content{transition:opacity .2s ease}.btn .btn__content--loading{opacity:.7}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn--close{background:none;border:none;color:var(--color-fg-muted);font-size:var(--font-size-600, 1.5rem);padding:var(--space-100);border-radius:var(--radius-100);line-height:1}.btn--close:hover:not(.btn--disabled){color:var(--color-fg);background:var(--color-surface)}.btn--close:active:not(.btn--disabled){background:var(--color-surface-elevated)}.input-container{margin-bottom:var(--space-300)}.input-container--small{margin-bottom:var(--space-200)}.input-container--large{margin-bottom:var(--space-400)}.input-container--error .input-field{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-bg)}.input-label{display:block;margin-bottom:var(--space-100);font-size:var(--font-size-300);font-weight:var(--font-weight-medium);color:var(--color-fg);line-height:1.4}.input-required{color:var(--color-error);margin-left:2px}.input-field{width:100%;border:1px solid #3D3D3D;border-radius:8px;background:#19181d;color:var(--color-fg);font-family:var(--font-body);transition:all .2s ease;resize:vertical}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.input-field::placeholder{color:#716f6f;font-weight:300;font-style:italic;letter-spacing:.125px}.input-field--small{padding:12px 16px;font-size:var(--font-size-200)}.input-field--medium{padding:var(--space-200) var(--space-300);font-size:var(--font-size-300)}.input-field--large{padding:var(--space-300) var(--space-400);font-size:var(--font-size-400)}.input-field--time{font-family:monospace;text-align:center;font-weight:var(--font-weight-medium);letter-spacing:.5px}.input-field--time::placeholder{font-family:monospace}.input-field--code{font-family:monospace;background:var(--color-surface);letter-spacing:.25px}.input-field--disabled{background:var(--color-surface);color:var(--color-fg-muted);cursor:not-allowed;opacity:.6}.input-field--disabled:focus{border-color:var(--color-border);box-shadow:none}.input-field--error{border-color:var(--color-error)}.input-field--error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-bg)}textarea.input-field{min-height:120px;line-height:1.5;resize:vertical}textarea.input-field--small{min-height:80px}textarea.input-field--large{min-height:160px}.input-error{display:block;margin-top:var(--space-100);font-size:var(--font-size-200);color:var(--color-error);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.input-container{margin-bottom:var(--space-200)}.input-container--large{margin-bottom:var(--space-300)}.input-field--large{padding:var(--space-200) var(--space-300);font-size:var(--font-size-300)}}.file-input-container--error .file-input-dropzone{border-color:var(--color-error);background:var(--color-error-bg)}.file-input-container--disabled{opacity:.5;cursor:not-allowed}.file-input-label{display:block;margin-bottom:var(--space-200);font-size:var(--font-size-300);font-weight:var(--font-weight-medium);color:var(--color-fg);line-height:1.4}.file-input-required{color:var(--color-error);margin-left:2px}.file-input-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem;border:2px dashed #2f3a49;border-radius:1rem;padding:32px 24px;text-align:center;cursor:pointer;background:#4791ff05;transition:all .2s ease}.file-input-dropzone:hover:not(.file-input-dropzone--disabled){border-color:var(--color-primary);background:var(--color-primary-alpha);transform:translateY(-1px)}.file-input-dropzone:active:not(.file-input-dropzone--disabled){transform:translateY(0)}.file-input-dropzone--disabled{cursor:not-allowed;background:var(--color-surface)}.file-input-dropzone--disabled:hover{border-color:var(--color-border);background:var(--color-surface);transform:none}.file-input-text{font-size:16px;font-weight:600;color:#4791ff}.file-input-hint{color:#b0b0b0;font-size:12px;font-style:italic;font-weight:400}.file-input-hidden{display:none}.file-input-error{display:block;margin-top:var(--space-200);font-size:var(--font-size-200);color:var(--color-error);font-weight:var(--font-weight-medium)}.file-input-dropzone.dragover{border-color:var(--color-primary);background:var(--color-primary-alpha);border-style:solid}@media (max-width: 768px){.file-input-dropzone{padding:var(--space-300)}.file-input-text{font-size:var(--font-size-200)}}.file-input-dropzone:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.rendering-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.rendering-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-200);padding:var(--space-500);text-align:center;max-width:400px;box-shadow:var(--shadow-400)}.rendering-content h3{font-size:var(--font-size-500);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-200);color:var(--color-fg)}.rendering-content p{font-size:var(--font-size-300);color:var(--color-fg-muted);margin-bottom:var(--space-200);line-height:1.5}.rendering-content p:last-child{margin-bottom:0}.rendering-content .rendering-note{font-size:var(--font-size-200);color:var(--color-fg-muted);font-style:italic;margin-top:var(--space-300);margin-bottom:0}.rendering-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-300)}.trim-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:2rem}.trim-container{max-width:1200px;margin:0 auto;width:100%}.trim-content{text-align:center}.trim-content h1{font-size:3.5rem;font-weight:600;margin-bottom:1rem;color:#fff;letter-spacing:-.02em}.trim-content>p{font-size:1.125rem;color:#ffffffb3;margin-bottom:3rem;line-height:1.6}.trim-content .flag{color:red;padding:1rem;border-radius:4px;background-color:#e614141a}.section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;text-align:left}.section:hover{background:#ffffff14;border-color:#fff3}.section-header{margin-bottom:1.5rem}.section-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.section-content{display:flex;flex-direction:column;gap:.125rem}.uploaded-video-preview{display:flex;flex-direction:column;gap:1rem}.uploaded-video-preview .video-thumbnail-container{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;position:relative;transition:all .3s ease}.uploaded-video-preview .video-thumbnail-container:hover{background:#ffffff0d;border-color:#fff3}.uploaded-video-preview .video-thumbnail-container .video-thumbnail{width:120px;height:80px;object-fit:cover;border-radius:8px;background:#00000080;border:1px solid rgba(255,255,255,.1)}.uploaded-video-preview .video-thumbnail-container .video-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.uploaded-video-preview .video-thumbnail-container .video-info .video-filename{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#fff}.uploaded-video-preview .video-thumbnail-container .video-info .video-filename svg{flex-shrink:0;opacity:.7}.uploaded-video-preview .video-thumbnail-container .video-info .video-filename span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-video-preview .video-thumbnail-container .video-info .video-size{font-size:.85rem;color:#fff9}.uploaded-video-preview .video-thumbnail-container .delete-video-button{flex-shrink:0;width:40px;height:40px;border:none;background:#ef44441a;color:#ef4444;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.uploaded-video-preview .video-thumbnail-container .delete-video-button:hover{background:#ef444433;transform:scale(1.05)}.uploaded-video-preview .video-thumbnail-container .delete-video-button:active{transform:scale(.95)}.uploaded-video-preview .video-thumbnail-container .delete-video-button svg{width:20px;height:20px}.uploaded-video-preview .info-note{padding:.75rem;background:#f4d22b1a;border:1px solid rgba(244,210,43,.3);border-radius:6px;font-size:.875rem;color:#fffc}.uploaded-video-preview .info-note strong{color:#f4d22b}.video-section{margin-bottom:2rem}.video-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#fff}.video-container{width:100%;border-radius:12px;overflow:hidden;background:#00000080;border:1px solid rgba(255,255,255,.1);position:relative}.video-container .native-video-player{width:100%;height:auto;min-height:400px;display:block;background:#000;transition:opacity .3s ease}.preview-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:10;padding:2rem;text-align:center}.preview-loading-overlay .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#f4d22b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.preview-loading-overlay p{color:#fff;margin:.5rem 0;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}.timeline-section{margin-bottom:2rem}.timeline-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#fff}.timeline-container{margin-bottom:2rem}.timeline{position:relative;height:60px;background:#ffffff0d;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.timeline:hover{background:#ffffff14;border-color:#fff3}.timeline.dragging{cursor:ew-resize}.timeline-track{position:relative;height:100%;border-radius:8px;overflow:hidden}.timeline-progress{position:absolute;top:0;left:0;height:100%;background:#e91e63;opacity:.3;z-index:5;transition:width .1s ease}.timeline-selection{position:absolute;top:0;height:100%;background:#e91e63;opacity:.5;border:2px solid #e91e63;box-sizing:border-box;z-index:10;pointer-events:none;transition:all .1s ease}.timeline-handle{position:absolute;top:0;width:12px;height:100%;background:#e91e63;border:2px solid white;border-radius:6px;cursor:ew-resize;z-index:20;-webkit-user-select:none;user-select:none;transition:all .1s ease}.timeline-handle:hover{transform:scaleX(1.2);background:#d81b60}.timeline-handle:active{transform:scaleX(1.1)}.timeline-handle-left{left:0}.timeline-handle-right{right:0}.timeline-current-time{position:absolute;top:0;width:2px;height:100%;background:#fff;z-index:15;pointer-events:none;transition:left .1s ease}.timeline-info{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#ffffffb3}.timeline-time{display:flex;gap:1.5rem}.dragging-indicator{color:#e91e63;font-weight:600}.manual-time-accordion{margin-top:2rem}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.accordion-header:hover{background:#ffffff14;border-color:#e91e63}.accordion-header h4{margin:0;font-size:1rem;font-weight:600;color:#fff}.accordion-toggle{font-size:1.5rem;font-weight:600;color:#e91e63;transition:transform .2s ease;line-height:1}.accordion-content{padding:2rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px}.input-instructions{margin-bottom:1.5rem;font-size:.9rem;color:#ffffffb3;line-height:1.5}.time-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.time-input-group{display:flex;flex-direction:column;gap:.5rem}.time-input-group label{font-size:.875rem;font-weight:600;color:#fff}.time-display{font-size:.75rem;color:#ffffff80;font-family:monospace}.selection-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:6px;font-size:.875rem}.selection-info strong,.selection-duration{color:#fff}.video-info{display:flex;gap:1.5rem;color:#ffffffb3}.trim-actions{margin-top:2rem}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-message{margin-top:1rem;padding:1rem;background:#dc267f1a;border:1px solid rgba(220,38,127,.3);border-radius:8px;color:#ff6b9d;text-align:center;font-size:.9rem}.video-js .vjs-control-bar{background:#000000e6}.video-js .vjs-progress-control .vjs-progress-holder{background:#fff3}.video-js .vjs-progress-control .vjs-play-progress{background:#e91e63}.video-js .vjs-time-control{font-family:monospace;color:#fff}.video-js .vjs-button:hover{color:#e91e63}@media (max-width: 768px){.trim-page{padding:1rem}.trim-content h1{font-size:2.5rem}.trim-content>p{font-size:1rem;margin-bottom:2rem}.section{padding:1.5rem}.video-container .video-js{min-height:250px}.time-input-grid{grid-template-columns:1fr;gap:1rem}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.selection-info{flex-direction:column;gap:.5rem;align-items:flex-start}}@media (max-width: 480px){.trim-content h1{font-size:2rem}.section{padding:1rem}.section-header h3{font-size:1.25rem}}.spinner{display:inline-flex;align-items:center;gap:var(--space-100)}.spinner__dot{width:12px;height:12px;border-radius:50%;background:var(--color-brand);animation:pulse 1s infinite}.spinner__label{color:var(--color-fg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.overlay-preview-section{margin-top:var(--space-300);padding:var(--space-200);background:var(--color-bg-subtle);border-radius:var(--radius-200);border:1px solid var(--color-border);min-height:200px}.overlay-preview-section.modal-preview{margin-top:0;padding:0;background:transparent;border:none;min-height:auto;width:100%}.overlay-preview-section h4{margin:0 0 var(--space-100) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-fg)}.overlay-preview-section p{margin:0 0 var(--space-150) 0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.overlay-preview-section .overlay-preview-container{position:relative;width:100%;height:100%;aspect-ratio:16/9;background:#0c0a0e;border-radius:var(--radius-100);overflow:hidden;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.overlay-preview-section .overlay-preview-container .preview-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0c0a0ef2;z-index:10;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-preview-section .overlay-preview-container .overlay-content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fadeInPreview .3s ease-out}@keyframes fadeInPreview{0%{opacity:0}to{opacity:1}}.overlay-preview-section .overlay-preview-container[data-template=closing],.overlay-preview-section .overlay-preview-container[data-template=how-it-works]{background:#0c0a0e!important}.overlay-preview-section .overlay-preview-container[data-template=announcement]:not(.has-background),.overlay-preview-section .overlay-preview-container[data-template=persona]:not(.has-background){background:#0c0a0e!important}.overlay-preview-section .overlay-preview-container[data-template=closing] .closing-overlay,.overlay-preview-section .overlay-preview-container[data-template=announcement] .announcement-overlay,.overlay-preview-section .overlay-preview-container[data-template=how-it-works] .how-it-works-overlay,.overlay-preview-section .overlay-preview-container[data-template=persona] .persona-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.overlay-preview-section .overlay-preview-container[data-template=closing],.overlay-preview-section .overlay-preview-container[data-template=announcement],.overlay-preview-section .overlay-preview-container[data-template=how-it-works]{overflow:visible!important}.overlay-preview-section .overlay-preview-container[data-template=closing] .wave-element,.overlay-preview-section .overlay-preview-container[data-template=announcement] .wave-element,.overlay-preview-section .overlay-preview-container[data-template=how-it-works] .wave-element{position:absolute!important;z-index:10!important}.overlay-preview-section .overlay-preview-container[data-template=closing] .highlight-element,.overlay-preview-section .overlay-preview-container[data-template=announcement] .highlight-element,.overlay-preview-section .overlay-preview-container[data-template=how-it-works] .highlight-element{position:absolute!important;z-index:15!important}.overlay-preview-section .overlay-preview-container:not(.has-background):not([data-template=closing]):not([data-template=announcement]):not([data-template=persona]):not([data-template=intro]):not([data-template=how-it-works]):before{content:"Upload files to see the preview";color:var(--color-fg-muted);font-size:var(--font-size-sm);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.overlay-preview-section .overlay-preview-container:not(.has-background):not([data-template=closing]):not([data-template=announcement]):not([data-template=persona]):not([data-template=intro]):not([data-template=how-it-works]) .overlay-content{display:none}.overlay-preview-section .overlay-preview-container .wave-element,.overlay-preview-section .overlay-preview-container .highlight-element{opacity:1;transform:translateY(0)}.overlay-preview-section .preview-controls{margin-top:var(--space-150);text-align:center}.overlay-preview-container[data-template=intro]{aspect-ratio:16/9}.overlay-preview-container[data-template=intro]:not(.has-background){background:linear-gradient(135deg,#667eea,#764ba2)}.overlay-preview-container[data-template=intro]:not(.has-background):before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.overlay-preview-container[data-template=intro]:not(.has-background):not(.has-overlay-content):after{content:"Start typing to see overlay preview";color:#ffffffb3;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.template-preview-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-200)}.template-preview-content{background:var(--color-bg);border-radius:var(--radius-200);max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0000004d}.template-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-200);border-bottom:1px solid var(--color-border)}.template-preview-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-fg)}.template-preview-display{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden;background:var(--color-surface)}.template-preview-display .preview-media{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.template-preview-display .preview-video,.template-preview-display .preview-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-100)}.video-template-modal{display:flex;flex-direction:column;height:calc(100vh - 7rem)}.template-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;flex:1;padding:1.5rem;overflow:hidden;align-items:stretch;height:100%}@media (max-width: 768px){.template-layout{grid-template-columns:1fr;gap:1.5rem}.template-layout .template-preview-column .preview-content{min-height:200px;aspect-ratio:16/9}}.template-config-column{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;height:100%;padding-right:.75rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position;transform:translateZ(0)}.template-config-column::-webkit-scrollbar{width:8px}.template-config-column::-webkit-scrollbar-track{background:#1c1b20;border-radius:8px}.template-config-column::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}.template-config-column::-webkit-scrollbar-thumb:hover{background:#ffffff80}.template-config-column .config-section{display:flex;flex-direction:column;gap:8px;background-color:#1b1a1f;border:2px solid #2A2830;border-radius:2rem;padding:24px 24px 16px}.template-config-column .config-section:last-child{margin-bottom:2rem}.template-config-column .config-section .section-header{display:flex;align-items:center;gap:.75rem;transition:background-color .2s ease}.template-config-column .config-section .section-header .step-number{width:46px;height:32px;background:#ffffff1a;color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.template-config-column .config-section .section-header h2{font-size:1rem;font-weight:600;color:#fff;margin:0;flex:1}.template-config-column .config-section .section-header .tooltip-container{position:relative;display:inline-block;z-index:99}.template-config-column .config-section .section-header .tooltip-container .tooltip-trigger{width:24px;height:24px;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:help;transition:all .2s ease;position:relative}.template-config-column .config-section .section-header .tooltip-container .tooltip-trigger .tooltip-icon-default,.template-config-column .config-section .section-header .tooltip-container .tooltip-trigger .tooltip-icon-hover{position:absolute;width:100%;height:100%;fill:#fffc;transition:all .2s ease}.template-config-column .config-section .section-header .tooltip-container .tooltip-trigger .tooltip-icon-default{opacity:1;visibility:visible}.template-config-column .config-section .section-header .tooltip-container .tooltip-trigger .tooltip-icon-hover{opacity:0;visibility:hidden}.template-config-column .config-section .section-header .tooltip-container .tooltip-trigger:hover .tooltip-icon-default,.template-config-column .config-section .section-header .tooltip-container .tooltip-trigger:hover .tooltip-icon-hover{fill:#fff}.template-config-column .config-section .section-header .tooltip-container .tooltip-content{position:absolute;top:100%;right:0;transform:translate(0);margin-top:8px;padding:.75rem 1rem;background:#000000e6;color:#fff;border-radius:8px;font-size:.875rem;line-height:1.4;white-space:nowrap;max-width:300px;white-space:normal;width:max-content;max-width:280px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:9999;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}.template-config-column .config-section .section-header .tooltip-container .tooltip-content:before{content:"";position:absolute;bottom:100%;right:12px;transform:translate(0);border:6px solid transparent;border-bottom-color:#000000e6}.tooltip-trigger:hover+.template-config-column .config-section .section-header .tooltip-container .tooltip-content,.template-config-column .config-section .section-header .tooltip-container .tooltip-content:hover{opacity:1;visibility:visible}.template-config-column .config-section .section-header .tooltip-container:hover .tooltip-content{opacity:1;visibility:visible}.template-config-column .config-section .section-header .tooltip-container:hover .tooltip-trigger .tooltip-icon-default{opacity:0;visibility:hidden}.template-config-column .config-section .section-header .tooltip-container:hover .tooltip-trigger .tooltip-icon-hover{opacity:1;visibility:visible}.template-config-column .config-section .section-header .overlay-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto}.template-config-column .config-section .section-header .overlay-toggle input[type=checkbox]{display:none}.template-config-column .config-section .section-header .overlay-toggle .toggle-slider{position:relative;width:42px;height:24px;background:#ffffff1a;border-radius:12px;transition:background-color .3s ease}.template-config-column .config-section .section-header .overlay-toggle .toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.template-config-column .config-section .section-header .overlay-toggle input[type=checkbox]:checked+.toggle-slider{background:#fdd835}.template-config-column .config-section .section-header .overlay-toggle input[type=checkbox]:checked+.toggle-slider:after{transform:translate(18px)}.template-config-column .config-section .section-header .overlay-toggle .toggle-label{font-size:.875rem;color:#ffffffe6;font-weight:500}.template-config-column .config-section .section-header .overlay-toggle:hover .toggle-slider{background:#ffffff26}.template-config-column .config-section .section-header .overlay-toggle input[type=checkbox]:checked+.toggle-slider:hover{background:#fbc02d}.template-config-column .config-section .section-header .optional-label{font-size:.875rem;color:#fff9;font-weight:400;font-style:italic}.template-config-column .persona-helper{background:#fec62e0d;border:2px solid rgba(254,198,46,.3);padding:16px 24px;border-radius:1rem}.template-config-column .persona-helper .helper-content{padding:.5rem 0}.template-config-column .persona-helper .helper-content .helper-text{margin:0;font-size:.95rem;color:#ffffffe6;line-height:1.5}.template-config-column .persona-helper .helper-content .helper-text .helper-link{color:#fec62e;text-decoration:none;font-weight:600;position:relative;transition:all .2s ease}.template-config-column .persona-helper .helper-content .helper-text .helper-link:hover{color:#ffd966;text-decoration:underline}.template-config-column .persona-helper .helper-content .helper-text .helper-link:after{content:" →";display:inline-block;margin-left:4px;transition:transform .2s ease}.template-config-column .persona-helper .helper-content .helper-text .helper-link:hover:after{transform:translate(4px)}.template-config-column .text-fields{display:flex;flex-direction:column}.template-config-column .overlay-hidden-message{padding:16px;background:#fdd8351a;border:1px solid rgba(253,216,53,.3);border-radius:8px;text-align:center}.template-config-column .overlay-hidden-message p{margin:0;font-size:.875rem;color:#ffffffe6;line-height:1.4}.upload-dropzone{text-align:center;transition:all .2s ease}.upload-dropzone .upload-content .upload-description{color:#fffc;font-size:16px;margin:0 0 .75rem}.upload-dropzone .upload-content .upload-button-container{margin-bottom:1rem}.upload-dropzone .upload-content .upload-button-container .upload-button{color:#fff;border:none;padding:.75rem .25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-dropzone .upload-content .upload-formats{color:#b0b0b0;text-align:center;font-size:12px;font-style:italic;font-weight:400;line-height:125%}.file-preview .thumbnail-container{position:relative;border-radius:8px;overflow:hidden;background:#ffffff0d}.file-preview .thumbnail-container .file-thumbnail{width:100%;height:auto;display:block}.file-preview .thumbnail-container .thumbnail-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s ease}.file-preview .thumbnail-container:hover .thumbnail-overlay{opacity:1}.file-preview .video-preview .file-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-100)}.file-preview .video-preview .file-info .file-details{display:flex;flex-direction:column;gap:.25rem}.file-preview .video-preview .file-info .file-details .file-name{font-weight:500;color:var(--color-fg);font-size:.9rem}.file-preview .video-preview .file-info .file-details .file-duration{font-size:.8rem;color:var(--color-fg-muted)}.file-preview .video-preview .file-info .file-actions{display:flex;gap:.5rem;align-items:center}.file-preview .audio-preview{background:#ffffff0d;border-radius:8px;padding:1rem}.file-preview .audio-preview .audio-info{display:flex;align-items:center;justify-content:space-between;gap:1rem}.file-preview .audio-preview .audio-info .audio-details{flex:1}.file-preview .audio-preview .audio-info .audio-details .audio-name{display:block;color:#fff;font-weight:500;margin-bottom:.25rem}.file-preview .audio-preview .audio-info .audio-details .audio-duration{display:block;color:#fff9;font-size:.875rem}.file-preview .image-preview{background:#ffffff0d;border-radius:8px;padding:1rem}.file-preview .image-preview .image-info{display:flex;align-items:center;justify-content:space-between;gap:1rem}.file-preview .image-preview .image-info .image-thumbnail-small{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#0000004d}.file-preview .image-preview .image-info .image-thumbnail-small img{width:100%;height:100%;object-fit:cover;display:block}.file-preview .image-preview .image-info .image-details{flex:1;min-width:0}.file-preview .image-preview .image-info .image-details .image-name{display:block;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-preview-column,.template-preview-column .preview-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.template-preview-column .preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.template-preview-column .preview-header h2{font-size:1rem;font-weight:600;color:#c1c1c1;margin:0}.template-preview-column .preview-content{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #2a2a2a;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.template-preview-column .preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.template-preview-column .preview-placeholder .placeholder-content{color:#ffffff80;font-size:.9rem;text-align:center}.template-actions{border-top:1px solid rgba(255,255,255,.1);padding:1rem;flex-shrink:0;background:#1a1a1a;position:sticky;bottom:0;z-index:10}.template-actions .action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:1rem}@media (max-width: 480px){.template-actions .action-buttons{flex-direction:column}.template-actions .action-buttons button{width:100%}}.error-message{background:#dc267f1a;border:1px solid rgba(220,38,127,.3);color:#ff6b9d;padding:1rem;border-radius:8px;margin:1rem 1.5rem;font-size:.9rem}.video-builder{min-height:100vh;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.video-builder .highlight-global{position:absolute;top:-100px;width:200px;height:120px;background:#b6b6b6;filter:blur(120px)}.video-builder .video-builder-container{position:relative;width:100%;max-width:1400px;text-align:center}.video-builder .video-builder-container .trim-clip-button{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f4d22b;color:#0a0a0a;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;z-index:100}.video-builder .video-builder-container .trim-clip-button svg{width:20px;height:20px}.video-builder .video-builder-container .trim-clip-button:hover{background:#ffe45e;transform:translateY(-2px);box-shadow:0 4px 12px #f4d22b4d}.video-builder .video-builder-container .trim-clip-button:active{transform:translateY(0)}@media screen and (max-width: 768px){.video-builder .video-builder-container .trim-clip-button{position:fixed;top:1rem;right:1rem;padding:.6rem 1rem;font-size:.875rem}}.video-builder .video-builder-container .video-builder-section-title{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;padding-bottom:4rem}.video-builder .video-builder-container .video-builder-section-title .logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:2rem}@media screen and (min-width: 1024px){.video-builder .video-builder-container .video-builder-section-title .logo-container{flex-direction:row;gap:1.5rem;padding-top:0}}.video-builder .video-builder-container .video-builder-section-title .logo-container img{width:100%;max-width:80px}@media screen and (min-width: 1024px){.video-builder .video-builder-container .video-builder-section-title .logo-container img{max-width:90px}}.video-builder .video-builder-container .video-builder-section-title .logo-container .video-builder-title{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}@media screen and (min-width: 1024px){.video-builder .video-builder-container .video-builder-section-title .logo-container .video-builder-title{align-items:flex-start;justify-content:flex-start}}.video-builder .video-builder-container .video-builder-section-title .logo-container .video-builder-title p{font-size:.75rem;text-align:center;font-style:italic;font-weight:400;color:#b9b9b9}@media screen and (min-width: 1024px){.video-builder .video-builder-container .video-builder-section-title .logo-container .video-builder-title p{font-size:.825rem;text-align:left}}.video-builder .video-builder-container .video-builder-section-title .logo-container .video-builder-title svg{height:3rem;width:auto}@media screen and (min-width: 1024px){.video-builder .video-builder-container .video-builder-section-title .logo-container .video-builder-title svg{height:3.5rem}}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;align-items:center}.template-card{display:flex;position:relative;flex-direction:column;justify-content:space-between;background:#0f0f0f;border:2px dashed #2A2A2A;border-radius:12px;padding:4rem 1rem;cursor:pointer;transition:all .3s ease}.template-card:hover{background:#161616;border:2px solid #414141;transform:translateY(-2px)}.template-card:hover .template-content .template-name{color:#acacac}.template-card:hover .template-content .add-button{color:#ff1f7a;background:#e8297f0d}.template-card:hover .template-content .add-button svg{transform:scale(1.1) rotate(90deg)}.template-card .template-content{flex:1;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:1rem;height:100%}.template-card .template-content .template-name{font-size:1.25rem;font-weight:500;margin:0;color:#39373a;text-align:center;cursor:pointer;transition:all .3s ease}.template-card .template-content .add-button{background:transparent;border:none;border-radius:8px;color:#39373a;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.template-card .template-content .add-button svg{width:100%;height:100%;transition:all .3s ease}.template-card .template-content .add-button:hover{color:#ff1f7a;background:#e8297f0d;transform:scale(1.1) rotate(90deg)}.template-card .template-content .add-button:active{transform:scale(1.05) rotate(90deg)}.template-card.ready{justify-content:center;background:#080808;border:2px solid #19ed27;aspect-ratio:16/9;padding:.25rem;cursor:default;transition:all .3s ease}.template-card.ready .template-preview{position:relative;width:100%;border-radius:8px;overflow:hidden}.template-card.ready .template-preview .preview-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px}.template-card.ready .template-preview .placeholder-thumbnail{width:100%;height:100%;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center}.template-card.ready .template-preview .placeholder-thumbnail span{color:#ffffffb3;font-size:.9rem;font-weight:500}.template-card.ready .template-preview .preview-thumbnail-container{width:100%;height:100%;border-radius:8px;overflow:hidden}.template-card.ready .template-preview .preview-thumbnail-container .overlay-preview-section{margin:0;padding:0;background:none;border:none}.template-card.ready .template-preview .preview-thumbnail-container .overlay-preview-section h4,.template-card.ready .template-preview .preview-thumbnail-container .overlay-preview-section p{display:none}.template-card.ready .template-preview .preview-thumbnail-container .overlay-preview-section .overlay-preview-container{width:100%;height:100%;border-radius:8px}.template-card.ready .template-preview .preview-thumbnail-container .overlay-preview-section .overlay-preview-container.thumbnail-preview{transform:scale(.6);transform-origin:center center;width:166.6666666667%;height:166.6666666667%;margin-left:-33.3333333333%;margin-top:-18.333333%}.template-card.ready .template-preview .preview-thumbnail-container .overlay-preview-section .overlay-preview-container.thumbnail-preview .overlay-content .how-it-works-content{transform:scale(.6)}.template-card.ready .template-preview .ready-indicator{position:absolute;top:8px;right:8px;z-index:2;pointer-events:none}.template-card.ready .template-preview .ready-indicator .checkmark{width:24px;height:24px;background:#19ed27;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 4px 8px #0003}.template-card.ready .template-preview .thumbnail-hover-overlay{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .25s ease;z-index:1}.template-card.ready .template-preview .thumbnail-hover-overlay .edit-button-overlay{background:#f7f7f733;color:#fff;border:1px solid rgba(247,247,247,.4);border-radius:50%;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:0 4px 12px #00000080}.template-card.ready .template-preview .thumbnail-hover-overlay .edit-button-overlay svg{width:24px;height:24px;transition:all .3s ease}.template-card.ready .template-preview .thumbnail-hover-overlay .edit-button-overlay:hover{background:#fff;color:#0a0a0a;border:1px solid #fff;transform:scale(1.15);box-shadow:0 0 20px #fff6}.template-card.ready .template-preview .thumbnail-hover-overlay .edit-button-overlay:hover svg{transform:rotate(-15deg)}.template-card.ready .template-preview .thumbnail-hover-overlay .edit-button-overlay:active{transform:scale(1.05)}.template-card.ready .template-preview .thumbnail-hover-overlay .delete-button-overlay{background:#ea144633;color:#fff;border:1px solid rgba(234,20,70,.5);border-radius:50%;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:0 4px 12px #00000080}.template-card.ready .template-preview .thumbnail-hover-overlay .delete-button-overlay svg{width:26px;height:26px;transition:all .3s ease}.template-card.ready .template-preview .thumbnail-hover-overlay .delete-button-overlay:hover{background:#ea1446;border-color:#ea1446;transform:scale(1.15);box-shadow:0 6px 20px #ea144680}.template-card.ready .template-preview .thumbnail-hover-overlay .delete-button-overlay:hover svg{transform:rotate(15deg)}.template-card.ready .template-preview .thumbnail-hover-overlay .delete-button-overlay:active{transform:scale(1.05)}.template-card.ready .template-preview:hover .thumbnail-hover-overlay{opacity:1}.template-card.ready .template-name{margin-bottom:0;padding:1rem;background:#ffffff1a;border-radius:8px;text-align:center}.final-render-section{margin-top:3rem;display:flex;justify-content:center}.final-render-section .final-render-button{padding:1rem 2rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#ff007f,#ff4da6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:250px;min-height:60px;position:relative}.final-render-section .final-render-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff007f4d}.final-render-section .final-render-button:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.final-render-section .final-render-button.loading{background:linear-gradient(135deg,#ff007f,#ff4da6);cursor:wait}.final-render-section .final-render-button.loading .loading-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.final-render-section .final-render-button.loading .loading-content .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.final-render-section .final-render-button.loading .loading-content span{font-size:.95rem;font-weight:500;max-width:300px;text-align:center;line-height:1.2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-template-wrapper{height:100%;display:flex;flex-direction:column}.modal-template-wrapper .video-template-page{background:transparent;padding:0;min-height:auto}.modal-template-wrapper .video-template-container{max-width:none;margin:0}.modal-template-wrapper .video-template-header{display:none}.modal-template-wrapper .video-template-actions{margin-top:2rem;text-align:center}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{display:flex;flex-direction:column;background:#131216;border:2px solid #2A2A2A;border-radius:1rem;width:98%;max-width:1440px;max-height:95vh;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:modalSlideIn .3s ease-out}.modal-content.trim-modal-content{max-width:1600px}.modal-content.trim-modal-content .modal-body{padding:0;overflow-y:auto}.modal-content.trim-modal-content .modal-body .trim-page{background:transparent;min-height:auto;padding:0}.modal-content.trim-modal-content .modal-body .trim-container{background:transparent;padding:1.5rem}@media (max-width: 768px){.modal-content{margin:1rem;max-width:none}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem}.modal-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.modal-close{display:flex;justify-content:center;align-items:center;background:none;border:none;color:#b3b3b3;font-size:2rem;width:40px;height:40px;cursor:pointer;padding:.25rem;border-radius:6px;line-height:0;transition:all .2s ease}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{flex:1;overflow:hidden;color:#fffc}.modal-placeholder{text-align:center;padding:2rem 1rem;background:#ffffff0d;border-radius:8px;border:1px dashed rgba(255,255,255,.2)}.modal-placeholder .placeholder-icon{font-size:2rem;margin-bottom:1rem}.modal-placeholder p{margin:0;color:#fff9;font-size:.9rem}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.modal-button{padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.modal-button.secondary{background:transparent;color:#ffffffb3;border-color:#fff3}.modal-button.secondary:hover{background:#ffffff1a;color:#fff}.modal-button.primary{background:#e91e63;color:#fff;border-color:#e91e63}.modal-button.primary:hover{background:#d81b60;transform:translateY(-1px);box-shadow:0 4px 12px #e91e634d}@media (max-width: 1024px){.video-builder{padding:1rem}.video-builder-title{font-size:2.5rem;margin-bottom:.75rem}.template-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.template-card{padding:2.5rem 1rem}.template-name{font-size:1.25rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}@media (max-width: 600px){.template-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.video-builder-title{font-size:2rem}.template-grid{grid-template-columns:1fr}.template-card{padding:1rem}.add-button{padding:.625rem 1.25rem;font-size:.9rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-button{width:100%}}.confirmation-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirmation-dialog{background:#1a1a1a;border:2px solid #F4D22B;border-radius:12px;padding:2rem;max-width:450px;width:90%;box-shadow:0 20px 40px #000000b3;animation:dialogSlideIn .2s ease-out}.confirmation-dialog h3{margin:0 0 1rem;font-size:1.5rem;color:#f4d22b}.confirmation-dialog p{margin:0 0 2rem;color:#ffffffe6;line-height:1.5}.confirmation-dialog .confirmation-actions{display:flex;gap:1rem;justify-content:flex-end}.confirmation-dialog .confirmation-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirmation-dialog .confirmation-actions button.btn-discard{background:#dc2626;color:#fff}.confirmation-dialog .confirmation-actions button.btn-discard:hover{background:#b91c1c}.confirmation-dialog .confirmation-actions button.btn-cancel{background:#3b3b3b;color:#fff}.confirmation-dialog .confirmation-actions button.btn-cancel:hover{background:#4b4b4b}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.errorBoundary{padding:var(--space-200);border-radius:var(--radius-200);background:color-mix(in oklab,var(--color-bg),var(--color-fg) 6%)}*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3{line-height:1.1;letter-spacing:-.01em}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(100% - var(--space-400, 2rem) * 2,1200px);margin-inline:auto}:root{--color-bg: #0f1120;--color-fg: #e6e8ff;--color-brand: #646cff;--color-primary: var(--color-brand);--color-primary-hover: #7c82ff;--color-primary-alpha: rgba(100, 108, 255, .1);--color-fg-on-primary: #ffffff;--color-surface: #1a1d2e;--color-surface-primary: #1a1d2e;--color-surface-secondary: #1e2233;--color-surface-tertiary: #252a3a;--color-surface-elevated: #252a3a;--color-bg-subtle: #1a1d2e;--color-border: rgba(230, 232, 255, .2);--color-fg-muted: rgba(230, 232, 255, .6);--color-success: #10b981;--color-success-hover: #059669;--color-success-bg: rgba(16, 185, 129, .1);--color-fg-on-success: #ffffff;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-fg-on-error: #ffffff;--space-50: .25rem;--space-100: .5rem;--space-150: .75rem;--space-200: 1rem;--space-300: 1.5rem;--space-400: 2rem;--space-600: 3rem;--radius-100: 4px;--radius-200: 8px;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-size-100: .75rem;--font-size-200: .875rem;--font-size-300: 1rem;--font-size-400: 1.125rem;--font-size-500: 1.25rem;--font-size-600: 1.5rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;color:var(--color-fg);background:var(--color-bg);font-family:var(--font-body)}.dark{--color-bg: #0a0c1a;--color-fg: #d1d5ff;--color-brand: #7c82ff}