#app-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6)}.hero-section{text-align:center;margin-bottom:var(--space-12);animation:fadeIn .8s ease-out}.hero-section h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;margin-bottom:var(--space-3);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em}.subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.core-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-12);align-items:stretch}@media (max-width: 992px){.core-controls{grid-template-columns:1fr}}.core-controls>*{min-width:0}.control-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);height:100%}.control-card-upload{gap:var(--space-5)}.control-card-details{justify-content:flex-start;gap:var(--space-4)}.control-card-fields{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.control-card-fields textarea{flex:1;min-height:5.5rem;resize:vertical}.control-card-fields>label:not(.checkbox-label){margin-bottom:var(--space-2)}.title-field-group{display:flex;flex-direction:column;gap:var(--space-3)}.title-field-group>label[for=movie-title]{margin-bottom:0}.control-card .hide-title-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;margin:var(--space-1) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none}.hide-title-toggle-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.hide-title-toggle-title{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);line-height:1.35;transition:color var(--transition-fast)}.hide-title-toggle-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:1.35}.hide-title-input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.hide-title-switch{position:relative;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--radius-full);background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.hide-title-switch-knob{position:absolute;top:2px;left:2px;width:1.125rem;height:1.125rem;border-radius:var(--radius-full);background-color:var(--text-muted);box-shadow:0 1px 2px #00000059;transition:transform var(--transition-fast),background-color var(--transition-fast)}.hide-title-toggle:hover .hide-title-toggle-title{color:var(--text-primary)}.hide-title-toggle:hover .hide-title-switch{border-color:var(--border-hover)}.hide-title-toggle:has(.hide-title-input:checked) .hide-title-toggle-title{color:var(--text-primary)}.hide-title-toggle:has(.hide-title-input:checked) .hide-title-switch{background-color:var(--accent-primary);border-color:var(--accent-primary)}.hide-title-toggle:has(.hide-title-input:checked) .hide-title-switch-knob{transform:translate(1.25rem);background-color:var(--bg-primary)}.hide-title-toggle:has(.hide-title-input:focus-visible) .hide-title-switch{box-shadow:0 0 0 3px var(--accent-glow)}.aspect-ratio-field{display:flex;flex-direction:column;gap:var(--space-2)}.aspect-ratio-field>label{margin-bottom:0}.field-optional{font-weight:500;color:var(--text-muted)}.aspect-ratio-hint{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.upload-people-count{margin-top:0}.upload-people-count label{margin-bottom:var(--space-2)}.upload-section-top{display:flex;flex-direction:column;gap:var(--space-3);flex:0 0 auto}.upload-section-extras{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.control-card:hover{border-color:var(--border-hover)}.control-card h2{font-size:var(--text-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-3);color:var(--accent-primary);margin-bottom:0}.photo-note{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;margin:var(--space-2) 0 0;line-height:1.35;text-align:center;white-space:nowrap;width:100%}@media (max-width: 480px){.photo-note{white-space:normal;font-size:var(--text-xs)}}.upload-tagline{font-size:var(--text-sm);color:var(--text-muted);margin:0}.hidden{display:none!important}.upload-area{border:2px dashed var(--border-color);background-color:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-normal);min-height:120px;max-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;width:100%}.upload-area.small{min-height:100px;max-height:160px;padding:var(--space-4)}.upload-area:hover{border-color:var(--accent-primary);background-color:var(--bg-secondary);box-shadow:var(--shadow-glow)}.upload-prompt svg{width:40px;height:40px;color:var(--accent-primary);margin-bottom:var(--space-2);opacity:.8}.upload-prompt span{display:block;font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1)}.upload-prompt p{font-size:var(--text-sm);color:var(--text-muted)}.preview-image{width:100%;height:100%;max-height:180px;object-fit:contain;border-radius:var(--radius-lg);display:block}#logo-preview{max-height:80px;width:auto;margin:0 auto}.clear-btn{position:absolute;top:var(--space-4);right:var(--space-4);background:#0009;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.clear-btn:hover{background:var(--error-color)}.upload-section-rule{border:none;border-top:1px solid var(--border-color);margin:var(--space-4) 0 0;width:100%}.upload-divider{text-align:center;position:relative;margin:var(--space-2) 0}.upload-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.upload-divider span{background-color:var(--bg-secondary);padding:0 var(--space-4);position:relative;z-index:1;color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.upload-options-grid{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.previously-uploaded-button,.gphotos-button{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--text-primary);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-normal);font-family:inherit;font-size:var(--text-sm)}.gphotos-button:disabled{opacity:.6;cursor:not-allowed}.previously-uploaded-button:hover,.gphotos-button:not(:disabled):hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px)}.control-card label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.generation-options{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.option-group{display:flex;flex-direction:column}details{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);overflow:hidden;transition:all var(--transition-normal)}details[open]{background-color:var(--bg-secondary)}summary{padding:var(--space-4) var(--space-6);cursor:pointer;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"▶";font-size:.75rem;transition:transform var(--transition-fast);color:var(--accent-primary)}details[open] summary:before{transform:rotate(90deg)}.control-card-small{padding:var(--space-4) var(--space-5)}.control-card-small>p{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-4)}.options-content{padding:var(--space-6);border-top:1px solid var(--border-color)}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 480px){.credits-grid{grid-template-columns:1fr}}#inspiration-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);margin-bottom:var(--space-12)}.inspiration-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}.inspiration-heading{flex:1 1 360px;min-width:0}.inspiration-eyebrow{display:block;margin-bottom:var(--space-2);color:var(--accent-primary);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}#inspiration-section .inspiration-heading h2{font-size:var(--text-2xl);margin:0 0 var(--space-2)}.inspiration-heading p{max-width:500px;margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.inspiration-header-controls{display:grid;grid-template-columns:auto auto;align-items:end;gap:var(--space-3);flex:0 0 auto;padding:var(--space-3);background:#ffffff06;border:1px solid var(--border-color);border-radius:var(--radius-xl)}.inspiration-header-controls .selector-group{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:0}.inspiration-header-controls label{display:block;margin:0;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.inspiration-industry-group select{width:14rem}.inspiration-language-group select{width:10rem}.inspiration-header-controls select{min-height:2.75rem;margin:0;padding-top:0;padding-bottom:0;background-color:var(--bg-tertiary);border-color:#ffffff1a;border-radius:var(--radius-lg)}.inspiration-header-controls select:hover{border-color:var(--border-hover)}.inspiration-header-controls select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffc1071c}.slider-container{margin:0;padding:0}.slider{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);overflow:visible;padding:0}.slide{position:relative;width:auto;max-width:none;min-width:0;min-height:2.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:flex-start;text-align:left;font-weight:600;font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);color:var(--text-secondary)}.slide-title{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.slide:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text-primary)}.slide:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffc1071f}.slide.selected{padding-right:2.25rem;background:linear-gradient(135deg,#ffc10730,#ff8c001a);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 0 1px #ffc10747,0 7px 20px #ffc1071c;transform:translateY(-1px)}.slide.selected:after{content:"✓";position:absolute;top:50%;right:.65rem;display:grid;place-items:center;width:1.15rem;height:1.15rem;color:var(--bg-primary);background:var(--accent-primary);border-radius:50%;font-size:.68rem;font-weight:900;transform:translateY(-50%)}.slide.disabled-notice{grid-column:1 / -1;width:auto;max-width:none;justify-content:center;text-align:center;cursor:default;color:var(--text-muted);font-weight:500}.slide.disabled-notice:hover{transform:none;border-color:var(--border-color);box-shadow:none}@media (max-width: 1100px){.slider{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 820px){.inspiration-header{align-items:stretch}.inspiration-header-controls,.inspiration-header-controls .selector-group,.inspiration-industry-group select,.inspiration-language-group select{width:100%}.slider{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.inspiration-header{flex-direction:column;align-items:stretch;gap:var(--space-5)}.inspiration-header-controls{width:100%;grid-template-columns:1fr}.inspiration-header-controls .selector-group{min-width:0}.inspiration-industry-group select,.inspiration-language-group select{width:100%}.slider{grid-template-columns:repeat(2,minmax(0,1fr))}}.category-selectors{display:flex;gap:var(--space-6);margin-bottom:var(--space-10)}.selector-group{flex:1}.inspiration-actions{text-align:center;margin-top:var(--space-4)}#refresh-suggestions-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-normal)}#refresh-suggestions-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}#refresh-suggestions-btn svg{transition:transform var(--transition-normal)}#refresh-suggestions-btn:hover svg{transform:rotate(180deg)}.generate-container{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-16)}#generate-button{background:var(--accent-gradient);color:var(--bg-primary);padding:var(--space-5) var(--space-16);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:800;border:none;cursor:pointer;box-shadow:0 10px 30px #ffc1074d;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em}#generate-button:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 40px #ffc10780;filter:brightness(1.1)}#generate-button:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--border-color)}#start-over-button{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);padding:var(--space-5) var(--space-10);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all var(--transition-normal)}#start-over-button:hover{border-color:var(--accent-secondary);color:var(--text-primary);transform:translateY(-2px)}#loader{text-align:center;padding:var(--space-12) 0}.spinner{width:80px;height:80px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-6)}@keyframes spin{to{transform:rotate(360deg)}}#poster-wrapper{max-width:600px;margin:0 auto;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--bg-secondary);animation:scaleIn .5s ease-out;position:relative}#poster-image{width:100%;height:auto;display:block}#download-button{position:absolute;top:var(--space-4);right:var(--space-4);background-color:#0009;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}#download-button:hover{background-color:var(--accent-primary);color:var(--bg-primary);transform:scale(1.1)}#history-section{position:relative;max-width:1180px;margin:var(--space-16) auto 0;padding:clamp(2rem,5vw,3.5rem);overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(255,193,7,.1),transparent 38%),linear-gradient(145deg,#191920eb,#0e0e13f5);border:1px solid rgba(255,255,255,.08);border-radius:clamp(20px,3vw,30px);box-shadow:0 28px 70px #00000047,inset 0 1px #ffffff0a}#history-section:before{content:"";position:absolute;top:0;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,193,7,.75),transparent)}.recent-creations-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.recent-creations-eyebrow{color:var(--accent-primary);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.recent-creations-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.recent-creations-title h2{margin:0;color:var(--text-primary);font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.025em}.recent-creations-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;color:var(--accent-primary);background:#ffc1071a;border:1px solid rgba(255,193,7,.22);border-radius:13px;box-shadow:0 8px 24px #ffc10714}.recent-creations-header>p{max-width:520px;margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}#history-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(.8rem,2vw,1.25rem);max-width:1040px;margin:var(--space-10) auto 0}.history-item{position:relative;flex:1 1 155px;width:100%;max-width:185px;aspect-ratio:2 / 3;overflow:hidden;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);background:var(--bg-secondary);box-shadow:0 12px 28px #0000003d}.history-item:hover,.history-item:focus-visible{transform:translateY(-7px);border-color:#ffc107a6;box-shadow:0 20px 38px #00000061,0 0 0 1px #ffc1071f;outline:none}.history-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.history-item:hover img,.history-item:focus-visible img{transform:scale(1.045)}.history-card-overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:3rem .85rem .9rem;background:linear-gradient(to top,rgba(7,7,10,.96),rgba(7,7,10,.58) 60%,transparent);text-align:center}.history-card-overlay strong{display:block;width:100%;overflow:hidden;color:#fff;font-size:.8rem;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.history-card-overlay span{display:inline-flex;align-items:center;gap:.3rem;color:var(--accent-primary);font-size:.68rem;font-weight:700;letter-spacing:.02em;opacity:.82;transition:opacity var(--transition-fast)}.history-item:hover .history-card-overlay span,.history-item:focus-visible .history-card-overlay span{opacity:1}.view-all-container{display:flex;justify-content:center;margin-top:var(--space-10)}#view-all-creations-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:190px;padding:.75rem 1.3rem;color:var(--text-primary);background:#ffffff0e;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:none;transition:all var(--transition-normal)}#view-all-creations-btn:hover{color:var(--bg-primary);background:var(--accent-gradient);border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 25px #ffc10729}.history-item-skeleton{cursor:default;pointer-events:none;border-color:transparent;background:linear-gradient(110deg,#ffffff0a 25%,#ffffff1a 37%,#ffffff0a 63%);background-size:200% 100%;animation:historySkeletonShimmer 1.4s ease-in-out infinite}.history-item-skeleton:hover{transform:none;border-color:transparent;box-shadow:none}@keyframes historySkeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 700px){#history-section{margin-top:var(--space-12);padding:2rem 1rem}.recent-creations-title{gap:var(--space-2)}.recent-creations-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}#history-grid{gap:.8rem;margin-top:var(--space-8)}.history-item{flex-basis:calc(50% - .4rem);max-width:180px}.view-all-container{margin-top:var(--space-8)}}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.image-modal-image-container{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.image-modal-image{max-width:100%;max-height:70vh;display:block}.image-modal-controls{width:100%;background-color:var(--bg-secondary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.image-modal-title{font-size:var(--text-lg);margin-bottom:0}.image-modal-counter{font-size:var(--text-sm);color:var(--text-muted)}.image-modal-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.image-modal-btn:hover{background-color:var(--accent-primary);color:var(--bg-primary);border-color:transparent}.image-modal-close{position:absolute;top:-var(--space-12);right:0;background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-modal-prev{left:-var(--space-20)}.image-modal-next{right:-var(--space-20)}.generation-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:var(--space-4)}.generation-modal-content{background-color:var(--bg-secondary);border-radius:var(--radius-3xl);width:100%;max-width:600px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 0 50px #00000080;animation:scaleIn .4s cubic-bezier(.16,1,.3,1);position:relative}.generation-loading-state{padding:var(--space-12) var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center}.spinner-large{width:80px;height:80px;border:4px solid rgba(255,255,255,.05);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-8);box-shadow:0 0 20px #ffc10733}.generation-loading-state h3{font-size:var(--text-2xl);margin-bottom:var(--space-2);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.generation-loading-state p{color:var(--text-muted);margin-bottom:var(--space-10)}.progress-steps{display:flex;justify-content:space-between;width:100%;max-width:400px;position:relative;margin-top:var(--space-4)}.progress-steps:before{content:"";position:absolute;top:15px;left:0;width:100%;height:2px;background-color:var(--border-color);z-index:1}.step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1}.step-icon{width:32px;height:32px;border-radius:50%;background-color:var(--bg-tertiary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;transition:all .3s ease;color:var(--text-muted)}.step span{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.step.active .step-icon{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px #ffc1074d}.step.active span{color:var(--accent-primary)}.step.completed .step-icon{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.step.completed span{color:var(--text-primary)}.generation-result-state{display:flex;flex-direction:column;animation:generationResultIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes generationResultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.generation-result-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.generation-result-header h3{font-size:var(--text-xl);font-weight:700;margin-bottom:0}.generation-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.result-poster-container{padding:var(--space-6);background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;overflow:hidden}.result-poster-container img{max-width:100%;max-height:60vh;border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000080}.generation-result-footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-color);display:flex;gap:var(--space-4);background-color:var(--bg-secondary)}.generation-result-footer .btn{flex:1}.generation-error-state{padding:var(--space-12) var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center}.error-icon{width:60px;height:60px;border-radius:50%;background-color:#ef44441a;color:var(--error-color);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);border:1px solid rgba(239,68,68,.2)}@media (max-width: 1100px){.image-modal-prev{left:var(--space-4);background:#00000080}.image-modal-next{right:var(--space-4);background:#00000080}}.previously-uploaded-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000000eb;display:flex;justify-content:center;align-items:center;z-index:9998;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-4);transition:all var(--transition-normal)}.previously-uploaded-modal-content{background-color:var(--bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--border-color);width:min(95%,820px,calc(94vh - 320px));max-height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-2xl);animation:modalIn .4s cubic-bezier(.16,1,.3,1)}.previously-uploaded-modal-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary)}.previously-uploaded-modal-header h3{font-size:var(--text-2xl);font-weight:800;margin:0;color:var(--accent-primary);letter-spacing:-.02em}.previously-uploaded-modal-close{background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;line-height:1;transition:color .2s;padding:var(--space-2)}.previously-uploaded-modal-close:hover{color:var(--text-primary)}.previously-uploaded-grid{flex:0 0 auto;overflow:hidden;padding:var(--space-6);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-content:start;background-color:#0d0d12}.previously-uploaded-image-item{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006}.previously-uploaded-image-item:hover{transform:translateY(-2px);border-color:#ffc10766;box-shadow:0 12px 24px #0009}.previously-uploaded-image-item.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--shadow-glow)}.previously-uploaded-image-item img{display:block;width:100%;height:100%;object-fit:cover;background-color:var(--bg-tertiary);transition:transform .6s ease}.previously-uploaded-image-item:hover img{transform:scale(1.04)}.previously-uploaded-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:linear-gradient(to top,#000000d9,#0000 55%);opacity:0;transition:opacity .25s ease;z-index:5;pointer-events:none}.previously-uploaded-image-item:hover .previously-uploaded-image-overlay,.previously-uploaded-image-item:focus-within .previously-uploaded-image-overlay{opacity:1}.use-for-poster-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:700;color:#000;background:var(--accent-gradient);border:none;border-radius:var(--radius-full);cursor:pointer;pointer-events:auto;transform:translateY(8px);transition:transform .25s ease,filter .2s ease;box-shadow:0 4px 12px #0006}.previously-uploaded-image-item:hover .use-for-poster-btn{transform:translateY(0)}.use-for-poster-btn:hover{filter:brightness(1.08)}.use-for-poster-btn svg{width:16px;height:16px}.image-selection-checkbox{position:absolute;top:var(--space-3);left:var(--space-3);width:24px;height:24px;background-color:#0009;border:2px solid white;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:all .2s ease}.previously-uploaded-image-item:hover .image-selection-checkbox,.previously-uploaded-image-item.selected .image-selection-checkbox{opacity:1}.previously-uploaded-image-item.selected .image-selection-checkbox{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.previously-uploaded-pagination{padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-color);background-color:#0d0d12;display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.pagination-button{min-width:7rem;padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.pagination-button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background-color:#ffc1070f}.pagination-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-status{min-width:6.5rem;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;text-align:center}.previously-uploaded-footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;background-color:var(--bg-tertiary);gap:var(--space-6)}.selection-info{font-size:var(--text-sm);color:var(--text-muted)}.selection-count{font-weight:700;color:var(--accent-primary)}#confirm-selection-btn{padding:var(--space-3) var(--space-10);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-family:inherit;background:var(--accent-gradient);color:#000;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ffc1074d}#confirm-selection-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.6}#confirm-selection-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffc10780;filter:brightness(1.1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.previously-uploaded-empty,.previously-uploaded-loading{padding:var(--space-16);text-align:center;color:var(--text-muted)}.previously-uploaded-empty svg,.previously-uploaded-loading .loader-spinner{margin-bottom:var(--space-4);color:var(--accent-primary);opacity:.5}.previously-uploaded-toolbar{padding:var(--space-4) var(--space-8);background-color:#ffffff08;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.toolbar-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.toolbar-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.btn-delete{color:var(--error-color)}.btn-delete:hover{background-color:var(--error-color);color:#fff}@media (max-width: 768px){.previously-uploaded-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);padding:var(--space-4)}.previously-uploaded-modal-header,.previously-uploaded-footer{padding:var(--space-4) var(--space-5)}.previously-uploaded-footer{flex-direction:column;align-items:stretch;gap:var(--space-3)}#confirm-selection-btn{width:100%;padding:var(--space-3) var(--space-6)}}@media (max-width: 480px){.previously-uploaded-modal{padding:var(--space-2)}.previously-uploaded-modal-content{width:100%;max-height:96vh}.previously-uploaded-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3)}.previously-uploaded-pagination{padding:var(--space-3);gap:var(--space-2)}.pagination-button{min-width:0;padding:var(--space-2) var(--space-3)}.pagination-button span{display:none}.pagination-status{min-width:5.5rem;font-size:var(--text-xs)}.previously-uploaded-image-overlay{opacity:1;background:linear-gradient(to top,#000000bf,#0000 50%)}.use-for-poster-btn{transform:translateY(0);font-size:var(--text-xs);padding:var(--space-2)}}.signup-prompt-section{display:block;margin:var(--space-4) auto var(--space-16);padding:0;max-width:1200px;animation:fadeIn .8s ease-out}.signup-landing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-12);align-items:center;background:#14141966;border:1px solid var(--border-color);border-radius:var(--radius-3xl);padding:var(--space-12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-xl)}@media (max-width: 992px){.signup-landing-grid{grid-template-columns:1fr;gap:var(--space-16);padding:var(--space-8)}}.signup-pitch-col{display:flex;flex-direction:column;gap:var(--space-6);text-align:left}.brand-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 15px #ffc1070d}.landing-pitch-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.1;letter-spacing:.02em;color:var(--text-primary);margin:0}.landing-pitch-desc{font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary);margin:0}.landing-features-list{display:flex;flex-direction:column;gap:var(--space-5);margin:var(--space-2) 0}.landing-feat-item{display:flex;gap:var(--space-4);align-items:flex-start}.feat-icon-box{width:44px;height:44px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.landing-feat-item:hover .feat-icon-box{border-color:var(--accent-primary);background-color:var(--bg-secondary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow)}.feat-text-box h4{font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-1) 0;color:var(--text-primary)}.feat-text-box p{font-size:var(--text-sm);line-height:1.5;color:var(--text-muted);margin:0}.landing-cta-box{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}@media (max-width: 480px){.landing-cta-box{flex-direction:column;align-items:stretch;gap:var(--space-3)}}.btn-glow{position:relative}.btn-glow:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--accent-gradient);border-radius:inherit;z-index:-1;opacity:.3;filter:blur(8px);transition:opacity .3s ease}.btn-glow:hover:after{opacity:.6}.landing-agreement{font-size:var(--text-xs);color:var(--text-muted)}.terms-link{color:var(--text-secondary);text-decoration:underline;transition:color var(--transition-fast)}.terms-link:hover{color:var(--accent-primary)}#credits-modal .modal-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}#credits-modal .modal-actions .btn{min-width:148px}#credits-modal #buy-credits-button{box-shadow:0 8px 24px #ffc1073d}#credits-modal #close-modal-button{color:var(--text-secondary)}#credits-modal #close-modal-button:hover{color:var(--text-primary)}@media (max-width: 480px){#credits-modal .modal-actions{flex-direction:column;align-items:stretch}#credits-modal .modal-actions .btn{width:100%}}.signup-showcase-col{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);perspective:1000px}.showcase-poster-deck{position:relative;width:100%;max-width:320px;aspect-ratio:2/3;height:480px}.showcase-poster-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-2xl);overflow:hidden;border:4px solid var(--bg-secondary);box-shadow:0 15px 35px #0009;transform:rotate(var(--rotation)) translate(var(--translate-x)) scale(.9);opacity:0;z-index:1;pointer-events:none;transition:all .6s cubic-bezier(.16,1,.3,1);filter:brightness(.6) grayscale(30%)}.showcase-poster-card.active{transform:rotate(0) translate(0) scale(1.05);opacity:1;z-index:5;pointer-events:auto;filter:brightness(1) grayscale(0%);box-shadow:0 25px 50px #000c,0 0 30px #ffc10726;border-color:var(--accent-primary);animation:floatingDeckCard 6s ease-in-out infinite}.showcase-poster-card img{width:100%;height:100%;object-fit:cover;display:block}.poster-genre-badge{position:absolute;top:var(--space-4);left:var(--space-4);background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:var(--accent-primary);font-size:10px;font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.05em}.poster-credit-credits{position:absolute;bottom:0;left:0;width:100%;padding:var(--space-4) var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.95),transparent);color:#fff9;font-size:8px;font-weight:600;text-align:center;letter-spacing:.15em;text-transform:uppercase}.deck-indicator-container{display:flex;gap:var(--space-3);justify-content:center;align-items:center}.deck-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--border-color);cursor:pointer;transition:all var(--transition-normal)}.deck-indicator:hover{background-color:var(--accent-secondary)}.deck-indicator.active{width:24px;border-radius:var(--radius-full);background-color:var(--accent-primary);box-shadow:0 0 10px #ffc10780}@keyframes floatingDeckCard{0%,to{transform:rotate(0) translateY(0) scale(1.05)}50%{transform:rotate(.5deg) translateY(-8px) scale(1.05)}}.auth-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);background:#14141966;border:1px solid var(--border-color);border-radius:var(--radius-3xl);max-width:600px;margin:var(--space-8) auto;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease}.auth-loading-placeholder.hidden{opacity:0;pointer-events:none}.auth-loading-placeholder h3{font-size:var(--text-2xl);margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.auth-loading-placeholder p{color:var(--text-muted);font-size:var(--text-base)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.05);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 15px #ffc1071a}