/* Designer stage only. Override the global cream button rule as a complete
   foreground/background pair, including WebKit text fill and interaction states. */
html body[data-estienne-page="designer"] #root .stage{background:#FA4415!important}
html body[data-estienne-page="designer"] #root .stage :is(.side-toggle,.workspace-controls,.interaction-help,.fold-control){background:#fff!important;color:#171717!important}
html body[data-estienne-page="designer"] #root .stage :is(.side-toggle,.workspace-controls) button{background:#fff!important;color:#171717!important;-webkit-text-fill-color:#171717!important}
html body[data-estienne-page="designer"] #root .stage :is(.side-toggle,.workspace-controls) button:hover{background:#f5f5f5!important;color:#171717!important;-webkit-text-fill-color:#171717!important}
html body[data-estienne-page="designer"] #root .stage .side-toggle button:is(.active,[aria-pressed="true"]){background:#742a2a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#742a2a!important}
html body[data-estienne-page="designer"] #root .stage .side-toggle button:is(.active,[aria-pressed="true"]):hover{background:#5e2020!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body[data-estienne-page="designer"] #root .stage .side-toggle button:is(.active,[aria-pressed="true"]) *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body[data-estienne-page="designer"] #root .stage :is(.side-toggle,.workspace-controls) button:focus-visible{outline:3px solid #171717!important;outline-offset:3px!important}
html body[data-estienne-page="designer"] #root .stage :is(.side-toggle,.workspace-controls) button:disabled{background:#cecece!important;color:#171717!important;-webkit-text-fill-color:#171717!important}