:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ingredient-select.svelte-17lnak8{position:relative;width:100%}.input-wrapper.svelte-17lnak8{position:relative}input.svelte-17lnak8{width:100%;padding:.7rem 2.2rem .7rem .85rem;border:1px solid var(--border, #ccc);border-radius:8px;background:var(--bg-input, #f5f5f5);color:var(--text-primary, #333);font-size:1rem;transition:border-color .15s;box-sizing:border-box}input.svelte-17lnak8:focus{outline:none;border-color:var(--accent, #3d6fab)}input.svelte-17lnak8::placeholder{color:var(--text-muted, #888)}.clear-btn.svelte-17lnak8{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted, #888);font-size:1.2rem;cursor:pointer;padding:.2rem .4rem;line-height:1;border-radius:4px}.clear-btn.svelte-17lnak8:hover{color:var(--error, #e74c3c)}.dropdown.svelte-17lnak8{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-secondary, #fff);border:1px solid var(--border, #ccc);border-radius:8px;box-shadow:0 4px 20px #00000040;z-index:1000;margin-top:4px}.category-group.svelte-17lnak8{padding:.25rem 0}.category-group.svelte-17lnak8:not(:last-child){border-bottom:1px solid var(--border, #eee)}.category-label.svelte-17lnak8{padding:.5rem .85rem .3rem;font-size:.7rem;font-weight:600;color:var(--accent, #3d6fab);text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:var(--bg-secondary, #fff)}.option.svelte-17lnak8{display:block;width:100%;padding:.45rem .85rem;text-align:left;border:none;background:none;color:var(--text-primary, #333);font-size:.9rem;cursor:pointer;transition:background .1s}.option.svelte-17lnak8:hover,.option.highlighted.svelte-17lnak8{background:var(--accent-light, #e8f0fc)}.no-results.svelte-17lnak8{padding:1rem;text-align:center;color:var(--text-muted, #888);font-size:.9rem}.converter.svelte-15nbnep{display:flex;flex-direction:column;gap:1rem}.presets.svelte-15nbnep{display:flex;flex-wrap:wrap;gap:.5rem}.preset.svelte-15nbnep{padding:.4rem .75rem;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s}.preset.svelte-15nbnep:hover{background:var(--accent-light);border-color:var(--accent)}.row.svelte-15nbnep{display:flex;flex-direction:column}.two-col.svelte-15nbnep{flex-direction:row;align-items:flex-end;gap:.75rem}.two-col.svelte-15nbnep label:where(.svelte-15nbnep){flex:1}.ingredient-row.svelte-15nbnep{gap:.35rem;position:relative;z-index:10}label.svelte-15nbnep{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.label-text.svelte-15nbnep{font-size:.85rem;color:var(--text-secondary);font-weight:500}.hint.svelte-15nbnep{font-weight:400;color:var(--text-muted);font-size:.75rem}input.svelte-15nbnep,select.svelte-15nbnep{padding:.7rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color .15s}input.svelte-15nbnep:focus,select.svelte-15nbnep:focus{outline:none;border-color:var(--accent)}.swap.svelte-15nbnep{padding:.7rem;border:1px solid var(--border);background:var(--bg-input);color:var(--accent);border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .15s}.swap.svelte-15nbnep:hover{background:var(--accent-light)}.result.svelte-15nbnep{padding:1rem;background:var(--accent-light);border-radius:8px;display:flex;justify-content:center;align-items:center}.result-text.svelte-15nbnep{font-size:1.05rem;text-align:center}.result.svelte-15nbnep strong:where(.svelte-15nbnep){color:var(--accent)}.result.svelte-15nbnep .note:where(.svelte-15nbnep){display:block;margin-top:.3rem;font-size:.85rem;color:var(--text-muted)}.error.svelte-15nbnep{padding:.75rem;background:var(--error-bg);border-radius:8px;color:var(--error);text-align:center;font-size:.9rem}.weight-only-notice.svelte-15nbnep{background:var(--accent-light);border:1px solid var(--accent);border-radius:8px;padding:12px 16px;text-align:center;margin:8px 0}.weight-only-notice.svelte-15nbnep .icon:where(.svelte-15nbnep){font-size:1.5rem}.weight-only-notice.svelte-15nbnep p:where(.svelte-15nbnep){margin:.25rem 0}.weight-only-notice.svelte-15nbnep .hint:where(.svelte-15nbnep){font-size:.85rem;opacity:.8;margin-top:4px}.converter.svelte-18p0ho1{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:hidden}.presets.svelte-18p0ho1{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preset.svelte-18p0ho1{padding:.4rem .75rem;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset.svelte-18p0ho1:hover{background:var(--accent-light);border-color:var(--accent)}.row.svelte-18p0ho1{display:flex;flex-direction:column}.two-col.svelte-18p0ho1{flex-direction:row;align-items:flex-end;gap:.75rem}.two-col.svelte-18p0ho1 label:where(.svelte-18p0ho1){flex:1}label.svelte-18p0ho1{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}input.svelte-18p0ho1,select.svelte-18p0ho1{padding:.7rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color .15s}input.svelte-18p0ho1:focus,select.svelte-18p0ho1:focus{outline:none;border-color:var(--accent)}.swap.svelte-18p0ho1{padding:.7rem;border:1px solid var(--border);background:var(--bg-input);color:var(--accent);border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .15s}.swap.svelte-18p0ho1:hover{background:var(--accent-light)}.result.svelte-18p0ho1{padding:1rem;background:var(--accent-light);border-radius:8px;display:flex;justify-content:center;align-items:center}.result-text.svelte-18p0ho1{font-size:1.1rem;text-align:center}.result.svelte-18p0ho1 strong:where(.svelte-18p0ho1){color:var(--accent)}.reference.svelte-18p0ho1{margin-top:.5rem;padding:1rem;background:var(--bg-input);border-radius:8px}.reference.svelte-18p0ho1 h3:where(.svelte-18p0ho1){margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.ref-grid.svelte-18p0ho1{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;font-size:.85rem;color:var(--text-secondary)}.ingredient-input.svelte-nygneo{position:relative;flex:1;min-width:0}input.svelte-nygneo{width:100%;padding:.4rem 1.6rem .4rem .5rem;border:1px solid var(--border, #ccc);border-radius:4px;background:var(--bg-secondary, #fff);color:var(--text-primary, #333);font-size:.85rem;box-sizing:border-box}input.svelte-nygneo:focus{outline:none;border-color:var(--accent, #3d6fab)}input.svelte-nygneo::placeholder{color:var(--text-muted, #888);font-size:.8rem}.type-badge.svelte-nygneo{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);color:var(--accent, #3d6fab);font-size:.75rem;pointer-events:none}.dropdown.svelte-nygneo{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:var(--bg-secondary, #fff);border:1px solid var(--border, #ccc);border-radius:6px;box-shadow:0 4px 20px #00000040;z-index:1000;margin-top:2px}.category-group.svelte-nygneo{padding:.2rem 0}.category-group.svelte-nygneo:not(:last-child){border-bottom:1px solid var(--border, #eee)}.category-label.svelte-nygneo{padding:.4rem .6rem .2rem;font-size:.6rem;font-weight:600;color:var(--accent, #3d6fab);text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:var(--bg-secondary, #fff)}.option.svelte-nygneo{display:block;width:100%;padding:.35rem .6rem;text-align:left;border:none;background:none;color:var(--text-primary, #333);font-size:.8rem;cursor:pointer;transition:background .05s}.option.svelte-nygneo:hover,.option.highlighted.svelte-nygneo{background:var(--accent-light, #e8f0fc)}.option.highlighted.svelte-nygneo{background:var(--accent, #3d6fab);color:#fff}.no-results.svelte-nygneo{padding:.6rem;text-align:center;color:var(--text-muted, #888);font-size:.8rem}.scaler.svelte-1jwmigh{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.batch-row.svelte-1jwmigh{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.batch-label.svelte-1jwmigh{font-size:.85rem;color:var(--text-secondary);font-weight:500}.batch-buttons.svelte-1jwmigh{display:flex;gap:.35rem}.batch-btn.svelte-1jwmigh{padding:.4rem .65rem;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s}.batch-btn.svelte-1jwmigh:hover,.batch-btn.active.svelte-1jwmigh{background:var(--accent);color:#fff;border-color:var(--accent)}.custom-input.svelte-1jwmigh{width:70px;padding:.4rem;border:1px solid var(--accent);border-radius:5px;background:var(--bg-input);color:var(--text-primary);font-size:.9rem}.convert-all.svelte-1jwmigh{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.convert-all.svelte-1jwmigh select:where(.svelte-1jwmigh){padding:.3rem .4rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:.75rem;cursor:pointer}.col-headers.svelte-1jwmigh{display:flex;gap:.35rem;padding:0 .25rem .4rem;border-bottom:1px solid var(--border);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.hdr-qty.svelte-1jwmigh{width:50px}.hdr-unit.svelte-1jwmigh{width:65px}.hdr-ing.svelte-1jwmigh{flex:1}.hdr-out.svelte-1jwmigh{width:65px}.hdr-actions.svelte-1jwmigh{width:52px}.ingredient-row.svelte-1jwmigh{display:flex;gap:.35rem;align-items:center;padding:.25rem;background:var(--bg-input);border-radius:6px}.ingredient-row.svelte-1jwmigh:nth-child(4){z-index:20}.ingredient-row.svelte-1jwmigh:nth-child(5){z-index:19}.ingredient-row.svelte-1jwmigh:nth-child(6){z-index:18}.ingredient-row.svelte-1jwmigh:nth-child(7){z-index:17}.ingredient-row.svelte-1jwmigh:nth-child(8){z-index:16}.ingredient-row.svelte-1jwmigh:nth-child(9){z-index:15}.ingredient-row.svelte-1jwmigh:nth-child(10){z-index:14}.ingredient-row.svelte-1jwmigh:nth-child(11){z-index:13}.ingredient-row.svelte-1jwmigh:nth-child(12){z-index:12}.ingredient-row.svelte-1jwmigh:nth-child(13){z-index:11}.ingredient-row.svelte-1jwmigh:nth-child(14){z-index:10}.amt.svelte-1jwmigh{width:50px;padding:.4rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;text-align:center}.unit.svelte-1jwmigh,.output.svelte-1jwmigh{width:65px;padding:.4rem .25rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem}.add-btn-inline.svelte-1jwmigh{width:26px;height:26px;padding:0;border:1px solid var(--border);background:var(--bg-secondary);color:var(--accent);border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1;transition:all .15s;flex-shrink:0}.add-btn-inline.svelte-1jwmigh:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.remove-btn.svelte-1jwmigh{width:26px;height:26px;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.1rem;border-radius:4px;transition:all .15s;flex-shrink:0}.remove-btn.svelte-1jwmigh:hover{background:var(--error-bg);color:var(--error)}.input-actions.svelte-1jwmigh{display:flex;gap:.5rem;margin-top:.35rem}.action-btn.svelte-1jwmigh{flex:1;padding:.45rem;border:1px dashed var(--border);background:transparent;color:var(--text-muted);border-radius:5px;cursor:pointer;font-size:.75rem;transition:all .15s}.action-btn.add.svelte-1jwmigh:hover{border-color:var(--accent);color:var(--accent)}.action-btn.clear.svelte-1jwmigh:hover{border-color:var(--error);color:var(--error)}.calc.svelte-1pu5kr7{display:flex;flex-direction:column;gap:1.25rem}.mode-toggle.svelte-1pu5kr7{display:flex;gap:.5rem}.mode-toggle.svelte-1pu5kr7 button:where(.svelte-1pu5kr7){flex:1;padding:.6rem .4rem;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s}.mode-toggle.svelte-1pu5kr7 button.active:where(.svelte-1pu5kr7){background:var(--accent);color:#fff;border-color:var(--accent)}.description.svelte-1pu5kr7{margin:0;font-size:.85rem;color:var(--text-muted)}.presets.svelte-1pu5kr7{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preset.svelte-1pu5kr7{padding:.4rem .7rem;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset.svelte-1pu5kr7:hover,.preset.active.svelte-1pu5kr7{background:var(--accent-light);border-color:var(--accent)}.input-group.svelte-1pu5kr7{display:flex;gap:1rem}.input-group.svelte-1pu5kr7 label:where(.svelte-1pu5kr7){flex:1;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}input.svelte-1pu5kr7{padding:.7rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem}input.svelte-1pu5kr7:focus{outline:none;border-color:var(--accent)}.result.svelte-1pu5kr7{padding:1rem;background:var(--accent-light);border-radius:8px;display:flex;justify-content:center;align-items:center}.result-content.svelte-1pu5kr7{display:flex;justify-content:space-between;align-items:center;width:100%}.result.svelte-1pu5kr7 .label:where(.svelte-1pu5kr7){color:var(--text-secondary)}.result.svelte-1pu5kr7 strong:where(.svelte-1pu5kr7){color:var(--accent);font-size:1.3rem}.example.svelte-1pu5kr7{font-size:.85rem;color:var(--text-muted);padding:.75rem;background:var(--bg-input);border-radius:6px}.example.svelte-1pu5kr7 strong:where(.svelte-1pu5kr7){color:var(--text-secondary)}.reference.svelte-1pu5kr7{margin-top:.5rem;padding:1rem;background:var(--bg-input);border-radius:8px}.reference.svelte-1pu5kr7 h3:where(.svelte-1pu5kr7){margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.ref-grid.svelte-1pu5kr7{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;font-size:.85rem;color:var(--text-secondary)}.calc.svelte-20o8sv{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:hidden}.mode-toggle.svelte-20o8sv{display:flex;gap:.5rem}.mode-toggle.svelte-20o8sv button:where(.svelte-20o8sv){flex:1;padding:.6rem .4rem;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.mode-toggle.svelte-20o8sv button.active:where(.svelte-20o8sv){background:var(--accent);color:#fff;border-color:var(--accent)}.description.svelte-20o8sv{margin:0;font-size:.85rem;color:var(--text-muted)}.row.svelte-20o8sv{display:flex;flex-direction:column}.two-col.svelte-20o8sv{flex-direction:row;align-items:flex-end;gap:.75rem}.two-col.svelte-20o8sv label:where(.svelte-20o8sv):first-child{flex:2}.two-col.svelte-20o8sv label:where(.svelte-20o8sv):last-child{flex:1}.ingredient-row.svelte-20o8sv{gap:.35rem;position:relative;z-index:10}label.svelte-20o8sv{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.label-text.svelte-20o8sv{font-size:.85rem;color:var(--text-secondary);font-weight:500}input.svelte-20o8sv,select.svelte-20o8sv{padding:.7rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color .15s}input.svelte-20o8sv:focus,select.svelte-20o8sv:focus{outline:none;border-color:var(--accent)}.yield-badge.svelte-20o8sv{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-input);border-radius:6px;font-size:.9rem}.yield-badge.svelte-20o8sv strong:where(.svelte-20o8sv){color:var(--accent)}.badge-label.svelte-20o8sv{color:var(--text-muted);font-size:.8rem}.badge-sep.svelte-20o8sv{color:var(--border);margin:0 .25rem}.result.svelte-20o8sv{padding:1rem;background:var(--accent-light);border-radius:8px}.result-grid.svelte-20o8sv{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:center}.result-item.svelte-20o8sv{display:flex;flex-direction:column;gap:.25rem}.result-label.svelte-20o8sv{font-size:.8rem;color:var(--text-muted)}.result-value.svelte-20o8sv{font-size:1.15rem;color:var(--accent)}.result-item.waste.svelte-20o8sv .result-value:where(.svelte-20o8sv){color:var(--text-secondary);opacity:.7}.example.svelte-20o8sv{font-size:.85rem;color:var(--text-muted);padding:.75rem;background:var(--bg-input);border-radius:6px}.example.svelte-20o8sv strong:where(.svelte-20o8sv){color:var(--text-secondary)}.empty-state.svelte-20o8sv{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem;background:var(--bg-input);border-radius:8px;min-height:12rem}.weight-only-notice.svelte-20o8sv{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;background:var(--accent-light);border:1px solid var(--accent);border-radius:6px;font-size:.85rem;color:var(--text-secondary)}.pan-calc.svelte-1rnh04d{display:flex;flex-direction:column;gap:1rem}fieldset.pan-group.svelte-1rnh04d{border:1px solid var(--border);border-radius:8px;padding:.85rem;margin:0;background:var(--bg-input)}legend.svelte-1rnh04d{font-weight:600;font-size:.85rem;color:var(--accent);padding:0 .4rem}.mode-toggle.svelte-1rnh04d{display:flex;gap:.25rem;margin-bottom:.65rem;background:var(--bg-secondary);padding:.2rem;border-radius:6px;border:1px solid var(--border)}.mode-toggle.svelte-1rnh04d button:where(.svelte-1rnh04d){flex:1;padding:.35rem .5rem;border:none;background:transparent;color:var(--text-muted);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s}.mode-toggle.svelte-1rnh04d button:where(.svelte-1rnh04d):hover{color:var(--text-secondary)}.mode-toggle.svelte-1rnh04d button.active:where(.svelte-1rnh04d){background:var(--accent);color:#fff}select.svelte-1rnh04d{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem;box-sizing:border-box}.custom-row.svelte-1rnh04d{margin-bottom:.5rem}.dims-row.svelte-1rnh04d{display:flex;gap:.5rem;flex-wrap:wrap}.dims-row.svelte-1rnh04d label:where(.svelte-1rnh04d){flex:1;min-width:80px;display:flex;flex-direction:column;gap:.2rem}.dims-row.svelte-1rnh04d label:where(.svelte-1rnh04d) span:where(.svelte-1rnh04d),.pan-count-row.svelte-1rnh04d label:where(.svelte-1rnh04d) span:where(.svelte-1rnh04d){font-size:.7rem;color:var(--text-muted);font-weight:500}.dims-row.svelte-1rnh04d input:where(.svelte-1rnh04d),.pan-count-row.svelte-1rnh04d input:where(.svelte-1rnh04d){padding:.45rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;width:100%;box-sizing:border-box}.pan-count-row.svelte-1rnh04d{margin-top:.65rem}.pan-count-row.svelte-1rnh04d label:where(.svelte-1rnh04d){display:flex;flex-direction:column;gap:.2rem;max-width:140px}.vol-badge.svelte-1rnh04d{margin-top:.65rem;padding:.4rem .65rem;background:var(--accent-light);border-radius:6px;font-size:.78rem;font-weight:600;color:var(--accent);text-align:center}.results.svelte-1rnh04d{display:flex;flex-direction:column;gap:.65rem}.result-card.svelte-1rnh04d{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:.75rem;text-align:center}.result-label.svelte-1rnh04d{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:.25rem}.result-value.svelte-1rnh04d{font-size:1.5rem;font-weight:700;color:var(--accent)}.result-hint.svelte-1rnh04d{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.comparison.svelte-1rnh04d{text-align:left}.compare-row.svelte-1rnh04d{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem 0}.compare-item.svelte-1rnh04d{display:flex;flex-direction:column;align-items:center;gap:.1rem}.compare-label.svelte-1rnh04d{font-size:.7rem;color:var(--text-muted)}.compare-val.svelte-1rnh04d{font-size:.95rem;font-weight:700;color:var(--text-primary)}.compare-arrow.svelte-1rnh04d{font-size:1.1rem;color:var(--text-muted)}.compare-bar-wrap.svelte-1rnh04d{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.compare-bar.svelte-1rnh04d{height:10px;border-radius:5px;transition:width .3s ease;min-width:4px}.recipe-bar.svelte-1rnh04d{background:var(--accent)}.have-bar.svelte-1rnh04d{background:var(--success);opacity:.6}@media(max-width:480px){.dims-row.svelte-1rnh04d{flex-direction:column}.dims-row.svelte-1rnh04d label:where(.svelte-1rnh04d){min-width:100%}}:root{--bg-primary: #dfe9f7;--bg-secondary: #ffffff;--bg-input: #eaeaee;--text-primary: #1a2840;--text-secondary: #3d6fab;--text-muted: #71717a;--accent: #3d6fab;--accent-hover: #345a92;--accent-light: #c6d9f0;--border: #d4d4d8;--success: #4f7ec0;--error: #dc2626;--error-bg: #fef2f2;--warning: #d97706}body.dark{--bg-primary: #1a2840;--bg-secondary: #2b4063;--bg-input: #2f4b77;--text-primary: #fafafa;--text-secondary: #9db8e5;--text-muted: #a1a1aa;--accent: #7099d8;--accent-hover: #9db8e5;--accent-light: #2f4b77;--border: #345a92;--success: #9db8e5;--error: #f87171;--error-bg: #450a0a;--warning: #fbbf24}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .2s,color .2s;overflow-x:hidden;width:100%;min-height:100vh}main.svelte-1n46o8q{max-width:1200px;min-width:320px;width:100%;margin:0 auto;padding:1.5rem;box-sizing:border-box;overflow-x:hidden}.brand-bar.svelte-1n46o8q{display:flex;justify-content:center;padding:1rem 0 1.5rem}.brand-logo.svelte-1n46o8q{max-height:10vh;width:auto;max-width:60%;object-fit:contain}body.dark .brand-logo.svelte-1n46o8q{filter:brightness(0) invert(1)}.header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-actions.svelte-1n46o8q{display:flex;gap:.5rem;align-items:center}h1.svelte-1n46o8q{margin:0;font-size:1.75rem}.info-toggle.svelte-1n46o8q{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.4rem .65rem;cursor:pointer;font-size:.85rem;color:var(--text-muted);transition:all .15s}.info-toggle.svelte-1n46o8q:hover,.info-toggle.active.svelte-1n46o8q{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.clear-all-btn.svelte-1n46o8q{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.4rem .75rem;cursor:pointer;font-size:.8rem;color:var(--text-muted);transition:all .15s}.clear-all-btn.svelte-1n46o8q:hover{border-color:var(--error);color:var(--error);background:var(--error-bg)}.theme-toggle.svelte-1n46o8q{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:1.1rem}.info-panel.svelte-1n46o8q{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.info-grid.svelte-1n46o8q{display:flex;flex-direction:column;gap:.6rem}.info-item.svelte-1n46o8q{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.info-item.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--text-primary)}.info-note.svelte-1n46o8q{margin:.75rem 0 0;padding-top:.6rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);line-height:1.5;text-align:center}.sub-header.svelte-1n46o8q{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;position:sticky;top:0;z-index:100;background:var(--bg-primary);padding:.25rem 0 .75rem;align-items:center}.tool-nav.svelte-1n46o8q{display:flex;gap:.25rem;background:var(--bg-secondary);padding:.3rem;border-radius:8px;border:1px solid var(--border)}.tool-nav.svelte-1n46o8q button:where(.svelte-1n46o8q){flex:1;padding:.5rem .35rem;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:.72rem;font-weight:500;transition:all .15s;white-space:nowrap}.tool-nav.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{color:var(--text-secondary);background:var(--bg-input)}.tool-nav.svelte-1n46o8q button.active:where(.svelte-1n46o8q){background:var(--accent);color:#fff}.output-title.svelte-1n46o8q{margin:0;font-size:.95rem;color:var(--text-secondary);font-weight:600;text-align:center;padding:.55rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.layout.svelte-1n46o8q{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}.tools-column.svelte-1n46o8q{display:flex;flex-direction:column;gap:.75rem;min-width:0}.accordion-section.svelte-1n46o8q{background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border);overflow:visible}.section-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.25rem;border:none;background:none;color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:color .15s}.section-header.svelte-1n46o8q:hover{color:var(--accent)}.section-title.svelte-1n46o8q{display:flex;align-items:center;gap:.5rem}.chevron.svelte-1n46o8q{font-size:.85rem;color:var(--text-muted);transition:transform .2s ease;display:inline-block}.chevron.open.svelte-1n46o8q{transform:rotate(90deg)}.section-body.svelte-1n46o8q{padding:0 1.25rem 1.25rem}.output-column.svelte-1n46o8q{position:sticky;top:60px;max-height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.recipe-name-wrapper.svelte-1n46o8q{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);padding:.5rem}.recipe-name-input.svelte-1n46o8q{width:100%;padding:.45rem .65rem;border:1px dashed var(--border);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:.9rem;font-weight:600;box-sizing:border-box;transition:border-color .15s}.recipe-name-input.svelte-1n46o8q:focus{outline:none;border-color:var(--accent);border-style:solid}.recipe-name-input.svelte-1n46o8q::placeholder{color:var(--text-muted);font-weight:400;font-style:italic}.output-section.svelte-1n46o8q{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.output-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .85rem;border:none;background:none;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .15s;gap:.5rem}.output-header.svelte-1n46o8q:hover{color:var(--accent)}.output-header.svelte-1n46o8q span:where(.svelte-1n46o8q):first-child{flex:1;text-align:left}.has-data.svelte-1n46o8q{color:var(--accent);font-size:.5rem;flex:none}.output-body.svelte-1n46o8q{padding:0 .85rem .85rem;font-size:.8rem}.output-body-top.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.4rem}.output-body-top.svelte-1n46o8q .output-line:where(.svelte-1n46o8q){flex:1}.section-copy-btn.svelte-1n46o8q{padding:.2rem .4rem;border:1px solid var(--border);background:var(--bg-input);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .15s;flex-shrink:0;line-height:1}.section-copy-btn.svelte-1n46o8q:hover{border-color:var(--accent);background:var(--accent-light)}.output-empty.svelte-1n46o8q{color:var(--text-muted);font-style:italic;text-align:center;padding:.75rem 0;margin:0;font-size:.75rem}.output-line.svelte-1n46o8q{color:var(--text-primary);padding:.25rem 0;line-height:1.5}.output-line.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--accent)}.output-note.svelte-1n46o8q{color:var(--text-muted);font-size:.75rem}.pan-arrow.svelte-1n46o8q{font-weight:700;color:var(--accent);font-size:.8rem;padding:.15rem 0}.batch-badge.svelte-1n46o8q{display:inline-block;padding:.15rem .5rem;background:var(--accent);color:#fff;border-radius:4px;font-size:.7rem;font-weight:600}.recipe-table.svelte-1n46o8q{width:100%;border-collapse:collapse;font-size:.8rem}.recipe-table.svelte-1n46o8q th:where(.svelte-1n46o8q){text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.recipe-table.svelte-1n46o8q td:where(.svelte-1n46o8q){padding:.35rem .5rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.recipe-table.svelte-1n46o8q tr:where(.svelte-1n46o8q):last-child td:where(.svelte-1n46o8q){border-bottom:none}.recipe-table.svelte-1n46o8q tr.warning:where(.svelte-1n46o8q) td:where(.svelte-1n46o8q){color:var(--warning)}.qty-cell.svelte-1n46o8q{font-weight:600;color:var(--accent);white-space:nowrap}.copy-controls.svelte-1n46o8q{display:flex;gap:.5rem;padding:.6rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.copy-controls.svelte-1n46o8q select:where(.svelte-1n46o8q){flex:1;padding:.4rem;border:1px solid var(--border);border-radius:5px;background:var(--bg-input);color:var(--text-primary);font-size:.75rem}.copy-all-btn.svelte-1n46o8q{padding:.4rem .75rem;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:5px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s;white-space:nowrap}.copy-all-btn.svelte-1n46o8q:hover{background:var(--accent-hover)}@media(max-width:900px){.sub-header.svelte-1n46o8q,.layout.svelte-1n46o8q{grid-template-columns:1fr}.output-column.svelte-1n46o8q{position:static;max-height:none;order:-1}.tool-nav.svelte-1n46o8q button:where(.svelte-1n46o8q){font-size:.65rem;padding:.4rem .25rem}}@media(max-width:480px){main.svelte-1n46o8q{padding:.75rem}h1.svelte-1n46o8q{font-size:1.35rem}.brand-logo.svelte-1n46o8q{max-width:85%}.tool-nav.svelte-1n46o8q{flex-wrap:wrap;gap:.15rem;padding:.2rem}.tool-nav.svelte-1n46o8q button:where(.svelte-1n46o8q){font-size:.62rem;padding:.35rem .3rem;flex:0 1 auto;min-width:calc(33% - .15rem)}.section-body.svelte-1n46o8q{padding:0 .75rem .75rem}.section-header.svelte-1n46o8q{padding:.7rem .85rem;font-size:.85rem}.header-actions.svelte-1n46o8q{gap:.3rem}.clear-all-btn.svelte-1n46o8q{padding:.35rem .5rem;font-size:.7rem}.info-toggle.svelte-1n46o8q{padding:.35rem .5rem;font-size:.75rem}.theme-toggle.svelte-1n46o8q{padding:.4rem .55rem;font-size:.95rem}.copy-controls.svelte-1n46o8q{flex-direction:column}.copy-controls.svelte-1n46o8q select:where(.svelte-1n46o8q){width:100%}}