/* Studio 4 — floating image controls. No page-level toolbar or instruction strip. */
body.s4-photo-controls-clean #canvasHint,
body.s4-photo-controls-clean .canvas-hint,
body.s4-photo-controls-clean .s4-hold-hint{display:none!important}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay{
 position:absolute!important;
 left:10px!important;right:auto!important;top:auto!important;bottom:11px!important;
 width:max-content!important;max-width:calc(100% - 112px)!important;
 height:auto!important;min-height:0!important;
 padding:0!important;margin:0!important;
 display:flex!important;flex-wrap:nowrap!important;
 align-items:center!important;justify-content:flex-start!important;
 z-index:12!important;pointer-events:none!important;
 gap:0!important;transform:none!important;
 grid-area:auto!important;order:unset!important;
 background:none!important;border:0!important;box-shadow:none!important;
}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay>.zoom-controls{
 display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;
 align-items:center!important;justify-content:center!important;
 width:max-content!important;max-width:100%!important;
 min-width:0!important;gap:1px!important;
 padding:3px!important;margin:0!important;
 border:1px solid rgba(221,198,161,.34)!important;
 background:rgba(17,18,20,.79)!important;
 color:#e7dfd1!important;
 border-radius:999px!important;
 box-shadow:0 7px 22px rgba(0,0,0,.4)!important;
 -webkit-backdrop-filter:blur(18px);
 backdrop-filter:blur(18px);
 pointer-events:auto!important;
}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls button,
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls .s4-mini-undo{
 display:grid!important;place-items:center!important;
 width:29px!important;min-width:29px!important;max-width:29px!important;
 height:30px!important;min-height:30px!important;max-height:30px!important;
 padding:0!important;margin:0!important;flex:0 0 29px!important;
 border:0!important;border-radius:999px!important;
 background:transparent!important;
 box-shadow:none!important;
 color:#f2e6d2!important;
 font-size:17px!important;font-weight:450!important;line-height:1!important;
}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay #fit{
 font-size:10px!important;font-weight:650!important;
 color:#dac3a3!important;
}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .s4-mini-undo{
 font-size:18px!important;
 border-left:1px solid rgba(214,193,162,.2)!important;
 border-radius:0 999px 999px 0!important;
}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls button:not(:disabled):active{
 background:rgba(224,192,140,.28)!important;
}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls button:disabled{
 opacity:.4!important;
}
body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls output{
 display:block!important;flex:0 0 39px!important;
 min-width:39px!important;max-width:39px!important;
 text-align:center!important;font-size:10px!important;
 font-weight:650!important;font-variant-numeric:tabular-nums;
 color:#e7d5ba!important;
}
body.s4-photo-controls-clean:not(.s4-photo-controls-active) .view-toolbar.s4-view-overlay{
 display:none!important;
}
body.s4-photo-controls-clean #s4-before-eye{
 bottom:11px!important;right:10px!important;min-height:37px!important;height:37px!important;
 border-radius:999px!important;background:rgba(17,18,20,.79)!important;
 border:1px solid rgba(221,198,161,.47)!important;
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
 box-shadow:0 7px 22px rgba(0,0,0,.4)!important;
}
@media(max-width:390px){
 body.s4-photo-controls-clean .view-toolbar.s4-view-overlay{
   left:7px!important;bottom:8px!important;max-width:calc(100% - 100px)!important;
 }
 body.s4-photo-controls-clean .view-toolbar.s4-view-overlay>.zoom-controls{gap:0!important;padding:2px!important}
 body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls button,
 body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls .s4-mini-undo{
  width:26px!important;min-width:26px!important;max-width:26px!important;flex-basis:26px!important;
  height:29px!important;min-height:29px!important;font-size:15px!important;
 }
 body.s4-photo-controls-clean .view-toolbar.s4-view-overlay .zoom-controls output{
   flex-basis:35px!important;min-width:35px!important;max-width:35px!important;font-size:9px!important;
 }
 body.s4-photo-controls-clean #s4-before-eye{
   right:7px!important;bottom:8px!important;min-width:80px!important;
   min-height:35px!important;height:35px!important;padding:5px 7px!important;font-size:10px!important;
 }
}
@media(min-width:801px){
 body.s4-photo-controls-clean .view-toolbar.s4-view-overlay{
   left:15px!important;bottom:15px!important;
 }
 body.s4-photo-controls-clean #s4-before-eye{
   right:15px!important;bottom:15px!important;
 }
}