@media (prefers-color-scheme:dark){:root{--color-background:#09090b;--color-background-soft:#18181b;--color-background-mute:#27272a;--color-border:#ffffff1a;--color-border-hover:#fff3;--color-heading:#fafafa;--color-text:#a1a1aa;--color-text-2:#71717a;--color-primary:#8b5cf6;--color-primary-hover:#a78bfa;--color-primary-glow:#8b5cf626;--glass-bg:#18181b99;--glass-border:#ffffff0d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}}@media (prefers-color-scheme:dark){#app:before{background-image:radial-gradient(circle at 15% 50%, var(--color-primary-glow), transparent 30%), radial-gradient(circle at 85% 30%, #0ea5e926, transparent 30%)}}@media (hover:hover){a:hover{color:var(--color-primary-hover)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}:root{--color-background:#f8fafc;--color-background-soft:#fff;--color-background-mute:#f1f5f9;--color-border:#0f172a1a;--color-border-hover:#0f172a33;--color-heading:#0f172a;--color-text:#334155;--color-text-2:#64748b;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-glow:#6366f133;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px var(--color-primary-glow)}@media (prefers-color-scheme:dark){:root{--color-background:#09090b;--color-background-soft:#18181b;--color-background-mute:#27272a;--color-border:#ffffff1a;--color-border-hover:#fff3;--color-heading:#fafafa;--color-text:#a1a1aa;--color-text-2:#71717a;--color-primary:#8b5cf6;--color-primary-hover:#a78bfa;--color-primary-glow:#8b5cf626;--glass-bg:#18181b99;--glass-border:#ffffff0d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px}#app{width:100%;min-height:100vh;margin:0 auto;font-weight:400;position:relative;overflow-x:hidden}#app:before{content:"";z-index:-1;background-image:radial-gradient(circle at 15% 50%, var(--color-primary-glow), transparent 25%), radial-gradient(circle at 85% 30%, #0ea5e926, transparent 25%);pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}@media (prefers-color-scheme:dark){#app:before{background-image:radial-gradient(circle at 15% 50%, var(--color-primary-glow), transparent 30%), radial-gradient(circle at 85% 30%, #0ea5e926, transparent 30%)}}a,.primary-text{color:var(--color-primary);text-decoration:none;transition:all .3s}@media (hover:hover){a:hover{color:var(--color-primary-hover)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-2)}.modal-overlay[data-v-aac1bc57]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.settings-panel[data-v-aac1bc57]{background:var(--color-background);border:1px solid var(--glass-border);width:90%;max-width:480px;box-shadow:var(--shadow-lg);border-radius:16px;padding:24px}.panel-header[data-v-aac1bc57]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-title[data-v-aac1bc57]{color:var(--color-heading);margin:0;font-size:18px;font-weight:600}.close-btn[data-v-aac1bc57]{color:var(--color-text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-btn[data-v-aac1bc57]:hover{background:var(--color-background-mute);color:var(--color-text)}.close-btn svg[data-v-aac1bc57]{width:20px;height:20px}.form-group[data-v-aac1bc57]{margin-bottom:20px}.form-group[data-v-aac1bc57]:last-child{margin-bottom:0}.form-group label[data-v-aac1bc57]{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input[data-v-aac1bc57]{border:1px solid var(--color-border);background:var(--color-background-soft);width:100%;color:var(--color-text);border-radius:10px;padding:12px 14px;font-size:14px;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.form-group input[data-v-aac1bc57]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow), inset 0 2px 4px #00000005;background:var(--color-background);outline:none}.api-key-input[data-v-aac1bc57]{gap:12px;display:flex}.api-key-input input[data-v-aac1bc57]{flex:1}.toggle-btn[data-v-aac1bc57]{border:1px solid var(--color-border);background:var(--color-background-mute);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.toggle-btn[data-v-aac1bc57]:hover{background:var(--color-background-soft);border-color:var(--color-primary);color:var(--color-primary)}.mode-toggle[data-v-9c662ce6]{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:12px;gap:8px;padding:6px;display:flex;box-shadow:inset 0 2px 4px #00000005}.mode-btn[data-v-9c662ce6]{color:var(--color-text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.mode-btn[data-v-9c662ce6]:hover{background:var(--color-background-mute);color:var(--color-text)}.mode-btn.active[data-v-9c662ce6]{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px var(--color-primary-glow)}.mode-icon[data-v-9c662ce6]{font-size:16px}@media (width<=640px){.mode-btn[data-v-9c662ce6]{padding:10px 12px;font-size:13px}}.prompt-input-wrapper[data-v-7a3f8300]{width:100%}textarea[data-v-7a3f8300]{border:1px solid var(--color-border);background:var(--color-background-soft);width:100%;color:var(--color-text);resize:none;border-radius:14px;padding:16px;font-family:inherit;font-size:15px;line-height:1.6;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}textarea[data-v-7a3f8300]:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow), inset 0 2px 4px #00000005;background:var(--color-background);outline:none}textarea[data-v-7a3f8300]::placeholder{color:var(--color-text-2)}textarea[data-v-7a3f8300]:disabled{opacity:.6;cursor:not-allowed}.multi-uploader[data-v-50309785]{width:100%}.uploader-label[data-v-50309785]{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.image-list[data-v-50309785]{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.image-thumb[data-v-50309785]{border:1px solid var(--color-border);border-radius:10px;width:72px;height:72px;transition:all .2s;position:relative;overflow:hidden}.image-thumb[data-v-50309785]:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.image-thumb img[data-v-50309785]{object-fit:cover;width:100%;height:100%;display:block}.remove-btn[data-v-50309785]{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.image-thumb:hover .remove-btn[data-v-50309785]{opacity:1}.remove-btn svg[data-v-50309785]{width:12px;height:12px}.thumb-index[data-v-50309785]{color:#fff;background:#00000080;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.3;position:absolute;bottom:4px;left:4px}.uploader-dropzone[data-v-50309785]{border:2px dashed var(--color-border);text-align:center;cursor:pointer;background:var(--color-background-soft);border-radius:12px;padding:24px 16px;transition:all .2s}.uploader-dropzone[data-v-50309785]:hover,.uploader-dropzone.drag-over[data-v-50309785]{border-color:var(--color-primary);background:var(--color-primary-glow);transform:scale(1.02)}.uploader-dropzone input[data-v-50309785]{display:none}.dropzone-content[data-v-50309785]{flex-direction:column;align-items:center;gap:6px;display:flex}.upload-icon[data-v-50309785]{width:32px;height:32px;color:var(--color-text-2)}.dropzone-text[data-v-50309785]{color:var(--color-text);font-size:14px}.dropzone-hint[data-v-50309785]{color:var(--color-text-2);font-size:12px}.full-hint[data-v-50309785]{text-align:center;color:var(--color-text-2);border:1px dashed var(--color-border);background:var(--color-background-soft);border-radius:10px;padding:12px;font-size:13px}.image-uploader[data-v-bd75fde3]{width:100%}.uploader-label[data-v-bd75fde3]{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.uploader-dropzone[data-v-bd75fde3]{border:2px dashed var(--color-border);text-align:center;cursor:pointer;background:var(--color-background-soft);border-radius:12px;padding:32px 20px;transition:all .2s}.uploader-dropzone[data-v-bd75fde3]:hover,.uploader-dropzone.drag-over[data-v-bd75fde3]{border-color:var(--color-primary);background:var(--color-primary-glow);transform:scale(1.02)}.uploader-dropzone input[data-v-bd75fde3]{display:none}.dropzone-content[data-v-bd75fde3]{flex-direction:column;align-items:center;gap:8px;display:flex}.upload-icon[data-v-bd75fde3]{width:40px;height:40px;color:var(--color-text-2,#3c3c3ca8)}.dropzone-text[data-v-bd75fde3]{color:var(--color-text);font-size:14px}.dropzone-hint[data-v-bd75fde3]{color:var(--color-text-2,#3c3c3ca8);font-size:12px}.image-preview-wrapper[data-v-bd75fde3]{border:1px solid var(--color-border);border-radius:12px;position:relative;overflow:hidden}.image-preview-wrapper img[data-v-bd75fde3]{object-fit:contain;background:var(--color-background-mute);width:100%;max-height:300px;display:block}.clear-btn[data-v-bd75fde3]{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.clear-btn[data-v-bd75fde3]:hover{background:#000c}.clear-btn svg[data-v-bd75fde3]{width:14px;height:14px}.param-selector[data-v-9cd646fb]{flex-direction:column;gap:12px;display:flex}.param-row[data-v-9cd646fb]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.param-group[data-v-9cd646fb]{flex-direction:column;gap:6px;display:flex}.param-group label[data-v-9cd646fb]{color:var(--color-text);font-size:13px;font-weight:500}.param-group select[data-v-9cd646fb],.param-group input[data-v-9cd646fb]{border:1px solid var(--color-border);background:var(--color-background-soft);color:var(--color-text);border-radius:10px;padding:10px 12px;font-size:14px;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.param-group select[data-v-9cd646fb]:focus,.param-group input[data-v-9cd646fb]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow), inset 0 2px 4px #00000005;background:var(--color-background);outline:none}@media (width<=640px){.param-row[data-v-9cd646fb]{grid-template-columns:1fr}}.image-preview[data-v-2c0991a4]{width:100%}.preview-header[data-v-2c0991a4]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.preview-title[data-v-2c0991a4]{color:var(--color-heading);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.image-count[data-v-2c0991a4]{color:var(--color-text-2);font-size:14px;font-weight:400}.clear-history-btn[data-v-2c0991a4]{border:1px solid var(--color-border);background:var(--glass-bg);color:var(--color-text-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.clear-history-btn[data-v-2c0991a4]:hover{color:#e83030;background:#e61a1a1a;border-color:#e61a1a4d}.clear-history-btn svg[data-v-2c0991a4]{width:16px;height:16px}.loading-state[data-v-2c0991a4],.empty-state[data-v-2c0991a4]{color:var(--color-text-2,#3c3c3ca8);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.spinner[data-v-2c0991a4]{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:48px;height:48px;box-shadow:0 0 15px var(--color-primary-glow);border-radius:50%;margin-bottom:16px;animation:1s linear infinite spin-2c0991a4}@keyframes spin-2c0991a4{to{transform:rotate(360deg)}}.empty-icon[data-v-2c0991a4]{opacity:.5;width:48px;height:48px;margin-bottom:12px}.empty-hint[data-v-2c0991a4]{margin-top:4px;font-size:13px}.image-grid[data-v-2c0991a4]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.image-card[data-v-2c0991a4]{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.image-card[data-v-2c0991a4]:hover{box-shadow:var(--shadow-lg), 0 0 0 2px var(--color-primary-glow);transform:translateY(-6px)}.image-wrapper[data-v-2c0991a4]{aspect-ratio:1;background:var(--color-background-mute);position:relative}.image-wrapper img[data-v-2c0991a4]{object-fit:contain;width:100%;height:100%}.download-btn[data-v-2c0991a4]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.9)}.image-wrapper:hover .download-btn[data-v-2c0991a4]{opacity:1;transform:scale(1)}.download-btn[data-v-2c0991a4]:hover{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.download-btn svg[data-v-2c0991a4]{width:16px;height:16px}.image-meta[data-v-2c0991a4]{padding:12px}.revised-prompt[data-v-2c0991a4]{color:var(--color-text-2,#3c3c3ca8);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.image-time[data-v-2c0991a4]{color:var(--color-text-2,#3c3c3ca8);padding:0 12px 12px;font-size:12px}@media (width<=640px){.image-grid[data-v-2c0991a4]{grid-template-columns:1fr}}.playground[data-v-35718c6b]{max-width:1400px;min-height:100vh;margin:0 auto;padding:32px}.playground-header[data-v-35718c6b]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.logo[data-v-35718c6b]{background:linear-gradient(135deg, var(--color-primary), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;display:flex}.icon-btn[data-v-35718c6b]{border:1px solid var(--color-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.icon-btn[data-v-35718c6b]:hover{background:var(--color-background-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-btn svg[data-v-35718c6b]{width:20px;height:20px}.playground-body[data-v-35718c6b]{grid-template-columns:420px 1fr;align-items:start;gap:32px;display:grid}.control-panel[data-v-35718c6b]{flex-direction:column;gap:24px;padding:24px;display:flex;position:sticky;top:32px}.input-section[data-v-35718c6b]{flex-direction:column;gap:8px;display:flex}.input-actions[data-v-35718c6b]{justify-content:flex-end;display:flex}.text-btn[data-v-35718c6b]{color:var(--color-text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.text-btn[data-v-35718c6b]:hover{background:var(--color-background-mute);color:var(--color-text)}.edit-images[data-v-35718c6b]{flex-direction:column;gap:16px;display:flex}.generate-btn[data-v-35718c6b]{background:linear-gradient(135deg, var(--color-primary), #a855f7);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 15px var(--color-primary-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.generate-btn[data-v-35718c6b]:hover:not(:disabled){box-shadow:0 8px 25px var(--color-primary-glow);background:linear-gradient(135deg, var(--color-primary-hover), #9333ea);transform:translateY(-2px)}.generate-btn[data-v-35718c6b]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-spinner[data-v-35718c6b]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.error-message[data-v-35718c6b]{color:#e83030;background:#e61a1a1a;border:1px solid #e61a1a33;border-radius:10px;padding:14px;font-size:14px}.result-panel[data-v-35718c6b]{min-height:400px}.fade-modal-enter-active[data-v-35718c6b],.fade-modal-leave-active[data-v-35718c6b]{transition:opacity .3s}.fade-modal-enter-from[data-v-35718c6b],.fade-modal-leave-to[data-v-35718c6b]{opacity:0}@media (width<=1024px){.playground-body[data-v-35718c6b]{grid-template-columns:350px 1fr;gap:24px}}@media (width<=768px){.playground-body[data-v-35718c6b]{grid-template-columns:1fr}.control-panel[data-v-35718c6b]{position:static}}@media (width<=640px){.playground[data-v-35718c6b]{padding:16px}.logo[data-v-35718c6b]{font-size:24px}}