.timeline-area{height:var(--timeline-height);background:var(--bg-panel);border-top:1px solid var(--border-color);display:flex;flex-direction:column;z-index:500}@media (max-width: 768px){.timeline-area{height:var(--timeline-height-mobile)}.timeline-toolbar{height:40px;padding:0 8px}.zoom-controls{display:none}}.timeline-toolbar{height:48px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.left-tools{display:flex;align-items:center;gap:8px}.tool-btn{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.tool-btn{width:28px;height:28px;font-size:.8rem}.left-tools{gap:4px}}.tool-btn.active{color:#fff;background:#ffffff1a}.danger-btn:hover{color:#ff4d4d;background:#ff4d4d1a}.zoom-controls{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.8rem}#timelineZoom{width:120px;accent-color:var(--accent-blue)}.timeline-viewport{flex:1;overflow:auto;position:relative;background:#111;-webkit-user-select:none;user-select:none}.timeline-viewport::-webkit-scrollbar{height:8px}.timeline-viewport::-webkit-scrollbar-track{background:#181818;border-top:1px solid var(--border-color)}.timeline-viewport::-webkit-scrollbar-thumb{background:#444;border-radius:4px;border:2px solid #181818}.timeline-viewport::-webkit-scrollbar-thumb:hover{background:#555}.timeline-ruler{height:28px;background:#181818;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;overflow:hidden}.ruler-mark{position:absolute;bottom:0;width:1px;height:10px;background:#444}.ruler-mark span{position:absolute;bottom:12px;left:4px;font-size:.6rem;color:#888;white-space:nowrap}.tracks-container{padding:8px 0}.track{height:54px;display:flex;border-bottom:1px solid #1a1a1a;position:relative;transition:background .2s}.track.thin{height:32px}.track.thin .clip{height:24px;top:4px;font-size:.6rem}.track-label{width:140px;background:#181818;border-right:1px solid var(--border-color);font-size:.65rem;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;padding:0 8px;position:relative;transform:translate(var(--tlScroll, 0px));will-change:transform;z-index:1100;-webkit-user-select:none;user-select:none;cursor:grab;box-shadow:2px 0 5px #00000080}.track.hidden-track{background:repeating-linear-gradient(45deg,#111,#111 10px,#151515 10px,#151515 20px)}.track.hidden-track .clip{opacity:.4;filter:grayscale(100%);pointer-events:none}.clip{position:absolute;top:4px;height:46px;border-radius:4px;background:var(--clip-video);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;justify-content:center;padding:0 10px;color:#fff;font-size:.7rem;font-weight:500;cursor:grab;will-change:left,width;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:10}.clip.clip-voice,.clip.clip-music{border:none;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #00000073,inset 0 1px #ffffff0f}.clip.clip-voice{background:linear-gradient(180deg,#16304d,#0e1f33);outline:1px solid rgba(56,132,255,.45);outline-offset:-1px}.clip.clip-music{background:linear-gradient(180deg,#3a1c4d,#241033);outline:1px solid rgba(168,85,247,.45);outline-offset:-1px}.clip.clip-voice .clip-label,.clip.clip-music .clip-label,.clip.clip-voice>span,.clip.clip-music>span{position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.9);font-weight:600;letter-spacing:.01em}.track-label .track-kind{flex:0 0 auto;font-size:.72rem;opacity:.75;margin-right:6px}.track-label.track-voice .track-kind{color:#60a5fa}.track-label.track-music .track-kind{color:#c084fc}.track-label.track-visual .track-kind{color:#94a3b8}.track-label .track-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;letter-spacing:.02em;color:#cbd5e1}.track-label .track-btn{width:24px;height:24px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0a;color:#94a3b8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;transition:background .15s,color .15s,border-color .15s}.track-label .track-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff38}.track-label .track-btn.is-off{background:#ef444424;border-color:#ef444466;color:#f87171}.track-label.track-voice{border-left:3px solid rgba(96,165,250,.55)}.track-label.track-music{border-left:3px solid rgba(192,132,252,.55)}.waveform{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1;z-index:0}.clip-effect-area{position:absolute;top:0;bottom:0;pointer-events:none;background:#a855f733;border:1px solid rgba(168,85,247,.4);z-index:1}.clip-effect-area.trans-start{left:0;width:20px;border-left:none}.clip-effect-area.trans-end{right:0;width:20px;border-right:none}.clip-effect-area.animation-full{left:0;right:0;height:4px;top:auto;bottom:0;background:#a855f7;border:none}.clip.active{outline:2px solid white;box-shadow:0 0 15px #00000080;z-index:50}.clip.selected{outline:2px solid var(--accent-blue);background:#0084ff66!important}.clip-resize-handle{position:absolute;top:0;width:6px;height:100%;background:#ffffff1a;cursor:ew-resize}.clip-resize-left{left:0}.clip-resize-right{right:0}.timeline-content{position:relative;z-index:1;min-height:100%;width:fit-content;min-width:100%}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#f33;z-index:1000;pointer-events:auto;cursor:ew-resize}.timeline-playhead:after{content:"";position:absolute;top:0;left:-7px;width:16px;height:20px;background:#f33;clip-path:polygon(0% 0%,100% 0%,100% 70%,50% 100%,0% 70%)}.resizer-h{width:4px;background:transparent;cursor:col-resize;z-index:100;transition:background .2s}.resizer-h:hover,.resizer-h.active{background:var(--accent-blue)}.resizer-v{height:4px;background:transparent;cursor:row-resize;z-index:100;transition:background .2s}.resizer-v:hover,.resizer-v.active{background:var(--accent-blue)}.ai-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}.ai-modal-overlay.active{opacity:1;visibility:visible}#aiVideoModal .modal-content{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d;border-radius:16px;width:850px;max-width:95vw;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden;color:#fff;font-family:Inter,system-ui,sans-serif}@media (max-width: 768px){.ai-modal-overlay{height:100dvh}#aiVideoModal .modal-content{width:100%!important;height:100vh!important;height:100dvh!important;max-width:100%!important;max-height:100dvh!important;border-radius:0}.ai-steps{padding:10px 20px}.ai-step-icon{width:30px;height:30px;font-size:.9rem}}#aiVideoModal .modal-header{padding:15px 25px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0003}#aiVideoModal .modal-header h2{font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}#aiVideoModal .modal-header h2 i{color:#a855f7}#aiVideoModal .close-modal{background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:1.5rem;transition:color .2s}#aiVideoModal .close-modal:hover{color:#fff}.ai-steps{display:flex;justify-content:space-between;padding:20px 50px;background:#0000001a}.ai-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s;position:relative;z-index:1}.ai-step.active{opacity:1;transform:scale(1.05)}.ai-step.completed{opacity:1;color:#4ade80}.ai-step-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;justify-content:center;align-items:center;font-size:1.2rem;border:2px solid transparent;transition:all .3s}.ai-step.active .ai-step-icon{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 0 15px #a855f766;border-color:#fff3}.ai-step.completed .ai-step-icon{background:#4ade80;color:#000}#aiVideoModal .modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.ai-modal-body{flex:1;padding:20px 30px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}@media (max-width: 768px){.ai-tabs{width:100%;overflow-x:auto}.ai-tab{padding:8px 12px;font-size:.8rem;flex-shrink:0}}.ai-tab{padding:8px 20px;border-radius:6px;background:transparent;border:none;color:#fff9;cursor:pointer;transition:all .2s;font-size:.9rem}.ai-tab.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 5px #0003}.ai-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.ai-label{font-size:.9rem;color:#fffc;font-weight:500}.ai-input,.ai-textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#fff;font-family:inherit;font-size:1rem;transition:all .2s;outline:none;width:100%;box-sizing:border-box}.ai-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px;padding-right:36px!important;color:#fff;font-family:inherit;font-size:.95rem;transition:all .2s;outline:none;width:100%;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;cursor:pointer}.ai-select option{background:#1a1a1a;color:#fff}.ai-select:hover{background-color:#ffffff14;border-color:#fff3}.ai-input:focus,.ai-textarea:focus,.ai-select:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.ai-textarea{min-height:200px;resize:vertical;line-height:1.5}#aiVideoModal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;border-top:1px solid rgba(255,255,255,.1);background:#0003;gap:12px}@media (max-width: 768px){#aiVideoModal .modal-footer{padding:10px 16px;flex-direction:column;align-items:stretch;gap:8px}#aiVideoModal .modal-footer>div{display:none}#aiVideoModal .modal-footer .ai-btn{width:100%;flex:none;justify-content:center;padding:12px 16px;font-size:.95rem;white-space:nowrap}}.ai-btn{padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem;display:flex;align-items:center;gap:8px}.ai-btn-secondary{background:#ffffff1a;color:#fff}.ai-btn-secondary:hover{background:#ffffff26}.ai-btn-primary{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;box-shadow:0 4px 15px #a855f74d}.ai-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.ai-btn-magic{background:linear-gradient(45deg,#ff3cac,#784ba0,#2b86c5);background-size:200% 200%;animation:gradientShift 5s ease infinite;color:#fff;box-shadow:0 0 20px #784ba080;border:1px solid rgba(255,255,255,.2)}.ai-btn-magic:hover{box-shadow:0 0 30px #784ba0b3;transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ai-gen-btn-trigger{width:100%;padding:12px;margin-bottom:20px;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:opacity .2s;box-shadow:0 4px 10px #0000004d}.ai-gen-btn-trigger:hover{opacity:.9}.ai-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.char-count{text-align:right;font-size:.8rem;color:#fff6;margin-top:-15px;margin-bottom:10px}.char-count.limit-exceeded{color:#f87171}.ai-bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;margin-top:10px}@media (max-width: 768px){.ai-bg-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ai-bg-card{padding:8px}.ai-bg-thumb{width:100%;aspect-ratio:16/9;height:auto}}.ai-bg-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ai-bg-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.ai-bg-card.selected{border-color:#a855f7;background:#a855f71a;box-shadow:0 0 15px #a855f733}.ai-bg-thumb{width:60px;height:60px;background-color:#0000004d;background-size:cover;background-position:center;border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#ffffff80;overflow:hidden}.ai-bg-thumb.default-bg{background:linear-gradient(135deg,#1e293b,#0f172a);color:#a855f7}.ai-bg-name{font-size:.75rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.upload-card .ai-bg-thumb{border:2px dashed rgba(255,255,255,.2);background:transparent}.upload-card:hover .ai-bg-thumb{border-color:#a855f7;color:#a855f7}.ai-bg-desc{font-size:.65rem;color:#fff6;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:-4px}.ai-bg-grid.drag-active{background:#a855f70d;border:2px dashed #a855f7;border-radius:12px}.ai-ctx-menu{background:#2a2a2a;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #00000080;border-radius:8px;padding:5px;min-width:150px;overflow:hidden}.ai-ctx-item{padding:10px 15px;font-size:.9rem;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s}.ai-ctx-item:hover{background:#ffffff0d}.ai-ctx-item.delete{color:#f87171}.ai-ctx-item.delete:hover{background:#f871711a}.ai-upload-spinner{color:#00f2ff;margin-right:8px;filter:drop-shadow(0 0 5px rgba(0,242,255,.5))}.upload-card.loading-active{border-color:#00f2ff!important;background:#00f2ff0d!important;cursor:wait}.upload-card.loading-active .ai-bg-thumb{border-color:#00f2ff!important;color:#00f2ff!important}.upload-card.loading-active .ai-bg-name{color:#00f2ff!important;font-weight:600}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;vertical-align:middle;margin-left:6px;pointer-events:none;line-height:1.4}.tier-badge-pro{background:linear-gradient(135deg,#f59e0b40,#d9770626);color:#fbbf24;border:1px solid rgba(245,158,11,.35);text-shadow:0 0 8px rgba(245,158,11,.3)}.tier-badge-enterprise{background:linear-gradient(135deg,#06b6d440,#0891b226);color:#22d3ee;border:1px solid rgba(6,182,212,.35);text-shadow:0 0 8px rgba(6,182,212,.3)}.voice-card.locked{opacity:.45;position:relative;cursor:not-allowed}.voice-card.locked:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:8px;right:8px;font-size:.7rem;color:#fbbf24;text-shadow:0 0 6px rgba(245,158,11,.4)}.voice-card.locked:hover{background:#f59e0b0d;transform:none}.ai-select option:disabled{color:#ffffff4d}.char-count-wrapper{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:-15px;margin-bottom:10px}.char-count-wrapper .char-count{margin:0;cursor:default}.char-count-wrapper .char-count-tooltip{display:none;position:absolute;bottom:100%;right:0;background:#1e1e2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;font-size:.75rem;color:#ffffffd9;white-space:nowrap;box-shadow:0 8px 20px #00000080;z-index:100;pointer-events:none}.char-count-wrapper:hover .char-count-tooltip{display:block}.upload-card.tier-locked{opacity:.5;cursor:not-allowed}.upload-card.tier-locked:hover{transform:none;border-color:#ffffff1a;background:#ffffff0d}input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;accent-color:#f59e0b!important;opacity:1!important;display:inline-block!important;visibility:visible!important}.pexels-placement-toggle{display:flex;background:#00000040;border-radius:8px;padding:3px;border:1px solid rgba(255,255,255,.08);gap:4px}.placement-btn{flex:1;background:transparent;border:none;color:#fff9;padding:6px 12px;font-size:.8rem;font-family:inherit;border-radius:6px;cursor:pointer;transition:all .2s ease}.placement-btn:hover{color:#fff;background:#ffffff0a}.placement-btn.active{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-weight:600;box-shadow:0 2px 8px #a855f766}