.roof-hold-controls{display:grid;gap:8px;margin:12px 0}.roof-hold{min-height:48px;touch-action:none;user-select:none;background:#3b3024;border:1px solid #78644b;border-radius:6px;color:#f0debf;font:inherit;font-size:12px;padding:12px}.roof-hold[aria-pressed=true]{background:#725b3b;border-color:#dfbe85}.roof-hold:disabled{opacity:.45;cursor:default}.roof-hold:focus-visible{outline:3px solid #e1bd7c;outline-offset:3px}.cotton-motor{display:block;width:100%;min-height:48px;padding:12px 10px;border:1px solid #b9a2a7;border-radius:8px;background:#533f47;color:#fff2f4;font:inherit;font-size:12px;cursor:pointer}.cotton-motor:disabled{opacity:.45}.cotton-motor[aria-pressed=true]{background:#744f65}.cotton-motor:focus-visible{outline:3px solid #efb9d9;outline-offset:3px}.cotton-stage-meter{height:5px;width:100%;accent-color:#e0a8c8;margin:10px 0 2px}.cotton-small{line-height:1.8}.cotton-studio .stage-caption{display:none}
@media(max-width:760px){.roof-hold-controls{grid-template-columns:1fr 1fr}.roof-hold{font-size:11px;padding:11px 8px}}
@media(max-width:899px){.cooking-studio .roof-hold-controls{order:4;width:100%;margin:0}}
/* Ringo: one tap per operation, with controls beside the visible food. */
.ringo-studio .tools{display:none}.ringo-studio .roof-hold-controls{margin:0;gap:8px}.ringo-studio .roof-hold{min-height:56px;font-size:14px;font-weight:600;background:#f18e8a;color:#2d1919;border-color:#f18e8a;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ringo-studio .roof-hold:disabled{background:#40302d;color:#e5bdb6;opacity:.65;border-color:#765652}.ringo-studio .extras button{min-height:50px;font-size:12px;touch-action:manipulation}.ringo-studio .flavors{margin-top:0}.ringo-studio .gauge-row{margin-top:0}.ringo-studio #kitchen{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ringo-studio .tool-guide{font-size:12px;line-height:1.7;color:#ffe5cd}.ringo-studio .finish{min-height:52px}.ringo-studio .cook-feedback{padding:10px}.ringo-studio #ready-note{margin-bottom:0}
@media(max-width:899px){.ringo-studio .roof-hold-controls{order:4;width:100%;grid-template-columns:1fr 1fr}.ringo-studio .extras{order:5;display:grid;grid-template-columns:1fr 1fr;width:100%}.ringo-studio .cook-feedback{order:6;width:100%}.ringo-studio .gauge-row{order:7;width:100%}.ringo-studio .cooking-detail{order:8}.ringo-studio .roof-hold{padding:10px 5px;font-size:12px}.ringo-studio .flavors{font-size:12px}.ringo-studio .cook-steps{width:100%}}

/* Cotton: direct manipulation is the main path; helpers stay optional. */
.cotton-studio #kitchen{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.cotton-studio #kitchen:active{cursor:grabbing}.cotton-accessibility{margin-top:12px;font-size:11px;color:#cdb9c7}.cotton-accessibility summary{padding:12px 0;cursor:pointer}.cotton-sidebar{display:flex;flex-direction:column}.cotton-sidebar .cotton-flow{order:0;margin-top:0}.cotton-sidebar .cotton-palette{order:1;margin-top:16px}.cotton-studio .tool-guide{font-size:13px;line-height:1.7;min-height:44px}.cotton-motor{font-size:15px;font-weight:600}.cotton-studio .finish{min-height:48px}.cotton-studio .stage{overflow:hidden}.cotton-studio .cotton-size{font-size:12px}
@media(max-width:899px){.cotton-board,.cotton-sidebar,.cotton-flow{display:contents}.cotton-studio .cook-steps{order:0;width:100%}.cotton-motor{order:1}.cotton-stage-meter{order:2;margin:0}.cotton-studio .tool-guide{order:3;min-height:0}.cotton-studio .stage{order:4}.cotton-size{order:5;width:100%;margin-top:0}.cotton-color-history{order:6;width:100%;margin:0}.cotton-studio .gauge-row{order:7;width:100%;margin:0}.cotton-studio .finish{margin-top:0}.cotton-machine-state{order:8;margin:0}.cotton-queue{order:9;margin:0}.cotton-sidebar .cotton-palette{order:10;margin:0}.cotton-accessibility{order:11;width:100%;margin:0}.cotton-studio .cooking-detail{order:12}.cotton-studio{gap:8px}.cotton-studio .stage canvas{width:100%;height:auto}}
/* Keep the touch surface still when the next instruction changes. */
@media(max-width:899px){.cotton-studio .tool-guide{min-height:44px}.cotton-studio .cotton-stage-meter{display:block}}
@media(max-width:380px){.cotton-studio .tool-guide{min-height:66px}}
@media(orientation:landscape) and (max-height:500px){.cotton-studio .stage{display:flex;justify-content:center;background:#211d19}.cotton-studio .stage canvas{width:auto;height:68svh;max-width:100%;aspect-ratio:10/7;object-fit:contain}}

.ringo-assist{font-size:11px;color:#d3b9a5;margin:12px 0}.ringo-assist summary{min-height:44px;padding:12px 0;cursor:pointer}.ringo-studio #kitchen{cursor:grab}.ringo-studio #kitchen:active{cursor:grabbing}.ringo-studio .tool-guide{min-height:44px}
@media(max-width:899px){.ringo-assist{order:9;width:100%;margin:0}.ringo-studio .extras{order:4}.ringo-studio .tool-guide{min-height:62px}}
@media(orientation:landscape) and (max-height:500px){.ringo-studio .stage{display:flex;justify-content:center;background:#211d19}.ringo-studio .stage canvas{width:auto;height:68svh;max-width:100%;aspect-ratio:10/7;object-fit:contain}}