.recipe-flow-diagram[data-v-fc53c273]{padding:0}.recipe-flow-diagram[data-v-fc53c273],.timeline-wrapper[data-v-fc53c273]{min-width:100%;width:-moz-fit-content;width:fit-content}.timeline-wrapper[data-v-fc53c273]{display:flex;gap:0;position:relative}.time-axis[data-v-fc53c273]{background:var(--surface,#fff);border-right:1px solid var(--borderDefault,#e0e0e0);flex-shrink:0;left:0;padding-top:40px;position:sticky;width:44px;z-index:10}.axis-label[data-v-fc53c273]{background:var(--surfaceAlt,#f9f9f9);border-bottom:2px solid var(--borderDefault,#e0e0e0);color:var(--textMuted,#666);font-size:.6875rem;font-weight:700;letter-spacing:.5px;padding:.5rem .25rem;text-align:center;text-transform:uppercase;top:0}.axis-label[data-v-fc53c273],.time-mark[data-v-fc53c273]{left:0;position:absolute;right:0}.time-mark[data-v-fc53c273]{background:var(--borderDefault,#e0e0e0);height:1px}.time-label[data-v-fc53c273]{background:var(--surface,#fff);color:var(--textMuted,#666);font-family:monospace;font-size:.625rem;font-weight:600;left:0;padding:2px 0;position:absolute;right:0;text-align:center;transform:translateY(-50%)}.lanes-container[data-v-fc53c273]{display:flex;flex:1;gap:2px;padding-left:0}.container-lane[data-v-fc53c273]{background:var(--surface,#fff);border-left:1px solid var(--borderDefault,#e0e0e0);flex-shrink:0;max-width:300px;min-width:250px;padding:0;position:relative}.lane-header[data-v-fc53c273]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border-bottom:2px solid var(--borderDefault,#e0e0e0);border-radius:6px 6px 0 0;display:flex;height:40px;padding:.75rem 1rem;position:sticky;top:0;z-index:5}.lane-header h4[data-v-fc53c273]{color:var(--textPrimary,#000);flex:1;font-size:.9375rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-type-badge[data-v-fc53c273]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:4px;color:var(--textMuted,#666);font-size:.625rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.lane-type-vessel[data-v-fc53c273]{--lane-hue:220;--lane-badge-bg:oklch(.6 .16 220)}.lane-type-surface[data-v-fc53c273]{--lane-hue:60;--lane-badge-bg:oklch(.7 .14 60)}.lane-type-equipment[data-v-fc53c273]{--lane-hue:300;--lane-badge-bg:oklch(.55 .16 300)}.container-lane[class*=lane-type-] .lane-header[data-v-fc53c273]{background:linear-gradient(to bottom,oklch(from var(--surface,#fff) calc(l + .03) .06 var(--lane-hue)) 0,var(--surfaceAlt,#f9f9f9) 100%)}.container-lane[class*=lane-type-] .lane-header h4[data-v-fc53c273]{color:var(--textPrimary,#000)}.container-lane[class*=lane-type-] .lane-type-badge[data-v-fc53c273]{background:var(--lane-badge-bg);border-color:oklch(from var(--lane-badge-bg) calc(l - .1) c h);color:#fff}.instruction-nodes[data-v-fc53c273]{min-height:100%;padding:.5rem;position:relative}.instruction-node[data-v-fc53c273]{background:var(--surface,#fff);border:2px solid var(--accentFill,#24aab4);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--textPrimary,#000);cursor:pointer;left:.5rem;overflow:hidden;position:absolute;right:.5rem;transition:all .2s}.instruction-node.compact[data-v-fc53c273]{border-radius:6px;padding:.25rem .5rem}.instruction-node.compact.selected[data-v-fc53c273],.instruction-node[data-v-fc53c273]:not(.compact){padding:.75rem}.instruction-node.expanded[data-v-fc53c273]{border-width:3px;box-shadow:0 8px 32px oklch(from var(--accentFill,#24aab4) l c h/.4)}.instruction-node.selected[data-v-fc53c273]{background:var(--surface,#fff);border-width:3px;box-shadow:0 8px 32px oklch(from var(--accentFill,#24aab4) l c h/.5);overflow:visible;z-index:200!important}.instruction-node[data-v-fc53c273]:hover{box-shadow:0 4px 16px oklch(from var(--accentFill,#24aab4) l c h/.25);transform:translate(4px);z-index:2}.instruction-node.compact[data-v-fc53c273]:hover{transform:scale(1.05)}.compact-view[data-v-fc53c273]{align-items:center;display:flex;font-size:.75rem;gap:.375rem;height:100%}.compact-icon[data-v-fc53c273]{flex-shrink:0;font-size:1rem}.compact-ingredients[data-v-fc53c273]{align-items:center;display:flex;flex:1;gap:.125rem;min-width:0}.compact-ing-dot[data-v-fc53c273]{border:1px solid var(--borderDefault,#e0e0e0);border-radius:50%;flex-shrink:0;height:8px;width:8px}.compact-more[data-v-fc53c273]{color:var(--textMuted,#666);font-size:.625rem;font-weight:600;margin-left:.125rem}.compact-step[data-v-fc53c273]{background:#24aab41a;border-radius:3px;color:var(--accentFill,#24aab4);flex-shrink:0;font-size:.625rem;font-weight:700;padding:.125rem .25rem}.full-view[data-v-fc53c273]{height:100%}.full-view[data-v-fc53c273],.grouped-instruction-item[data-v-fc53c273]{display:flex;flex-direction:column}.grouped-item-row[data-v-fc53c273]{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.grouped-item-step[data-v-fc53c273]{color:var(--accentFill,#24aab4);font-size:.6875rem;font-weight:700;letter-spacing:.5px;min-width:2rem;text-transform:uppercase;white-space:nowrap}.grouped-item-ingredient[data-v-fc53c273]{color:var(--textPrimary,#000);flex:1;font-size:.8125rem;line-height:1.3}.grouped-separator[data-v-fc53c273]{border-top:2px dashed var(--borderDefault,#e0e0e0);margin:.375rem 0;opacity:.6}.instruction-node.type-get[data-v-fc53c273]{--node-hue:140;border-color:#499537}.instruction-node.type-transfer[data-v-fc53c273]{--node-hue:70;border-color:#d98b09}.instruction-node.transfer-out[data-v-fc53c273]{--node-hue:55;border-color:#d3721e;border-left-width:4px}.instruction-node.transfer-in[data-v-fc53c273]{--node-hue:150;border-color:#25984d;border-right-width:4px}.instruction-node.type-set_heat[data-v-fc53c273]{--node-hue:25;border-color:#de3b3d}.instruction-node.type-wait[data-v-fc53c273]{--node-hue:300;border-color:#7541b8}.instruction-node.type-chop[data-v-fc53c273]{--node-hue:60;border-color:oklch(.65 .16 60)}.instruction-node.type-saute[data-v-fc53c273],.instruction-node.type-simmer[data-v-fc53c273]{--node-hue:30;border-color:#c53829}.instruction-node[class*=transfer-][data-v-fc53c273],.instruction-node[class*=type-][data-v-fc53c273]{background:linear-gradient(to bottom,var(--surface,#fff) 0,oklch(from var(--surface,#fff) calc(l + .02) .04 var(--node-hue,180)) 100%)}.instruction-node[class*=transfer-][data-v-fc53c273]:hover,.instruction-node[class*=type-][data-v-fc53c273]:hover{box-shadow:0 4px 16px oklch(.5 .1 var(--node-hue,180)/.35)}.node-header[data-v-fc53c273]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.node-step[data-v-fc53c273]{color:var(--accentFill,#24aab4);font-size:.6875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.node-time[data-v-fc53c273]{color:var(--textMuted,#666);font-family:monospace;font-size:.6875rem;font-weight:600}.node-content[data-v-fc53c273]{margin-bottom:.5rem}.node-description[data-v-fc53c273]{color:var(--textPrimary,#000);display:-webkit-box;font-size:.8125rem;line-height:1.3;margin:0;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.duration-bar[data-v-fc53c273]{background:oklch(from var(--accentFill,#24aab4) l c h/.15);border-radius:4px;margin-top:.5rem;padding:.25rem .5rem;text-align:center}.duration-text[data-v-fc53c273]{color:var(--accentFill,#24aab4);font-size:.6875rem;font-weight:700}.node-state[data-v-fc53c273]{border-top:1px solid var(--borderDefault,#e0e0e0);margin-top:.5rem;padding-top:.5rem}.state-header[data-v-fc53c273]{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.state-icon[data-v-fc53c273]{font-size:.875rem}.state-label[data-v-fc53c273]{color:var(--textMuted,#666);font-size:.6875rem;font-weight:700;text-transform:uppercase}.state-ingredients[data-v-fc53c273]{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.ingredient-chip[data-v-fc53c273]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:4px;color:var(--textPrimary,#000);font-size:.6875rem;padding:.25rem .5rem;white-space:nowrap}.state-heat[data-v-fc53c273]{color:var(--textMuted,#666);font-size:.6875rem;font-weight:600}.empty-lane[data-v-fc53c273]{color:var(--textMuted,#999);font-size:.8125rem;font-style:italic;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.empty-lane p[data-v-fc53c273]{margin:0}.node-ingredient-states[data-v-fc53c273]{border-top:1px solid var(--borderDefault,#e0e0e0);margin-top:.5rem;padding-top:.5rem}.ingredients-header[data-v-fc53c273]{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.ingredients-icon[data-v-fc53c273]{font-size:.875rem}.ingredients-label[data-v-fc53c273]{color:var(--textMuted,#666);font-size:.6875rem;font-weight:700;text-transform:uppercase}.ingredient-state-chips[data-v-fc53c273]{display:flex;flex-direction:column;gap:.5rem}.ingredient-state-chip[data-v-fc53c273]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.chip-color-dot[data-v-fc53c273]{border:2px solid var(--borderDefault,#e0e0e0);border-radius:50%;box-shadow:inset 0 1px 2px #0000001a;flex-shrink:0;height:24px;width:24px}.chip-content[data-v-fc53c273]{flex:1;min-width:0}.chip-name[data-v-fc53c273]{color:var(--textPrimary,#000);display:block;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.chip-stats[data-v-fc53c273]{background:var(--surfaceAlt,#f0f0f0);border-radius:2px;height:4px;margin-bottom:.25rem;overflow:hidden}.chip-doneness[data-v-fc53c273]{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:2px;display:block;height:100%;transition:width .3s ease}.chip-badges[data-v-fc53c273]{display:flex;flex-wrap:wrap;gap:.25rem}.chip-badge[data-v-fc53c273]{border:1px solid;border-radius:3px;font-size:.625rem;font-weight:600;padding:.125rem .375rem;text-transform:capitalize}.chip-badge.state-raw[data-v-fc53c273]{background:#9e9e9e26;border-color:#9e9e9e4d;color:#757575}.chip-badge.state-warming[data-v-fc53c273]{background:#ffeb3b26;border-color:#ffeb3b4d;color:#f9a825}.chip-badge.state-browning[data-v-fc53c273],.chip-badge.state-searing[data-v-fc53c273]{background:#ff980026;border-color:#ff98004d;color:#e65100}.chip-badge.state-baking[data-v-fc53c273],.chip-badge.state-browned[data-v-fc53c273]{background:#79554826;border-color:#7955484d;color:#5d4037}.chip-badge.state-caramelized[data-v-fc53c273]{background:#ffc10726;border-color:#ffc1074d;color:#ff6f00}.chip-badge.state-charred[data-v-fc53c273]{background:#42424226;border-color:#4242424d;color:#212121}.chip-badge.state-reducing[data-v-fc53c273],.chip-badge.state-simmering[data-v-fc53c273]{background:#2196f326;border-color:#2196f34d;color:#1565c0}.chip-badge.state-steaming[data-v-fc53c273]{background:#81d4fa26;border-color:#81d4fa4d;color:#0277bd}.chip-badge.state-grilling[data-v-fc53c273]{background:#f4433626;border-color:#f443364d;color:#c62828}.chip-badge.batch-badge[data-v-fc53c273]{background:#64b4ff33;border-color:#5096dc4d;color:#5096dc}.node-until-condition[data-v-fc53c273]{background:#ffc1071a;border:2px solid rgba(255,193,7,.4);border-radius:6px;margin-top:.5rem;padding:.5rem}.until-header[data-v-fc53c273]{align-items:center;display:flex;gap:.5rem}.until-icon[data-v-fc53c273]{font-size:.875rem}.until-label[data-v-fc53c273]{color:#f57f17;font-size:.6875rem;font-weight:700;text-transform:capitalize}.attention-lane[data-v-fc53c273]{max-width:36px!important;min-width:36px!important;width:36px!important}.attention-lane .lane-header[data-v-fc53c273]{background:linear-gradient(to bottom,oklch(from var(--surface,#fff) calc(l + .03) .04 260) 0,var(--surfaceAlt,#f9f9f9) 100%);justify-content:center;padding:.5rem .25rem}.attention-icon[data-v-fc53c273]{font-size:1rem;line-height:1}.attention-block[data-v-fc53c273]{border:1px solid;border-radius:4px;left:4px;position:absolute;right:4px;transition:opacity .2s}.attention-block[data-v-fc53c273]:hover{opacity:.9;z-index:3}.attention-busy[data-v-fc53c273]{background:linear-gradient(180deg,#de3b3d 0,#d40924);border-color:#bb061e;color:#fff}.attention-free[data-v-fc53c273]{background:linear-gradient(180deg,#4aa651 0,#279936);border-color:#107823;color:#fff}.attention-passive[data-v-fc53c273]{background:linear-gradient(180deg,#e8be62 0,#e0af3b);border-color:#c69612;color:oklch(.35 .08 85)}.instruction-node.attention-req-full-continuous[data-v-fc53c273]{--node-hue:25!important;border-color:#de3b3d!important;border-left-width:5px!important}.instruction-node.attention-req-full-intermittent[data-v-fc53c273],.instruction-node.attention-req-instant[data-v-fc53c273]{--node-hue:55!important;border-color:#e48233!important;border-left-width:4px!important}.instruction-node.attention-req-partial[data-v-fc53c273]{--node-hue:90!important;border-color:#e1b942!important;border-left-width:3px!important}.instruction-node.attention-req-passive[data-v-fc53c273]{--node-hue:145!important;border-color:#51a556!important;border-left-width:2px!important}.instruction-node[class*=attention-req-][data-v-fc53c273]{background:linear-gradient(to bottom,var(--surface,#fff) 0,oklch(from var(--surface,#fff) calc(l + .02) .04 var(--node-hue,180)) 100%)!important}.instruction-node[class*=attention-req-][data-v-fc53c273]:hover{box-shadow:0 4px 16px oklch(.5 .1 var(--node-hue,180)/.4)!important}.instruction-node[class*=attention-req-].selected[data-v-fc53c273]{box-shadow:0 8px 32px oklch(.5 .15 var(--node-hue,180)/.5)!important}@media (max-width:768px){.container-lane[data-v-fc53c273]{min-width:200px}.attention-lane[data-v-fc53c273]{max-width:32px!important;min-width:32px!important;width:32px!important}.time-axis[data-v-fc53c273]{width:40px}}