/* Everyday tools share a calm frame while retaining their own accent. */
body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]{--local-accent:#176556;--local-tint:#e9f4ee}
body[data-extra="packing"]{--local-accent:#315d95;--local-tint:#eaf1fa}
body[data-extra="focus"]{--local-accent:#76512f;--local-tint:#faf0e1}
:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) .toolintro{max-width:840px;margin-bottom:28px}
:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) .toolintro h1{font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-1.5px}
:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) .workspace{border:1px solid #d5dfdc;border-radius:22px;box-shadow:0 12px 36px #20374608;min-width:0}
:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) :is(input,select,textarea){max-width:100%;box-sizing:border-box}
:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) button[data-action-tone="primary"]{background:var(--local-accent);border-color:var(--local-accent);color:#fff}
:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--local-accent);outline-offset:3px}
@media(max-width:600px){:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) .workspace{padding:20px 16px;border-radius:16px}}
@media print{:is(body[data-extra="recipe-scale"],body[data-extra="packing"],body[data-extra="focus"]) .workspace{box-shadow:none;border:0;padding:0}}