.gen-page[data-v-e3ebda42]{background:#0a0a0f;color:#fff;min-height:100vh;overflow:hidden;padding:5rem 1.5rem 2rem;position:relative}.gen-bg[data-v-e3ebda42]{inset:0;pointer-events:none;position:fixed;z-index:0}.grid-pattern[data-v-e3ebda42]{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;inset:0;position:absolute}.floating-orb[data-v-e3ebda42]{animation:float-e3ebda42 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.orb-1[data-v-e3ebda42]{background:radial-gradient(circle,#f59e0b 0,transparent 70%);height:400px;right:-10%;top:-10%;width:400px}.orb-2[data-v-e3ebda42]{animation-delay:10s;background:radial-gradient(circle,#ef4444 0,transparent 70%);bottom:-10%;height:350px;left:-10%;width:350px}@keyframes float-e3ebda42{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.gen-content[data-v-e3ebda42]{margin:0 auto;max-width:1400px;position:relative;z-index:1}.page-header[data-v-e3ebda42]{margin-bottom:2rem}.back-link[data-v-e3ebda42]{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#ffffffb3;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.back-link[data-v-e3ebda42]:hover{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.back-link svg[data-v-e3ebda42]{height:16px;width:16px}.page-title[data-v-e3ebda42]{background:linear-gradient(135deg,#fff,#f59e0b);-webkit-background-clip:text;font-size:2rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.page-description[data-v-e3ebda42]{color:#ffffff80;font-size:1.125rem}.generator-layout[data-v-e3ebda42]{display:grid;gap:2rem;grid-template-columns:450px 1fr;margin:0 auto;max-width:1400px}.settings-panel[data-v-e3ebda42]{display:flex;flex-direction:column;gap:1.5rem}.settings-section[data-v-e3ebda42]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:1.5rem}.section-title[data-v-e3ebda42]{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.input-group[data-v-e3ebda42]{margin-bottom:1rem;position:relative}.input-group[data-v-e3ebda42]:last-child{margin-bottom:0}.input-label[data-v-e3ebda42]{color:#ffffffb3;display:block;font-size:.875rem;margin-bottom:.5rem}.text-input[data-v-e3ebda42],.textarea-input[data-v-e3ebda42]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.9375rem;line-height:1.5;overflow-wrap:break-word;padding:.875rem 1rem;transition:all .2s;width:100%;word-wrap:break-word}.text-input[data-v-e3ebda42]:focus,.textarea-input[data-v-e3ebda42]:focus{background:#ffffff14;border-color:#f59e0b;outline:none}.textarea-input[data-v-e3ebda42]{min-height:80px;resize:vertical}.textarea-wrapper[data-v-e3ebda42]{position:relative}.textarea-wrapper .textarea-input[data-v-e3ebda42]{padding-bottom:3rem}.enhance-btn[data-v-e3ebda42]{align-items:center;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:8px;bottom:.75rem;color:#f59e0b;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;position:absolute;right:.75rem;transition:all .2s}.enhance-btn[data-v-e3ebda42]:hover:not(:disabled){background:#f59e0b40;border-color:#f59e0b}.enhance-btn[data-v-e3ebda42]:disabled{cursor:not-allowed;opacity:.7}.enhance-btn svg[data-v-e3ebda42]{height:14px;width:14px}.enhance-btn.enhancing svg.spinner[data-v-e3ebda42]{animation:spin-e3ebda42 1s linear infinite}@keyframes spin-e3ebda42{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.char-counter[data-v-e3ebda42]{bottom:.5rem;position:absolute;right:.75rem}.prompt-hints[data-v-e3ebda42]{align-items:flex-start;background:#f59e0b14;border:1px solid rgba(245,158,11,.15);border-radius:8px;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}.hint-label[data-v-e3ebda42]{color:#f59e0b;font-size:.75rem;font-weight:600;white-space:nowrap}.hint-text[data-v-e3ebda42]{color:#fff9;font-size:.75rem;line-height:1.4}.char-counter-positioned[data-v-e3ebda42]{color:#fff6;font-size:.75rem}.style-grid[data-v-e3ebda42]{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.style-option[data-v-e3ebda42]{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.style-option[data-v-e3ebda42]:hover{background:#ffffff0d;border-color:#f59e0b4d}.style-option.active[data-v-e3ebda42]{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.style-icon[data-v-e3ebda42]{font-size:1.5rem}.style-name[data-v-e3ebda42]{font-size:.8125rem;font-weight:500}.color-grid[data-v-e3ebda42]{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.color-option[data-v-e3ebda42]{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s}.color-option[data-v-e3ebda42]:hover{background:#ffffff0d;border-color:#f59e0b4d}.color-option.active[data-v-e3ebda42]{background:#f59e0b26;border-color:#f59e0b}.color-preview[data-v-e3ebda42]{border:2px solid hsla(0,0%,100%,.1);border-radius:8px;height:48px;width:48px}.color-name[data-v-e3ebda42]{color:#ffffffb3;font-size:.8125rem}.option-buttons[data-v-e3ebda42]{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.option-btn[data-v-e3ebda42]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s}.option-btn[data-v-e3ebda42]:hover{background:#ffffff0d;border-color:#f59e0b4d}.option-btn.active[data-v-e3ebda42]{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.model-options[data-v-e3ebda42]{display:flex;flex-direction:column;gap:.75rem}.model-card[data-v-e3ebda42]{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;text-align:left;transition:all .2s}.model-card[data-v-e3ebda42]:hover{background:#ffffff0d;border-color:#f59e0b4d}.model-card.active[data-v-e3ebda42]{background:#f59e0b26;border-color:#f59e0b}.model-info[data-v-e3ebda42]{display:flex;flex-direction:column;gap:.25rem}.model-name[data-v-e3ebda42]{color:#fff;font-size:.9375rem;font-weight:600}.model-desc[data-v-e3ebda42]{color:#fff9;font-size:.8125rem}.model-credits[data-v-e3ebda42]{color:#10b981;font-size:.875rem;font-weight:600}.aspect-ratio-options[data-v-e3ebda42]{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.aspect-btn[data-v-e3ebda42]{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.875rem;transition:all .2s}.aspect-btn[data-v-e3ebda42]:hover{background:#ffffff0d;border-color:#f59e0b4d}.aspect-btn.active[data-v-e3ebda42]{background:#f59e0b26;border-color:#f59e0b}.aspect-label[data-v-e3ebda42]{color:#fff;font-size:.9375rem;font-weight:600}.aspect-desc[data-v-e3ebda42]{color:#fff9;font-size:.75rem}.generate-btn[data-v-e3ebda42]{background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.generate-btn[data-v-e3ebda42]:hover:not(.disabled){background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.generate-btn.disabled[data-v-e3ebda42]{cursor:not-allowed;opacity:.5}.preview-panel[data-v-e3ebda42]{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;display:flex;justify-content:center;max-height:calc(100vh - 12rem);min-height:400px;overflow:auto;padding:2rem}.preview-state[data-v-e3ebda42]{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.idle-icon svg[data-v-e3ebda42]{color:#fff3;height:80px;margin-bottom:1.5rem;width:80px}.idle-title[data-v-e3ebda42]{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.idle-text[data-v-e3ebda42]{color:#fff9;font-size:1rem;max-width:400px}.progress-ring[data-v-e3ebda42]{height:120px;margin-bottom:1.5rem;position:relative;width:120px}.progress-ring svg[data-v-e3ebda42]{transform:rotate(-90deg)}.progress-bg[data-v-e3ebda42]{fill:none;stroke:#ffffff1a;stroke-width:8}.progress-bar[data-v-e3ebda42]{fill:none;stroke:#f59e0b;stroke-dasharray:339.292;stroke-linecap:round;stroke-width:8;transition:stroke-dashoffset .3s ease}.progress-content[data-v-e3ebda42]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-percent[data-v-e3ebda42]{color:#f59e0b;font-size:1.5rem;font-weight:700}.generating-title[data-v-e3ebda42]{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.generating-text[data-v-e3ebda42]{color:#fff9;font-size:1rem}.preview-completed[data-v-e3ebda42]{gap:1.5rem}.result-image-wrapper[data-v-e3ebda42]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;max-width:600px;overflow:hidden;width:100%}.result-image[data-v-e3ebda42]{display:block;height:auto;width:100%}.result-actions[data-v-e3ebda42]{display:flex;gap:1rem}.action-btn[data-v-e3ebda42]{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s}.action-btn[data-v-e3ebda42]:hover{background:#ffffff1a;border-color:#fff3}.action-btn svg[data-v-e3ebda42]{height:18px;width:18px}.action-btn--primary[data-v-e3ebda42]{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent}.action-btn--primary[data-v-e3ebda42]:hover{background:linear-gradient(135deg,#059669,#047857)}.error-icon svg[data-v-e3ebda42]{color:#ef4444;height:80px;margin-bottom:1.5rem;width:80px}.error-title[data-v-e3ebda42]{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.error-text[data-v-e3ebda42]{color:#fff9;font-size:1rem;margin-bottom:1.5rem}.retry-btn[data-v-e3ebda42]{background:#ef444433;border:1px solid #ef4444;border-radius:12px;color:#ef4444;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.retry-btn[data-v-e3ebda42]:hover{background:#ef44444d}.settings-group[data-v-e3ebda42]{margin-bottom:1.25rem}.settings-group[data-v-e3ebda42]:last-child{margin-bottom:0}.format-options[data-v-e3ebda42]{display:grid;gap:.5rem}.format-btn[data-v-e3ebda42]{align-items:flex-start;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:.75rem 1rem;text-align:left;transition:all .2s}.format-btn[data-v-e3ebda42]:hover{background:#ffffff0d;border-color:#f59e0b4d}.format-btn.active[data-v-e3ebda42]{background:#f59e0b26;border-color:#f59e0b}.format-label[data-v-e3ebda42]{color:#fff;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.format-desc[data-v-e3ebda42]{color:#fff9;font-size:.75rem}.quality-slider[data-v-e3ebda42]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;margin-bottom:.5rem;outline:none;width:100%}.quality-slider[data-v-e3ebda42]::-webkit-slider-thumb{-webkit-appearance:none;background:#f59e0b;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.quality-slider[data-v-e3ebda42]::-webkit-slider-thumb:hover{box-shadow:0 0 8px #f59e0b80;transform:scale(1.2)}.quality-slider[data-v-e3ebda42]::-moz-range-thumb{background:#f59e0b;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.quality-slider[data-v-e3ebda42]::-moz-range-thumb:hover{box-shadow:0 0 8px #f59e0b80;transform:scale(1.2)}.quality-labels[data-v-e3ebda42]{color:#ffffff80;display:flex;font-size:.75rem;justify-content:space-between}@media(max-width:1024px){.generator-layout[data-v-e3ebda42]{grid-template-columns:1fr}.preview-panel[data-v-e3ebda42]{max-height:calc(100vh - 10rem);min-height:300px}}@media(max-width:640px){.color-grid[data-v-e3ebda42],.style-grid[data-v-e3ebda42]{grid-template-columns:repeat(2,1fr)}.result-actions[data-v-e3ebda42]{flex-direction:column;width:100%}.action-btn[data-v-e3ebda42]{justify-content:center;width:100%}}