body{margin:0}.theme-selector{position:relative}.theme-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-surfaceLight);border-color:var(--color-primary)}.theme-icon{font-size:1.2rem}.theme-name{font-size:.9rem;font-weight:500}.theme-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.theme-dropdown{animation:slideDown .2s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--color-shadow);min-width:280px;position:absolute;right:0;top:calc(100% + var(--spacing-xs));z-index:999}.theme-dropdown-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md)}.theme-dropdown-header h4{color:var(--color-text);font-size:1rem;margin:0}.theme-options{flex-direction:column;gap:var(--spacing-xs)}.theme-option,.theme-options{display:flex;padding:var(--spacing-sm)}.theme-option{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;gap:var(--spacing-sm);text-align:left;transition:all var(--transition-fast)}.theme-option.active,.theme-option:hover{background:var(--color-primaryLight);border-color:var(--color-primary)}.theme-preview{border-radius:var(--radius-md);flex-shrink:0;height:40px;width:40px}.theme-option-name{color:var(--color-text);flex:1 1;font-weight:500}.theme-check{color:var(--color-primary);font-size:1.2rem;font-weight:700}@media (max-width:768px){.theme-dropdown{left:auto;min-width:260px;right:0}.theme-name{display:none}}.model-viewer-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 6px var(--color-shadow);overflow:hidden;position:relative;width:100%}model-viewer::part(default-progress-bar){background-color:var(--color-primary);height:4px}model-viewer{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surfaceLight) 100%);display:block}.loading-overlay{align-items:center;background:var(--color-surface);bottom:0;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;left:0;position:absolute;right:0;top:0}.loading-overlay p{color:var(--color-textSecondary);font-size:.9rem}.viewer-controls{background:var(--color-surfaceLight);border-top:1px solid var(--color-border);padding:var(--spacing-sm)}.viewer-hint{color:var(--color-textSecondary);font-size:.85rem;margin:0;text-align:center}@media (max-width:768px){model-viewer{min-height:300px!important}.viewer-hint{font-size:.75rem}}.spinner-large{animation:spin 1s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:60px;width:60px}.home-page{background:var(--color-background);min-height:100vh}.home-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-surface);background:rgba(var(--color-surface-rgb),.95);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{cursor:pointer;font-size:1.5rem;margin:0}.maintenance-banner{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#ffc107,#ff9800);border-bottom:2px solid #f57c00;padding:var(--spacing-md) 0}.maintenance-content{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;text-align:center}.maintenance-icon{flex-shrink:0;font-size:1.5rem}.maintenance-text{color:#1a1a1a;font-size:.95rem;line-height:1.4}.maintenance-text strong{font-weight:700;margin-right:.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.hero-section{align-items:center;display:flex;min-height:70vh;padding:var(--spacing-xxl) var(--spacing-md);text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg)}.hero-subtitle{color:var(--color-textSecondary);font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md)}.hero-note{color:var(--color-textSecondary);font-size:.95rem}.btn-large{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl)}.features-section{background:var(--color-surfaceLight);padding:var(--spacing-xxl) var(--spacing-md)}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-xl);text-align:center}.features-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.feature-card{padding:var(--spacing-md);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{box-shadow:0 10px 20px var(--color-shadow);transform:translateY(-4px)}.feature-icon{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.feature-card h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.feature-card p{color:var(--color-textSecondary);font-size:.85rem;line-height:1.4}.showcase-section{background:var(--color-surfaceLight);padding:var(--spacing-xxl) var(--spacing-md)}.section-subtitle{color:var(--color-textSecondary);font-size:1.1rem;margin-bottom:var(--spacing-xl);text-align:center}.showcase-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.showcase-card{padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.showcase-card:hover{box-shadow:0 12px 24px var(--color-shadow);transform:translateY(-4px)}.showcase-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm)}.showcase-action-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:4px;padding:var(--spacing-xs);transition:transform .2s}.showcase-action-btn:hover{transform:scale(1.2)}.like-count{color:var(--color-text);font-size:.9rem;font-weight:600}.showcase-preview{background:#000;border-radius:var(--radius-md);height:320px;margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.showcase-preview .no-model{align-items:center;color:var(--color-textSecondary);display:flex;height:100%;justify-content:center}.showcase-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.showcase-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;font-weight:600;min-height:2.5em;overflow:hidden;text-overflow:ellipsis}.showcase-creator{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.creator-avatar{object-fit:cover}.creator-avatar,.creator-avatar-placeholder{border:2px solid var(--color-border);border-radius:50%;height:32px;width:32px}.creator-avatar-placeholder{align-items:center;background:var(--color-gradient);color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center}.creator-name{color:var(--color-textSecondary);font-size:.9rem;font-weight:500}.cta-section{padding:var(--spacing-xxl) var(--spacing-md)}.cta-content{background:var(--color-gradient);color:#fff;margin:0 auto;max-width:600px;padding:var(--spacing-xxl);text-align:center}.cta-content h2{color:#fff;font-size:2rem;margin-bottom:var(--spacing-md)}.cta-content p{color:#ffffffe6;font-size:1.1rem;margin-bottom:var(--spacing-lg)}.cta-content .btn{background:#fff;border:none;color:var(--color-primary)}.cta-content .btn:hover{background:#ffffffe6;transform:scale(1.05)}.home-footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-textSecondary);padding:var(--spacing-lg) var(--spacing-md);text-align:center}@media (max-width:768px){.home-header{padding:var(--spacing-sm) 0}.header-content{flex-wrap:wrap;gap:var(--spacing-sm)}.logo{font-size:1.25rem}.header-actions{gap:var(--spacing-xs)}.header-actions .btn{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}.maintenance-banner{padding:var(--spacing-sm) 0}.maintenance-content{flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-xs)}.maintenance-icon{font-size:1.25rem}.maintenance-text{font-size:.85rem}.hero-section{min-height:auto;padding:var(--spacing-xl) var(--spacing-sm)}.hero-title{font-size:1.75rem;line-height:1.3}.hero-subtitle{font-size:1rem;margin-bottom:var(--spacing-lg)}.hero-actions{flex-direction:column;gap:var(--spacing-sm)}.btn-large{font-size:1rem;padding:var(--spacing-md);width:100%}.hero-note{font-size:.85rem}.features-section{padding:var(--spacing-xl) var(--spacing-sm)}.features-grid{gap:var(--spacing-md);grid-template-columns:1fr}.feature-card{padding:var(--spacing-sm)}.feature-icon,.section-title{font-size:1.5rem}.section-title{margin-bottom:var(--spacing-lg)}.cta-section{padding:var(--spacing-xl) var(--spacing-sm)}.cta-content{padding:var(--spacing-xl) var(--spacing-lg)}.cta-content h2{font-size:1.25rem}.cta-content p{font-size:1rem}.home-footer{font-size:.85rem;padding:var(--spacing-md) var(--spacing-sm)}.showcase-section{padding:var(--spacing-xl) var(--spacing-sm)}.showcase-grid{gap:var(--spacing-md);grid-template-columns:1fr}.showcase-preview{height:250px}.creator-avatar{height:28px;width:28px}}.auth-page{align-items:center;background:var(--color-background);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.auth-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 10px 40px var(--color-shadow);max-width:520px;padding:var(--spacing-xl);width:100%}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--color-textSecondary);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{grid-gap:var(--spacing-sm);gap:var(--spacing-sm);width:100%}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.form-group label{font-size:.9rem;font-weight:500}.form-group input{background:var(--color-surfaceLight);border:2px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-group input:focus{background:var(--color-surface);border-color:var(--color-primary)}.form-group input::placeholder{color:var(--color-textSecondary)}.btn-block{font-size:1rem;justify-content:center;margin-top:var(--spacing-sm);padding:var(--spacing-md);width:100%}.auth-footer{margin-top:var(--spacing-lg);text-align:center}.auth-footer p{font-size:.9rem;margin:0}.link-primary{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.link-primary:hover{color:var(--color-primaryHover);text-decoration:underline}.alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.9rem;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.alert-error{background:#f443361a;border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background:#4caf501a;border:1px solid var(--color-success);color:var(--color-success)}.alert-warning{background:#ffc1071a;border:1px solid var(--color-warning);color:var(--color-warning)}@media (max-width:768px){.auth-page{padding:var(--spacing-sm)}.auth-container{max-width:100%;padding:var(--spacing-lg) var(--spacing-md)}.auth-header{margin-bottom:var(--spacing-lg)}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}.auth-form,.form-row{gap:var(--spacing-sm)}.form-row{grid-template-columns:1fr}.form-group label{font-size:.85rem}.btn-block,.form-group input{font-size:.95rem;padding:var(--spacing-sm)}.auth-footer{margin-top:var(--spacing-md)}.alert,.auth-footer p{font-size:.85rem}.alert{padding:var(--spacing-xs) var(--spacing-sm)}}.subscribe-page{background:var(--color-background);min-height:100vh}.subscribe-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.subscribe-content{margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-md)}.subscribe-loading{align-items:center;color:var(--color-text);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:100vh}.subscribe-hero{margin-bottom:var(--spacing-xl);text-align:center}.subscribe-hero h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.subscribe-hero .text-secondary{font-size:1.1rem;margin-bottom:var(--spacing-md)}.current-plan{background:var(--color-surfaceLight);border-radius:var(--radius-lg);color:var(--color-textSecondary);display:inline-block;font-size:.95rem;padding:var(--spacing-xs) var(--spacing-md)}.current-plan strong{font-weight:600}.pricing-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.pricing-card{border:2px solid #0000;display:flex;flex-direction:column;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.pricing-card:hover{box-shadow:0 20px 40px var(--color-shadow);transform:translateY(-8px)}.pricing-card.highlight{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surfaceLight) 100%);border-color:var(--color-primary)}.pricing-card.current{border-color:var(--color-success);opacity:.9}.current-badge,.popular-badge{border-radius:var(--radius-lg);font-size:.75rem;font-weight:700;left:50%;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.popular-badge{background:var(--color-gradient);color:#fff}.current-badge{background:var(--color-success);color:#fff}.pricing-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);text-align:center}.pricing-header h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.pricing-amount{align-items:baseline;display:flex;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-xs)}.price{-webkit-text-fill-color:#0000;background:var(--color-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.period{font-size:1rem}.generations-count,.period{color:var(--color-textSecondary)}.generations-count{font-size:.9rem;font-weight:500}.features-list{flex-grow:1;list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.features-list li{align-items:flex-start;color:var(--color-text);display:flex;font-size:.95rem;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.check-icon{align-items:center;background:var(--color-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.faq-section{border-top:1px solid var(--color-border);margin-top:var(--spacing-xxl);padding-top:var(--spacing-xxl)}.faq-section h3{font-size:2rem;margin-bottom:var(--spacing-xl);text-align:center}.faq-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.faq-item h4{color:var(--color-text);font-size:1.1rem;margin:0 0 var(--spacing-sm) 0}.faq-item p{line-height:1.6;margin:0}@media (max-width:768px){.subscribe-header{padding:var(--spacing-sm) 0}.header-content{flex-wrap:wrap;gap:var(--spacing-xs)}.header-content h1{font-size:1.25rem}.header-actions{flex-wrap:wrap;gap:var(--spacing-xs)}.header-actions .btn{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.subscribe-content{padding:var(--spacing-lg) var(--spacing-sm)}.subscribe-hero{margin-bottom:var(--spacing-lg)}.subscribe-hero h2{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.subscribe-hero .text-secondary{font-size:.9rem}.current-plan{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.pricing-grid{gap:var(--spacing-md);grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}.pricing-card{padding:var(--spacing-md)}.pricing-header h3{font-size:1.25rem}.price{font-size:2rem}.period{font-size:.9rem}.generations-count{font-size:.85rem}.features-list li{font-size:.9rem;padding:var(--spacing-xs) 0}.current-badge,.popular-badge{font-size:.7rem;padding:.25rem .5rem}.faq-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.faq-section h3{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.faq-grid{gap:var(--spacing-md);grid-template-columns:1fr}.faq-item{padding:var(--spacing-md)}.faq-item h4{font-size:1rem}.faq-item p{font-size:.9rem}}@media (min-width:769px) and (max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.dashboard{background:var(--color-background);min-height:100vh}.dashboard-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between}.header-content h1{font-size:1.5rem;margin:0}.header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.account-dropdown{position:relative}.account-btn{align-items:center;display:flex;gap:var(--spacing-sm)}.profile-picture-small{object-fit:cover}.profile-picture-placeholder-small,.profile-picture-small{border:2px solid var(--color-border);border-radius:50%;height:32px;width:32px}.profile-picture-placeholder-small{align-items:center;background:var(--color-gradient);color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center}.dropdown-menu{animation:fadeIn .2s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--color-shadow);min-width:180px;padding:var(--spacing-xs) 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-menu button{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background var(--transition-fast);width:100%}.dropdown-menu button:hover{background:var(--color-surfaceLight)}.dropdown-menu .logout-btn{color:var(--color-error)}.dropdown-menu .logout-btn:hover{background:#f443361a}.dropdown-divider{background:var(--color-border);height:1px;margin:var(--spacing-xs) 0}.dashboard-content{margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-md)}.dashboard-loading{align-items:center;color:var(--color-text);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:100vh}.welcome-section{margin-bottom:var(--spacing-xl)}.welcome-section h2{font-size:2rem;margin-bottom:var(--spacing-xs)}.stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-icon{flex-shrink:0;font-size:2.5rem}.stat-info h3{color:var(--color-primary);font-size:1.75rem;margin:0}.stat-info p{font-size:.9rem;margin:0}.usage-card{margin-bottom:var(--spacing-xl)}.usage-card h3{margin-bottom:var(--spacing-md)}.usage-bar{background:var(--color-surfaceLight);height:12px;margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.usage-bar,.usage-fill{border-radius:var(--radius-lg)}.usage-fill{background:var(--color-gradient);height:100%;transition:width var(--transition-slow)}.generator-card{margin-bottom:var(--spacing-xl)}.generator-card h3{margin-bottom:var(--spacing-md)}.generator-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.generator-form textarea{background:var(--color-surfaceLight);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;transition:all var(--transition-fast)}.generator-form textarea:focus{border-color:var(--color-primary);outline:none}.generator-form textarea::placeholder{color:var(--color-textSecondary)}.result-section{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.result-section h4{color:var(--color-success);margin-bottom:var(--spacing-xs)}.result-prompt{color:var(--color-textSecondary);font-size:.95rem;font-style:italic;margin-bottom:var(--spacing-md)}.result-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.model-preview{background:var(--color-surfaceLight);padding:var(--spacing-lg);text-align:center}.history-card h3{margin-bottom:var(--spacing-md)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-item{align-items:center;background:var(--color-surfaceLight);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast)}.history-item:hover{background:var(--color-surface);transform:translateX(4px)}.history-info{flex:1 1}.history-prompt{color:var(--color-text);font-weight:500;margin:0 0 var(--spacing-xs) 0}.history-date{font-size:.85rem;margin:0}.history-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.status-badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-completed{background:#4caf5026;color:var(--color-success)}.status-processing{background:#ffc10726;color:var(--color-warning)}.status-failed{background:#f4433626;color:var(--color-error)}.btn-sm{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.generator-layout{align-items:flex-start;display:flex;gap:2rem}.generator-card,.viewer-card{flex:1 1;min-width:0}.viewer-card{min-height:500px}.preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.preview-window{position:relative}.preview-header{align-items:center;background-color:var(--color-primary);border-radius:4px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.preview-header label{color:#000;cursor:pointer;font-size:.9rem;font-weight:600;margin:0}.preview-content{background-color:#000;border-radius:4px;height:280px;overflow:hidden;position:relative;width:100%}.preview-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.9rem;height:100%;justify-content:center}@media (max-width:768px){.dashboard-header{padding:var(--spacing-sm) 0}.header-content{flex-wrap:wrap;gap:var(--spacing-xs)}.header-content h1{font-size:1.25rem}.header-actions{flex-wrap:wrap;gap:var(--spacing-xs)}.header-actions .btn{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.dashboard-content{padding:var(--spacing-lg) var(--spacing-sm)}.welcome-section{margin-bottom:var(--spacing-lg)}.welcome-section h2{font-size:1.5rem}.welcome-section .text-secondary{font-size:.9rem}.stats-grid{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}.stat-card{padding:var(--spacing-md)}.stat-icon{font-size:2rem}.stat-info h3{font-size:1.5rem}.stat-info p{font-size:.85rem}.usage-card{margin-bottom:var(--spacing-lg)}.usage-card h3{font-size:1.1rem}.generator-card{margin-bottom:var(--spacing-lg)}.generator-card h3{font-size:1.1rem}.generator-form textarea{font-size:.95rem;min-height:100px}.generator-layout{flex-direction:column;gap:1.5rem}.viewer-card{min-height:auto}.preview-grid{gap:1rem;grid-template-columns:1fr}.preview-content{height:300px}.preview-header label{font-size:.85rem}.result-actions{flex-direction:column}.result-actions>div{flex-direction:column!important}.result-actions button{width:100%}.history-card h3{font-size:1.1rem}.history-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.history-prompt{font-size:.9rem}.history-date{font-size:.8rem}.history-actions{justify-content:space-between;width:100%}.status-badge{font-size:.7rem;padding:.25rem .5rem}.btn-sm{font-size:.8rem;padding:.35rem .6rem}}@media (max-width:1024px) and (min-width:769px){.preview-content{height:220px}.generator-layout{gap:1.5rem}}.preview-generating-wave{animation:wavyGradient 8s ease infinite;background:linear-gradient(45deg,#00ffd9,#0ca,#09f,#64f,#00ffd9);background-size:400% 400%;overflow:hidden;position:relative}.preview-generating-wave:before{animation:wavyGradient 12s ease infinite reverse;background:linear-gradient(135deg,#00ffd94d,#00ccaa4d 25%,#0099ff4d 50%,#6644ff4d 75%,#00ffd94d);background-size:400% 400%;bottom:-50%;content:"";left:-50%;opacity:.6;position:absolute;right:-50%;top:-50%}@keyframes wavyGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.profile-page{background:var(--color-background);min-height:100vh;padding:var(--spacing-xl) var(--spacing-md)}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:60vh}.profile-header{margin:0 auto var(--spacing-xl);max-width:800px}.profile-header h1{margin-bottom:0;margin-top:var(--spacing-md)}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:800px}.profile-section{padding:var(--spacing-xl)}.profile-section h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.picture-section{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.picture-preview{background:var(--color-surfaceLight);border:3px solid var(--color-border);border-radius:50%;flex-shrink:0;height:150px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:150px}.picture-preview.clickable{cursor:pointer}.picture-preview.clickable:hover{border-color:var(--color-primary);transform:scale(1.05)}.picture-preview.clickable:hover .picture-camera-icon{opacity:1}.picture-preview img{height:100%;object-fit:cover;width:100%}.picture-placeholder{background:var(--color-gradient);color:#fff;font-size:3rem;font-weight:700;height:100%;width:100%}.picture-camera-icon,.picture-placeholder{align-items:center;display:flex;justify-content:center}.picture-camera-icon{background:var(--color-primary);border:3px solid var(--color-surface);border-radius:50%;bottom:0;font-size:1.5rem;height:45px;opacity:.9;position:absolute;right:0;transition:opacity var(--transition-fast);width:45px}.picture-uploading-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.picture-preview.uploading{cursor:wait;opacity:.8}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-text);display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{background:var(--color-surfaceLight);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group input.disabled-input{cursor:not-allowed;opacity:.6}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.help-text{color:var(--color-textSecondary);font-size:.85rem;margin-top:var(--spacing-xs)}.message{animation:fadeIn .3s ease-out;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.success-message{background:#4caf5026;border:1px solid var(--color-success);color:var(--color-success)}@media (max-width:768px){.profile-page{padding:var(--spacing-md) var(--spacing-sm)}.profile-section{padding:var(--spacing-lg)}.picture-section{flex-direction:column;text-align:center}.picture-preview{height:120px;width:120px}.picture-placeholder{font-size:2.5rem}.form-row{grid-template-columns:1fr}.profile-header h1{font-size:1.5rem}.profile-section h2{font-size:1.25rem}}.favorites-page{background:var(--color-background);min-height:100vh;padding:var(--spacing-xl) var(--spacing-md)}.favorites-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:60vh}.favorites-header{margin:0 auto var(--spacing-xl);max-width:1200px}.favorites-header h1{font-size:2.5rem;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md)}.favorites-header .subtitle{color:var(--color-textSecondary);font-size:1.1rem;margin-bottom:0}.favorites-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.favorite-card{padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.favorite-card:hover{box-shadow:0 12px 24px var(--color-shadow);transform:translateY(-4px)}.favorite-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.favorite-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:transform .2s}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.active{filter:drop-shadow(0 0 4px rgba(255,193,7,.6))}.bragged-badge{font-size:1.25rem}.download-buttons{display:flex;gap:var(--spacing-xs)}.download-buttons .btn-sm{flex:1 1;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:768px){.favorites-page{padding:var(--spacing-md) var(--spacing-sm)}.favorites-header h1{font-size:1.75rem}.favorites-header .subtitle{font-size:.95rem}.favorites-grid{gap:var(--spacing-md);grid-template-columns:1fr}.model-preview{height:250px}.empty-state{padding:var(--spacing-xl)}.empty-icon{font-size:3rem}.download-buttons .btn-sm{font-size:.7rem;padding:.35rem .5rem}}.animations-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.animations-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.animations-header{color:#fff;margin-bottom:3rem;text-align:center}.animations-header h1{font-size:2.5rem;margin:1rem 0}.animations-header .subtitle{font-size:1.2rem;opacity:.9}.animations-content{margin:0 auto;max-width:1400px}.section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.model-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.model-card{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s}.model-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.model-card.selected{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.model-preview-small{background:#000;border-radius:4px;height:200px;margin-bottom:.75rem;overflow:hidden;width:100%}.model-info-small{text-align:center}.model-prompt-small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;font-weight:500;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis}.selected-badge{background:#4caf50;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-btn{background:#fff;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s}.category-btn:hover{background:#f0f4ff;border-color:#667eea}.category-btn.active{background:#667eea;border-color:#667eea;color:#fff}.animation-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.animation-card{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1.5rem;position:relative;text-align:center;transition:all .3s}.animation-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.animation-card.selected{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.animation-icon{font-size:3rem;margin-bottom:.5rem}.animation-name{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.animation-desc{color:#666;font-size:.85rem;margin-bottom:.75rem}.animation-meta{color:#888;display:flex;font-size:.8rem;gap:.5rem;justify-content:center}.apply-section{text-align:center}.selection-summary{background:#f5f5f5;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.summary-item{font-size:1rem;margin-bottom:.75rem}.summary-item:last-child{margin-bottom:0}.summary-item strong{color:#667eea;margin-right:.5rem}.selection-hint{color:#999;font-style:italic;margin-bottom:1.5rem}.apply-btn{font-size:1.1rem;min-width:250px;padding:1rem 2rem}.apply-btn:disabled{cursor:not-allowed;opacity:.5}.animated-models-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.animated-model-card{border:2px solid #667eea;border-radius:8px;overflow:hidden;transition:all .3s}.animated-model-card:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-4px)}.animated-model-card .model-preview{background:#000;height:250px;overflow:hidden;width:100%}.animated-model-info{padding:1.5rem}.animated-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.animated-model-info .model-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;font-weight:500;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.animated-models-grid,.animation-grid,.model-grid{grid-template-columns:1fr}.animations-header h1{font-size:2rem}.section{padding:1.5rem}}.archives-page{background:var(--color-background);min-height:100vh;padding:var(--spacing-xl) var(--spacing-md)}.archives-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:60vh}.archives-header{margin:0 auto var(--spacing-xl);max-width:1200px}.archives-header h1{font-size:2.5rem;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md)}.archives-header .subtitle{color:var(--color-textSecondary);font-size:1.1rem;margin-bottom:0}.empty-state{margin:var(--spacing-xxl) auto;max-width:500px;padding:var(--spacing-xxl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h2{margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-textSecondary);margin-bottom:var(--spacing-lg)}.archives-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.archive-card{padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.archive-card:hover{box-shadow:0 12px 24px var(--color-shadow);transform:translateY(-4px)}.days-remaining{background:#ff9800e6;border-radius:var(--radius-md);box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md);z-index:10}.days-remaining .urgent{animation:pulse 2s infinite;background:#f44336e6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.model-preview{background:#000;border-radius:var(--radius-md);height:280px;margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.no-model{align-items:center;color:var(--color-textSecondary);display:flex;height:100%;justify-content:center}.model-info{margin-bottom:var(--spacing-md)}.model-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:600;overflow:hidden;text-overflow:ellipsis}.model-method,.model-prompt{margin-bottom:var(--spacing-xs)}.model-method{color:var(--color-success);font-size:.85rem;font-weight:500}.model-date{color:var(--color-textSecondary);font-size:.85rem}.error-message{background:#f4433626;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin:0 auto var(--spacing-lg);max-width:1200px;padding:var(--spacing-md);text-align:center}@media (max-width:768px){.archives-page{padding:var(--spacing-md) var(--spacing-sm)}.archives-header h1{font-size:1.75rem}.archives-header .subtitle{font-size:.95rem}.archives-grid{gap:var(--spacing-md);grid-template-columns:1fr}.model-preview{height:250px}.empty-state{padding:var(--spacing-xl)}.empty-icon{font-size:3rem}.days-remaining{font-size:.7rem;padding:.35rem .5rem}}@font-face{font-display:swap;font-family:Ethnocentric;font-style:normal;font-weight:400;src:url(/static/media/Ethnocentric-Regular.aae55ec86232f4013efb.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}:root{--color-background:#121212;--color-surface:#1e1e1e;--color-surfaceLight:#2a2a2a;--color-text:#fff;--color-textSecondary:#b0b0b0;--color-primary:#00ffd9;--color-primaryHover:#00e6c3;--color-primaryLight:#00ffd91a;--color-success:#4caf50;--color-warning:#ffc107;--color-error:#f44336;--color-border:#333;--color-shadow:#00000080;--color-gradient:linear-gradient(135deg,#00ffd9,#0ca);--font-title:"Ethnocentric",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--color-background);color:#fff;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,button,input,select,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}h1{font-family:Ethnocentric,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-title);font-size:calc(2.5rem + 6px);letter-spacing:.05em;text-transform:uppercase}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}a{color:#00ffd9;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#00e6c3;color:var(--color-primaryHover)}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:all .15s ease;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:1rem;outline:none;transition:all .15s ease;transition:all var(--transition-fast)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e1e1e;background:var(--color-surface)}::-webkit-scrollbar-thumb{background:#00ffd9;background:var(--color-primary);border-radius:8px;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#00e6c3;background:var(--color-primaryHover)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-secondary{color:#b0b0b0;color:var(--color-textSecondary)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00ffd9,#0ca);background:var(--color-gradient);-webkit-background-clip:text;background-clip:text}.card{background:#1e1e1e;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000080;box-shadow:0 4px 6px var(--color-shadow);padding:2rem;padding:var(--spacing-lg);transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{box-shadow:0 8px 12px #00000080;box-shadow:0 8px 12px var(--color-shadow);transform:translateY(-2px)}.btn{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-weight:600;gap:.5rem;gap:var(--spacing-xs);padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background:#00ffd9;background:var(--color-primary);color:#121212;color:var(--color-background)}.btn-primary:hover{background:#00e6c3;background:var(--color-primaryHover);box-shadow:0 4px 8px #00000080;box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #00ffd9;border:2px solid var(--color-primary);color:#00ffd9;color:var(--color-primary)}.btn-outline:hover{background:#00ffd9;background:var(--color-primary);color:#121212;color:var(--color-background)}.btn-ghost{background:#0000;color:#fff;color:var(--color-text)}.btn-ghost:hover{background:#00ffd91a;background:var(--color-primaryLight)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .6s linear infinite;border:2px solid #00ffd91a;border-top-color:#00ffd9;border:2px solid var(--color-primaryLight);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 1rem;padding:0 var(--spacing-sm)}:root{--spacing-xs:0.4rem;--spacing-sm:0.75rem;--spacing-md:1.25rem;--spacing-lg:1.75rem;--spacing-xl:2.5rem;--spacing-xxl:3rem}body{font-size:14px;line-height:1.5}.container{padding-left:1rem;padding-left:var(--spacing-sm);padding-right:1rem;padding-right:var(--spacing-sm)}.btn{-webkit-tap-highlight-color:transparent;font-size:.9rem;padding:.5rem 1.5rem;padding:var(--spacing-xs) var(--spacing-md);touch-action:manipulation}.card{padding:1.5rem;padding:var(--spacing-md)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;min-height:44px}*{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}@media (max-width:480px){:root{--spacing-xs:0.35rem;--spacing-sm:0.65rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:2.5rem}body{font-size:13px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.btn{font-size:.85rem}}
/*# sourceMappingURL=main.87b6e830.css.map*/