.page-header.svelte-1pes5m5{margin-bottom:var(--spacing-lg)}.mode-tabs.svelte-1pes5m5{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.mode-tab.svelte-1pes5m5{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-card);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mode-tab.svelte-1pes5m5:hover{border-color:var(--color-primary-300)}.mode-tab.active.svelte-1pes5m5{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.error-message.svelte-1pes5m5{background:#fef2f2;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.error-message.svelte-1pes5m5 button:where(.svelte-1pes5m5){background:none;border:none;cursor:pointer;font-size:1.25rem;opacity:.6}.upload-section.svelte-1pes5m5,.url-section.svelte-1pes5m5,.generate-section.svelte-1pes5m5{margin-bottom:var(--spacing-xl)}.upload-hint.svelte-1pes5m5{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.drop-zone.svelte-1pes5m5{border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-fast);margin-bottom:var(--spacing-lg)}.drop-zone.dragging.svelte-1pes5m5{border-color:var(--color-primary-500);background:var(--color-primary-50)}.drop-zone.has-file.svelte-1pes5m5{border-style:solid;border-color:var(--color-secondary-500)}.drop-content.svelte-1pes5m5{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.drop-icon.svelte-1pes5m5{font-size:3rem;opacity:.5}.file-preview.svelte-1pes5m5{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center}.file-preview.svelte-1pes5m5 img:where(.svelte-1pes5m5){max-height:120px;border-radius:var(--radius-md)}.file-icon.svelte-1pes5m5{font-size:3rem}.file-name.svelte-1pes5m5{font-weight:500}.remove-file.svelte-1pes5m5{background:var(--color-neutral-200);border:none;border-radius:var(--radius-full);width:24px;height:24px;cursor:pointer}.recipe-form.svelte-1pes5m5{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section.svelte-1pes5m5 h2:where(.svelte-1pes5m5){font-size:1.25rem;margin:0 0 var(--spacing-lg)}.form-row.svelte-1pes5m5{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.ingredients-form.svelte-1pes5m5{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ingredient-row.svelte-1pes5m5{display:grid;grid-template-columns:80px 100px 1fr 150px 40px;gap:var(--spacing-sm);align-items:center}.instructions-form.svelte-1pes5m5{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.instruction-row.svelte-1pes5m5{display:grid;grid-template-columns:40px 1fr 40px;gap:var(--spacing-sm);align-items:start}.step-num.svelte-1pes5m5{width:32px;height:32px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.remove-btn.svelte-1pes5m5{padding:var(--spacing-xs);opacity:.5}.remove-btn.svelte-1pes5m5:hover{opacity:1}.add-btn.svelte-1pes5m5{align-self:flex-start}.checkbox-grid.svelte-1pes5m5{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.checkbox-label.svelte-1pes5m5{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.checkbox-label.svelte-1pes5m5:hover{background:var(--color-neutral-100)}.checkbox-label.svelte-1pes5m5 input:where(.svelte-1pes5m5){width:18px;height:18px}.form-actions.svelte-1pes5m5{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}@media(max-width:768px){.form-row.svelte-1pes5m5{grid-template-columns:1fr}.ingredient-row.svelte-1pes5m5{grid-template-columns:60px 80px 1fr 40px}.ingredient-row.svelte-1pes5m5 .notes:where(.svelte-1pes5m5){display:none}}