.smart-image-uploader.svelte-1xro2j0{max-width:800px;margin:0 auto}.uploader-content.svelte-1xro2j0{padding:2rem}.title.svelte-1xro2j0{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#111827}.description.svelte-1xro2j0{color:#6b7280;margin-bottom:2rem;line-height:1.5}.input-section.svelte-1xro2j0{margin-bottom:2rem}.form-row.svelte-1xro2j0{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group.svelte-1xro2j0{display:flex;flex-direction:column}.mode-options.svelte-1xro2j0{display:flex;flex-wrap:wrap;gap:1rem}.mode-option.svelte-1xro2j0{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.mode-option.svelte-1xro2j0:hover{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.mode-option.svelte-1xro2j0 input:where(.svelte-1xro2j0){margin:0;accent-color:#3b82f6}.option-content.svelte-1xro2j0{display:flex;flex-direction:column;gap:.25rem}.option-title.svelte-1xro2j0{font-weight:600;color:#111827}.option-description.svelte-1xro2j0{font-size:.875rem;color:#6b7280}.form-row.single-column.svelte-1xro2j0{grid-template-columns:1fr}.checkbox-group.svelte-1xro2j0{justify-content:center}label.svelte-1xro2j0{font-weight:500;margin-bottom:.5rem;color:#374151}.input.svelte-1xro2j0{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem}.input.svelte-1xro2j0:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.checkbox-label.svelte-1xro2j0{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex-direction:row;margin-bottom:0}.upload-area.svelte-1xro2j0{position:relative;border:2px dashed #d1d5db;border-radius:1rem;padding:2rem;text-align:center;background:#f9fafb;transition:all .2s;margin-bottom:1rem}.upload-area.svelte-1xro2j0:hover,.upload-area.drag-active.svelte-1xro2j0{border-color:#3b82f6;background:#eff6ff}.upload-area.has-file.svelte-1xro2j0{border-color:#10b981;background:#f0fdf4}.file-input.svelte-1xro2j0{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-prompt.svelte-1xro2j0{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon.svelte-1xro2j0{font-size:3rem}.prompt-text.svelte-1xro2j0{font-weight:500;color:#374151}.prompt-subtext.svelte-1xro2j0{font-size:.875rem;color:#6b7280}.file-preview.svelte-1xro2j0{display:flex;align-items:center;gap:1rem}.preview-image.svelte-1xro2j0{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.file-info.svelte-1xro2j0{text-align:left}.file-name.svelte-1xro2j0{font-weight:500;color:#111827}.file-size.svelte-1xro2j0{color:#6b7280;font-size:.875rem}.upload-overlay.svelte-1xro2j0{position:absolute;top:.5rem;right:.5rem;background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:background .2s}.upload-overlay.svelte-1xro2j0:hover{background:#2563eb}.error-message.svelte-1xro2j0{color:#ef4444;font-weight:500;padding:.75rem;background:#fef2f2;border-radius:.5rem;border:1px solid #fecaca;margin-bottom:1rem}.action-section.svelte-1xro2j0{display:flex;flex-direction:column;align-items:center;gap:.75rem}.results-actions.svelte-1xro2j0{display:flex;justify-content:flex-start;margin:1rem 0 2rem}.progress-message.svelte-1xro2j0{font-size:.875rem;color:#6b7280;text-align:center;margin:0}.results-section.svelte-1xro2j0{text-align:left}.success-header.svelte-1xro2j0{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#f0fdf4;border-radius:.5rem;border:1px solid #bbf7d0}.success-icon.svelte-1xro2j0{font-size:2rem}.success-header.svelte-1xro2j0 h3:where(.svelte-1xro2j0){margin:0;color:#166534}.success-header.svelte-1xro2j0 p:where(.svelte-1xro2j0){margin:0;color:#15803d;font-size:.875rem}.generated-files.svelte-1xro2j0{margin-bottom:2rem}.generated-files.svelte-1xro2j0 h4:where(.svelte-1xro2j0){margin-bottom:1rem;color:#111827}.files-grid.svelte-1xro2j0{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.file-card.svelte-1xro2j0{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.file-thumbnail.svelte-1xro2j0{width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.file-details.svelte-1xro2j0{padding:.75rem;display:flex;justify-content:space-between;align-items:center}.variant-name.svelte-1xro2j0{font-size:.875rem;font-weight:500;color:#374151}.code-snippets.svelte-1xro2j0 h4:where(.svelte-1xro2j0){margin-bottom:1rem;color:#111827}.code-section.svelte-1xro2j0{margin-bottom:1.5rem}.code-header.svelte-1xro2j0{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.code-title.svelte-1xro2j0{font-weight:500;color:#374151}.code-block.svelte-1xro2j0{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.5}.url-list.svelte-1xro2j0{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.url-item.svelte-1xro2j0{margin-bottom:.5rem}.url-item.svelte-1xro2j0:last-child{margin-bottom:0}.url-text.svelte-1xro2j0{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;color:#374151;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;word-break:break-all}@media (max-width: 768px){.form-row.svelte-1xro2j0{grid-template-columns:1fr}.mode-options.svelte-1xro2j0{flex-direction:column}.mode-option.svelte-1xro2j0{width:100%}.results-actions.svelte-1xro2j0{justify-content:center}.files-grid.svelte-1xro2j0{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.uploader-content.svelte-1xro2j0{padding:1rem}}.page-container.svelte-xd9nov{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-xd9nov{text-align:center;margin-bottom:3rem}.page-title.svelte-xd9nov{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.page-description.svelte-xd9nov{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.content.svelte-xd9nov{margin-bottom:3rem}.help-section.svelte-xd9nov{margin-top:3rem}.help-details.svelte-xd9nov{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.help-summary.svelte-xd9nov{font-size:1.125rem;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.help-summary.svelte-xd9nov::-webkit-details-marker{display:none}.help-details[open].svelte-xd9nov .help-summary:where(.svelte-xd9nov):before{transform:rotate(90deg)}.help-content.svelte-xd9nov{margin-top:1.5rem;color:#4b5563;line-height:1.6}.help-content.svelte-xd9nov h3:where(.svelte-xd9nov){font-size:1.125rem;font-weight:600;color:#111827;margin-top:1.5rem;margin-bottom:.75rem}.help-content.svelte-xd9nov h3:where(.svelte-xd9nov):first-child{margin-top:0}.help-content.svelte-xd9nov h4:where(.svelte-xd9nov){font-size:1rem;font-weight:600;color:#374151;margin-top:1.25rem;margin-bottom:.5rem}.help-content.svelte-xd9nov ul:where(.svelte-xd9nov),.help-content.svelte-xd9nov ol:where(.svelte-xd9nov){margin:.75rem 0;padding-left:1.5rem}.help-content.svelte-xd9nov li:where(.svelte-xd9nov){margin-bottom:.5rem}.help-content.svelte-xd9nov code:where(.svelte-xd9nov){background:#e5e7eb;color:#374151;padding:.25rem .5rem;border-radius:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem}.help-content.svelte-xd9nov pre:where(.svelte-xd9nov){background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:.75rem 0}.help-content.svelte-xd9nov pre:where(.svelte-xd9nov) code:where(.svelte-xd9nov){background:transparent;color:inherit;padding:0}@media (max-width: 768px){.page-container.svelte-xd9nov{padding:1rem}.page-title.svelte-xd9nov{font-size:2rem}.page-description.svelte-xd9nov{font-size:1rem}.help-details.svelte-xd9nov{padding:1rem}}