@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#fff;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-surface-glass:#fffffffa;--border-subtle:#000;--border-focus:#000;--text-primary:#000;--text-secondary:#000;--text-muted:#000;--color-primary:#000;--color-secondary:#000;--color-accent:#000;--color-success:#000;--color-warning:#000;--grad-primary:linear-gradient(135deg, #000 0%, #000 100%);--grad-primary-hover:linear-gradient(135deg, #000 0%, #000 100%);--grad-glow:none;--font-display:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-full:9999px;--transition-fast:.1s ease;--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.app-container{grid-template-columns:240px 1fr;min-height:100vh;display:grid;position:relative}@media (max-width:1024px){.app-container{grid-template-columns:1fr}}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;height:100vh;padding:24px;display:flex;position:sticky;top:0}@media (max-width:1024px){.sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:16px 24px;position:relative}}.brand-section{align-items:center;gap:12px;margin-bottom:40px;display:flex}@media (max-width:1024px){.brand-section{margin-bottom:0}}.brand-logo{color:#fff;background:#000;border-radius:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.5px;color:#000;font-size:20px;font-weight:800}.nav-menu{flex-direction:column;gap:8px;list-style:none;display:flex}@media (max-width:1024px){.nav-menu{flex-direction:row;gap:16px}}.nav-item{color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{border-color:#000;color:#fff!important;background-color:#000!important}.nav-item.active svg,.nav-item:hover svg{color:#fff!important;stroke:#fff!important}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:24px}@media (max-width:1024px){.sidebar-footer{display:none}}.user-badge{align-items:center;gap:12px;display:flex}.user-avatar{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);background:#fff;border-radius:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:700}.user-role{color:var(--text-muted);text-transform:uppercase;font-size:11px}.main-content{flex-direction:column;min-height:100vh;display:flex}.top-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface-glass);z-index:90;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}@media (max-width:640px){.top-header{padding:0 16px}}.header-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-size:18px;font-weight:700}.status-badge{color:#000;background:#fff;border:1px solid #000;border-radius:0;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.status-dot{border-radius:var(--radius-full);background-color:#000;width:6px;height:6px}.content-body{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px}@media (max-width:640px){.content-body{padding:16px}}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:0;padding:24px;position:relative;overflow:hidden}.studio-grid{grid-template-columns:1fr 400px;align-items:start;gap:24px;display:grid}@media (max-width:1100px){.studio-grid{grid-template-columns:1fr}}.section-title{font-family:var(--font-display);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:16px;font-weight:700}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-group{margin-bottom:20px}.premium-textarea{border:1px solid var(--border-subtle);width:100%;height:120px;color:var(--text-primary);font-family:var(--font-body);resize:none;transition:var(--transition-fast);background-color:#fff;border-radius:0;outline:none;padding:16px;font-size:14px;line-height:1.5}.premium-textarea:focus{border-width:2px;padding:15px}.premium-select{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;transition:var(--transition-fast);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000000' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border-radius:0;outline:none;padding:12px 16px;font-size:14px}.premium-select:focus{border-width:2px;padding:11px 15px}.slider-container{align-items:center;gap:16px;display:flex}.premium-slider{appearance:none;cursor:pointer;background:#000;outline:none;flex:1;height:2px}.premium-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #000;border-radius:0;width:16px;height:16px}.slider-value{font-family:var(--font-display);text-align:right;width:32px;color:var(--text-primary);font-size:14px;font-weight:700}.aspect-selector{gap:12px;display:flex}.aspect-btn{border:1px solid var(--border-subtle);text-align:center;cursor:pointer;transition:var(--transition-fast);background-color:#fff;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 8px;display:flex}.aspect-btn:hover{background-color:#f2f2f2}.aspect-btn.active{border-color:#000;color:#fff!important;background:#000!important}.aspect-box{transition:var(--transition-fast);background-color:#000;border:1.5px solid #000;border-radius:0}.aspect-btn.active .aspect-box{background-color:#fff!important;border-color:#fff!important}.aspect-1-1{width:18px;height:18px}.aspect-16-9{width:24px;height:13.5px}.aspect-9-16{width:13.5px;height:24px}.aspect-label{color:var(--text-secondary);font-size:11px;font-weight:700}.aspect-btn.active .aspect-label{color:#fff!important}.generate-btn{color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.5px;background:#000;border:1px solid #000;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:700;display:flex}.generate-btn:hover:not(:disabled){color:#000;background:#fff}.generate-btn:disabled{opacity:.3;cursor:not-allowed}.preview-card{border:1px solid var(--border-subtle);background-color:#fff;border-radius:0;flex-direction:column;justify-content:center;align-items:center;height:480px;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.preview-card{height:360px}}.preview-placeholder{color:var(--text-primary);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}.preview-placeholder svg{color:#000;width:48px;height:48px}.preview-placeholder h3{font-family:var(--font-display);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:16px;font-weight:700}.preview-placeholder p{max-width:240px;font-size:13px;line-height:1.5}.diffusion-container{z-index:10;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:absolute;top:0;left:0}.diffusion-ring{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;display:flex;position:relative}.diffusion-ring:before{content:"";border-radius:var(--radius-full);border:2px solid #000;border-color:#000 #0000;width:100%;height:100%;animation:1.5s linear infinite spin-glow;position:absolute}.diffusion-pct{font-family:var(--font-display);color:var(--text-primary);font-size:24px;font-weight:800}.diffusion-step-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:16px;font-weight:700}.diffusion-step-subtitle{color:var(--text-secondary);height:16px;margin-bottom:24px;font-size:12px;font-weight:500}.diffusion-bar-bg{background-color:#f2f2f2;border:1px solid #000;border-radius:0;width:100%;max-width:280px;height:4px;overflow:hidden}.diffusion-bar-fill{background:#000;border-radius:0;height:100%;transition:width .2s ease-out}@keyframes spin-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-result-wrapper{background:#fff;width:100%;height:100%;position:relative}.image-result{object-fit:contain;width:100%;height:100%}.preview-actions{z-index:20;background:#fff;border:1px solid #000;border-radius:0;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.preview-action-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.preview-action-btn:hover{color:#fff;background-color:#000;border-color:#000}.preview-action-btn svg{stroke:currentColor}.gallery-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.gallery-search{width:100%;max-width:320px;position:relative}.gallery-search input{width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);background-color:#fff;border:1px solid #000;border-radius:0;outline:none;padding:12px 16px 12px 40px;font-size:14px}.gallery-search input:focus{border-width:2px;padding-left:39px}.gallery-search svg{color:#000;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.gallery-card{aspect-ratio:1;cursor:pointer;transition:var(--transition-normal);background-color:#fff;border:1px solid #000;border-radius:0;position:relative;overflow:hidden}.gallery-card:hover{border-color:#000;transform:translateY(-2px)}.gallery-card-overlay{transition:transform var(--transition-normal);background:#fffffff2;border-top:1px solid #000;flex-direction:column;justify-content:flex-end;height:auto;max-height:100%;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-card:hover .gallery-card-overlay{transform:translateY(0)}.gallery-card-prompt{color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.gallery-card-meta{justify-content:space-between;align-items:center;display:flex}.gallery-card-style{font-family:var(--font-display);text-transform:uppercase;color:#000;background-color:#fff;border:1px solid #000;border-radius:0;padding:4px 8px;font-size:10px;font-weight:700}.gallery-card-accuracy{color:#000;text-transform:uppercase;font-size:11px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#ffffffe6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border:2px solid #000;border-radius:0;grid-template-columns:1.2fr 1fr;width:100%;max-width:1000px;max-height:90vh;display:grid;position:relative;overflow-y:auto}@media (max-width:800px){.modal-content{grid-template-columns:1fr}}.modal-close-btn{color:#000;cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);z-index:20;background-color:#fff;border:1px solid #000;border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#fff;background-color:#000}.modal-image-panel{aspect-ratio:1;background-color:#fff;border-right:1px solid #000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:800px){.modal-image-panel{border-bottom:1px solid #000;border-right:none}}.modal-details-panel{background-color:#fff;flex-direction:column;padding:32px;display:flex}.modal-prompt-label{text-transform:uppercase;color:#000;margin-bottom:8px;font-size:11px;font-weight:700}.modal-prompt-text{color:#000;margin-bottom:24px;font-size:15px;font-weight:600;line-height:1.5}.modal-meta-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.modal-meta-item{flex-direction:column;gap:4px;display:flex}.modal-meta-label{color:#000;text-transform:uppercase;font-size:11px;font-weight:700}.modal-meta-value{color:#000;font-size:13px;font-weight:500}.modal-actions{gap:12px;margin-top:auto;display:flex}.modal-btn{font-family:var(--font-display);cursor:pointer;transition:var(--transition-fast);border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.modal-btn-primary{color:#fff;background:#000;border:1px solid #000}.modal-btn-primary:hover{color:#000;background:#fff}.modal-btn-secondary{color:#000;background-color:#fff;border:1px solid #000}.modal-btn-secondary:hover{color:#fff;background-color:#000}.upscale-wrapper{max-width:800px;margin:0 auto}.comparison-container{aspect-ratio:1.5;-webkit-user-select:none;user-select:none;border:1px solid #000;border-radius:0;width:100%;position:relative;overflow:hidden}@media (max-width:640px){.comparison-container{aspect-ratio:1.2}}.comparison-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.comparison-before{z-index:10}.comparison-after{z-index:5}.comparison-clip-wrapper{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.comparison-badge{font-family:var(--font-display);text-transform:uppercase;color:#000;background-color:#fff;border:1px solid #000;border-radius:0;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:16px}.badge-before{z-index:20;left:16px}.badge-after{z-index:20;right:16px}.slider-divider{z-index:25;pointer-events:none;background-color:#000;width:2px;position:absolute;top:0;bottom:0}.slider-handle{border-radius:var(--radius-full);cursor:ew-resize;z-index:30;width:40px;height:40px;transition:transform var(--transition-fast);color:#000;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-handle:hover{transform:translate(-50%,-50%)scale(1.1)}.slider-input{opacity:0;cursor:ew-resize;z-index:40;width:100%;height:100%;position:absolute;top:0;left:0}.app-footer{border-top:1px solid var(--border-subtle);background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:24px 32px;display:flex}.footer-copy{color:#000;font-size:12px;font-weight:700}.footer-links{gap:24px;display:flex}.footer-link{color:#000;transition:var(--transition-fast);font-size:12px;font-weight:700;text-decoration:none}.footer-link:hover{text-decoration:underline}