.substitution-panel{padding:22px}.substitution-panel>summary{font-weight:600;font-size:16px;cursor:pointer}.substitution-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.substitution-section{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:16px 10px 10px}.substitution-section h3{font:600 15px/1.4 system-ui;margin:0 0 8px 8px}.ingredient-field{position:relative;min-width:0;min-height:190px}.free-ingredient,.ingredient-bubble{position:absolute}.bubble-ingredient{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:var(--bubble-card-size,98px);flex:0 0 var(--bubble-card-size,98px);min-height:96px;height:auto;padding:5px;border:0;border-radius:15px;background:transparent;font:500 11px/1.3 system-ui;text-align:center;color:var(--ink);cursor:grab;touch-action:none;min-width:0}.bubble-ingredient>span:last-child{max-width:100%;overflow-wrap:anywhere;flex:none}.bubble-ingredient .ingredient-visual,.bubble-ingredient .ingredient-visual img{width:56px;height:56px;flex:0 0 56px}.bubble-ingredient .ingredient-image-pending{width:36px;height:36px}.bubble-ingredient:hover{background:#ffffff66}.bubble-ingredient.selected{background:#315e4712;box-shadow:0 0 0 2px #315e474d}.ingredient-bubble{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;padding:20px 16px;background:#dde8d573;border:1.5px solid #a4b996;border-radius:46% 54% 49% 51% / 52% 45% 55% 48%;cursor:grab;touch-action:none;box-shadow:inset 0 0 18px #ffffff90}.ingredient-bubble.selected{border-color:var(--accent);box-shadow:0 0 0 2px #315e4730}.bubble-drop-target{background:#d2e3c380!important;outline:2px solid #78966b;outline-offset:3px}.ingredient-field.bubble-drop-target{background:none!important;outline:none}.bubble-dragging{opacity:.35}.bubble-drag-ghost{position:fixed!important;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);opacity:.85;width:98px;box-shadow:0 6px 18px #243d3220;background:#fffefbc9}.bubble-ingredient:focus-visible,.ingredient-bubble:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.substitution-panel:not([open])>.substitution-fields{display:none}
@media(max-width:700px){.substitution-panel{padding:16px}.substitution-fields{grid-template-columns:1fr;gap:14px;margin-top:16px}.substitution-section{padding:14px 8px 8px}.bubble-ingredient{width:86px;font-size:10px}.bubble-ingredient .ingredient-visual,.bubble-ingredient .ingredient-visual img{width:52px;height:52px;flex-basis:52px}.ingredient-bubble{padding:20px 14px}}
.grocery-ready-alternatives{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.grocery-alternative{display:flex;align-items:center;gap:8px;flex:1 1 150px;min-width:0;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left}.grocery-alternative[aria-pressed="true"]{border-color:var(--accent);background:var(--soft)}.grocery-alternative .grocery-product-image{width:40px;height:40px;float:none;margin:0;flex:none}.grocery-alternative>span{min-width:0}.grocery-alternative b{font-size:11px;overflow-wrap:anywhere}.grocery-alternative small{display:block;color:var(--muted);font-size:10px}.grocery-availability{display:block;font-size:12px;color:var(--muted);margin:10px 0}.grocery-alternative:focus-visible{outline:2px solid var(--accent);outline-offset:2px}