.video-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column;gap:.65rem}.form-group label{font-weight:500;color:#cbd5f5;font-size:.95rem;letter-spacing:.01em}.form-group input,.form-group textarea,.form-group select{padding:.85rem .95rem;border:1px solid rgba(148,163,184,.25);background:#0f172a99;border-radius:12px;font-size:1rem;transition:border .2s ease,box-shadow .2s ease,transform .2s ease;font-family:inherit;color:#e2e8f0;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#38bdf899;box-shadow:0 0 0 2px #22d3ee26;transform:translateY(-1px)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#0f172a59;cursor:not-allowed;opacity:.6}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.error-message{padding:1rem;background:#ef44441f;color:#fca5a5;border-radius:12px;border:1px solid rgba(248,113,113,.35);font-size:.95rem}.submit-button{align-self:flex-start;padding:.95rem 2.4rem;background:linear-gradient(135deg,#10b981,#0ea5e9);color:#0f172a;border:none;border-radius:14px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 14px 30px #0ea5e940}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 40px #0ea5e959;filter:brightness(1.05)}.submit-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.video-form{gap:1.5rem}}.material-upload{margin:2rem 0}.material-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.material-upload-header h3{margin:0;font-size:1rem;font-weight:400;color:#ffffffb3}.upload-button{padding:.5rem 1rem;background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:400;transition:all .2s ease}.upload-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fffffff2}.upload-button:disabled{opacity:.6;cursor:not-allowed}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.material-item{background:#ffffff08;border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease;border:1px solid rgba(255,255,255,.08)}.material-item:hover{background:#ffffff0f;border-color:#ffffff26}.material-preview{width:100%;height:150px;object-fit:cover;border-radius:.5rem;background:#111827}.material-info{flex:1}.material-name{font-size:.8125rem;color:#ffffffb3;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-size{font-size:.75rem;color:#ffffff80;margin:0}.delete-button{padding:.375rem .75rem;background:#ff64641a;color:#ff9696cc;border:1px solid rgba(255,100,100,.2);border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.delete-button:hover{background:#ff646426;border-color:#ff64644d;color:#ff9696f2}.error-message{padding:.75rem;background:#7f1d1d;border:1px solid #991b1b;border-radius:.5rem;color:#fca5a5;margin-bottom:1rem}.custom-script-form{max-width:900px;margin:0 auto;padding:2rem;background:#1f2937;border-radius:1rem;border:1px solid #374151}.form-section{margin-bottom:2rem}.form-section label{display:block;margin-bottom:.5rem;font-weight:500;color:#e5e7eb;font-size:.875rem}.form-section input[type=text],.form-section input[type=number],.form-section textarea,.form-section select{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:.5rem;color:#e5e7eb;font-size:.875rem;transition:all .2s}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-section textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-scene-button{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s}.add-scene-button:hover{background:#059669;transform:translateY(-1px)}.scene-card{background:#111827;border:1px solid #374151;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.scene-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #374151}.scene-header h4{margin:0;color:#e5e7eb;font-size:1rem}.remove-scene-button{padding:.375rem .75rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.75rem;transition:all .2s}.remove-scene-button:hover{background:#dc2626}.scene-fields{display:flex;flex-direction:column;gap:1rem}.material-selector{margin-top:.5rem}.selected-material{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#374151;border-radius:.375rem;margin-top:.5rem;font-size:.875rem;color:#d1d5db}.selected-material button{padding:.25rem .5rem;background:#6b7280;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem}.selected-material button:hover{background:#4b5563}.image-prompt-input{margin-top:.5rem}.submit-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:2rem}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.smart-video-form{max-width:100%;margin:0 auto;padding:0;background:transparent;border:none}.form-section{margin-bottom:1.75rem}.form-section label{display:block;margin-bottom:.625rem;font-weight:400;color:#ffffffb3;font-size:.8125rem;letter-spacing:.01em}.upload-area{display:flex;flex-direction:column;gap:.5rem}.upload-button-large{display:inline-block;padding:1.25rem 1.5rem;background:#ffffff0d;color:#fffc;border:1px dashed rgba(255,255,255,.15);border-radius:10px;text-align:center;cursor:pointer;font-size:.9375rem;font-weight:400;transition:all .2s ease}.upload-button-large:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;color:#fffffff2}.upload-button-large:disabled{opacity:.6;cursor:not-allowed}.materials-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.5rem}.empty-preview{grid-column:1 / -1;padding:3rem 1rem;text-align:center;background:#ffffff05;border-radius:10px;border:1px dashed rgba(255,255,255,.1)}.empty-preview p{color:#fff6;font-size:.875rem;margin:0}.material-preview-item{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.material-preview-item:hover{border-color:#ffffff26;transform:translateY(-2px)}.preview-image,.preview-video{width:100%;height:100%;object-fit:cover;display:block}.remove-material-button{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.remove-material-button:hover{background:#ff6464cc;border-color:#ff6464;transform:scale(1.1)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.75rem;color:#9ca3af}.form-section input[type=text],.form-section input[type=number],.form-section select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.875rem;transition:all .2s ease}.form-section input:focus,.form-section select:focus{outline:none;border-color:#fff3;background:#ffffff14;box-shadow:0 0 0 3px #ffffff0d}.field-hint{font-size:.75rem;color:#6b7280;margin:.25rem 0 0;font-style:italic}.material-libraries{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.submit-button{width:100%;padding:.875rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.submit-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff40}.submit-button:disabled{opacity:.5;cursor:not-allowed}.progress-tracker{margin-top:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.progress-tracker.error{background:#2e0c1499;border-color:#ef444459;color:#fca5a5}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.15rem;gap:1rem}.progress-header h3{font-size:.9375rem;color:#ffffffb3;margin:0;font-weight:400}.status-badge{padding:.375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:400;letter-spacing:.02em;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.1);text-transform:uppercase}.status-badge.status-pending,.status-badge.status-generating_script,.status-badge.status-generating_voice,.status-badge.status-generating_images,.status-badge.status-generating_videos,.status-badge.status-composing{background:#ffffff14;color:#ffffffb3;border-color:#ffffff26}.status-badge.status-completed{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.status-badge.status-failed{background:#ffffff0d;color:#ff6464cc;border-color:#ff646433}.progress-bar-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-bottom:.75rem}.progress-bar{height:100%;background:#fffc;transition:width .3s ease;border-radius:2px}.progress-percentage{font-size:.875rem;font-weight:400;color:#ffffff80;margin:.5rem 0 .25rem}.progress-message{color:#ffffff80;font-size:.8125rem;margin-top:.5rem}.error-message{margin-top:1rem;padding:1rem;background:#f8717124;color:#fecaca;border-radius:12px;border:1px solid rgba(248,113,113,.25)}.home-container{width:100%;max-width:900px;margin:0 auto}.home-content{position:relative;background:#0a0a0a99;border-radius:16px;padding:clamp(2rem,4vw,3rem);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;z-index:0}.home-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);opacity:1;pointer-events:none;z-index:-1}.home-title{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:500;color:#fff;text-align:center;margin-bottom:.5rem;letter-spacing:-.02em}.home-subtitle{font-size:.95rem;color:#fff9;text-align:center;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.5}.mode-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:2.5rem;background:#ffffff08;padding:.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.mode-button{padding:.625rem 1.25rem;background:transparent;border:none;border-radius:8px;color:#ffffff80;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;position:relative}.mode-button:hover{color:#fffc;background:#ffffff0d}.mode-button.active{background:#ffffff1a;color:#fff;font-weight:500}.completion-message{margin-top:2rem;padding:1.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:.75rem;text-align:center}.completion-message p{color:#4ade80;font-size:1rem;font-weight:500;margin:0}.video-preview-container{margin-top:2rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem}.video-preview{margin:1.5rem 0;border-radius:.5rem;overflow:hidden;background:#000}.preview-video{width:100%;max-width:100%;height:auto;display:block}.download-button-container{display:flex;justify-content:center;margin-top:1.5rem}.download-button{padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.download-button:active{transform:translateY(0)}.App{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:3rem 1.5rem 4rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#ffffffe6;min-height:100vh;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}