*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0f0f1a;color:#fff;min-height:100vh;padding-top:60px}.container{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;margin-bottom:2rem;text-align:center}h2{font-size:1.25rem;margin-bottom:1rem;color:#a0a0b0}.generator-form{background:#1a1a2e;padding:2rem;border-radius:12px;margin-bottom:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #2a2a4e}.form-section:last-of-type{border-bottom:none;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:#a0a0b0}input,select,textarea{width:100%;padding:.75rem 1rem;border:1px solid #2a2a4e;border-radius:8px;background:#0f0f1a;color:#fff;font-size:1rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#6366f1}input[type=range]{padding:0;height:8px;-webkit-appearance:none;background:#2a2a4e;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#6366f1;border-radius:50%;cursor:pointer}.folders-page h1{margin-bottom:1.5rem}.folder-create-form{display:flex;gap:.75rem;margin-bottom:2rem}.folder-create-form input{flex:1}.folder-create-form .btn{white-space:nowrap}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.folder-grid-compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.folder-grid-item{display:flex;flex-direction:column}.folder-card{background:#1a1a2e;border:2px solid #2a2a4e;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s}.folder-card:hover{border-color:#4a4a7e}.folder-card-selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.folder-card-cover{width:100%;aspect-ratio:4 / 3;background:#0f0f1a;display:flex;align-items:center;justify-content:center;overflow:hidden}.folder-card-cover img{width:100%;height:100%;object-fit:cover}.folder-card-placeholder{color:#4a4a6e;font-size:.8rem}.folder-card-info{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem}.folder-card-name{font-weight:600;font-size:.875rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card-count{font-size:.75rem;color:#a0a0b0}.folder-card-compact .folder-card-cover{aspect-ratio:1}.folder-card-compact .folder-card-info{padding:.4rem .6rem}.folder-card-compact .folder-card-name{font-size:.8rem}.folder-card-compact .folder-card-count{font-size:.7rem}.folder-detail{background:#1a1a2e;border:1px solid #2a2a4e;border-radius:8px;padding:1rem;margin-top:.5rem}.folder-detail-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.folder-thumb{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s}.folder-thumb:hover{border-color:#4a4a7e}.folder-thumb-cover{border-color:#6366f1}.folder-thumb img{width:100%;height:100%;object-fit:cover}.folder-thumb .remove-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center}.cover-label{position:absolute;bottom:2px;left:2px;background:#6366f1;color:#fff;font-size:.6rem;padding:1px 4px;border-radius:3px;font-weight:600}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.folder-picker{margin-bottom:1rem}.folder-picker a{color:#6366f1}.image-type-preview{background:#0f0f1a;padding:1rem;border-radius:8px;margin-top:1rem}.image-type-field{margin-bottom:.75rem;font-size:.875rem;color:#a0a0b0;line-height:1.5}.image-type-field strong{color:#a0a0b0}.composition-badge-row{margin-bottom:.75rem}.composition-badge{display:inline-block;padding:.25rem .75rem;background:#6366f1;color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}.btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#5558e3}.btn-primary:disabled{background:#4a4a6e;cursor:not-allowed}.btn-secondary{background:#2a2a4e;color:#fff}.btn-secondary:hover{background:#3a3a6e}.btn-secondary:disabled{background:#1a1a3e;color:#666;cursor:not-allowed}.btn-large{width:100%;padding:1rem 2rem;font-size:1.125rem}.color-inputs{display:flex;gap:1rem}.color-input{display:flex;align-items:center;gap:.5rem}.color-input input[type=color]{width:50px;height:40px;padding:0;border:none;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#fff}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group{display:flex;gap:1.5rem}.reference-uploader{margin-bottom:1.5rem}.helper-text{color:#666;font-size:.875rem;margin-bottom:.75rem}.upload-zone{display:block;border:2px dashed #2a2a4e;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:1rem}.upload-zone:hover{border-color:#6366f1;background:#1a1a3e}.upload-zone span{display:block;color:#a0a0b0}.upload-hint{font-size:.875rem;margin-top:.5rem}.image-previews{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.preview-item{position:relative;width:80px;height:80px}.preview-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.preview-item .remove-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:12px;line-height:1}.style-result{margin-top:.75rem}.style-badge,.url-badge{display:inline-block;padding:.25rem .75rem;background:#22c55e;color:#fff;border-radius:20px;font-size:.875rem}.style-preview{background:#0f0f1a;padding:1rem;border-radius:8px;margin-top:1rem}.style-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.style-preview-header h4{font-size:1rem;color:#fff}.clear-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.875rem}.style-summary{color:#a0a0b0;font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.style-mood,.style-modifiers{margin-bottom:.75rem;font-size:.875rem}.style-mood strong,.style-modifiers strong{color:#a0a0b0}.color-palette{margin-bottom:.75rem}.color-palette strong{color:#a0a0b0;font-size:.875rem}.color-swatches{display:flex;gap:.5rem;margin-top:.5rem}.color-swatch{width:30px;height:30px;border-radius:4px;border:1px solid #2a2a4e}.modifier-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.modifier-tag{padding:.25rem .5rem;background:#2a2a4e;border-radius:4px;font-size:.75rem;color:#a0a0b0}.url-context-input{margin-top:1.5rem}.url-inputs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.url-result{margin-top:.75rem}.url-themes{margin-top:.5rem;font-size:.875rem;color:#a0a0b0}.divider{height:1px;background:#2a2a4e;margin:1.5rem 0}.headlines-list{margin-top:1rem}.headline-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0f0f1a;border-radius:8px;margin-bottom:.5rem;cursor:pointer}.headline-option:hover{background:#1a1a3e}.headline-option.selected{background:#2a2a5e;border:1px solid #6366f1}.selected-headlines{margin-top:1rem}.selected-headlines .headline-option{justify-content:flex-start}.selected-headlines .custom-headline-remove{margin-left:auto}.headline-add-icon{width:22px;height:22px;border-radius:50%;background:#2a2a4e;color:#a0a0b0;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.headline-option:hover .headline-add-icon{background:#6366f1;color:#fff}.custom-headlines{margin-top:1rem}.custom-headlines>label{margin-bottom:.5rem}.custom-headline-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.custom-headline-check{width:auto!important;flex-shrink:0}.custom-headline-input{flex:1;min-width:0}.custom-headline-remove{width:28px;height:28px;border-radius:50%;background:#2a2a4e;border:none;color:#a0a0b0;font-size:16px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.custom-headline-remove:hover{background:#ef4444;color:#fff}.custom-headline-add{width:32px;height:32px;border-radius:50%;background:#2a2a4e;border:1px solid #3a3a6e;color:#a0a0b0;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.custom-headline-add:hover{background:#6366f1;border-color:#6366f1;color:#fff}.generation-summary{margin-top:1rem;padding:.625rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#a0a0b0;font-size:.875rem}.generation-summary strong{color:#6366f1}.error-message{color:#ef4444;margin-bottom:1rem;padding:.75rem;background:#ef44441a;border-radius:8px}.result-section{background:#1a1a2e;padding:2rem;border-radius:12px;text-align:center}.result-image{max-width:100%;max-height:500px;border-radius:8px;margin-bottom:1rem}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.result-grid-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.result-grid-item .result-image{width:100%;max-height:400px;object-fit:contain}.result-grid-item a{color:#6366f1;font-size:.875rem}.result-info{margin-top:1rem;padding:1rem;background:#0f0f1a;border-radius:8px;text-align:left}.result-info p{margin-bottom:.5rem}.result-info a{color:#6366f1}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.spinner{width:50px;height:50px;border:4px solid #2a2a4e;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.loading-hint{color:#a0a0b0;font-size:.875rem}.top-nav{position:fixed;top:0;left:0;right:0;height:60px;background:#1a1a2e;border-bottom:1px solid #2a2a4e;z-index:100}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:1.125rem;font-weight:700;color:#fff}.nav-links{display:flex;gap:.25rem}.nav-link{padding:.5rem 1rem;border-radius:6px;color:#a0a0b0;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.nav-link:hover{color:#fff;background:#2a2a4e}.nav-link.active{color:#fff;background:#6366f1}.video-radio-group{display:flex;gap:.75rem;flex-wrap:wrap}.video-radio-label{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#0f0f1a;border:2px solid #2a2a4e;border-radius:8px;cursor:pointer;color:#fff;font-weight:500;transition:all .2s}.video-radio-label:hover{border-color:#4a4a7e}.video-radio-label input[type=radio]{width:auto;accent-color:#6366f1}.video-radio-label input[type=radio]:checked+span{color:#6366f1}.video-status{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;background:#1a1a2e;border-radius:12px;margin-bottom:2rem}.video-status p{color:#a0a0b0;font-size:1rem}.video-preview{max-width:100%;max-height:500px;border-radius:8px;margin-bottom:1rem;background:#000}.video-rating{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #2a2a4e}.video-rating h3{font-size:1rem;color:#a0a0b0;margin-bottom:.75rem}.stars{display:flex;gap:.25rem;justify-content:center}.star{background:none;border:none;font-size:2rem;color:#2a2a4e;cursor:pointer;transition:color .15s;padding:.25rem;line-height:1}.star:hover,.star.active{color:#f59e0b}.rating-thanks{margin-top:.5rem;color:#a0a0b0;font-size:.875rem}.result-image-container{position:relative;display:inline-block;width:100%}.result-select-checkbox{position:absolute;top:8px;left:8px;width:22px;height:22px;cursor:pointer;z-index:2;accent-color:#6366f1}.result-save-bar{margin-top:1.5rem;padding:1.25rem;background:#0f0f1a;border-radius:10px;border:1px solid #2a2a4e}.result-save-summary{color:#a0a0b0;font-size:.875rem;margin-bottom:1rem;text-align:center}.result-save-controls{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.result-save-controls .folder-select{flex:1;min-width:180px}.new-folder-inline{display:flex;gap:.4rem;align-items:center}.new-folder-input{max-width:160px;padding:.625rem .75rem;font-size:.875rem}.new-folder-btn{padding:.625rem 1rem!important;font-size:.8rem!important;white-space:nowrap}.btn-save{padding:.75rem 1.5rem!important;font-size:.9rem!important;white-space:nowrap}.save-target-toggle{display:flex;gap:.4rem;justify-content:center;margin-bottom:1rem}.save-target-btn{padding:.5rem 1rem;background:#2a2a4e;border:1px solid #3a3a6e;border-radius:6px;color:#a0a0b0;font-size:.8rem;cursor:pointer;transition:all .2s}.save-target-btn:hover{border-color:#6366f1;color:#fff}.save-target-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.result-save-bar .success-message{margin-top:.75rem;text-align:center}.batch-list{display:flex;flex-direction:column;gap:.75rem}.batch-card{background:#1a1a2e;border:1px solid #2a2a4e;border-radius:10px;overflow:hidden}.batch-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;transition:background .2s}.batch-card-header:hover{background:#1e1e36}.batch-card-info{display:flex;flex-direction:column;gap:.15rem}.batch-card-name{font-weight:600;font-size:1rem;color:#fff}.batch-card-count{font-size:.8rem;color:#a0a0b0}.batch-card-toggle{color:#a0a0b0;font-size:1rem}.batch-card-body{padding:0 1.25rem 1.25rem}.batch-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:.75rem}.batch-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #2a2a4e}.batch-thumb img{width:100%;height:100%;object-fit:cover}.batch-thumb .remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.success-message{color:#22c55e;margin-top:.75rem;padding:.5rem .75rem;background:#22c55e1a;border-radius:8px;font-size:.875rem}.feedback-form{width:100%;background:#0f0f1a;border:1px solid #2a2a4e;border-radius:8px;padding:.75rem;margin-top:.5rem;text-align:left}.feedback-sentiment-row{display:flex;gap:.4rem;margin-bottom:.5rem}.feedback-sentiment-btn{width:36px;height:36px;border-radius:8px;background:#2a2a4e;border:1px solid #3a3a6e;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.feedback-sentiment-btn:hover{border-color:#6366f1}.feedback-sentiment-btn.positive.active{background:#22c55e33;border-color:#22c55e}.feedback-sentiment-btn.negative.active{background:#ef444433;border-color:#ef4444}.feedback-comment{width:100%;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem}.feedback-submit{padding:.4rem 1rem!important;font-size:.8rem!important}.feedback-thanks{color:#22c55e;font-size:.8rem;margin:0}.rename-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.rename-input{flex:1;min-width:0;padding:.5rem .75rem;font-size:.9rem}.rename-current-name{font-weight:600;font-size:1rem;color:#fff}.rename-btn{padding:.4rem .75rem!important;font-size:.8rem!important;white-space:nowrap}.regenerate-btn{margin-top:.5rem;padding:.5rem 1rem!important;font-size:.85rem!important;width:100%}.regenerate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f0f1ad9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border-radius:8px;color:#a0a0b0;font-size:.9rem}.regenerate-overlay .spinner{width:36px;height:36px}.state-mode-toggle{margin-bottom:1rem}.state-mode-toggle label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#fff;font-size:1rem;font-weight:600}.state-mode-toggle label input[type=checkbox]{width:20px;height:20px;accent-color:#6366f1;cursor:pointer}.state-mode-body{margin-top:1rem}.state-selection-mode{display:flex;gap:.4rem;margin-bottom:.75rem}.state-bulk-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.state-bulk-btn{padding:.35rem .75rem;background:#2a2a4e;border:1px solid #3a3a6e;border-radius:6px;color:#a0a0b0;font-size:.75rem;cursor:pointer;transition:all .2s}.state-bulk-btn:hover{border-color:#6366f1;color:#fff}.state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.4rem;max-height:280px;overflow-y:auto;padding:.75rem;background:#0f0f1a;border-radius:8px;border:1px solid #2a2a4e;margin-bottom:1rem}.state-chip{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;background:#1a1a2e;border:1px solid #2a2a4e;border-radius:6px;color:#a0a0b0;font-size:.75rem;cursor:pointer;transition:all .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.state-chip:hover{border-color:#4a4a7e;color:#fff}.state-chip-active{background:#6366f1;border-color:#6366f1;color:#fff}.state-chip input[type=checkbox]{width:14px;height:14px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.state-content-options{display:flex;gap:1.25rem;flex-wrap:wrap}.state-content-options label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.875rem;cursor:pointer}.state-content-options label input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.generation-warning{margin-top:.5rem;padding:.5rem .75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;font-size:.8rem}.style-feedback-toggle{margin:.5rem 0}.style-feedback-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#a0a0b0;font-size:.8rem;font-weight:400;margin-bottom:0}.style-feedback-toggle label input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.style-feedback-input{width:100%;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem}.autosave-toggle{margin-bottom:1rem}.autosave-toggle label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#fff;font-size:1rem;font-weight:600}.autosave-toggle label input[type=checkbox]{width:20px;height:20px;accent-color:#6366f1;cursor:pointer}.autosave-config{background:#0f0f1a;border:1px solid #2a2a4e;border-radius:10px;padding:1.25rem;margin-top:.75rem}.subfolder-mode-toggle{display:flex;gap:.4rem}.subfolder-estimate{margin-top:.75rem;padding:.625rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a0a0b0;font-size:.875rem}.subfolder-estimate strong{color:#8b5cf6}.subfolder-estimate p{margin:.25rem 0}.autosave-success-banner{margin-top:1rem;padding:.75rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.9rem;text-align:center}.autosave-success-banner a{color:#6366f1;margin-left:.5rem;font-weight:600}.subfolder-list{margin-top:1rem}.subfolder-list-title{font-size:.9rem;font-weight:600;color:#a0a0b0;margin-bottom:.5rem}.subfolder-card{background:#0f0f1a;border:1px solid #2a2a4e;border-radius:8px;margin-bottom:.5rem;overflow:hidden}.subfolder-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.subfolder-card-header:hover{background:#1a1a2e}.subfolder-card-info{display:flex;flex-direction:column;gap:.1rem}.subfolder-card-name{font-weight:600;font-size:.875rem;color:#fff}.subfolder-card-count{font-size:.75rem;color:#a0a0b0}.subfolder-card-body{padding:0 1rem 1rem}.subfolder-delete-btn{margin-top:.75rem;padding:.4rem .75rem!important;font-size:.8rem!important}.mode-selector{display:flex;gap:1.5rem;justify-content:center}.mode-card{flex:1;max-width:350px;background:#0f0f1a;border:2px solid #2a2a4e;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s}.mode-card:hover{border-color:#6366f1;background:#1a1a3e}.mode-card-icon{font-size:2.5rem;margin-bottom:1rem}.mode-card-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.mode-card-desc{font-size:.85rem;color:#a0a0b0}.wizard-steps{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.wizard-step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;cursor:default;color:#4a4a6e;font-size:.875rem;transition:all .2s}.wizard-step.completed{color:#22c55e;cursor:pointer}.wizard-step.completed:hover{background:#22c55e1a}.wizard-step.active{color:#fff;background:#6366f126}.wizard-step-number{width:28px;height:28px;border-radius:50%;background:#2a2a4e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.wizard-step.active .wizard-step-number{background:#6366f1;color:#fff}.wizard-step.completed .wizard-step-number{background:#22c55e;color:#fff}.wizard-step-label{font-weight:500}.template-preview-wrap{display:flex;flex-direction:column;align-items:center}.template-preview{max-width:100%;max-height:600px;border-radius:8px;object-fit:contain;border:1px solid #2a2a4e}.dimension-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.dimension-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid #2a2a4e;background:#ffffff0d;color:#a0a0b0;cursor:pointer;font-size:.8rem;transition:all .15s ease}.dimension-btn:hover{border-color:#6366f1;color:#fff}.dimension-btn.active{border-color:#6366f1;background:#6366f126;color:#fff}.variable-editor{display:flex;flex-direction:column;gap:1rem}.variable-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}.variable-name-input{flex:1}.variable-type-select{width:140px}.variable-values-section{background:#0f0f1a;border:1px solid #2a2a4e;border-radius:10px;padding:1rem}.value-mode-toggle{display:flex;gap:.4rem;margin-bottom:.75rem}.generate-options-section{margin-bottom:.5rem}.generate-options-controls{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}.generate-count-select{width:120px}.option-chips{display:flex;flex-wrap:wrap;gap:.5rem}.option-chip{padding:.4rem .75rem;background:#1a1a2e;border:1px solid #2a2a4e;border-radius:20px;color:#a0a0b0;font-size:.8rem;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.35rem}.option-chip:hover{border-color:#6366f1;color:#fff}.option-chip.selected{background:#6366f1;border-color:#6366f1;color:#fff}.chip-remove{background:none;border:none;color:inherit;font-size:1rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.chip-remove:hover{opacity:1}.custom-values-section{margin-bottom:.5rem}.custom-value-row{display:flex;gap:.5rem;align-items:center}.custom-value-row input{flex:1}.variation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1rem}.variation-card{position:relative;background:#0f0f1a;border:1px solid #2a2a4e;border-radius:10px;overflow:hidden;transition:border-color .2s}.variation-card:hover{border-color:#4a4a7e}.variation-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.variation-loading{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#707090;font-size:.8rem;background:#6366f10d}.variation-spinner{width:28px;height:28px;border:3px solid #2a2a4e;border-top-color:#6366f1;border-radius:50%;animation:variation-spin .8s linear infinite}@keyframes variation-spin{to{transform:rotate(360deg)}}.variation-error{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ef4444;font-size:.875rem;background:#ef44440d}.variation-info{padding:.75rem}.variation-label{font-size:.8rem;color:#a0a0b0;margin-bottom:.25rem;line-height:1.4}.variation-label strong{color:#fff}.image-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.image-option-card{background:#1a1a2e;border:2px solid #2a2a4e;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s}.image-option-card:hover{border-color:#4a4a7e}.image-option-card.selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.image-option-thumb{width:100%;aspect-ratio:1;object-fit:cover;display:block}.image-option-error{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:.8rem;background:#ef44440d}.image-option-desc{padding:.5rem;font-size:.7rem;color:#a0a0b0;line-height:1.3;display:flex;align-items:flex-start;gap:.25rem}.image-option-desc .chip-remove{flex-shrink:0;font-size:1rem;margin-left:auto}.progress-section{margin-top:1.5rem;padding:1.25rem;background:#0f0f1a;border:1px solid #2a2a4e;border-radius:10px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem;color:#a0a0b0}.progress-pct{font-weight:700;color:#6366f1;font-size:1rem}.progress-bar-track{width:100%;height:12px;background:#2a2a4e;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:6px;transition:width .4s ease}.variable-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.variable-select-card{background:#0f0f1a;border:2px solid #2a2a4e;border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s}.variable-select-card:hover{border-color:#6366f1;background:#1a1a3e}.variable-select-card.selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.variable-select-card-name{font-weight:600;font-size:1rem;color:#fff;margin-bottom:.25rem}.variable-select-card-type{font-size:.8rem;color:#6366f1;text-transform:capitalize}.variable-select-card-current{font-size:.75rem;color:#a0a0b0;margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iteration-badge{display:inline-block;padding:.25rem .75rem;background:#6366f1;color:#fff;border-radius:20px;font-size:.8rem;font-weight:600}.iteration-summary{background:#1a1a2e;border:1px solid #2a2a4e;border-radius:10px;padding:1rem;margin-bottom:1.5rem}.review-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.save-section{background:#0f0f1a;border:1px solid #2a2a4e;border-radius:10px;padding:1.25rem}.save-success-banner{padding:1rem 1.25rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:.95rem;text-align:center}.annotated-preview-container{display:flex;justify-content:center;margin-bottom:1.5rem}.annotated-preview-image-wrap{position:relative;display:inline-block;max-width:700px;width:100%}.annotated-preview-image{display:block;width:100%;height:auto;border-radius:8px}.annotation-box{position:absolute;border:2px solid;border-radius:4px;cursor:pointer;transition:opacity .2s,border-style .2s}.annotation-box.approved{border-style:solid}.annotation-box.removed{border-style:dashed;opacity:.35}.annotation-label{position:absolute;top:-20px;left:0;padding:1px 6px;color:#fff;font-size:.65rem;font-weight:600;border-radius:3px;white-space:nowrap;pointer-events:none}.annotation-variable-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.annotation-variable-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:#0f0f1a;border:1px solid #2a2a4e;border-radius:8px;cursor:pointer;transition:background .2s}.annotation-variable-item:hover{background:#1a1a3e}.annotation-color-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.annotation-variable-meta{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.annotation-variable-name{font-weight:600;font-size:.9rem;color:#fff}.annotation-variable-type{font-size:.75rem;color:#a0a0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.annotation-toggle{font-size:1.1rem;font-weight:700;flex-shrink:0;width:24px;text-align:center}.annotation-toggle.on{color:#22c55e}.annotation-toggle.off{color:#ef4444}.edit-template-layout{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.edit-template-preview{flex:1;min-width:250px;max-width:400px;text-align:center}.organize-subfolder-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.organize-subfolder-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0f0f1a;border:1px solid #2a2a4e;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500}.organize-tag{position:absolute;bottom:6px;right:6px;padding:2px 8px;background:#6366f1;color:#fff;font-size:.65rem;font-weight:600;border-radius:4px;z-index:2}.variation-card-selected{border-color:#6366f1!important;box-shadow:0 0 0 1px #6366f1}.image-feedback-bar{display:flex;gap:.25rem;padding:.35rem .5rem;border-top:1px solid #2a2a4e}.feedback-btn{background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.2rem .4rem;opacity:.5;transition:all .15s ease}.feedback-btn:hover{opacity:1}.feedback-btn.active-up{opacity:1;background:#22c55e26;border-color:#22c55e}.feedback-btn.active-down{opacity:1;background:#ef444426;border-color:#ef4444}.feedback-text-btn{margin-left:auto}.image-feedback-form{padding:.35rem .5rem;border-top:1px solid #2a2a4e}.image-feedback-form input{width:100%;font-size:.75rem;padding:.35rem}.improvement-panel{background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.improvement-panel h3{font-size:.9rem;color:#a0a0b0;margin-bottom:.5rem}.image-edit-form{display:flex;gap:.35rem;padding:.35rem .5rem;border-top:1px solid #2a2a4e}.image-edit-form input{flex:1;font-size:.75rem;padding:.35rem}.parent-thumbnail-container{position:absolute;top:6px;left:6px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px}.parent-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:4px;border:2px solid #6366f1;box-shadow:0 2px 8px #00000080}.parent-thumbnail-label{font-size:.55rem;font-weight:600;color:#fff;background:#6366f1;padding:1px 4px;border-radius:3px;white-space:nowrap}.character-group-preview{background:#0f0f1a;border:1px solid #2a2a4e;border-radius:6px;padding:.5rem .75rem}.character-group-item{display:flex;align-items:center;gap:.75rem}.character-group-thumb{width:36px;height:36px;border-radius:4px;object-fit:cover;border:2px solid #6366f1;flex-shrink:0}.character-group-info{display:flex;flex-direction:column;gap:.1rem}.character-group-name{font-weight:600;font-size:.85rem;color:#fff}.character-group-count{font-size:.7rem;color:#a0a0b0}.guided-form{display:flex;flex-direction:column}.compiled-prompt-preview{padding:.75rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:8px;margin-top:.5rem}.compose-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.compose-image-card{position:relative;background:#0f0f1a;border:1px solid #2a2a4e;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.compose-image-thumb{width:100%;aspect-ratio:1;object-fit:cover;display:block}.compose-image-label{width:100%;border:none;border-top:1px solid #2a2a4e;border-radius:0;padding:.5rem;font-size:.8rem;background:#1a1a2e;color:#fff}.compose-image-label:focus{outline:none;background:#1e1e36}.compose-image-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}.compose-image-remove:hover{background:#dc2626}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:#0f0f1a}.login-form{background:#1a1a2e;padding:2.5rem;border-radius:12px;width:100%;max-width:400px}.login-title{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;color:#fff}.login-error{background:#ef444426;border:1px solid #ef4444;color:#f87171;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.login-label{display:block;margin-bottom:1rem;font-size:.875rem;color:#a0a0b0}.login-input{display:block;width:100%;margin-top:.375rem;padding:.75rem 1rem;background:#0f0f1a;border:1px solid #2a2a4e;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.login-input:focus{border-color:#6366f1}.login-btn{width:100%;margin-top:.5rem;padding:.75rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-btn:hover:not(:disabled){background:#4f46e5}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-loading{color:#a0a0b0;font-size:1rem}.logout-btn{padding:.5rem 1rem;border-radius:6px;color:#a0a0b0;background:none;border:none;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:color .15s,background .15s;margin-left:.5rem}.logout-btn:hover{color:#f87171;background:#ef44441a}.usage-page{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.usage-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.usage-header h1{font-size:1.5rem;color:#fff;margin:0}.usage-date-selector{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.usage-date-presets{display:flex;gap:.375rem}.usage-date-preset-btn{padding:.375rem .75rem;border-radius:6px;border:1px solid #2a2a4e;background:#1a1a2e;color:#a0a0b0;font-size:.8rem;cursor:pointer;transition:all .15s}.usage-date-preset-btn:hover{border-color:#3a3a5e;color:#d0d0e0}.usage-date-preset-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.usage-custom-dates{display:flex;align-items:center;gap:.5rem}.usage-date-input{padding:.375rem .5rem;border-radius:6px;border:1px solid #2a2a4e;background:#1a1a2e;color:#d0d0e0;font-size:.8rem;font-family:inherit;color-scheme:dark}.usage-date-separator{color:#707090;font-size:.8rem}.usage-loading,.usage-error,.usage-empty{text-align:center;padding:4rem 1rem;color:#a0a0b0;font-size:1rem}.usage-loading-inline{text-align:center;padding:.5rem;color:#707090;font-size:.8rem;margin-bottom:1rem}.usage-error{color:#f87171}.usage-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.usage-stat-card{background:#1a1a2e;border:1px solid #2a2a4e;border-radius:10px;padding:1.25rem;text-align:center}.usage-stat-label{font-size:.8rem;color:#a0a0b0;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.usage-stat-value{font-size:1.5rem;font-weight:700;color:#fff}.usage-section{margin-bottom:2rem}.usage-section h2{font-size:1rem;color:#a0a0b0;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.usage-provider-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.usage-provider-card{background:#1a1a2e;border:1px solid #2a2a4e;border-left:3px solid #6366f1;border-radius:8px;padding:1rem 1.25rem}.usage-provider-name{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.5rem}.usage-provider-stats{display:flex;align-items:baseline;gap:.75rem}.usage-provider-cost{font-size:1.25rem;font-weight:700;color:#fff}.usage-provider-calls{font-size:.8rem;color:#a0a0b0}.usage-provider-tokens{font-size:.75rem;color:#707090;margin-top:.375rem}.usage-chart-container{background:#1a1a2e;border:1px solid #2a2a4e;border-radius:8px;padding:1rem .5rem .5rem}.usage-chart-tooltip{background:#16162a;border:1px solid #2a2a4e;border-radius:6px;padding:.5rem .75rem;font-size:.8rem}.usage-chart-tooltip-date{color:#a0a0b0;margin-bottom:.25rem}.usage-chart-tooltip-value{color:#fff;font-weight:700;font-size:.9rem}.usage-chart-tooltip-calls{color:#707090;font-size:.75rem}.usage-table{width:100%;border-collapse:collapse;background:#1a1a2e;border:1px solid #2a2a4e;border-radius:8px;overflow:hidden}.usage-table th{text-align:left;padding:.625rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#707090;border-bottom:1px solid #2a2a4e;background:#16162a}.usage-table td{padding:.5rem .75rem;font-size:.85rem;color:#d0d0e0;border-bottom:1px solid #1e1e36}.usage-table tr:last-child td{border-bottom:none}.usage-provider-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;color:#fff;font-weight:600;text-transform:uppercase}@media (max-width: 640px){.usage-stats-row{grid-template-columns:repeat(2,1fr)}.usage-header{flex-direction:column;gap:.75rem;align-items:flex-start}.usage-date-selector{align-items:flex-start}.usage-date-presets{flex-wrap:wrap}}.video-builder{max-width:1100px;margin:0 auto;padding:2rem}.video-builder h1{font-size:2rem;margin-bottom:1.5rem;text-align:center}.video-builder h2{font-size:1.3rem;color:#e0e0e0;margin-bottom:1rem}.video-hint{color:#888;font-size:.9rem;margin-bottom:1.25rem}.video-mode-tabs{display:flex;gap:0;margin-bottom:2rem;border-radius:10px;overflow:hidden;border:1px solid #2a2a4e;max-width:400px;margin-left:auto;margin-right:auto}.video-mode-tab{flex:1;padding:.75rem 1.25rem;background:#1a1a2e;border:none;color:#888;font-size:.95rem;cursor:pointer;transition:all .2s}.video-mode-tab.active{background:#6366f1;color:#fff}.video-mode-tab:hover:not(.active){background:#22223a}.video-step-indicator{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.video-step{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;background:#1a1a2e;color:#666;cursor:pointer;transition:all .2s;font-size:.85rem}.video-step.active{background:#6366f1;color:#fff}.video-step.completed{background:#1e3a2e;color:#22c55e}.video-step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:#ffffff1a}.video-step.active .video-step-num{background:#ffffff40}.video-content{background:#1a1a2e;border-radius:12px;padding:2rem}.video-step-content{min-height:300px}.video-step-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #2a2a4e}.video-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#e0e0e0;margin-bottom:1.5rem}.video-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#6366f1}.character-setup{display:flex;flex-direction:column;gap:1.5rem}.character-upload-section,.character-generate-section{padding:1.25rem;background:#0f0f1a;border-radius:10px;border:1px solid #2a2a4e}.character-upload-section label,.character-generate-section label{display:block;margin-bottom:.75rem;color:#a0a0b0;font-weight:500}.character-divider{text-align:center;color:#555;font-size:.85rem;font-weight:600}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.character-card{border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s}.character-card:hover{border-color:#6366f1}.character-card.selected{border-color:#22c55e}.character-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.character-selected{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#1e3a2e;border-radius:8px}.character-selected img{width:60px;height:60px;border-radius:8px;object-fit:cover}.character-selected span{color:#22c55e;font-weight:500}.storyboard-controls{display:flex;gap:1.5rem;margin-bottom:1.5rem}.storyboard-control-group{flex:1}.storyboard-control-group label{display:block;margin-bottom:.4rem;color:#a0a0b0;font-size:.85rem}.storyboard-control-group select{width:100%;padding:.6rem .75rem;border:1px solid #2a2a4e;border-radius:8px;background:#0f0f1a;color:#fff;font-size:.9rem}.storyboard-scenes{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.storyboard-scene{padding:1.25rem;background:#0f0f1a;border-radius:10px;border:1px solid #2a2a4e}.scene-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.scene-number{font-weight:600;color:#6366f1;font-size:.9rem}.scene-header-actions{display:flex;gap:.35rem}.scene-prompt{width:100%;padding:.65rem .75rem;border:1px solid #2a2a4e;border-radius:8px;background:#1a1a2e;color:#fff;font-size:.9rem;resize:vertical;font-family:inherit}.scene-prompt:focus{outline:none;border-color:#6366f1}.scene-duration{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.scene-duration label{color:#888;font-size:.85rem;margin-bottom:0}.duration-options{display:flex;gap:.35rem}.duration-btn{padding:.35rem .75rem;border:1px solid #2a2a4e;border-radius:6px;background:#1a1a2e;color:#888;font-size:.8rem;cursor:pointer;transition:all .15s}.duration-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.duration-btn:hover:not(.active){border-color:#6366f1;color:#e0e0e0}.cost-estimator{margin-top:1rem;padding:.75rem 1rem;background:#0f0f1a;border-radius:8px;border:1px solid #2a2a4e}.cost-row{display:flex;justify-content:space-between;align-items:center;color:#a0a0b0;font-size:.9rem}.cost-amount{color:#f59e0b;font-weight:600;font-size:1rem}.video-generating-banner{padding:.75rem 1rem;background:#1e2a4e;border:1px solid #3b4ba0;border-radius:8px;color:#93a4f5;margin-bottom:1.5rem;text-align:center;font-size:.9rem}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.clip-card{background:#0f0f1a;border-radius:10px;border:1px solid #2a2a4e;padding:1rem;display:flex;flex-direction:column;gap:.65rem}.clip-card.clip-complete{border-color:#22c55e40}.clip-card.clip-failed{border-color:#ef444440}.clip-header{display:flex;justify-content:space-between;align-items:center}.clip-scene-badge{font-size:.8rem;font-weight:600;color:#6366f1}.clip-status-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:600}.status-pending,.status-processing{background:#1e2a4e;color:#93a4f5}.status-complete{background:#1e3a2e;color:#22c55e}.status-failed{background:#3a1e1e;color:#ef4444}.clip-progress{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:.75rem}.clip-progress p{color:#888;font-size:.85rem}.clip-error{padding:1rem;text-align:center}.clip-error p{color:#ef4444;font-size:.85rem;margin-bottom:.5rem}.clip-preview{width:100%;border-radius:8px;background:#000;max-height:200px}.clip-prompt-excerpt{font-size:.8rem;color:#777;line-height:1.3}.clip-duration-badge{display:inline-block;font-size:.75rem;padding:.15rem .4rem;border-radius:4px;background:#2a2a4e;color:#a0a0b0;width:fit-content}.clip-actions{display:flex;gap:.5rem;margin-top:.25rem}.clip-remix{display:flex;flex-direction:column;gap:.5rem}.clip-remix textarea{padding:.5rem;border:1px solid #2a2a4e;border-radius:6px;background:#1a1a2e;color:#fff;font-size:.8rem;resize:vertical;font-family:inherit}.stitch-order{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.stitch-clip-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:#0f0f1a;border-radius:8px;border:1px solid #2a2a4e}.stitch-num{font-weight:600;color:#6366f1;min-width:24px}.stitch-thumb{width:60px;height:36px;border-radius:4px;object-fit:cover;background:#000}.stitch-prompt{flex:1;font-size:.85rem;color:#a0a0b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stitch-duration{font-size:.8rem;color:#888;min-width:30px}.stitch-reorder{display:flex;gap:.25rem}.video-stitch-bar{display:flex;justify-content:center;margin-bottom:1.5rem}.stitch-result{text-align:center}.stitch-result h3{margin-bottom:1rem;color:#22c55e}.stitch-result a{display:inline-block;margin-top:1rem}.video-player{width:100%;max-width:640px;border-radius:10px;background:#000;margin:0 auto;display:block}.avatar-upload{margin-bottom:1rem}.avatar-preview{margin-top:.75rem}.avatar-preview img{width:150px;height:150px;border-radius:12px;object-fit:cover;border:2px solid #2a2a4e}.avatar-confirmed{padding:.75rem 1rem;background:#1e3a2e;border-radius:8px;color:#22c55e;margin-top:1rem;font-size:.9rem}.script-stats{margin-top:.4rem;font-size:.8rem;color:#888}.th-result{min-height:300px;display:flex;justify-content:center;align-items:center}.th-complete{text-align:center;width:100%}.th-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}.btn-primary{padding:.65rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s;text-decoration:none}.btn-primary:hover:not(:disabled){background:#5558e6}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.65rem 1.5rem;background:transparent;color:#6366f1;border:1px solid #6366f1;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#6366f120}.btn-ghost{padding:.65rem 1.5rem;background:transparent;color:#888;border:1px solid #2a2a4e;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:#888;color:#e0e0e0}.btn-icon{width:28px;height:28px;border:1px solid #2a2a4e;border-radius:6px;background:#1a1a2e;color:#888;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon:hover:not(:disabled){border-color:#6366f1;color:#e0e0e0}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.btn-danger:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.btn-small{padding:.35rem .75rem;border:1px solid #2a2a4e;border-radius:6px;background:#1a1a2e;color:#a0a0b0;font-size:.8rem;cursor:pointer;transition:all .15s}.btn-small:hover:not(:disabled){border-color:#6366f1;color:#fff}.btn-small:disabled{opacity:.4;cursor:not-allowed}.btn-small.btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}.spinner{width:32px;height:32px;border:3px solid #2a2a4e;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.video-builder{padding:1rem}.storyboard-controls{flex-direction:column;gap:.75rem}.clip-grid{grid-template-columns:1fr}.video-step-indicator{flex-wrap:wrap}.character-grid{grid-template-columns:repeat(2,1fr)}}.char-builder{padding-top:.5rem}.char-section{margin-top:1.5rem;margin-bottom:1rem}.char-section h3{font-size:1rem;color:#a0a0b0;margin-bottom:.75rem}.char-video-upload-zone{border:2px dashed #2a2a4e;border-radius:12px;padding:2rem;text-align:center;transition:border-color .2s;margin-bottom:1rem}.char-video-upload-zone:hover{border-color:#6366f1}.char-video-upload-zone input[type=file]{margin-bottom:.5rem}.char-video-upload-zone p{color:#666;font-size:.85rem;margin:0}.char-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.char-frame-grid-small{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.char-image-card{position:relative;background:#0f0f1a;border:2px solid #2a2a4e;border-radius:10px;overflow:hidden;transition:border-color .2s}.char-image-card img,.char-image-card video{width:100%;aspect-ratio:1;object-fit:cover;display:block}.char-image-card-small img{aspect-ratio:auto;max-height:100px}.char-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:8px}.char-thumb-name{display:block;padding:.375rem .5rem;font-size:.75rem;color:#a0a0b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-image-card-edit{display:flex;flex-direction:column}.char-edit-controls{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.char-edit-controls textarea{width:100%;padding:.5rem;border:1px solid #2a2a4e;border-radius:6px;background:#1a1a2e;color:#fff;font-size:.8rem;resize:vertical;font-family:inherit}.char-edit-controls textarea:focus{outline:none;border-color:#6366f1}.char-selectable{cursor:pointer}.char-selectable:hover{border-color:#6366f1}.char-selectable.selected{border-color:#22c55e}.char-checkbox{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:6px;background:#0f0f1acc;border:2px solid #2a2a4e;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#22c55e;z-index:2}.char-selectable.selected .char-checkbox{background:#22c55e;border-color:#22c55e;color:#fff}.char-selection-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.char-selection-actions span{color:#888;font-size:.85rem}.char-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.char-hooks-bodies-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.char-hb-section{background:#0f0f1a;border-radius:10px;border:1px solid #2a2a4e;padding:1.25rem}.char-hb-section h3{color:#e0e0e0;font-size:1rem;margin-bottom:.75rem}.char-hb-list{display:flex;flex-direction:column;gap:.375rem;margin-top:.75rem}.char-hb-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:#1a1a2e;border-radius:6px;font-size:.8rem;color:#a0a0b0}.char-hb-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-top:.75rem}.char-hb-previews video{width:100%;border-radius:6px;background:#000}.char-combination-matrix{overflow-x:auto;margin-bottom:1.5rem}.char-combination-matrix table{width:100%;border-collapse:collapse;background:#1a1a2e;border-radius:8px;overflow:hidden}.char-combination-matrix th{padding:.6rem .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#707090;border-bottom:1px solid #2a2a4e;background:#16162a;text-align:center}.char-combination-matrix td{padding:.5rem .75rem;border-bottom:1px solid #1e1e36;font-size:.85rem;color:#d0d0e0;text-align:center;vertical-align:middle}.char-combination-matrix td:first-child{font-weight:600;color:#6366f1;text-align:left}.char-combination-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem}.char-comb-thumb{width:120px;border-radius:6px;background:#000;margin-top:.375rem}.char-download-bar{display:flex;gap:.75rem;justify-content:center;margin:1.5rem 0}@media (max-width: 768px){.char-hooks-bodies-layout{grid-template-columns:1fr}.char-image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}