/* Studio 4 compact image actions and local background removal UI. */
.s4-hidden-compare-control{display:none!important}
.zoom-controls .s4-compact-undo{
 display:inline-grid;place-items:center;width:39px;min-width:39px;min-height:37px;height:37px;
 padding:4px 8px!important;font-size:22px!important;line-height:1!important;border-radius:50%!important;
 color:#e0c29b!important;border:1px solid #7b6751!important;background:#292727!important;
}
#viewport{position:relative}
.s4-hold-hint{
 position:absolute;bottom:12px;left:50%;transform:translateX(-50%);
 pointer-events:none;z-index:3;display:block;
 padding:5px 11px;border:1px solid #eee3d338;border-radius:30px;
 background:#171717a6;color:#e5d6c3;font-size:10px;letter-spacing:.03em;
 white-space:nowrap;opacity:.82;
}
#viewport:has(#canvas[hidden]) .s4-hold-hint{display:none}
#viewport.s4-before-held .s4-hold-hint{content:"";opacity:0}
.s4-background-transparent #viewport{
 background-color:#292929;
 background-image:linear-gradient(45deg,#555 25%,transparent 25%),
 linear-gradient(-45deg,#555 25%,transparent 25%),
 linear-gradient(45deg,transparent 75%,#555 75%),
 linear-gradient(-45deg,transparent 75%,#555 75%);
 background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;
}
.s4-bg-remover{padding:14px;display:flex;flex-direction:column;gap:12px;background:#252421;border:1px solid #685e51;border-radius:14px;margin-bottom:16px}
.s4-bg-title{display:flex;flex-direction:column;gap:5px}
.s4-bg-title strong{font-size:14px;font-weight:700;color:#f7e4c9}
.s4-bg-title small{font-size:11px;color:#b9afa4}
.s4-bg-buttons{display:flex;gap:7px;flex-wrap:wrap}
.s4-bg-go{flex:1;min-height:42px;min-width:130px!important;background:#e3c18a!important;color:#191817!important;border:0!important;border-radius:9px!important;font-size:12px}
.s4-bg-cancel{min-height:42px!important;border-color:#796a5b!important;border-radius:9px!important}
.s4-bg-status{font-size:11px;color:#c0b8a9;margin:0;line-height:1.45}
.s4-bg-checker{height:16px;border-radius:4px;opacity:.75;
 background:repeating-conic-gradient(#767676 0% 25%,#484848 0% 50%) 50% / 18px 18px}
@media(max-width:800px){
 .zoom-controls .s4-compact-undo{min-width:34px!important;width:34px!important;min-height:36px;height:36px;padding:2px 4px!important}
 .s4-hold-hint{font-size:9px;bottom:9px}
 .s4-bg-remover{padding:11px;margin-bottom:10px}
 .s4-bg-title strong{font-size:12px}
 .s4-bg-title small{font-size:10px}
 .s4-bg-go{min-width:100px!important}
}