.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}.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{border:none;border-radius:16px;padding:0;width:min(960px,calc(100vw - 24px));height:min(86vh,400px);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.35)}.cook-shell{display:flex;flex-direction:column;height:100%;background:#fff} .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 0;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-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}.cook-counter{font-size:14px;opacity:0.7;white-space:nowrap}.cook-body{display:flex;justify-content:space-between;min-height:0;overflow:auto;height:100%;position:relative}.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-shell .tb:disabled{opacity:0.4;cursor:not-allowed} .cook-ingredients{border-left:1px solid rgba(0,0,0,0.12);overflow:auto;padding:0;display:none;flex-shrink:0;min-width:250px;max-width:400px;height:100%}.cook-ingredients[aria-hidden="false"]{display:block}.cook-ingredients h3{margin:0 0 10px 0;font-size:14px;padding:14px;letter-spacing:0.02em;text-transform:uppercase;opacity:0.75}.cook-ingredients ul{margin:0;padding:0 18px 0 26px}.cook-ingredients li{margin:6px 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)} @media (max-width:859px){.cook-ingredients{position:absolute;background:#fff;right:0;top:0;max-width:300px}.cook-dialog:has(.cook-ingredients[aria-hidden="false"]){height:min(86vh,600px)}}@media (min-width:860px){.cook-ingredients{display:block}.cook-ingredients[aria-hidden="true"]{display:none}.cook-step{padding:22px 18px}}