:root{--bg-primary: #05050A;--bg-card: rgba(15, 15, 30, .6);--border-color: rgba(40, 40, 80, .4);--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--color-blue: #3B82F6;--color-blue-glow: rgba(59, 130, 246, .4);--color-green: #10B981;--color-green-glow: rgba(16, 185, 129, .4);--color-youtube: #EF4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(99,102,241,.05) 0%,transparent 40%)}.app-container{max-width:1400px;margin:0 auto;padding:40px 20px;display:flex;flex-col:column;gap:32px}.main-header{text-align:center;margin-bottom:20px}.brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:8px}.logo-icon{font-size:2.5rem}.brand-title{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,#fff 30%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px var(--color-blue-glow))}.tag{font-size:.75rem;font-weight:700;text-transform:uppercase;background-color:#3b82f633;color:#60a5fa;padding:4px 10px;border-radius:9999px;border:1px border rgba(59,130,246,.4)}.subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:1024px){.main-grid{grid-template-columns:1fr}}.card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;padding:32px;box-shadow:0 10px 40px #0006;transition:border-color .3s ease}.card:hover{border-color:#3b82f64d}.section-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:24px;color:#fff;border-left:4px solid var(--color-blue);padding-left:12px}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.input-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.text-input{background-color:#0a0a14cc;border:1px solid var(--border-color);border-radius:12px;padding:14px 18px;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.text-input:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 10px #3b82f626}.audio-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:640px){.audio-inputs{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:#0a0a1466;transition:all .2s ease;min-height:140px;text-align:center}.dropzone:hover{border-color:var(--color-blue);background-color:#3b82f608}.dropzone.active{border-color:var(--color-green);background-color:#10b98108}.dropzone .icon{font-size:1.8rem;margin-bottom:8px}.dropzone .text{font-size:.9rem;font-weight:500;color:var(--text-secondary);word-break:break-all}.actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.actions{grid-template-columns:1fr}}.btn{border:none;border-radius:12px;padding:16px 24px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:0 0 15px var(--color-blue-glow)}.btn-success{background-color:var(--color-green);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:0 0 15px var(--color-green-glow)}.btn-youtube{background-color:var(--color-youtube);color:#fff}.btn-youtube:hover:not(:disabled){background-color:#dc2626;box-shadow:0 0 20px #ef444466}.btn-disabled{background-color:#1f2937;color:#9ca3af;border:1px solid #374151;cursor:not-allowed}.console-log{background-color:#07070f;border:1px solid rgba(40,40,80,.6);border-radius:16px;overflow:hidden;font-family:Courier New,Courier,monospace;margin-bottom:24px;box-shadow:inset 0 0 10px #000c}.console-header{background-color:#0c0c19;padding:10px 16px;border-b:1px solid rgba(40,40,80,.4);display:flex;align-items:center;justify-content:space-between}.console-header .dots{display:flex;gap:6px}.console-header .dot{width:8px;height:8px;border-radius:50%}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.console-header .title{color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase}.console-body{padding:16px;height:180px;overflow-y:auto;font-size:.8rem;display:flex;flex-direction:column;gap:4px}.log-line{color:#10b981;word-break:break-all;white-space:pre-wrap}.empty-log{color:#4b5563;text-align:center;margin-top:60px}.video-preview-zone{border-top:1px solid var(--border-color);padding-top:24px}.sub-title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:12px}.video-player{width:100%;border-radius:12px;border:1px solid var(--border-color);background-color:#000;aspect-ratio:16/9;margin-bottom:16px}.scenes-timeline-card{margin-top:8px}.desc{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px}.scenes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.scene-editor-card{background:linear-gradient(145deg,#0f0f1eb3,#05050acc);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.scene-editor-card:hover{border-color:#3b82f680;transform:translateY(-4px);box-shadow:0 10px 30px #3b82f61a}.scene-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:20px}.scene-number{font-family:Outfit,sans-serif;font-weight:700;color:#fff;font-size:1.1rem}.scene-type{font-size:.7rem;font-weight:800;color:#60a5fa;background-color:#3b82f626;padding:4px 10px;border-radius:6px;letter-spacing:.5px}.editor-fields{display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.field-group input,.field-group textarea{background-color:#05050acc;border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;color:#fff;font-size:.85rem;font-family:inherit;transition:all .2s ease;width:100%;resize:vertical}.field-group input:focus,.field-group textarea:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 8px #3b82f633}.tts-copy-box{background:linear-gradient(135deg,#10b9810d,#05050a99);border:1px solid rgba(16,185,129,.25);border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:0 4px 20px #10b9810d}.tts-copy-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:16px}.tts-title-group{display:flex;align-items:center;gap:12px}.tts-badge{font-size:.65rem;font-weight:800;color:#10b981;background-color:#10b98126;padding:4px 8px;border-radius:6px;letter-spacing:.5px}.tts-heading{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:#fff}.btn-copy{background-color:#10b981;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-copy:hover{background-color:#059669;box-shadow:0 0 15px #10b98166}.btn-copy.copied{background-color:#047857}.tts-textarea{width:100%;background-color:#05050ae6;border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:16px;color:#10b981;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;resize:vertical;margin-bottom:12px}.tts-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 8px #10b98133}.tts-helper{font-size:.8rem;color:var(--text-secondary);font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}