.instruction-item[data-v-2faf81a7]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;position:relative;transition:all .2s}.instruction-item[data-v-2faf81a7]:before{background:var(--accentFill,#24aab4);border-radius:2px;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:-4px;transition:opacity .2s}.instruction-item[data-v-2faf81a7]:hover{box-shadow:0 2px 8px #00000014}.instruction-item.has-dependency[data-v-2faf81a7]{border-left:3px solid var(--accentFill,#24aab4)}.instruction-item.is-dependent[data-v-2faf81a7]{margin-left:2rem;position:relative}.instruction-item.is-dependent[data-v-2faf81a7]:before{background:var(--borderDefault,#e0e0e0);content:"";height:2px;left:-1.5rem;opacity:1;position:absolute;top:50%;width:1rem}.instruction-content[data-v-2faf81a7]{align-items:flex-start;display:flex;gap:.75rem;padding:.75rem}.drag-handle[data-v-2faf81a7]{align-items:center;background:transparent;border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textMuted,#999);cursor:grab;display:flex;flex-shrink:0;height:2rem;justify-content:center;touch-action:none;transition:all .2s;width:2rem}.drag-handle[data-v-2faf81a7]:hover{background:var(--surfaceAlt,#f9f9f9);border-color:var(--accentFill,#24aab4);color:var(--accentFill,#24aab4)}.drag-handle[data-v-2faf81a7]:active{background:var(--accentFill,#24aab4);border-color:var(--accentFill,#24aab4);color:#fff;cursor:grabbing}.handle-icon[data-v-2faf81a7]{font-size:1rem;font-weight:700;letter-spacing:-2px;line-height:1}.step-number[data-v-2faf81a7]{align-items:center;background:var(--accentFill,#24aab4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.instruction-details[data-v-2faf81a7]{display:flex;flex:1;flex-direction:column;gap:.5rem;min-width:0}.instruction-text[data-v-2faf81a7]{color:var(--textPrimary,#000);font-size:.9375rem;line-height:1.5}.description[data-v-2faf81a7]{font-weight:500}.action-name[data-v-2faf81a7]{color:var(--accentFill,#24aab4);font-weight:600}.placeholder[data-v-2faf81a7]{color:var(--textMuted,#999);font-style:italic}.instruction-metadata[data-v-2faf81a7]{display:flex;flex-wrap:wrap;gap:.375rem}.metadata-badge[data-v-2faf81a7]{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;line-height:1.2;padding:.25rem .5rem}.metadata-badge.target[data-v-2faf81a7]{background:var(--surfaceAlt,#f0f0f0);color:var(--textPrimary,#000)}.metadata-badge.timer[data-v-2faf81a7]{background:#fff4e6;color:#d97706}.metadata-badge.dependency[data-v-2faf81a7]{background:#e0f2fe;color:#0369a1}.instruction-actions[data-v-2faf81a7]{align-items:flex-start;display:flex;flex-shrink:0;gap:.25rem}.action-btn[data-v-2faf81a7]{align-items:center;background:transparent;border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textMuted,#666);cursor:pointer;display:flex;font-size:1rem;height:1.75rem;justify-content:center;transition:all .2s;width:1.75rem}.action-btn[data-v-2faf81a7]:hover{background:var(--surfaceAlt,#f9f9f9)}.action-btn.edit[data-v-2faf81a7]:hover{border-color:var(--accentFill,#24aab4);color:var(--accentFill,#24aab4)}.action-btn.delete[data-v-2faf81a7]:hover{background:#fee;border-color:#dc2626;color:#dc2626}@media (max-width:768px){.instruction-content[data-v-2faf81a7]{gap:.5rem;padding:.625rem}.drag-handle[data-v-2faf81a7],.step-number[data-v-2faf81a7]{height:1.75rem;width:1.75rem}.instruction-text[data-v-2faf81a7]{font-size:.875rem}.metadata-badge[data-v-2faf81a7]{font-size:.6875rem;padding:.1875rem .375rem}.action-btn[data-v-2faf81a7]{font-size:.875rem;height:1.5rem;width:1.5rem}}.draggable-instruction-list[data-v-16ca08ec]{display:flex;flex-direction:column;gap:.75rem}.instructions-container[data-v-16ca08ec]{gap:.5rem}.instruction-wrapper[data-v-16ca08ec],.instructions-container[data-v-16ca08ec]{display:flex;flex-direction:column;position:relative}.instruction-wrapper[data-v-16ca08ec]{gap:0}.ghost[data-v-16ca08ec]{background:var(--accentFill,#24aab4);border:2px dashed var(--accentFill,#24aab4);opacity:.3}.dragging[data-v-16ca08ec]{cursor:grabbing!important;opacity:.8;transform:rotate(2deg)}.dependency-arrow[data-v-16ca08ec]{align-items:center;color:var(--accentFill,#24aab4);display:flex;height:40px;justify-content:center;opacity:.7;transition:opacity .2s}.dependency-arrow[data-v-16ca08ec]:hover{opacity:1}.arrow-svg[data-v-16ca08ec]{display:block}.inline-edit-slot[data-v-16ca08ec]{margin-bottom:.75rem;margin-top:.75rem}.empty-state[data-v-16ca08ec]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border:2px dashed var(--borderDefault,#e0e0e0);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state p[data-v-16ca08ec]{color:var(--textMuted,#666);font-size:1rem;margin:0 0 1rem}.btn-add-first[data-v-16ca08ec]{background:var(--accentFill,#24aab4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-add-first[data-v-16ca08ec]:hover{box-shadow:0 4px 12px #24aab44d;opacity:.9;transform:translateY(-1px)}.grouped-instruction-card[data-v-16ca08ec]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;overflow:hidden;transition:all .2s}.grouped-instruction-card[data-v-16ca08ec]:hover{border-color:var(--accentFill,#24aab4);box-shadow:0 2px 8px #00000014}.group-header[data-v-16ca08ec]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border-bottom:1px solid var(--borderDefault,#e0e0e0);display:flex;gap:.75rem;padding:.75rem 1rem}.group-header .drag-handle[data-v-16ca08ec]{color:var(--textMuted,#999);cursor:grab;font-size:1rem;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-header .drag-handle[data-v-16ca08ec]:active{cursor:grabbing}.group-info[data-v-16ca08ec]{align-items:center;display:flex;flex:1;gap:.5rem}.step-number[data-v-16ca08ec]{align-items:center;background:var(--accentFill,#24aab4);border-radius:50%;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;height:1.75rem;justify-content:center;min-width:1.75rem}.group-description[data-v-16ca08ec]{color:var(--textPrimary,#000);font-size:.9375rem;font-weight:500}.group-count[data-v-16ca08ec]{color:var(--textMuted,#666);font-size:.8125rem;font-style:italic}.group-actions[data-v-16ca08ec]{display:flex;gap:.5rem}.btn-edit[data-v-16ca08ec]{background:transparent;border:1px solid var(--borderDefault,#e0e0e0);border-radius:4px;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:all .2s}.btn-edit[data-v-16ca08ec]:hover{background:var(--surfaceAlt,#f9f9f9);border-color:var(--accentFill,#24aab4)}.group-items[data-v-16ca08ec]{background:var(--surfaceAlt,#f5f5f5);border-top:1px solid var(--borderDefault,#e0e0e0);display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1.25rem .75rem 2.5rem}.group-item[data-v-16ca08ec]{align-items:center;background:var(--surface,#fff);border:1px solid var(--borderDefault,#e8e8e8);border-radius:6px;display:flex;gap:.625rem;padding:.5rem .625rem;transition:all .2s}.group-item[data-v-16ca08ec]:hover{background:var(--surfaceAlt,#fafafa);border-color:var(--accentFill,#24aab4);transform:translate(2px)}.item-substep[data-v-16ca08ec]{align-items:center;background:var(--surfaceAlt,#f0f0f0);border-radius:4px;color:var(--textMuted,#666);display:inline-flex;flex-shrink:0;font-family:monospace;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;letter-spacing:.025em;min-width:2.25rem}.item-description[data-v-16ca08ec]{color:var(--textPrimary,#333);flex:1;font-size:.8125rem;line-height:1.4}.btn-delete-item[data-v-16ca08ec]{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--textMuted,#999);cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;height:1.5rem;justify-content:center;line-height:1;opacity:0;transition:all .2s;width:1.5rem}.group-item:hover .btn-delete-item[data-v-16ca08ec]{opacity:1}.btn-delete-item[data-v-16ca08ec]:hover{background:#fee;border-color:#fcc;color:#c00}.draggable-instruction-list--locked[data-v-16ca08ec] .drag-handle{display:none}.instruction-form-fields[data-v-274f153e]{display:flex;flex-direction:column;gap:1.25rem}.row[data-v-274f153e]{align-items:start;display:grid;gap:1rem;grid-template-columns:140px 1fr}.row label[data-v-274f153e]{color:var(--textPrimary,#000);font-size:.875rem;font-weight:600;padding-top:.5rem}.step-type-pills[data-v-274f153e]{display:flex;flex-wrap:wrap;gap:.5rem}.step-type-pills button[data-v-274f153e]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:20px;color:var(--textPrimary,#000);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.step-type-pills button[data-v-274f153e]:hover{background:var(--surface,#fff);border-color:var(--accentFill,#24aab4)}.step-type-pills button.active[data-v-274f153e]{background:var(--accentFill,#24aab4);border-color:var(--accentFill,#24aab4);color:#fff}.target-controls[data-v-274f153e]{align-items:center;display:flex;gap:.5rem}.target-type-select[data-v-274f153e]{width:140px}.flex-1[data-v-274f153e]{flex:1}input[type=number][data-v-274f153e],input[type=text][data-v-274f153e],select[data-v-274f153e]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textPrimary,#000);font-size:.875rem;padding:.625rem .75rem;transition:all .2s}input[data-v-274f153e]:focus,select[data-v-274f153e]:focus{border-color:var(--accentFill,#24aab4);box-shadow:0 0 0 3px #24aab41a;outline:none}.btn-small[data-v-274f153e]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textPrimary,#000);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.625rem 1rem;transition:all .2s;white-space:nowrap}.btn-small[data-v-274f153e]:hover:not(:disabled){background:var(--surfaceAlt,#f9f9f9);border-color:var(--accentFill,#24aab4)}.btn-small[data-v-274f153e]:disabled{cursor:not-allowed;opacity:.5}.new-container-form[data-v-274f153e]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;display:flex;gap:.5rem;margin-left:140px;padding:1rem}.duration-controls[data-v-274f153e]{align-items:center;display:flex;gap:.5rem}.duration-input[data-v-274f153e]{width:100px}.duration-hint[data-v-274f153e]{color:var(--textMuted,#999);font-size:.75rem;font-style:italic}.prep-location-info[data-v-274f153e]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;display:flex;flex:1;gap:.5rem;padding:.625rem .75rem}.location-icon[data-v-274f153e]{flex-shrink:0;font-size:1rem}.location-text[data-v-274f153e]{color:var(--textPrimary,#000);font-size:.875rem;font-weight:500}.location-hint[data-v-274f153e]{color:var(--textMuted,#999);font-size:.75rem;font-weight:400;margin-left:.25rem}@media (max-width:768px){.row[data-v-274f153e]{gap:.5rem;grid-template-columns:1fr}.row label[data-v-274f153e]{padding-top:0}.new-container-form[data-v-274f153e]{margin-left:0}}.ingredient-picker[data-v-2028ee8a]{font-family:inherit;position:relative;width:100%}.picker-header[data-v-2028ee8a]{align-items:stretch;display:flex;gap:.5rem}.search-wrapper[data-v-2028ee8a]{align-items:center;display:flex;flex:1;position:relative}.search-icon[data-v-2028ee8a]{font-size:.875rem;left:.75rem;opacity:.5;pointer-events:none;position:absolute}.search-input[data-v-2028ee8a]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;color:var(--textPrimary,#000);font-size:.9375rem;padding:.75rem 2.5rem .75rem 2.25rem;transition:all .2s;width:100%}.search-input[data-v-2028ee8a]:focus{border-color:var(--accentFill,#24aab4);box-shadow:0 0 0 3px #24aab41a;outline:none}.clear-btn[data-v-2028ee8a]{background:none;border:none;color:var(--textMuted,#666);cursor:pointer;padding:.25rem;right:2rem}.clear-btn[data-v-2028ee8a],.loading-spinner[data-v-2028ee8a]{font-size:.875rem;position:absolute}.loading-spinner[data-v-2028ee8a]{animation:spin-2028ee8a 1s linear infinite;right:.75rem}@keyframes spin-2028ee8a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.expand-toggle[data-v-2028ee8a]{background:var(--surfaceAlt,#f5f5f5);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;color:var(--textMuted,#666);cursor:pointer;font-size:.75rem;padding:0 .75rem;transition:all .2s}.expand-toggle[data-v-2028ee8a]:hover{background:var(--surface,#fff);border-color:var(--accentFill,#24aab4)}.expand-toggle.active[data-v-2028ee8a]{background:var(--accentFill,#24aab4);border-color:var(--accentFill,#24aab4);color:#fff}.picker-content[data-v-2028ee8a]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;left:0;max-height:420px;overflow:hidden;position:absolute;right:0;top:calc(100% + .25rem);z-index:1000}.ingredient-picker.expanded .picker-content[data-v-2028ee8a]{max-height:500px}.category-tabs[data-v-2028ee8a]{background:var(--surfaceAlt,#f9f9f9);border-bottom:1px solid var(--borderDefault,#e0e0e0);display:flex;flex-shrink:0;gap:.25rem;overflow-x:auto;padding:.5rem}.category-tabs[data-v-2028ee8a]::-webkit-scrollbar{height:4px}.category-tabs[data-v-2028ee8a]::-webkit-scrollbar-thumb{background:var(--borderDefault,#e0e0e0);border-radius:2px}.category-tab[data-v-2028ee8a]{align-items:center;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:.125rem;min-width:52px;padding:.375rem .5rem;transition:all .15s}.category-tab[data-v-2028ee8a]:hover{background:#24aab41a}.category-tab.active[data-v-2028ee8a]{background:var(--accentFill,#24aab4);color:#fff}.tab-icon[data-v-2028ee8a]{font-size:1.25rem}.tab-label[data-v-2028ee8a]{font-size:.625rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.section-header[data-v-2028ee8a]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border-bottom:1px solid var(--borderDefault,#e0e0e0);color:var(--textMuted,#666);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;text-transform:uppercase}.section-icon[data-v-2028ee8a]{font-size:.875rem}.result-count[data-v-2028ee8a]{font-weight:400;margin-left:auto}.results-area[data-v-2028ee8a]{flex:1;overflow-y:auto;padding:.5rem}.ingredient-grid[data-v-2028ee8a]{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:.25rem}.recent-grid[data-v-2028ee8a]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.ingredient-tile[data-v-2028ee8a]{align-items:center;background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.625rem .375rem;text-align:center;transition:all .15s}.ingredient-tile.highlighted[data-v-2028ee8a],.ingredient-tile[data-v-2028ee8a]:hover{background:#24aab40d;border-color:var(--accentFill,#24aab4);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.recent-tile[data-v-2028ee8a]{padding:.5rem .25rem}.tile-icon[data-v-2028ee8a]{font-size:1.5rem}.recent-tile .tile-icon[data-v-2028ee8a]{font-size:1.25rem}.tile-name[data-v-2028ee8a]{color:var(--textPrimary,#000);display:-webkit-box;font-size:.75rem;font-weight:500;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-cal[data-v-2028ee8a]{color:var(--textMuted,#666);font-size:.625rem}.recent-section[data-v-2028ee8a]{margin-bottom:.5rem}.no-results[data-v-2028ee8a]{align-items:center;color:var(--textMuted,#666);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem}.no-results-icon[data-v-2028ee8a]{font-size:2rem}.no-results-text[data-v-2028ee8a]{font-size:.875rem}.loading-state[data-v-2028ee8a]{align-items:center;color:var(--textMuted,#666);display:flex;gap:.5rem;justify-content:center;padding:1.5rem}.loading-icon[data-v-2028ee8a]{animation:spin-2028ee8a 1s linear infinite}.create-section[data-v-2028ee8a]{background:var(--surfaceAlt,#f9f9f9);border-top:1px solid var(--borderDefault,#e0e0e0);padding:.5rem}.create-btn[data-v-2028ee8a]{align-items:center;background:transparent;border:2px dashed var(--accentFill,#24aab4);border-radius:8px;color:var(--accentFill,#24aab4);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .15s;width:100%}.create-btn.highlighted[data-v-2028ee8a],.create-btn[data-v-2028ee8a]:hover{background:#24aab41a}.create-icon[data-v-2028ee8a]{font-size:1.25rem;font-weight:700}@media (max-width:480px){.ingredient-grid[data-v-2028ee8a]{grid-template-columns:repeat(3,1fr)}.category-tab[data-v-2028ee8a]{min-width:44px;padding:.25rem .375rem}.tab-icon[data-v-2028ee8a]{font-size:1rem}.tab-label[data-v-2028ee8a]{font-size:.5625rem}}.ingredient-form-fields[data-v-8344cf07]{width:100%}.row[data-v-8344cf07]{align-items:start;display:grid;gap:1rem;grid-template-columns:140px 1fr}.row label[data-v-8344cf07]{color:var(--textPrimary,#000);font-size:.875rem;font-weight:600;padding-top:.5rem}.ingredient-controls[data-v-8344cf07]{display:grid;gap:.5rem;grid-template-columns:1fr auto auto}.ing-amount[data-v-8344cf07]{width:100px}.ing-unit-selector[data-v-8344cf07]{min-width:100px}.ing-unit-selector[data-v-8344cf07] .selector-trigger{height:100%;min-height:42px}input[type=number][data-v-8344cf07]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textPrimary,#000);font-size:.875rem;padding:.625rem .75rem;transition:all .2s}input[data-v-8344cf07]:focus{border-color:var(--accentFill,#24aab4);box-shadow:0 0 0 3px #24aab41a;outline:none}@media (max-width:768px){.row[data-v-8344cf07]{gap:.5rem;grid-template-columns:1fr}.row label[data-v-8344cf07]{padding-top:0}.ingredient-controls[data-v-8344cf07]{grid-template-columns:1fr}.ing-amount[data-v-8344cf07],.ing-unit-selector[data-v-8344cf07]{width:100%}}.group-ingredients-editor[data-v-92cf0b92]{display:flex;flex-direction:column;gap:1rem;width:100%}.row[data-v-92cf0b92]{align-items:start;display:grid;gap:1rem;grid-template-columns:140px 1fr}.row label[data-v-92cf0b92]{color:var(--textPrimary,#000);font-size:.875rem;font-weight:600;padding-top:.5rem}.group-editor-container[data-v-92cf0b92]{display:flex;flex-direction:column;gap:1rem;width:100%}.group-ingredients-list[data-v-92cf0b92]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.group-ingredient-row[data-v-92cf0b92]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;cursor:default;display:flex;gap:.75rem;padding:.625rem .75rem;transition:all .2s}.group-ingredient-row[data-v-92cf0b92]:hover{background:var(--surface,#fff);border-color:var(--accentFill,#24aab4)}.drag-handle-small[data-v-92cf0b92]{color:var(--textMuted,#999);cursor:grab;font-size:.875rem;line-height:1;padding:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle-small[data-v-92cf0b92]:active{cursor:grabbing}.drag-handle-small[data-v-92cf0b92]:hover{color:var(--accentFill,#24aab4)}.ghost-small[data-v-92cf0b92]{background:var(--accentFill,#24aab4);border:2px dashed var(--accentFill,#24aab4);opacity:.3}.ingredient-index[data-v-92cf0b92]{color:var(--accentFill,#24aab4);font-size:.875rem;font-weight:600;min-width:1.5rem}.ingredient-description[data-v-92cf0b92]{color:var(--textPrimary,#000);flex:1;font-size:.875rem}.btn-remove-ingredient[data-v-92cf0b92]{align-items:center;background:transparent;border:1px solid var(--borderDefault,#e0e0e0);border-radius:50%;color:var(--textMuted,#999);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:1.75rem;justify-content:center;line-height:1;transition:all .2s;width:1.75rem}.btn-remove-ingredient[data-v-92cf0b92]:hover:not(:disabled){background:#fee;border-color:#fcc;color:#c00}.btn-remove-ingredient[data-v-92cf0b92]:disabled{cursor:not-allowed;opacity:.3}.add-to-group-section[data-v-92cf0b92]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.add-to-group-header[data-v-92cf0b92]{align-items:center;border-bottom:1px solid var(--borderDefault,#e0e0e0);display:flex;padding-bottom:.5rem}.add-to-group-label[data-v-92cf0b92]{color:var(--textPrimary,#000);font-size:.875rem;font-weight:600}.ingredient-controls-with-btn[data-v-92cf0b92]{display:flex;flex-direction:column;gap:.75rem}.ingredient-controls[data-v-92cf0b92]{display:grid;gap:.5rem;grid-template-columns:1fr auto auto}.ing-amount[data-v-92cf0b92]{width:100px}.ing-unit-selector[data-v-92cf0b92]{min-width:100px}.ing-unit-selector[data-v-92cf0b92] .selector-trigger{height:100%;min-height:42px}input[type=number][data-v-92cf0b92]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textPrimary,#000);font-size:.875rem;padding:.625rem .75rem;transition:all .2s}input[data-v-92cf0b92]:focus{border-color:var(--accentFill,#24aab4);box-shadow:0 0 0 3px #24aab41a;outline:none}.btn-add-to-group-large[data-v-92cf0b92]{background:var(--accentFill,#24aab4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;width:100%}.btn-add-to-group-large[data-v-92cf0b92]:hover:not(:disabled){box-shadow:0 4px 12px #24aab44d;opacity:.9;transform:translateY(-1px)}.btn-add-to-group-large[data-v-92cf0b92]:disabled{background:var(--borderDefault,#e0e0e0);color:var(--textMuted,#999);cursor:not-allowed;opacity:.5;transform:none}.group-edit-info[data-v-92cf0b92]{background:#e7f3ff;border:1px solid #4a9eff;border-radius:6px;padding:.75rem 1rem}.group-edit-info small[data-v-92cf0b92]{color:#06c;font-size:.875rem;font-weight:500}@media (max-width:768px){.row[data-v-92cf0b92]{gap:.5rem;grid-template-columns:1fr}.row label[data-v-92cf0b92]{padding-top:0}.ingredient-controls[data-v-92cf0b92]{grid-template-columns:1fr}.ing-amount[data-v-92cf0b92],.ing-unit-selector[data-v-92cf0b92]{width:100%}}.transfer-controls[data-v-71ab5dee]{margin-left:140px}.transfer-row[data-v-71ab5dee]{align-items:center;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto auto 1fr}.transfer-row label[data-v-71ab5dee]{color:var(--textPrimary,#000);font-size:.875rem;font-weight:600}.arrow[data-v-71ab5dee]{color:var(--textMuted,#999);font-size:1.25rem}select[data-v-71ab5dee]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textPrimary,#000);font-size:.875rem;padding:.625rem .75rem;transition:all .2s}select[data-v-71ab5dee]:focus{border-color:var(--accentFill,#24aab4);box-shadow:0 0 0 3px #24aab41a;outline:none}@media (max-width:768px){.transfer-controls[data-v-71ab5dee]{margin-left:0}.transfer-row[data-v-71ab5dee]{gap:.5rem;grid-template-columns:1fr}.arrow[data-v-71ab5dee]{text-align:center}}.validation-feedback[data-v-5eb5b432]{background:#fef3cd;border:1px solid #ffc107;border-radius:6px;padding:.75rem 1rem}.validation-text[data-v-5eb5b432]{color:#856404;font-size:.875rem;font-weight:500}.recipe-instruction-editor[data-v-9beea23a]{display:flex;flex-direction:column;gap:1.5rem}.editor-header[data-v-9beea23a]{align-items:center;justify-content:space-between;margin-bottom:.5rem}.editor-header[data-v-9beea23a],.header-actions[data-v-9beea23a]{display:flex;gap:.5rem}.btn-add[data-v-9beea23a]{background:var(--accentFill,#24aab4);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.btn-add[data-v-9beea23a]:hover{opacity:.9}.btn-cancel-small[data-v-9beea23a]{background:var(--surfaceAlt,#f5f5f5);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;color:var(--textMuted,#666);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.375rem .75rem}.btn-cancel-small[data-v-9beea23a]:hover{background:var(--surface,#fff)}.btn-save-small[data-v-9beea23a]{background:var(--accentFill,#24aab4);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.btn-save-small[data-v-9beea23a]:hover:not(:disabled){opacity:.9}.btn-save-small[data-v-9beea23a]:disabled{cursor:not-allowed;opacity:.5}.btn-save-recipe[data-v-9beea23a]{background:var(--accentFill,#24aab4);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.btn-save-recipe[data-v-9beea23a]:hover:not(:disabled){opacity:.9}.btn-save-recipe[data-v-9beea23a]:disabled{cursor:not-allowed;opacity:.5}.view-toggle-tabs[data-v-9beea23a]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;display:flex;gap:0;padding:2px}.view-toggle-tabs .tab[data-v-9beea23a]{background:transparent;border:none;border-radius:4px;color:var(--textMuted,#666);cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .625rem;transition:all .15s;white-space:nowrap}.view-toggle-tabs .tab[data-v-9beea23a]:hover{color:var(--textPrimary,#000)}.view-toggle-tabs .tab.active[data-v-9beea23a]{background:var(--surface,#fff);box-shadow:0 1px 2px #0000000d;color:var(--accentFill,#24aab4);font-weight:600}.flow-diagram-view[data-v-9beea23a]{min-height:400px}.instruction-form[data-v-9beea23a]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.instruction-form.inline-form[data-v-9beea23a]{background:#fff8e6;border:2px solid var(--accentFill,#24aab4);box-shadow:0 4px 12px #24aab426}.edit-form-header[data-v-9beea23a]{border-bottom:2px solid var(--accentFill,#24aab4);margin-bottom:.5rem;padding-bottom:.75rem}.edit-form-header h4[data-v-9beea23a]{color:var(--accentFill,#24aab4);font-size:1rem;font-weight:700;margin:0}.add-instruction-section[data-v-9beea23a]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;margin-top:.5rem;padding:.75rem}.preview-row[data-v-9beea23a]{background:var(--surface,#fff);border-left:3px solid var(--accentFill,#24aab4);border-radius:6px;padding:.75rem 1rem}.preview-text[data-v-9beea23a]{color:var(--textMuted,#666);font-size:.875rem;font-style:italic}.form-actions[data-v-9beea23a]{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem}.btn-cancel[data-v-9beea23a],.btn-save[data-v-9beea23a]{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.btn-cancel[data-v-9beea23a]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);color:var(--textPrimary,#000)}.btn-cancel[data-v-9beea23a]:hover{background:var(--surfaceAlt,#f9f9f9);border-color:var(--textMuted,#999)}.btn-save[data-v-9beea23a]{background:var(--accentFill,#24aab4);color:#fff}.btn-save[data-v-9beea23a]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-save[data-v-9beea23a]:disabled{cursor:not-allowed;opacity:.5}.empty-state[data-v-9beea23a]{background:var(--surfaceAlt,#f9f9f9);border:2px dashed var(--borderDefault,#e0e0e0);border-radius:12px;padding:3rem 1.5rem;text-align:center}.empty-state p[data-v-9beea23a]{color:var(--textMuted,#666);font-size:.9375rem;margin:0}