#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)}@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)}.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}.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-8);text-align:center;cursor:pointer;transition:all var(--transition-normal);min-height:200px;max-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.photo-note{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);text-align:center}.upload-area:hover{border-color:var(--accent-primary);background-color:var(--bg-secondary);box-shadow:var(--shadow-glow)}.upload-prompt svg{width:64px;height:64px;color:var(--accent-primary);margin-bottom:var(--space-4);opacity:.8}.upload-prompt span{display:block;font-size:var(--text-lg);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:320px;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-divider{text-align:center;position:relative;margin:var(--space-4) 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}.previously-uploaded-button{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)}.previously-uploaded-button: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)}.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-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.category-selectors{display:flex;gap:var(--space-6);margin-bottom:var(--space-10)}.selector-group{flex:1}.slider-container{overflow:hidden;margin:0 -var(--space-10);padding:0 var(--space-10)}.slider{display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-2) 0 var(--space-8);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.slide{flex:0 0 180px;aspect-ratio:2/3;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-normal);color:var(--text-secondary)}.slide:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:var(--shadow-lg);color:var(--text-primary)}.slide.selected{background-color:var(--bg-secondary);border:2px solid var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-glow)}.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-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-12)}.history-item{aspect-ratio:2/3;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal)}.history-item:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.history-item img{width:100%;height:100%;object-fit:cover}.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}.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;animation:scaleIn .5s cubic-bezier(.16,1,.3,1) .2s both}.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:95%;max-width:1000px;max-height:90vh;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:1;overflow-y:auto;padding:var(--space-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6);background-color:#0d0d12}.previously-uploaded-image-item{position:relative;aspect-ratio:2/3;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(-4px) scale(1.02);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{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.previously-uploaded-image-item:hover img{transform:scale(1.1)}.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-footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;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}