.replacement-dialog{width:min(580px,calc(100% - 24px));box-sizing:border-box;max-height:92dvh;overflow:auto;border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--surface);color:var(--ink)}.replacement-dialog::backdrop{background:var(--scrim);backdrop-filter:blur(3px)}.replacement-dialog header{display:flex;gap:12px;align-items:start;justify-content:space-between;margin-bottom:6px}.replacement-dialog h2{margin:0;font-size:24px}.replacement-context{margin:6px 0 0;font-size:15px;font-weight:600;color:var(--brand)}.replacement-context span{font-weight:400;color:var(--muted)}.replacement-dialog header button{font-size:25px;min-width:44px}.replacement-dialog p{font-size:14px;line-height:1.6}.replacement-step{margin:18px 0 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.replacement-step h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:16px}.replacement-step-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand-fill);color:var(--on-dark);font-size:13px;font-weight:700}.replacement-dialog label{display:grid;gap:8px;font-size:14px;margin:0}.replacement-dialog input,.replacement-dialog select{width:100%;min-width:0;font-size:16px;min-height:48px;box-sizing:border-box}.replacement-search{margin-top:10px}.replacement-dialog footer{display:grid;gap:8px;margin-top:18px}.replacement-dialog footer button{width:100%}.replacement-dialog footer .primary{min-height:50px}.replacement-dialog button{min-height:44px;white-space:normal}.replacement-suggestions{display:flex;flex-wrap:wrap;gap:8px}.replacement-suggestions button{font-size:14px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink)}.replacement-suggestions button[aria-pressed=true]{background:var(--brand-fill);border-color:var(--brand);color:var(--on-dark)}.replacement-results{display:grid;gap:4px;max-height:200px;overflow:auto;margin-top:6px}.replacement-results:empty{display:none}.replacement-results button{text-align:left;background:var(--surface-2);color:var(--ink)}.replacement-choice{display:grid;gap:3px;margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border-left:4px solid var(--brand);font-size:14px}.replacement-choice[hidden]{display:none}.replacement-choice.is-unknown{background:var(--warn-bg);border-left-color:var(--warn)}.replacement-choice span{font-size:13px;color:var(--ink)}.replacement-extra{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.replacement-extra button{font-size:14px;padding:8px 10px;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.replacement-extra [aria-expanded=true]{background:var(--tint);border-color:var(--line-2)}.replacement-online{margin-top:8px;padding-top:4px}.replacement-online .online-search-heading>div{display:none}.replacement-online .online-search-heading{margin:0}.replacement-online[hidden]{display:none}.replacement-amount{display:grid;grid-template-columns:2fr 1fr;gap:12px}.replacement-step .small{margin:10px 0 0;color:var(--muted)}.replacement-error{color:var(--bad)}.replacement-error[hidden]{display:none}.recipe-ingredient-list .ingredient-replace{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;text-align:left;font:inherit;padding:8px 0;background:transparent;color:inherit;border:0}.ingredient-replace svg{width:18px;height:18px;flex:none;color:var(--brand)}.ingredient-replace small{display:block;font-size:11px;color:var(--brand)}.recipe-personal-note{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;margin:18px 0;font-size:14px;line-height:1.5}.recipe-personal-note p{font-size:13px}.replacement-dialog .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:400px){.replacement-dialog{padding:16px}.replacement-step{padding:13px}}
