.recipe-actions { display:flex; align-items:center; gap:8px; }.recipe-modal { width:min(100%,430px); }.recipe-modes { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:0 0 20px; padding:4px; border-radius:8px; background:#f1efe9; }.recipe-mode { border:0; border-radius:6px; padding:8px; color:#75736b; background:transparent; font-size:12px; font-weight:600; }.recipe-mode.active { color:#292925; background:#fff; box-shadow:0 1px 3px #00000012; }.ingredient-adder { display:flex; gap:7px; margin-top:6px; }.ingredient-adder input { width:100%; padding:10px 11px; border:1px solid var(--line); border-radius:7px; outline:none; }.ingredient-adder button { width:38px; border:0; border-radius:7px; color:#fff; background:var(--ink); font-size:20px; }.ingredient-editor { display:grid; gap:4px; min-height:28px; margin:9px 0 0; padding:0; list-style:none; }.ingredient-editor li { display:flex; align-items:center; gap:8px; padding:7px 8px; border-radius:6px; background:#f8f7f3; color:#57564f; font-size:12px; }.ingredient-editor input { appearance:none; width:14px; height:14px; margin:0; border:1px solid #bab8af; border-radius:4px; }.ingredient-editor input:checked { background:var(--green); border-color:var(--green); }.ingredient-editor input:checked::after { content:'✓'; display:block; color:white; font-size:9px; line-height:12px; text-align:center; }.ingredient-editor li.checked span { color:#96948d; text-decoration:line-through; }.ingredient-editor button { margin-left:auto; border:0; color:#9c9a92; background:transparent; font-size:16px; }.link-helper { margin:-2px 0 15px; color:#8b8981; font-size:11px; line-height:1.45; }.recipe-modal label small { color:#99968d; font-size:10px; font-weight:500; }
