.gen-page{background:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.gen-main{padding:var(--space-8) var(--space-6);flex:1}.gen-container{max-width:1100px;margin:0 auto}.gen-title-section{text-align:center;margin-bottom:var(--space-10)}.gen-title{font-size:var(--font-size-4xl);letter-spacing:-.03em;margin-bottom:var(--space-2);font-weight:700}.gen-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.gen-layout{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}.gen-controls{gap:var(--space-4);flex-direction:column;display:flex}.gen-section{gap:var(--space-2);flex-direction:column;display:flex}.gen-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.gen-model-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.gen-model-card{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:#14141466;flex-direction:column;gap:2px;display:flex}.gen-model-card:hover{border-color:var(--color-border-hover);background:#1e1e1e99}.gen-model-card.active{background:#7c6cf014;border-color:#a78bfa;box-shadow:0 0 0 1px #7c6cf04d}.gen-model-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.gen-model-desc{color:var(--color-text-tertiary);font-size:11px}.gen-model-disclosure{color:var(--color-text-tertiary);margin:2px 0 0;font-size:11px;line-height:1.5}.gen-size-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.gen-size-card{padding:var(--space-2) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#14141466;flex-direction:column;align-items:center;gap:0;display:flex}.gen-size-card:hover{border-color:var(--color-border-hover);background:#1e1e1e99}.gen-size-card.active{background:#7c6cf014;border-color:#a78bfa;box-shadow:0 0 0 1px #7c6cf04d}.gen-size-card.locked{opacity:.45;cursor:not-allowed}.gen-size-ratio{color:var(--color-text-primary);font-size:13px;font-weight:700}.gen-size-px{color:var(--color-text-muted);letter-spacing:.02em;font-size:10px}.gen-size-pro{color:#452600;letter-spacing:.05em;text-transform:uppercase;z-index:2;background:linear-gradient(135deg,#fcd34d 0%,#d97706 100%);border:1px solid #fff6;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:3px;right:3px;box-shadow:0 2px 6px #d977064d,inset 0 1px #fff6}.gen-prompt-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);resize:vertical;min-height:80px;transition:all var(--transition-fast);background:#0000004d;font-size:13px;line-height:1.5}.gen-prompt-input:focus{border-color:var(--color-border-brand);background:#00000080;box-shadow:0 0 0 2px #7c6cf026}.gen-prompt-input::placeholder{color:var(--color-text-muted)}.gen-prompt-input:disabled{opacity:.5;cursor:not-allowed}.gen-generate-btn{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);font-size:var(--font-size-base);cursor:pointer;font-weight:600;display:flex;border-radius:var(--radius-lg)!important}.gen-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.gen-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gen-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#f87171;font-size:var(--font-size-sm);background:#ef44441a;border:1px solid #ef44444d}.gen-quota-warning{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#fbbf24;font-size:var(--font-size-sm);background:#fbbf241a;border:1px solid #fbbf244d}.gen-result{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#1414144d;justify-content:center;align-items:center;min-height:400px;display:flex;overflow:hidden}.gen-result-image-wrap{width:100%;position:relative}.gen-result-image{width:100%;height:auto;display:block}.gen-download-btn{bottom:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);transition:all var(--transition-fast);background:#000000b3;border:1px solid #ffffff26;font-weight:600;text-decoration:none;display:flex;position:absolute}.gen-download-btn:hover{background:#000000e6;border-color:#ffffff4d;transform:translateY(-2px)}.gen-result-loading{text-align:center;padding:var(--space-10);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.gen-loading-animation{width:80px;height:80px;position:relative}.gen-loading-ring{border:2px solid #0000;border-top-color:#a78bfa;border-radius:50%;animation:1.2s linear infinite spin;position:absolute;inset:0}.gen-loading-ring.delay-1{border-top-color:#7c6cf0;animation-duration:1.8s;animation-direction:reverse;inset:8px}.gen-loading-ring.delay-2{border-top-color:#4a54ff;animation-duration:2.4s;inset:16px}.gen-loading-text{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.gen-loading-subtext{font-size:var(--font-size-xs);color:var(--color-text-muted)}.gen-result-placeholder{text-align:center;padding:var(--space-10);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.gen-placeholder-icon{opacity:.5}.gen-placeholder-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.gen-credits-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#6ee7b7;background:#34d3991a;border:1px solid #34d39933;font-weight:600;display:flex}.gen-model-cost{color:#a78bfa;margin-top:var(--space-1);letter-spacing:.04em;font-size:10px;font-weight:700}.gen-payment-toast{z-index:100;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);color:#6ee7b7;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#34d39926;border:1px solid #34d3994d;font-weight:600;animation:.4s ease-out toastSlideIn;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.gen-credits-info{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#c4b5fd;font-size:var(--font-size-sm);background:#7c6cf014;border:1px solid #7c6cf033}.gen-buy-credits-link{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);transition:all var(--transition-fast);background:linear-gradient(135deg,#a78bfa,#7c6cf0);font-weight:700;text-decoration:none;display:inline-flex}.gen-buy-credits-link:hover{opacity:.9;transform:translateY(-2px)}@media (max-width:768px){.gen-main{padding-top:80px}.gen-layout{grid-template-columns:1fr}.gen-header{padding:var(--space-3) var(--space-4)}.gen-breadcrumb,.gen-user-email,.gen-logout-btn{display:none}.gen-title{font-size:var(--font-size-2xl)}.gen-model-grid{grid-template-columns:1fr}.gen-result{min-height:300px}}.gen-mode-toggle{gap:var(--space-2);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff0f;padding:4px;display:flex}.gen-mode-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .2s;display:flex}.gen-mode-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0a}.gen-mode-btn.active{color:var(--color-text-primary);background:#ffffff14;box-shadow:0 1px 3px #0003}.gen-mode-btn:disabled{opacity:.5;cursor:not-allowed}.gen-section-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);opacity:.7}.gen-upload-area{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-lg);cursor:pointer;background:#ffffff05;border:2px dashed #ffffff1f;flex-direction:column;transition:all .2s;display:flex}.gen-upload-area:hover{background:#ffffff0a;border-color:#ffffff40}.gen-upload-area.dragover{border-color:var(--color-accent,#6366f1);background:#6366f10d}.gen-upload-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.gen-upload-previews{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.gen-upload-preview{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid #ffffff14;position:relative;overflow:hidden}.gen-upload-preview img{object-fit:cover;width:100%;height:100%}.gen-upload-remove{color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.gen-upload-preview:hover .gen-upload-remove{opacity:1}