.primary-action{min-height:46px;padding-inline:20px}.recipe-page-head.page-heading{align-items:flex-end}.recipe-page-head p{max-width:720px}.recipe-progress{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin-bottom:18px}.recipe-progress article{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 16px}.recipe-progress article span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.recipe-progress article strong{font:800 21px Manrope}.recipe-progress .needs-attention strong{color:#a56518}.progress-track{grid-column:1/-1;height:6px;overflow:hidden;background:#dfe9e4;border-radius:4px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#4aa17f);transition:width .25s ease}.rapid-recipe-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:18px;align-items:start}.recipe-picker-card{position:sticky;top:92px;display:grid;grid-template-columns:auto 1fr;gap:0 11px}.recipe-picker-card>.step-number{grid-row:1/3}.recipe-picker-card h2{margin:1px 0 2px}.recipe-picker-card p{margin:0 0 16px}.recipe-picker-card label{grid-column:1/-1}.recipe-picker-card select[size]{min-height:310px;padding:5px}.recipe-picker-card select[size] option{padding:9px 8px;border-radius:5px;white-space:normal}.step-number{display:inline-grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:7px;background:var(--brand);color:#fff;font-weight:800}.recipe-status{grid-column:1/-1;display:flex;flex-direction:column;border-radius:8px;padding:11px 12px;margin-top:2px}.recipe-status.ready{background:var(--brand-soft);color:var(--success)}.recipe-status.missing{background:var(--accent-soft);color:#805416}.recipe-status span{font-size:11px;margin-top:2px}.recipe-editor-card{min-width:0}.recipe-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.recipe-editor-heading>div{display:flex;align-items:center;gap:10px}.recipe-editor-heading h2{margin:1px 0 0}.copy-strip{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1fr) auto;align-items:center;gap:10px;background:#f6f9f7;border:1px solid var(--line);border-radius:9px;padding:12px;margin:16px 0}.copy-strip strong,.copy-strip small{display:block}.copy-strip small{font-size:10px}.copy-strip select{margin:0}.recipe-column-labels,.rapid-recipe-row{display:grid;grid-template-columns:minmax(200px,2fr) minmax(100px,.7fr) minmax(120px,.8fr) 40px;gap:9px;align-items:center}.recipe-column-labels{padding:0 3px 7px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.rapid-recipe-rows{display:flex;flex-direction:column;gap:8px}.rapid-recipe-row{border:1px solid var(--line);background:#fbfcfb;border-radius:9px;padding:9px}.rapid-recipe-row input,.rapid-recipe-row select{margin:0}.recipe-row-remove{min-height:40px;padding:7px;font-size:19px}.add-ingredient-button{width:100%;margin-top:10px;border:1px dashed var(--line-strong);background:#f8faf9}.add-ingredient-button small{margin-left:7px;font-size:9px}.recipe-save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.recipe-save-bar>span{color:var(--muted);font-size:11px}.recipe-save-bar>div{display:flex;gap:8px}.recipe-save-bar button{min-width:130px}.bulk-copy-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.bulk-copy-panel summary{color:var(--brand);font-weight:800;cursor:pointer}.bulk-copy-content{background:#f8faf9;border-radius:9px;padding:15px;margin-top:12px}.bulk-copy-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.bulk-copy-grid select[multiple]{min-height:170px}.recipe-mobile-actions{display:none}
@media(max-width:1050px){.rapid-recipe-layout{grid-template-columns:250px minmax(0,1fr)}.copy-strip{grid-template-columns:1fr auto}.copy-strip>div{grid-column:1/-1}.recipe-column-labels,.rapid-recipe-row{grid-template-columns:minmax(170px,1.7fr) minmax(90px,.7fr) minmax(100px,.8fr) 40px}}
@media(max-width:780px){.recipe-page-head.page-heading{align-items:stretch}.recipe-progress{grid-template-columns:repeat(3,1fr)}.recipe-progress article{align-items:flex-start;flex-direction:column;padding:11px}.rapid-recipe-layout{grid-template-columns:1fr}.recipe-picker-card{position:static;display:grid;grid-template-columns:auto 1fr}.recipe-picker-card label:nth-of-type(1){grid-column:1/-1}.recipe-picker-card label:nth-of-type(2){grid-column:1/-1}.recipe-picker-card select[size]{min-height:170px}.recipe-column-labels{display:none}.copy-strip{grid-template-columns:1fr auto}.rapid-recipe-row{grid-template-columns:minmax(0,1fr) minmax(85px,.42fr) minmax(100px,.5fr) 40px}.recipe-save-bar{padding-bottom:62px}.recipe-mobile-actions{position:fixed;z-index:23;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:7px;border:1px solid #d8e3de;border-radius:11px;background:#fffffff2;box-shadow:0 10px 30px rgba(13,47,37,.2);backdrop-filter:blur(10px)}.bulk-copy-grid{grid-template-columns:1fr}}
@media(max-width:560px){.recipe-progress article span{font-size:9px}.recipe-progress article strong{font-size:18px}.recipe-editor-card,.recipe-picker-card{padding:14px}.copy-strip{grid-template-columns:1fr}.copy-strip button{width:100%}.rapid-recipe-row{grid-template-columns:minmax(0,1fr) minmax(95px,.55fr) 38px;gap:7px;padding:8px}.rapid-recipe-row [data-recipe-ingredient]{grid-column:1/-1}.rapid-recipe-row [data-recipe-unit]{grid-column:2}.rapid-recipe-row .recipe-row-remove{grid-column:3;grid-row:2}.recipe-save-bar{align-items:stretch;flex-direction:column}.recipe-save-bar>div{display:none}.bulk-copy-content{padding:12px}}
.rapid-recipe-row [data-recipe-ingredient]{padding-left:39px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2369756f' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}
.recipe-ingredient-picker{display:grid;grid-template-columns:minmax(125px,.65fr) minmax(0,1.35fr);gap:8px;width:100%;min-width:0}
.recipe-ingredient-picker>select{min-width:0;font-size:12px}
.recipe-ingredient-search{position:relative;min-width:0}
.recipe-ingredient-search>input{width:100%}
.recipe-ingredient-suggestions{position:absolute;z-index:12;top:calc(100% + 5px);left:0;right:0;max-height:285px;overflow-y:auto;padding:5px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(13,47,37,.18)}
.recipe-ingredient-suggestions[hidden]{display:none}
.recipe-ingredient-suggestions button{display:flex;width:100%;min-height:0;align-items:flex-start;flex-direction:column;gap:3px;padding:9px 10px;border-radius:7px;background:#fff;color:var(--ink);box-shadow:none;text-align:left}
.recipe-ingredient-suggestions button:hover,.recipe-ingredient-suggestions button:focus{background:var(--brand-soft);color:var(--brand-dark);box-shadow:none;transform:none;outline:0}
.recipe-ingredient-suggestions strong{font-size:12px;line-height:1.4}
.recipe-ingredient-suggestions small{font-size:9px;line-height:1.4}
.ingredient-suggestion-empty{display:block;padding:11px;color:var(--muted);font-size:11px;text-align:center}
.ingredient-suggestion-create{border-top:1px solid var(--line)!important;color:var(--brand)!important;font-weight:800}
.recipe-add-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}
.recipe-add-actions .add-ingredient-button{margin:0}
.new-inventory-button{white-space:nowrap;border:1px solid #c7ddd3}
.inline-inventory-create{margin-top:12px;padding:16px;border:1px solid #b9d8ca;border-radius:11px;background:linear-gradient(145deg,#f8fcfa,#f1f8f5)}
.inline-inventory-create[hidden]{display:none}
.inline-create-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.inline-create-heading strong,.inline-create-heading small{display:block}.inline-create-heading strong{font-size:14px}.inline-create-heading small{margin-top:3px;font-size:10px}
.inline-create-heading .icon-button{min-height:32px;background:transparent;color:var(--muted);box-shadow:none}
.inline-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inline-create-grid label{margin:0}.inline-create-grid label>span{color:var(--muted);font-size:9px;font-weight:500}
.inline-create-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.inline-create-footer>span{font-size:11px}.inline-create-footer button{flex-shrink:0}
@media(max-width:1050px){.recipe-ingredient-picker{grid-template-columns:1fr}.recipe-ingredient-suggestions{max-height:230px}}
@media(max-width:700px){.recipe-add-actions,.inline-create-grid{grid-template-columns:minmax(0,1fr)}.new-inventory-button{width:100%}}
@media(max-width:560px){.rapid-recipe-row .recipe-ingredient-picker{grid-column:1/-1}.recipe-ingredient-picker{grid-template-columns:minmax(0,1fr)}.recipe-ingredient-picker>select{font-size:16px}.inline-create-footer{align-items:stretch;flex-direction:column}.inline-create-footer button{width:100%}}
.recipe-row-cost{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border-radius:7px;background:#edf7f2;color:var(--brand-dark)}
.recipe-row-cost strong{font-size:11px}.recipe-row-cost small{font-size:9px;text-align:right}
.recipe-row-cost.cost-unavailable{background:#fff6e5;color:#805416}
.recipe-cost-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 16px;border:1px solid #c8e0d5;border-radius:10px;background:linear-gradient(120deg,#f3faf7,#eaf6f0)}
.recipe-cost-summary span,.recipe-cost-summary small{display:block}.recipe-cost-summary span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}.recipe-cost-summary small{margin-top:3px;font-size:9px}.recipe-cost-summary>strong{flex-shrink:0;color:var(--brand-dark);font:800 20px Manrope,sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:560px){.recipe-cost-summary{align-items:stretch;flex-direction:column}.recipe-row-cost{align-items:flex-start;flex-direction:column}.recipe-row-cost small{text-align:left}.recipe-cost-summary>strong{font-size:22px}}
.recipe-builder-tools{display:grid;gap:10px;margin:18px 0 22px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f7faf8}
.recipe-tools-heading h3{margin:3px 0 2px;font-size:16px}.recipe-tools-heading p{margin:0;color:var(--muted);font-size:10px}
.recipe-tool-card{border:1px solid #d7e4de;border-radius:10px;background:#fff;overflow:hidden}
.recipe-tool-card>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}.recipe-tool-card>summary::-webkit-details-marker{display:none}
.recipe-tool-card>summary strong,.recipe-tool-card>summary small{display:block}.recipe-tool-card>summary strong{font-size:12px}.recipe-tool-card>summary small{margin-top:2px;font-size:9px}
.tool-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-weight:800}.tool-chevron{color:var(--muted);transition:transform .16s}.recipe-tool-card[open] .tool-chevron{transform:rotate(180deg)}
.recipe-tool-content{padding:14px;border-top:1px solid var(--line);background:#fbfdfc}
.component-source-grid{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(180px,1fr) minmax(220px,1.3fr);gap:9px}.component-source-grid label,.component-portion-grid label,.copy-tool-content label{margin:0}.component-recipe-field{min-width:0}
.component-portion-grid{display:grid;grid-template-columns:minmax(110px,.55fr) minmax(140px,.65fr) minmax(180px,1fr) auto;align-items:end;gap:9px;margin-top:11px;padding-top:11px;border-top:1px dashed var(--line)}
.component-math{display:flex;min-height:44px;justify-content:center;flex-direction:column;padding:6px 11px;border-radius:8px;background:var(--accent-soft)}.component-math span{color:#80602d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.component-math strong{margin-top:2px;color:#6f4a12;font-size:11px}
.component-portion-grid>button{min-height:44px;white-space:nowrap}
.copy-tool-content{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(170px,1fr) minmax(220px,1.25fr) auto;align-items:end;gap:9px}.copy-tool-content>button{min-height:44px;white-space:nowrap}
@media(max-width:1180px){.component-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-recipe-field{grid-column:1/-1}.component-portion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.component-portion-grid>button{grid-column:1/-1}.copy-tool-content{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-tool-content>button{grid-column:1/-1}}
@media(max-width:700px){.recipe-builder-tools{padding:10px}.component-source-grid,.component-portion-grid,.copy-tool-content{grid-template-columns:minmax(0,1fr)}.component-recipe-field,.component-portion-grid>button,.copy-tool-content>button{grid-column:auto}.recipe-tool-card>summary{padding:11px}.component-math{min-height:48px}}
.recipe-editor-card{container:recipe-editor / inline-size;overflow:visible}
.recipe-builder-tools,.recipe-tool-card,.recipe-tool-content,.component-source-grid,.component-portion-grid,.copy-tool-content{min-width:0}
.component-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.component-source-grid>*{min-width:0}
.component-source-grid select,.component-source-grid input,.component-portion-grid select,.component-portion-grid input,.copy-tool-content select,.copy-tool-content input{width:100%;min-width:0}
.component-portion-grid{grid-template-columns:minmax(120px,.65fr) minmax(150px,.75fr) minmax(220px,1.6fr)}
.component-portion-grid>button{grid-column:1/-1;width:100%;white-space:normal}
.copy-tool-content{grid-template-columns:repeat(3,minmax(0,1fr))}
.copy-tool-content>button{grid-column:1/-1;width:100%;white-space:normal}
@container recipe-editor (max-width:760px){
  .component-source-grid,.copy-tool-content{grid-template-columns:repeat(2,minmax(0,1fr))}
  .component-recipe-field,.copy-tool-content label:nth-child(3){grid-column:1/-1}
  .component-portion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .component-math{grid-column:1/-1}
  .recipe-column-labels{display:none}
  .rapid-recipe-row{grid-template-columns:minmax(0,1fr) minmax(115px,.45fr) 42px}
  .rapid-recipe-row .recipe-ingredient-picker{grid-column:1/-1}
  .rapid-recipe-row [data-recipe-unit]{grid-column:2}.rapid-recipe-row .recipe-row-remove{grid-column:3;grid-row:2}
}
@container recipe-editor (max-width:500px){
  .recipe-builder-tools{padding:9px}
  .component-source-grid,.component-portion-grid,.copy-tool-content{grid-template-columns:minmax(0,1fr)}
  .component-recipe-field,.copy-tool-content label:nth-child(3),.component-math{grid-column:auto}
  .recipe-tool-card>summary{grid-template-columns:auto minmax(0,1fr);padding:11px}.tool-chevron{display:none}
  .recipe-tool-content{padding:11px}
  .component-portion-grid>button,.copy-tool-content>button{grid-column:auto}
  .component-math{min-height:48px}
}