@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.style-card[data-v-ec451c0b]{background:#ffffffe6;border:2px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;position:relative}.style-card[data-v-ec451c0b]:hover{transform:translateY(-4px);border-color:#3db88680;box-shadow:var(--shadow-hover)}.style-card.active[data-v-ec451c0b]{border-color:var(--primary-mint);background:#fff;box-shadow:0 8px 25px #3db8862e}.card-image-wrapper[data-v-ec451c0b]{position:relative;width:100%;height:150px;overflow:hidden;background:#eef2ef}.card-img[data-v-ec451c0b]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.style-card:hover .card-img[data-v-ec451c0b]{transform:scale(1.06)}.image-overlay[data-v-ec451c0b]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 60%)}.selected-badge[data-v-ec451c0b]{position:absolute;top:10px;right:10px;width:28px;height:28px;background:var(--primary-mint);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003}.card-content[data-v-ec451c0b]{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.style-title[data-v-ec451c0b]{font-size:1rem;font-weight:700;color:var(--text-dark)}.style-desc[data-v-ec451c0b]{font-size:.82rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.style-tags[data-v-ec451c0b]{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.input-card[data-v-d673d48c]{padding:24px 28px;display:flex;flex-direction:column;gap:18px}.section-header[data-v-d673d48c]{display:flex;align-items:center;gap:10px}.section-header h2[data-v-d673d48c]{font-size:1.15rem;font-weight:700;color:var(--text-dark)}.textarea-wrapper[data-v-d673d48c]{position:relative}.main-input[data-v-d673d48c]{resize:vertical;min-height:110px;font-size:1.05rem;line-height:1.6;border-radius:var(--radius-md);border-color:#d2e4d9}.modifiers-section[data-v-d673d48c]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modifier-label[data-v-d673d48c]{font-size:.85rem;font-weight:600;color:var(--text-muted)}.chips-group[data-v-d673d48c]{display:flex;flex-wrap:wrap;gap:8px}.chip-btn[data-v-d673d48c]{background:#f0f7f3;color:#388e66;border:1px dashed rgba(61,184,134,.4);padding:5px 12px;border-radius:16px;font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.chip-btn[data-v-d673d48c]:hover{background:#e2f4ea;border-color:var(--primary-mint);transform:translateY(-1px)}.controls-bar[data-v-d673d48c]{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(220,235,226,.6);flex-wrap:wrap;gap:16px}.ratio-selector[data-v-d673d48c]{display:flex;align-items:center;gap:12px}.control-label[data-v-d673d48c]{font-size:.85rem;font-weight:600;color:var(--text-muted)}.ratio-buttons[data-v-d673d48c]{display:flex;gap:6px}.ratio-btn[data-v-d673d48c]{background:#fff;border:1px solid #dcebe2;padding:6px 12px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:var(--transition-fast)}.ratio-btn[data-v-d673d48c]:hover{border-color:var(--primary-mint)}.ratio-btn.active[data-v-d673d48c]{background:var(--primary-light);color:var(--primary-mint);border-color:var(--primary-mint)}.generate-btn[data-v-d673d48c]{margin-left:auto}.spin-icon[data-v-d673d48c]{animation:spin-d673d48c 1s linear infinite}@keyframes spin-d673d48c{to{transform:rotate(360deg)}}.output-card[data-v-3a434950]{padding:24px 28px;display:flex;flex-direction:column;gap:20px;border-color:#3db88666}.output-header[data-v-3a434950]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,235,226,.6);padding-bottom:14px;flex-wrap:wrap;gap:12px}.header-title[data-v-3a434950]{display:flex;align-items:center;gap:10px}.header-title h2[data-v-3a434950]{font-size:1.15rem;font-weight:700;color:var(--text-dark)}.tabs-nav[data-v-3a434950]{display:flex;gap:6px}.tab-btn[data-v-3a434950]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.tab-btn[data-v-3a434950]:hover{color:var(--primary-mint);background:#3db88614}.tab-btn.active[data-v-3a434950]{background:var(--primary-light);color:var(--primary-mint);border-color:#3db8864d;font-weight:600}.content-box[data-v-3a434950]{background:#fff;border-radius:var(--radius-md);padding:20px;border:1px solid #dcebe2;position:relative}.prompt-text-block[data-v-3a434950]{display:flex;flex-direction:column;gap:14px}.code-pre[data-v-3a434950]{font-family:Fira Code,monospace,sans-serif;font-size:.95rem;background:#f7faf8;padding:16px;border-radius:12px;border:1px solid #e1efe7;color:#245c43;white-space:pre-wrap;word-break:break-all}.plain-prompt[data-v-3a434950]{font-size:1.02rem;line-height:1.7;color:var(--text-dark);word-break:break-word}.negative-box[data-v-3a434950]{background:#fdf5f5;border:1px dashed #f5c6cb;padding:12px 16px;border-radius:10px}.neg-label[data-v-3a434950]{font-size:.8rem;font-weight:700;color:#c62828;text-transform:uppercase;display:block;margin-bottom:4px}.neg-text[data-v-3a434950]{font-size:.88rem;color:#7f2323;word-break:break-all}.copy-btn[data-v-3a434950]{align-self:flex-end;margin-top:4px}.params-grid[data-v-3a434950]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.param-card[data-v-3a434950]{background:#f7faf8;padding:16px;border-radius:12px;border:1px solid #e1efe7;display:flex;flex-direction:column;gap:6px}.param-title[data-v-3a434950]{font-size:.8rem;font-weight:600;color:var(--text-muted)}.param-val[data-v-3a434950]{font-size:1rem;font-weight:700;color:var(--primary-hover)}.home-container[data-v-f40dcc85]{max-width:1200px;width:92%;margin:0 auto 60px;display:flex;flex-direction:column;gap:32px}.hero-section[data-v-f40dcc85]{text-align:center;padding:10px 20px 20px}.hero-title[data-v-f40dcc85]{font-size:2.3rem;font-weight:800;color:var(--text-dark);letter-spacing:-.8px;line-height:1.3}.hero-highlight[data-v-f40dcc85]{background:linear-gradient(135deg,#3db886,#2ea073);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-left:6px}.hero-sub[data-v-f40dcc85]{font-size:1.05rem;color:var(--text-muted);max-width:680px;margin:12px auto 0}.style-section[data-v-f40dcc85]{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.section-title-bar[data-v-f40dcc85]{display:flex;align-items:center;justify-content:space-between}.title-with-icon[data-v-f40dcc85]{display:flex;align-items:center;gap:10px}.title-with-icon h2[data-v-f40dcc85]{font-size:1.2rem;font-weight:700;color:var(--text-dark)}.style-count-badge[data-v-f40dcc85]{font-size:.82rem;color:var(--text-muted);background:#edf5f0;padding:4px 12px;border-radius:20px;border:1px solid rgba(61,184,134,.2)}.category-tabs[data-v-f40dcc85]{display:flex;gap:8px;flex-wrap:wrap}.cat-btn[data-v-f40dcc85]{background:#fff;border:1px solid #dcebe2;padding:7px 16px;border-radius:20px;font-size:.88rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:var(--transition-fast)}.cat-btn[data-v-f40dcc85]:hover{border-color:var(--primary-mint);color:var(--primary-mint)}.cat-btn.active[data-v-f40dcc85]{background:var(--primary-mint);color:#fff;border-color:var(--primary-mint);box-shadow:0 4px 12px #3db88640}.styles-grid[data-v-f40dcc85]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media (max-width: 768px){.hero-title[data-v-f40dcc85]{font-size:1.7rem}.styles-grid[data-v-f40dcc85]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.admin-container[data-v-cbcba246]{max-width:1200px;width:92%;margin:0 auto 60px}.auth-card[data-v-cbcba246]{max-width:440px;margin:60px auto;padding:40px;text-align:center;display:flex;flex-direction:column;gap:24px}.auth-header h2[data-v-cbcba246]{font-size:1.4rem;margin-top:10px;font-weight:700}.auth-header p[data-v-cbcba246]{font-size:.9rem;color:var(--text-muted)}.auth-form[data-v-cbcba246]{display:flex;flex-direction:column;gap:16px}.admin-main[data-v-cbcba246]{display:flex;flex-direction:column;gap:24px}.admin-top-bar[data-v-cbcba246]{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.top-info h1[data-v-cbcba246]{font-size:1.4rem;font-weight:700}.top-info p[data-v-cbcba246]{font-size:.88rem;color:var(--text-muted)}.action-buttons[data-v-cbcba246]{display:flex;gap:10px;flex-wrap:wrap}.danger-text[data-v-cbcba246]{color:#d32f2f;border-color:#f5c6cb;background:#fdf2f2}.styles-table-card[data-v-cbcba246]{padding:20px;overflow-x:auto}.admin-table[data-v-cbcba246]{width:100%;border-collapse:collapse;text-align:left}.admin-table th[data-v-cbcba246],.admin-table td[data-v-cbcba246]{padding:14px 16px;border-bottom:1px solid rgba(220,235,226,.6);font-size:.9rem}.admin-table th[data-v-cbcba246]{font-weight:600;color:var(--text-muted);background:#f0f7f380}.table-thumb[data-v-cbcba246]{width:60px;height:45px;object-fit:cover;border-radius:8px}.style-name-box[data-v-cbcba246]{display:flex;flex-direction:column}.cn-title[data-v-cbcba246]{font-weight:700;color:var(--text-dark)}.en-title[data-v-cbcba246]{font-size:.78rem;color:var(--text-muted)}.table-prompt-preview[data-v-cbcba246]{max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);font-family:monospace}.row-actions[data-v-cbcba246]{display:flex;gap:8px}.icon-btn[data-v-cbcba246]{background:#fff;border:1px solid #dcebe2;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.icon-btn.edit[data-v-cbcba246]:hover{color:var(--primary-mint);border-color:var(--primary-mint)}.icon-btn.delete[data-v-cbcba246]:hover{color:#d32f2f;border-color:#f5c6cb}.hidden-file-input[data-v-cbcba246]{display:none}.upload-dropzone[data-v-cbcba246]{border:2px dashed #bce3cf;border-radius:var(--radius-md);background:#f7fbf8;cursor:pointer;transition:var(--transition-fast);overflow:hidden;position:relative;min-height:110px;display:flex;align-items:center;justify-content:center}.upload-dropzone[data-v-cbcba246]:hover{border-color:var(--primary-mint);background:#eef9f4}.upload-empty-box[data-v-cbcba246]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;text-align:center}.upload-text[data-v-cbcba246]{font-size:.85rem;font-weight:600;color:var(--text-dark)}.upload-subtext[data-v-cbcba246]{font-size:.75rem;color:var(--text-muted)}.upload-preview-container[data-v-cbcba246]{width:100%;height:120px;position:relative}.upload-preview-img[data-v-cbcba246]{width:100%;height:100%;object-fit:cover}.upload-overlay[data-v-cbcba246]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:600;opacity:0;transition:opacity .25s ease}.upload-preview-container:hover .upload-overlay[data-v-cbcba246]{opacity:1}.url-input-fallback[data-v-cbcba246]{margin-top:6px}.text-sm[data-v-cbcba246]{font-size:.8rem;padding:8px 12px}.modal-overlay[data-v-cbcba246]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card[data-v-cbcba246]{width:100%;max-width:620px;max-height:90vh;overflow-y:auto;padding:28px;background:#fff}.passkey-modal[data-v-cbcba246]{max-width:440px}.modal-header[data-v-cbcba246]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3[data-v-cbcba246]{font-size:1.2rem;font-weight:700}.close-btn[data-v-cbcba246]{background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--text-muted)}.modal-form[data-v-cbcba246]{display:flex;flex-direction:column;gap:16px}.form-row[data-v-cbcba246]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-cbcba246]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-cbcba246]{font-size:.85rem;font-weight:600;color:var(--text-dark)}.modal-actions[data-v-cbcba246]{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.navbar-wrapper[data-v-cfa4093d]{position:sticky;top:16px;z-index:100;margin:16px auto 32px;max-width:1200px;width:92%;padding:12px 28px}.navbar-container[data-v-cfa4093d]{display:flex;align-items:center;justify-content:space-between}.brand-logo[data-v-cfa4093d]{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon[data-v-cfa4093d]{width:42px;height:42px;background:var(--primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(61,184,134,.3)}.brand-text[data-v-cfa4093d]{display:flex;flex-direction:column}.main-name[data-v-cfa4093d]{font-size:1.15rem;font-weight:700;color:var(--text-dark);letter-spacing:-.3px}.sub-name[data-v-cfa4093d]{font-size:.75rem;color:var(--text-muted)}.nav-links[data-v-cfa4093d]{display:flex;align-items:center;gap:12px}.lang-switch-btn[data-v-cfa4093d]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid #dcebe2;background:#fff;color:var(--text-dark);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.lang-switch-btn[data-v-cfa4093d]:hover{border-color:var(--primary-mint);color:var(--primary-mint)}.toast-box[data-v-3b392e12]{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:12px;font-size:.95rem;font-weight:500;box-shadow:0 10px 25px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-box.success[data-v-3b392e12]{background:#eafaf1f2;color:#1e7e48;border:1px solid #a3e4c1}.toast-box.error[data-v-3b392e12]{background:#fdededf2;color:#d32f2f;border:1px solid #f5c6cb}.toast-box.info[data-v-3b392e12]{background:#ebf5fff2;color:#1976d2;border:1px solid #b3d7ff}.toast-fade-enter-active[data-v-3b392e12],.toast-fade-leave-active[data-v-3b392e12]{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.toast-fade-enter-from[data-v-3b392e12],.toast-fade-leave-to[data-v-3b392e12]{opacity:0;transform:translateY(20px) scale(.95)}#app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}:root{--bg-gradient: linear-gradient(135deg, #f8fbf9 0%, #f1f8f4 50%, #edf5f7 100%);--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(220, 235, 226, .6);--primary-mint: #3db886;--primary-hover: #32a174;--primary-light: #eef9f4;--accent-blue: #64b5f6;--accent-purple: #b39ddb;--text-dark: #2c3e50;--text-muted: #6c7a89;--text-light: #95a5a6;--shadow-soft: 0 10px 30px rgba(45, 90, 65, .05);--shadow-hover: 0 15px 35px rgba(45, 90, 65, .12);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--transition-fast: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-gradient);color:var(--text-dark);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,#42c792,#2ea073);color:#fff;border:none;padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px #3db88640;transition:var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3db88659;background:linear-gradient(135deg,#48d59d,#34b281)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--primary-light);color:var(--primary-mint);border:1px solid rgba(61,184,134,.3);padding:10px 20px;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast)}.btn-secondary:hover{background:#dff3ea;color:var(--primary-hover)}.form-input,.form-textarea,.form-select{width:100%;padding:14px 18px;background:#ffffffe6;border:1.5px solid #dcebe2;border-radius:var(--radius-md);font-size:.98rem;color:var(--text-dark);transition:var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary-mint);box-shadow:0 0 0 4px #3db8861f;background:#fff}.tag-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:#eef7f2;color:#358763;border:1px solid rgba(61,184,134,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #3db88666}70%{box-shadow:0 0 0 12px #3db88600}to{box-shadow:0 0 #3db88600}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f3}::-webkit-scrollbar-thumb{background:#c3d9cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ebbab}