.page.svelte-qpcrhf{padding:40px;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-out}.page-header.svelte-qpcrhf{margin-bottom:48px;text-align:center}.header-badge.svelte-qpcrhf{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#facc1526,#fb923c26);border:1px solid rgba(250,204,21,.3);border-radius:100px;font-size:12px;font-weight:600;color:#facc15;margin-bottom:16px}.badge-icon.svelte-qpcrhf{font-size:14px}.header-content.svelte-qpcrhf h1:where(.svelte-qpcrhf){font-size:36px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.header-content.svelte-qpcrhf p:where(.svelte-qpcrhf){color:var(--color-text-muted);font-size:16px;max-width:500px;margin:0 auto}.generator-container.svelte-qpcrhf{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.input-section.svelte-qpcrhf{display:flex;flex-direction:column;gap:20px}.section-header.svelte-qpcrhf{display:flex;align-items:center;justify-content:space-between}.section-label.svelte-qpcrhf{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.section-text.svelte-qpcrhf{display:flex;flex-direction:column;gap:2px}.section-hint.svelte-qpcrhf{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:none;letter-spacing:0}.label-icon.svelte-qpcrhf{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.label-icon.small.svelte-qpcrhf{width:28px;height:28px}.add-image-btn.svelte-qpcrhf{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;font-weight:600;transition:all var(--transition-base)}.add-image-btn.svelte-qpcrhf:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover);color:var(--color-text)}.images-grid.svelte-qpcrhf{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.image-upload-card.svelte-qpcrhf{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.image-upload-card.svelte-qpcrhf:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.image-upload-card.selected.svelte-qpcrhf{border-color:#facc15;box-shadow:0 0 0 3px #facc1526}.image-upload-card.selected.svelte-qpcrhf .card-header:where(.svelte-qpcrhf){background:#facc151a}.image-upload-card.selected.svelte-qpcrhf .card-label:where(.svelte-qpcrhf){color:#facc15}.card-header.svelte-qpcrhf{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.card-label.svelte-qpcrhf{font-size:12px;font-weight:600;color:var(--color-text)}.card-actions.svelte-qpcrhf{display:flex;align-items:center;gap:8px}.paste-btn.svelte-qpcrhf{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-base)}.paste-btn.svelte-qpcrhf:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text)}.card-badge.svelte-qpcrhf{font-size:9px;font-weight:600;padding:3px 8px;background:var(--color-primary-soft);color:var(--color-primary);border-radius:100px;text-transform:uppercase;letter-spacing:.03em}.card-badge.optional.svelte-qpcrhf{background:var(--color-bg-elevated);color:var(--color-text-muted)}.remove-slot-btn.svelte-qpcrhf{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-base)}.remove-slot-btn.svelte-qpcrhf:hover{background:var(--color-error-soft);color:var(--color-error)}.upload-zone.svelte-qpcrhf{display:block;aspect-ratio:1;position:relative;cursor:pointer;transition:all var(--transition-base);overflow:hidden}.upload-zone.svelte-qpcrhf:hover:not(.has-image){background:var(--color-bg-tertiary)}.upload-zone.svelte-qpcrhf:hover:not(.has-image) .placeholder-icon:where(.svelte-qpcrhf){transform:scale(1.05);border-color:var(--color-border-hover)}.file-input.svelte-qpcrhf{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:5}.upload-placeholder.svelte-qpcrhf{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;padding:20px}.placeholder-icon.svelte-qpcrhf{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-base)}.placeholder-icon.dashed.svelte-qpcrhf{border-style:dashed}.placeholder-text.svelte-qpcrhf{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.placeholder-hint.svelte-qpcrhf{font-size:11px;color:var(--color-text-muted)}.preview-image.svelte-qpcrhf{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.upload-zone.svelte-qpcrhf:hover .preview-image:where(.svelte-qpcrhf){transform:scale(1.02)}.image-overlay.svelte-qpcrhf{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity var(--transition-base);display:flex;align-items:flex-start;justify-content:flex-end;padding:10px}.upload-zone.svelte-qpcrhf:hover .image-overlay:where(.svelte-qpcrhf){opacity:1}.remove-btn.svelte-qpcrhf{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f43f5ee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:#fff;transition:all var(--transition-base);z-index:10}.remove-btn.svelte-qpcrhf:hover{background:var(--color-error);transform:scale(1.1)}.prompt-section.svelte-qpcrhf{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.prompt-section.svelte-qpcrhf:focus-within{border-color:#facc15;box-shadow:0 0 0 3px #facc1526}.prompt-header.svelte-qpcrhf{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.prompt-label.svelte-qpcrhf{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--color-text)}.optional-badge.svelte-qpcrhf{font-size:9px;font-weight:600;padding:3px 8px;background:var(--color-bg-elevated);color:var(--color-text-muted);border-radius:100px;text-transform:uppercase;letter-spacing:.03em}.char-count.svelte-qpcrhf{font-size:11px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.prompt-input.svelte-qpcrhf{width:100%;padding:16px;background:transparent;color:var(--color-text);font-size:14px;line-height:1.7;resize:vertical;min-height:140px}.prompt-input.svelte-qpcrhf::placeholder{color:var(--color-text-muted)}.settings-section.svelte-qpcrhf{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.setting-item.svelte-qpcrhf{display:flex;align-items:center;justify-content:space-between}.setting-label.svelte-qpcrhf{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--color-text)}.image-count-selector.svelte-qpcrhf{display:flex;gap:6px}.count-btn.svelte-qpcrhf{min-width:40px;padding:6px 16px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:14px;font-weight:600;transition:all var(--transition-base)}.count-btn.svelte-qpcrhf:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover);color:var(--color-text)}.count-btn.active.svelte-qpcrhf{background:#facc1526;border-color:#facc15;color:#facc15}.generate-btn.svelte-qpcrhf{position:relative;padding:18px 32px;background:transparent;border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.btn-bg.svelte-qpcrhf{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#facc15,#fb923c,#f97316);background-size:200% 200%;animation:svelte-qpcrhf-gradient-shift 3s ease infinite;transition:opacity var(--transition-base)}@keyframes svelte-qpcrhf-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-content.svelte-qpcrhf{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;color:#1a1a1a;font-size:15px;font-weight:600}.btn-icon.svelte-qpcrhf{font-size:18px}.generate-btn.svelte-qpcrhf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #facc1566}.generate-btn.svelte-qpcrhf:hover:not(:disabled) .btn-bg:where(.svelte-qpcrhf){filter:brightness(1.1)}.generate-btn.svelte-qpcrhf:active:not(:disabled){transform:translateY(0) scale(.98)}.generate-btn.svelte-qpcrhf:disabled{opacity:.7;cursor:not-allowed}.generate-btn.svelte-qpcrhf:disabled .btn-bg:where(.svelte-qpcrhf){animation:none;filter:grayscale(.3)}.spinner.svelte-qpcrhf{width:20px;height:20px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:svelte-qpcrhf-spin .8s linear infinite}@keyframes svelte-qpcrhf-spin{to{transform:rotate(360deg)}}.result-section.svelte-qpcrhf{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-height:500px;transition:all var(--transition-base)}.result-section.has-result.svelte-qpcrhf{border-color:var(--color-success);box-shadow:0 0 30px var(--color-success-soft)}.result-header.svelte-qpcrhf{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.result-title.svelte-qpcrhf{display:flex;align-items:center;gap:10px}.result-header.svelte-qpcrhf h2:where(.svelte-qpcrhf){font-size:14px;font-weight:600}.result-count.svelte-qpcrhf{font-size:11px;padding:3px 8px;background:var(--color-success-soft);color:var(--color-success);border-radius:100px;font-weight:600}.download-all-btn.svelte-qpcrhf{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-success-soft);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);color:var(--color-success);font-size:12px;font-weight:600;transition:all var(--transition-base)}.download-all-btn.svelte-qpcrhf:hover{background:var(--color-success);color:#fff;transform:translateY(-1px)}.result-content.svelte-qpcrhf{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.results-grid.svelte-qpcrhf{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.results-grid.single.svelte-qpcrhf{grid-template-columns:1fr;max-width:500px}.results-grid.double.svelte-qpcrhf{grid-template-columns:repeat(2,1fr)}.result-image-container.svelte-qpcrhf{position:relative;animation:svelte-qpcrhf-scaleIn .4s ease-out}@keyframes svelte-qpcrhf-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-image.svelte-qpcrhf{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.download-btn.svelte-qpcrhf{position:absolute;bottom:10px;right:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:#fff;opacity:0;transition:all var(--transition-base)}.result-image-container.svelte-qpcrhf:hover .download-btn:where(.svelte-qpcrhf){opacity:1}.download-btn.svelte-qpcrhf:hover{background:var(--color-success);transform:scale(1.1)}.empty-state.svelte-qpcrhf,.loading-state.svelte-qpcrhf,.error-state.svelte-qpcrhf{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:40px}.state-icon.svelte-qpcrhf{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.state-icon.error.svelte-qpcrhf{background:var(--color-error-soft);border-color:#f43f5e4d;color:var(--color-error)}.empty-emoji.svelte-qpcrhf,.loading-emoji.svelte-qpcrhf{font-size:36px}.state-text.svelte-qpcrhf{display:flex;flex-direction:column;gap:6px}.state-title.svelte-qpcrhf{font-size:16px;font-weight:600;color:var(--color-text)}.state-text.svelte-qpcrhf p:where(.svelte-qpcrhf){font-size:14px;color:var(--color-text-muted)}.loading-animation.svelte-qpcrhf{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.orbit-ring.svelte-qpcrhf{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:#facc15;border-radius:50%;animation:svelte-qpcrhf-orbit 1.5s linear infinite}.orbit-ring.delay-1.svelte-qpcrhf{top:10px;right:10px;bottom:10px;left:10px;border-top-color:#fb923c;animation-duration:2s;animation-direction:reverse}@keyframes svelte-qpcrhf-orbit{to{transform:rotate(360deg)}}.center-icon.svelte-qpcrhf{animation:svelte-qpcrhf-pulse-icon 2s ease-in-out infinite}@keyframes svelte-qpcrhf-pulse-icon{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.result-text.svelte-qpcrhf{margin-top:16px;padding:16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;line-height:1.7;width:100%}.model-selector-section.svelte-qpcrhf{display:flex;gap:8px;max-width:1400px;margin:0 auto 32px;padding:0 40px}.model-tab.svelte-qpcrhf{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.model-tab.svelte-qpcrhf:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text)}.model-tab.active.svelte-qpcrhf{background:#facc1514;border-color:#facc15;color:#facc15}.model-icon.svelte-qpcrhf{font-size:18px}.model-name.svelte-qpcrhf{font-weight:600}.model-badge.svelte-qpcrhf{font-size:9px;font-weight:700;padding:2px 6px;background:linear-gradient(135deg,#facc15,#fb923c);color:#1a1a1a;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.aspect-ratio-selector.svelte-qpcrhf{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:320px}.ratio-btn.svelte-qpcrhf{padding:4px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-weight:600;transition:all var(--transition-base)}.ratio-btn.svelte-qpcrhf:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover);color:var(--color-text)}.ratio-btn.active.svelte-qpcrhf{background:#facc1526;border-color:#facc15;color:#facc15}.thought-text.svelte-qpcrhf{margin-top:12px;padding:12px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid rgba(250,204,21,.5);border-radius:var(--radius-md);width:100%}.thought-header.svelte-qpcrhf{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;list-style:none}.thought-header.svelte-qpcrhf::-webkit-details-marker{display:none}.thought-header.svelte-qpcrhf:after{content:"▶";font-size:9px;margin-left:auto;transition:transform .2s ease}.thought-text[open].svelte-qpcrhf>.thought-header:where(.svelte-qpcrhf):after{transform:rotate(90deg)}.thought-text.svelte-qpcrhf p:where(.svelte-qpcrhf){font-size:12px;line-height:1.6;color:var(--color-text-muted);white-space:pre-wrap}.settings-section.svelte-qpcrhf .setting-item:where(.svelte-qpcrhf)+.setting-item:where(.svelte-qpcrhf){margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}@media (max-width: 1024px){.generator-container.svelte-qpcrhf{grid-template-columns:1fr}.result-section.svelte-qpcrhf{min-height:400px}}@media (max-width: 640px){.model-selector-section.svelte-qpcrhf{padding:0 16px;flex-direction:column}.aspect-ratio-selector.svelte-qpcrhf{max-width:100%}.page.svelte-qpcrhf{padding:24px 16px}.images-grid.svelte-qpcrhf{grid-template-columns:repeat(2,1fr)}.header-content.svelte-qpcrhf h1:where(.svelte-qpcrhf){font-size:28px}.page-header.svelte-qpcrhf{margin-bottom:32px}.results-grid.svelte-qpcrhf{grid-template-columns:1fr}}.image-click-area.svelte-qpcrhf{display:block;width:100%;padding:0;background:none;border:none;cursor:pointer}.modal-overlay.svelte-qpcrhf{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content.svelte-qpcrhf{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;animation:svelte-qpcrhf-scaleIn .2s ease-out}.modal-header.svelte-qpcrhf{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.modal-title.svelte-qpcrhf{font-size:14px;font-weight:600;color:var(--color-text)}.modal-actions.svelte-qpcrhf{display:flex;align-items:center;gap:8px}.modal-action-btn.svelte-qpcrhf{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;font-weight:600;transition:all var(--transition-base)}.modal-action-btn.svelte-qpcrhf:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text)}.modal-action-btn.active.svelte-qpcrhf{background:#facc1526;border-color:#facc15;color:#facc15}.modal-action-btn.save.svelte-qpcrhf{background:var(--color-success-soft);border-color:#10b9814d;color:var(--color-success)}.modal-action-btn.save.svelte-qpcrhf:hover{background:var(--color-success);color:#fff}.modal-close-btn.svelte-qpcrhf{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-base)}.modal-close-btn.svelte-qpcrhf:hover{background:var(--color-error-soft);border-color:#f43f5e4d;color:var(--color-error)}.modal-image-wrapper.svelte-qpcrhf{display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.modal-image-wrapper.crop-mode.svelte-qpcrhf{cursor:crosshair;-webkit-user-select:none;user-select:none}.crop-container.svelte-qpcrhf{position:relative;display:inline-block}.modal-image.svelte-qpcrhf{display:block;max-width:100%;max-height:75vh;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.crop-overlay.svelte-qpcrhf{position:absolute;border:2px dashed #facc15;background:#facc1533;pointer-events:none}@keyframes svelte-qpcrhf-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}