@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main:#000;--bg-sidebar:#040404;--bg-card:#0a0a0ad9;--bg-card-hover:#121212f2;--bg-surface:#0a0a0a;--bg-input:#080808;--border-color:#ffffff14;--border-hover:#a4f70759;--border-focus:#a4f707;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#a4f707;--accent-hover:#8de000;--accent-glow:#a4f70759;--gradient-brand:linear-gradient(135deg, #fff 0%, #cbd5e1 35%, #a4f707 80%, #76be00 100%);--gradient-button:linear-gradient(135deg, #a4f707 0%, #7ecc00 100%);--color-success:#a4f707;--color-danger:#ef4444;--color-warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--font-ar:"Cairo", system-ui, -apple-system, sans-serif;--font-en:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-ar);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-layout{background:radial-gradient(circle at 50% -15%, #152107 0%, var(--bg-main) 70%);width:100vw;height:100vh;display:flex;position:relative}.login-page-wrapper{background-color:var(--bg-main);justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-backdrop-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#a4f7072e 0%,#ffffff0f 40%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute}.login-card{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:10;background:#10141de6;border:1px solid #a4f70738;flex-direction:column;gap:26px;width:100%;max-width:480px;padding:44px 38px;display:flex;position:relative;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff0d}.login-header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.login-logo-image-wrap{background:#080a0f;border:1px solid #a4f70773;border-radius:24px;justify-content:center;align-items:center;width:104px;height:104px;margin-bottom:4px;padding:8px;display:flex;overflow:hidden;box-shadow:0 12px 36px #a4f70747,0 0 0 1px #ffffff14}.login-brand-img{object-fit:cover;border-radius:16px;width:100%;height:100%}.login-title{font-family:var(--font-en);letter-spacing:.02em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.55rem;font-weight:900}.login-subtitle{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.login-team-badge{color:#c8ff4d;background:#a4f7071f;border:1px solid #a4f7074d;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.login-error-alert{border-radius:var(--radius-md);color:#fca5a5;background:#ef444426;border:1px solid #ef444459;align-items:center;gap:10px;padding:12px 18px;font-size:.88rem;display:flex}.login-form{flex-direction:column;gap:20px;display:flex}.form-group-spacious{flex-direction:column;gap:8px;display:flex}.form-label-spacious{color:var(--text-secondary);font-size:.88rem;font-weight:600}.input-spacious-wrap{align-items:center;display:flex;position:relative}.input-icon-spacious{color:var(--text-muted);pointer-events:none;position:absolute;right:16px}.input-spacious{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:50px;color:var(--text-primary);outline:none;padding:0 46px 0 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.input-spacious:focus{border-color:var(--border-focus);background:#181d2a;box-shadow:0 0 0 3px #6366f133}.btn-login-submit{background:var(--gradient-button);border-radius:var(--radius-md);color:#080c03;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;height:52px;margin-top:6px;font-size:1.02rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 22px #a4f70759}.btn-login-submit:hover:not(:disabled){opacity:.96;transform:translateY(-2px);box-shadow:0 8px 28px #a4f70780}.btn-login-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-footer-info{text-align:center;color:var(--text-muted);padding-top:4px;font-size:.78rem;line-height:1.5}.sidebar{background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);z-index:40;flex-direction:column;flex-shrink:0;width:320px;height:100%;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-brand{border-bottom:1px solid var(--border-color);flex-direction:column;gap:18px;padding:24px 20px 18px;display:flex}.sidebar-brand-top{justify-content:space-between;align-items:center;width:100%;display:flex}.btn-close-sidebar{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .18s;display:none}.btn-close-sidebar:hover{color:#a4f707;background:#ffffff1a;border-color:#a4f70759}.brand-logo{align-items:center;gap:12px;display:flex}.sidebar-brand-img{object-fit:cover;border:1px solid #a4f70759;border-radius:12px;flex-shrink:0;width:46px;height:46px;box-shadow:0 4px 14px #a4f70738}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-title{font-family:var(--font-en);letter-spacing:-.02em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.12rem;font-weight:800}.brand-subtitle{color:var(--text-muted);letter-spacing:.05em;font-size:.74rem;font-weight:600}.btn-new-session{background:var(--gradient-button);color:#080c03;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:.94rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #a4f7074d}.btn-new-session:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 24px #a4f70773}.sidebar-search{align-items:center;padding:14px 20px 10px;display:flex;position:relative}.sidebar-search .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:32px}.sidebar-search input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:11px 40px 11px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.sidebar-search input:focus{border-color:var(--border-focus)}.sidebar-sessions-list{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.sessions-list-header{color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:8px 10px 4px;font-size:.78rem;font-weight:700;display:flex}.session-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:12px;padding:12px 14px;transition:all .18s;display:flex;position:relative}.session-item:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff0f}.session-item.active{color:#c7d2fe;background:#6366f129;border:1px solid #6366f152}.session-icon{opacity:.7;flex-shrink:0}.session-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:500;overflow:hidden}.session-actions{align-items:center;gap:4px;display:none}.session-item:hover .session-actions{display:flex}.btn-action-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.btn-action-icon:hover{color:var(--text-primary);background:#ffffff1a}.btn-action-delete:hover{color:var(--color-danger);background:#ef444426}.sessions-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 16px;display:flex}.empty-icon{opacity:.35}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--bg-sidebar);flex-direction:column;gap:12px;padding:20px 18px;display:flex}.team-user-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;align-items:center;gap:12px;padding:10px 14px;display:flex}.team-user-avatar{background:#6366f133;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.team-user-details{flex-direction:column;display:flex}.team-user-name{color:var(--text-primary);font-size:.88rem;font-weight:700}.team-user-role{color:#34d399;font-size:.74rem}.storage-badge{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:600;display:flex}.storage-badge.connected{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.storage-badge.local{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b38}.btn-sidebar-logout{color:#fca5a5;border-radius:var(--radius-md);cursor:pointer;background:#ef44441a;border:1px solid #ef444440;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.86rem;font-weight:600;transition:all .18s;display:flex}.btn-sidebar-logout:hover{color:#fff;background:#ef444433;border-color:#ef444466}.workspace-main{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.main-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#090b10b3;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.header-left{align-items:center;gap:18px;display:flex}.btn-mobile-menu{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.header-session-info{align-items:center;gap:16px;display:flex}.header-title{color:var(--text-primary);font-size:1.22rem;font-weight:700}.header-tags{align-items:center;gap:10px;display:flex}.badge{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-model{color:#a4f707;background:#a4f7071f;border-color:#a4f7074d}.badge-cost{color:#a4f707;background:#a4f7071a;border-color:#a4f70740;font-family:monospace}.badge-ref{color:#a4f707;background:#a4f70726;border-color:#a4f70759}.header-right{align-items:center;gap:14px;display:flex}.btn-header-calc{color:#c7d2fe;border-radius:var(--radius-md);cursor:pointer;background:#6366f11f;border:1px solid #6366f14d;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.btn-header-calc:hover{background:#6366f138;border-color:#6366f180;transform:translateY(-1px)}.header-user-tag{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:600;display:flex}.user-status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.btn-header-logout{border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex}.btn-header-logout:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.error-banner{border-radius:var(--radius-md);color:#fca5a5;z-index:15;background:#ef444426;border:1px solid #ef444459;justify-content:space-between;align-items:center;margin:16px 32px 0;padding:14px 20px;font-size:.92rem;display:flex}.error-content{align-items:center;gap:12px;display:flex}.gallery-viewport{flex-direction:column;flex:1;padding:32px 36px 240px;display:flex;overflow-y:auto}.generations-stream{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;width:100%;max-width:1400px;margin:0 auto;display:grid}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:720px;margin:auto;padding:60px 24px 100px;display:flex}.empty-logo-wrap{background:#080a0f;border:1px solid #a4f70773;border-radius:26px;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:24px;padding:8px;display:flex;box-shadow:0 16px 45px #a4f7074d,0 0 0 1px #ffffff14}.empty-brand-logo{object-fit:cover;border-radius:18px;width:100%;height:100%}.empty-state h2{color:var(--text-primary);margin-bottom:14px;font-size:1.6rem;font-weight:800}.empty-state p{color:var(--text-secondary);margin-bottom:34px;font-size:1rem;line-height:1.8}.empty-features-grid{grid-template-columns:repeat(3,1fr);gap:18px;width:100%;display:grid}.empty-feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:right;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:8px;padding:22px 18px;display:flex}.feat-title{color:var(--text-primary);font-size:.94rem;font-weight:700}.feat-desc{color:var(--text-muted);font-size:.82rem;line-height:1.6}.gen-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;transition:all .28s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000004d}.gen-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 18px 45px #0000008c}.gen-image-wrapper{aspect-ratio:1;cursor:pointer;background-color:#0c0e14;width:100%;position:relative;overflow:hidden}.gen-image{object-fit:cover;width:100%;height:100%;transition:transform .45s}.gen-image-wrapper:hover .gen-image{transform:scale(1.04)}.gen-image-overlay{opacity:0;background:linear-gradient(#00000059 0%,#000000b3 100%);justify-content:center;align-items:center;gap:16px;transition:opacity .25s;display:flex;position:absolute;inset:0}.gen-image-wrapper:hover .gen-image-overlay{opacity:1}.overlay-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff38;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .18s;display:flex}.overlay-btn:hover{background:#fff6;transform:scale(1.12)}.gen-content{flex-direction:column;flex:1;gap:14px;padding:22px 22px 18px;display:flex}.gen-header{justify-content:space-between;align-items:center;display:flex}.gen-badges{flex-wrap:wrap;gap:8px;display:flex}.gen-time{color:var(--text-muted);font-size:.78rem}.gen-prompt-text{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:5em;font-size:.94rem;line-height:1.7;display:-webkit-box;overflow:hidden}.revised-box{border-radius:var(--radius-sm);color:#c7d2fe;background:#6366f114;border:1px solid #6366f133;gap:10px;margin-top:8px;padding:10px 14px;font-size:.84rem;line-height:1.6;display:flex}.gen-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:14px;margin-top:auto;padding-top:14px;display:flex}.btn-icon-subtle{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 12px;font-family:inherit;font-size:.84rem;transition:all .18s;display:flex}.btn-icon-subtle:hover{color:var(--text-primary);border-color:var(--border-color);background:#ffffff12}.btn-icon-subtle.active-accent{color:#818cf8;background:#6366f124}.prompt-dock-container{z-index:20;background:linear-gradient(#090b1000 0%,#090b10eb 35%,#090b10 100%);flex-direction:column;gap:12px;max-width:1080px;margin:0 auto;padding:20px 32px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.suggestions-scroll{align-items:center;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.suggestions-scroll::-webkit-scrollbar{display:none}.suggestion-label{color:#818cf8;white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.suggestion-chip{border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.82rem;transition:all .18s}.suggestion-chip:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff1f;transform:translateY(-1px)}.prompt-box{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#141925f2;border:1px solid #ffffff24;flex-direction:column;gap:14px;padding:18px 24px;display:flex;box-shadow:0 20px 60px #000000b3,0 0 0 1px #ffffff0f}.prompt-controls-bar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.controls-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.model-select-wrapper{position:relative}.model-select-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);color:#c7d2fe;border-radius:var(--radius-md);cursor:pointer;outline:none;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.model-select-dropdown:hover,.model-select-dropdown:focus{border-color:var(--border-focus);background:#1b2130}.size-selector-group{align-items:center;gap:6px;display:flex}.size-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .18s;display:flex}.size-btn.active{color:#a4f707;background:#a4f7072e;border-color:#a4f70780;box-shadow:0 0 10px #a4f70733}.controls-right-actions{align-items:center;gap:12px;display:flex}.price-pill-btn{color:#f8fafc;border-radius:var(--radius-md);cursor:pointer;background:#a4f7071a;border:1px solid #a4f70747;align-items:center;gap:8px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.price-pill-btn:hover{background:#a4f70733;border-color:#a4f707;transform:translateY(-1px)}.price-sub-pill{color:#a4f707;opacity:.85;font-size:.76rem;font-weight:500}.advanced-options-panel{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#0006;flex-wrap:wrap;gap:20px;padding:12px 16px;display:flex}.option-field{align-items:center;gap:10px;display:flex}.option-field label{color:var(--text-secondary);font-size:.84rem;font-weight:600}.pill-group{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:3px;display:flex}.pill-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.8rem;transition:all .15s}.pill-btn.active{color:#a4f707;background:#a4f70733;font-weight:700}.reference-images-tray{border-radius:var(--radius-md);background:#00000073;border:1px solid #a4f70738;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.tray-label{color:var(--text-primary);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.tray-hint{color:var(--text-muted);font-size:.76rem;font-weight:400}.tray-items-row{align-items:center;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.ref-image-card{border-radius:var(--radius-sm);background:#080808;border:1.5px solid #a4f70759;flex-shrink:0;width:64px;height:64px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0009}.ref-image-card:hover{border-color:#a4f707;transform:scale(1.05)}.ref-image-thumb{object-fit:cover;width:100%;height:100%}.btn-remove-ref{color:#fff;cursor:pointer;background:#000c;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex;position:absolute;top:3px;left:3px}.btn-remove-ref:hover{background:#ef4444;border-color:#ef4444}.ref-image-tag{color:#a4f707;text-shadow:0 1px 3px #000000e6;font-size:.68rem;font-weight:800;position:absolute;bottom:2px;right:4px}.btn-add-more-refs{border-radius:var(--radius-sm);color:#a4f707;cursor:pointer;background:#a4f7070d;border:1.5px dashed #a4f70759;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:64px;height:64px;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.btn-add-more-refs:hover{background:#a4f7071f;border-color:#a4f707}.btn-attach-image{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0a;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 14px;font-family:inherit;font-size:.86rem;font-weight:700;transition:all .2s;display:flex}.btn-attach-image:hover{color:#a4f707;background:#a4f7071a;border-color:#a4f70766}.prompt-input-row{align-items:flex-end;gap:14px;display:flex}.prompt-actions-wrap{align-items:center;gap:10px;display:flex}.prompt-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:52px;max-height:140px;font-family:inherit;font-size:1rem;line-height:1.7}.prompt-textarea::placeholder{color:var(--text-muted)}.btn-generate{background:var(--gradient-button);color:#080c03;border-radius:var(--radius-lg);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:800;transition:all .22s;display:flex;box-shadow:0 6px 22px #a4f70766}.btn-generate:hover:not(:disabled){opacity:.96;transform:translateY(-2px);box-shadow:0 8px 30px #a4f7078c}.btn-generate:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000c7;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-color);border-radius:var(--radius-2xl);background:#111420;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000bf}.modal-card.modal-lg{max-width:820px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.modal-title-wrap{align-items:center;gap:12px;display:flex}.modal-header h2{font-size:1.25rem;font-weight:700}.modal-body{flex-direction:column;gap:24px;padding:28px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:#00000040;justify-content:flex-end;align-items:center;gap:14px;padding:18px 28px;display:flex}.official-pricing-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;flex-direction:column;gap:14px;padding:20px;display:flex;overflow-x:auto}.official-pricing-table{border-collapse:collapse;width:100%;font-size:.88rem}.official-pricing-table th{text-align:right;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#00000059;padding:12px 14px;font-size:.8rem;font-weight:700}.official-pricing-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0f;padding:12px 14px}.table-model-cell{align-items:center;gap:10px;display:flex}.mini-badge{color:#818cf8;white-space:nowrap;background:#6366f129;border:1px solid #6366f147;border-radius:6px;padding:3px 8px;font-size:.7rem}.highlight-row{background:#10b98112}.budget-box{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;flex-direction:column;gap:14px;padding:22px;display:flex}.budget-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.budget-header label{color:var(--text-primary);font-size:.95rem;font-weight:700}.budget-input-wrap{align-items:center;width:150px;display:flex;position:relative}.budget-icon{color:#34d399;position:absolute;right:12px}.budget-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 38px 10px 14px;font-family:monospace;font-size:1.1rem;font-weight:700}.budget-input:focus{border-color:var(--border-focus)}.budget-quick-chips{flex-wrap:wrap;gap:10px;display:flex}.chip-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:.86rem;font-weight:600;transition:all .18s}.chip-btn:hover{color:var(--text-primary);background:#ffffff1f}.chip-btn.active{color:#fff;background:#4f46e5;border-color:#6366f1}.pricing-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:6px;display:grid}.pricing-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;flex-direction:column;gap:12px;padding:18px;transition:all .22s;display:flex;position:relative}.pricing-card:hover{border-color:var(--border-hover);background:#ffffff0a}.pricing-card.featured{background:#6366f112;border-color:#6366f180}.featured-ribbon{color:#fff;background:#4f46e5;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;left:12px}.pricing-card-header h4{color:var(--text-primary);font-size:.96rem;font-weight:700;line-height:1.4}.unit-cost{color:#38bdf8;font-family:monospace;font-size:.82rem}.pricing-yield{border-radius:var(--radius-md);background:#00000059;border:1px solid #ffffff0a;align-items:baseline;gap:10px;padding:12px 16px;display:flex}.yield-number{color:#34d399;font-family:monospace;font-size:1.9rem;font-weight:800}.yield-label{color:var(--text-secondary);font-size:.86rem}.yield-per-dollar{color:#cbd5e1;align-items:center;gap:8px;font-size:.84rem;display:flex}.tier-description{color:var(--text-muted);margin-top:auto;font-size:.78rem;line-height:1.5}.pricing-faq-box{border-radius:var(--radius-lg);background:#6366f112;border:1px solid #6366f138;flex-direction:column;gap:10px;padding:18px 22px;display:flex}.faq-title{color:#c7d2fe;align-items:center;gap:10px;font-size:.94rem;display:flex}.pricing-faq-box p{color:var(--text-secondary);font-size:.86rem;line-height:1.7}.lightbox-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:120;background:#000000e0;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.lightbox-content{border:1px solid var(--border-color);border-radius:var(--radius-2xl);background:#111420;width:100%;max-width:1050px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 85px #000000d9}.lightbox-close{color:#fff;cursor:pointer;z-index:5;background:#000000a6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .18s;display:flex;position:absolute;top:16px;left:16px}.lightbox-close:hover{background:#ffffff40}.lightbox-image-container{background:#08090d;flex:1.25;justify-content:center;align-items:center;display:flex;overflow:hidden}.lightbox-image{object-fit:contain;max-width:100%;max-height:85vh}.lightbox-details{flex-direction:column;flex:.95;gap:18px;padding:28px;display:flex;overflow-y:auto}.lightbox-prompt-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:10px;padding:18px;display:flex}.lightbox-prompt-text{color:var(--text-primary);font-size:.95rem;line-height:1.7}.lightbox-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-family:inherit;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary{color:#000;background:linear-gradient(135deg,#a4f707 0%,#76be00 100%);font-weight:800;box-shadow:0 4px 16px #a4f70759}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 22px #a4f70780}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff12}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1f}.text-cyan{color:#38bdf8!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-accent{color:#a4f707!important}.font-mono{font-family:monospace!important}.font-bold{font-weight:700!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.28s forwards fadeIn}.animate-scale-up{animation:.22s cubic-bezier(.16,1,.3,1) forwards scaleUp}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.sidebar{z-index:1000;background-color:#040404;border-left:1px solid #a4f70740;width:320px;max-width:85vw;height:100dvh;transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #000000e6}.sidebar.open{transform:translate(0)}.btn-close-sidebar{display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background:#000000c7;animation:.2s fadeIn;position:fixed;inset:0}.btn-mobile-menu{border-radius:var(--radius-md);color:#a4f707;cursor:pointer;background:#a4f70714;border:1px solid #a4f7074d;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-mobile-menu:hover,.btn-mobile-menu:active{background:#a4f70733;border-color:#a4f707;box-shadow:0 0 14px #a4f70766}.main-header{gap:12px;height:64px;padding:0 16px}.header-left{gap:12px;overflow:hidden}.header-session-info{overflow:hidden}.header-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:1.05rem;overflow:hidden}.header-right{gap:10px}.gallery-viewport{padding:20px 16px 240px}.empty-features-grid{grid-template-columns:1fr;gap:14px}.generations-stream{grid-template-columns:1fr;gap:20px}.prompt-dock-container{max-width:100%;padding:12px 14px 18px}.lightbox-content{flex-direction:column;max-height:90vh}.lightbox-image-container{max-height:45vh}}@media (width<=640px){.main-header{height:60px;padding:0 12px}.header-title{max-width:120px;font-size:.95rem}.badge-cost,.badge-count,.btn-header-calc span{display:none}.btn-header-calc{border-radius:var(--radius-sm);padding:8px 10px}.header-user-tag{padding:6px 10px;font-size:.78rem}.header-user-tag span:not(.user-status-dot){display:none}.prompt-dock-container{padding:8px 10px 14px}.prompt-box{border-radius:var(--radius-lg);gap:10px;padding:10px 12px}.prompt-controls-bar{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:8px}.controls-group{justify-content:space-between;gap:8px;width:100%}.model-select-wrapper{flex:1;min-width:140px}.model-select-dropdown{width:100%;padding:6px 10px;font-size:.8rem}.size-selector-group{flex-shrink:0}.size-btn{padding:6px 8px;font-size:.76rem}.controls-right-actions{justify-content:space-between;width:100%}.price-sub-pill{display:none}.price-pill-btn{padding:5px 8px;font-size:.76rem}.prompt-input-row{flex-direction:column;align-items:stretch;gap:8px}.prompt-textarea{width:100%;min-height:48px;padding:8px 10px;font-size:.92rem}.prompt-actions-wrap{align-items:center;gap:8px;width:100%;display:flex}.btn-attach-image{height:44px;padding:0 12px;font-size:.8rem}.btn-generate{flex:1;justify-content:center;height:44px;font-size:.92rem}.modal-overlay{padding:12px}.modal-card{border-radius:var(--radius-lg);max-width:100%;max-height:94vh}.modal-header{padding:16px 18px}.modal-header h2{font-size:1.05rem}.modal-body{gap:16px;padding:16px}.official-pricing-table th,.official-pricing-table td{padding:8px 10px;font-size:.78rem}.budget-header{flex-direction:column;align-items:flex-start;gap:10px}.budget-input-wrap{width:100%}.gallery-viewport{padding:14px 12px 250px}.empty-state{padding:30px 12px 80px}.empty-logo-wrap{width:80px;height:80px;margin-bottom:16px}.empty-state h2{font-size:1.25rem}.empty-state p{margin-bottom:20px;font-size:.88rem}.login-card{gap:18px;padding:28px 18px}.login-logo-image-wrap{width:84px;height:84px}.login-title{font-size:1.3rem}}