.cook-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.cook-controls__toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--fm-bg-color);border-radius:20px;padding:0 10px;background:var(--fm-very-bright-bg-color);font-size:0.9rem}.cook-controls__btn{padding:10px 14px;border:1px solid rgba(0,0,0,0.2);border-radius:10px;background:rgba(0,0,0,0.04);font-weight:700;cursor:pointer}.cook-controls__btn:hover{background:rgba(0,0,0,0.07)} .cook-dialog{transition:height 220ms ease;animation:fadeIn 0.25s ease;border:none;border-radius:16px;padding:0;width:min(960px,calc(100vw - 24px));height:min(86vh,300px);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.35)}.cook-shell{display:flex;flex-direction:column;height:100%;background:var(--fm-bright-bg-color)} .cook-header__right button{border:none;color:var(--fm-green);font-size:22px;padding-top:3px;padding-right:3px}.cook-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px 4px;border-bottom:1px solid rgba(0,0,0,0.12)}.cook-header__left{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.cook-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}.cook-counter{color:var(--fm-scetch-grey);white-space:nowrap}.cook-body{display:flex;justify-content:space-between;min-height:0;overflow:auto;height:100%;position:relative}.cook-intro,.cook-stepmedia{padding:18px 16px}.cook-step{padding:18px 16px;font-size:clamp(18px,2.1vw,26px);line-height:1.35;max-height:100%}.cook-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid rgba(0,0,0,0.12)}.cook-footer__left,.cook-footer__right{display:flex;gap:10px;align-items:center}.cook-footer__right button[aria-pressed=true]{background-color:var(--fm-bg-color)}.cook-shell .tb:disabled{opacity:0.4;cursor:not-allowed} .cook-ingredients{padding:0;display:none;flex-shrink:0;min-width:250px;height:100%}.cook-ingredients[aria-hidden="false"]{display:block}.cook-ingredients h3{margin:0;font-size:1rem;padding:14px;letter-spacing:0.02em;text-transform:uppercase;color:var(--fm-scetch-grey);border-left:1px solid rgba(0,0,0,0.12)}.cook-ingredients ul{border-left:1px solid rgba(0,0,0,0.12);margin:0;padding:5px 18px 0 26px}.cook-ingredients li{margin:0} .cook-step-active{background:rgba(255,243,205,0.75);outline:2px solid rgba(255,193,7,0.9);border-radius:6px}.cook-dialog::backdrop{background:rgba(0,0,0,0.3)}.cook-dialog:has(.cook-ingredients[aria-hidden="false"]),.cook-dialog:has(.cook-stepmedia[aria-hidden="false"]),.cook-dialog:has(.cook-intro[aria-hidden="false"]){height:min(86vh,500px)}.cook-dialog:has(.cook-ingredients[aria-hidden="false"]) .cook-stepmedia{display:none}.cook-dialog:has(.cook-ingredients[aria-hidden="false"]) .cook-stepview{display:block}.cook-stage{width:100%;position:relative;min-height:180px}.cook-dialog:has(.cook-ingredients[aria-hidden="false"]) .cook-stepview[aria-hidden="true"],.cook-intro[aria-hidden="true"],.cook-stepview[aria-hidden="true"]{display:none;pointer-events:none}.cook-intro[aria-hidden="false"],.cook-stepview[aria-hidden="false"]{pointer-events:auto}.cook-intro__title{font-weight:900;font-size:1.1rem;margin-bottom:6px}.cook-intro__lead{color:var(--fm-scetch-grey);margin-bottom:12px;line-height:1.35}.cook-intro__list{margin:0 0 14px 0;padding-left:18px}.cook-intro__list li{margin:10px 0;line-height:1.35}.cook-stepmedia{overflow:hidden;max-height:200px}.cook-stepmedia[aria-hidden="true"]{display:none}.cook-stepmedia img{border-radius:12px;width:100%;height:100%;max-height:200px;object-fit:cover;display:block}@media (max-width:699px){ .cook-dialog[data-ingredients-visible="true"] .cook-ingredients{width:100%}.cook-dialog[data-ingredients-visible="true"] .cook-body div:not(.cook-ingredients){display:none}.cook-stepmedia{padding-bottom:0}}@media (min-width:700px){.cook-ingredients[aria-hidden="true"]{display:none}.cook-stepmedia,.cook-intro,.cook-step{padding:22px 18px}.cook-ingredients{max-width:400px}.cook-stepview:has(.cook-stepmedia[aria-hidden="false"]){display:grid;grid-template-columns:1fr minmax(260px,360px);gap:18px;align-items:start}.cook-stepmedia{grid-column:2;grid-row:1;margin-bottom:0;max-height:none;align-self:start}.cook-stepmedia img{max-height:52vh;height:auto;object-fit:cover}.cook-step{grid-column:1;grid-row:1;overflow:auto;max-height:100%}}