.visual-guide-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:center;background:#fff;color:#102943;border-radius:1rem;overflow:hidden;margin-block:1rem}.visual-guide-preview>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.visual-guide-preview>div{padding:1rem;min-width:0}.visual-guide-preview p,.visual-guide-dialog p{line-height:1.6;overflow-wrap:anywhere}.visual-guide-preview button,.visual-guide-dialog button,.visual-guide-meal-action{font:inherit;min-height:44px;padding:.65rem .9rem;border:1px solid #102943;border-radius:.65rem;background:#102943;color:white;cursor:pointer}.visual-guide-dialog{box-sizing:border-box;width:min(94vw,980px);max-height:90dvh;padding:1.25rem;border:0;border-radius:1rem;background:white;color:#102943;overflow:auto}.visual-guide-dialog::backdrop{background:#071a30b8}.visual-guide-dialog *{box-sizing:border-box}.visual-guide-dialog-head{display:flex;align-items:start;gap:1rem;justify-content:space-between}.visual-guide-dialog h2{margin:0;overflow-wrap:anywhere;font-size:1.5rem}.visual-guide-cover{display:block;width:min(100%,420px);height:auto;margin:1rem auto}.visual-guide-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.visual-guide-steps li{min-width:0}.visual-guide-steps button{display:flex;flex-direction:column;gap:.6rem;width:100%;padding:0 0 .8rem;background:white;color:#102943;border:1px solid #d2dce7;overflow:hidden;text-align:left}.visual-guide-steps img{width:100%;aspect-ratio:1;object-fit:contain}.visual-guide-steps span,.visual-guide-steps small{padding-inline:.7rem;overflow-wrap:anywhere}.visual-guide-large-step img{display:block;width:min(100%,600px);height:auto;margin:1rem auto}.visual-guide-step-nav{display:flex;flex-wrap:wrap;gap:.6rem}.visual-guide-dialog button:disabled{opacity:.5;cursor:default}.visual-guide-source{display:block;line-height:1.5;overflow-wrap:anywhere;margin-top:1rem}.visual-guide-meal-action{display:flex;align-items:center;gap:.6rem;background:white;color:#102943;width:100%;margin-block:.5rem}.visual-guide-meal-action img{width:72px;height:72px;object-fit:contain}.visual-guide-image-error{font-size:.9rem}.visual-guide-dialog :focus-visible,.visual-guide-preview :focus-visible{outline:3px solid #20a9b4;outline-offset:3px}
@media(max-width:700px){.visual-guide-preview{grid-template-columns:minmax(0,1fr)}.visual-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-guide-dialog{padding:1rem}.visual-guide-dialog-head{flex-wrap:wrap}}
@media(max-width:340px){.visual-guide-steps{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.visual-guide-dialog,.visual-guide-preview{scroll-behavior:auto}}
.visual-guide-dialog{container-type:inline-size;font-size:1rem}
@container(max-width:18rem){.visual-guide-steps{grid-template-columns:minmax(0,1fr)}}