.recipe-scraper.svelte-8glgz0{max-width:800px;margin:0 auto;display:flex;gap:var(--spacing-lg);flex-direction:column;align-items:center;padding:0 var(--spacing-sm)}.recipe-scraper.narrow.svelte-8glgz0{max-width:420px}.scraper-header.svelte-8glgz0{text-align:center}.scraper-header.svelte-8glgz0 .lead:where(.svelte-8glgz0){margin:var(--spacing-xs) 0 var(--spacing-sm);color:var(--color-text-on-surface-secondary)}.tabs-center.svelte-8glgz0{display:flex;justify-content:center;width:100%}.scraper-form.svelte-8glgz0{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%}@media (max-width: 480px){.scraper-form.svelte-8glgz0{flex-direction:column;gap:var(--spacing-sm)}}.text-input-section.svelte-8glgz0,.image-input-section.svelte-8glgz0{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;width:100%}.text-input-section.svelte-8glgz0>button,.image-input-section.svelte-8glgz0>button{align-self:flex-end;width:auto}.text-counter.svelte-8glgz0{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-on-surface-secondary);background:var(--color-surface);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm)}.url-row.svelte-8glgz0{display:grid;grid-template-columns:minmax(480px,1fr) auto;gap:var(--spacing-sm);align-items:center;width:100%}@media (max-width: 480px){.url-row.svelte-8glgz0{grid-template-columns:1fr}}@media (max-width: 480px){.url-row.svelte-8glgz0 button{width:100%}}@media (max-width: 480px){.text-input-section.svelte-8glgz0>button,.image-input-section.svelte-8glgz0>button{width:100%;align-self:stretch}}.image-upload-grid.svelte-8glgz0{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%}.dropzone.svelte-8glgz0{border:2px dashed var(--color-neutral-darker);border-radius:var(--border-radius-lg)}.upload-slot.svelte-8glgz0{display:flex;align-items:center;justify-content:flex-start;width:100%}.upload-slot.svelte-8glgz0 button{width:100%}.add-image-row.svelte-8glgz0{margin-top:var(--spacing-sm)}.loading-message.svelte-8glgz0{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-on-surface)}.loading-message.svelte-8glgz0 p:where(.svelte-8glgz0){margin:0}.loading-message.svelte-8glgz0 p:where(.svelte-8glgz0):first-child{font-weight:500;margin-bottom:var(--spacing-xs)}