/* Transform values live on the selected picture, never in the side inspector. */
body:not(.render-mode) label:has(>input:is([data-main-setting="width"],[data-main-setting="x"],[data-main-setting="y"],[data-main-setting="rotation"],[data-sku-adjust],[data-flow-style="imageScale"],[data-flow-style="imageX"],[data-flow-style="imageY"],[data-flow-style="imageRotation"],[data-other-setting="scale"],[data-other-setting="margin"],[data-other-setting="x"],[data-other-setting="y"],[data-other-setting="rotation"])){display:none!important}
.on-image-transform{position:fixed;z-index:30;border:2px solid #4264d5;box-sizing:border-box;pointer-events:none}
.on-image-drag{position:absolute;inset:0;cursor:move;touch-action:none;pointer-events:auto}
.on-image-transform button{min-width:36px;min-height:36px;border:1px solid #aabbea;border-radius:6px;background:white;color:#284baa;pointer-events:auto;touch-action:none}
.on-image-rotate{position:absolute;left:calc(50% - 18px);top:0;font-size:24px}
.on-image-scale{position:absolute;right:0;bottom:0;font-size:22px;cursor:nwse-resize}
.on-image-values{position:absolute;left:0;top:100%;display:flex;align-items:end;gap:4px;padding:6px;background:#fff;border:1px solid #c4cfee;border-radius:7px;box-shadow:0 3px 12px #172a4b22;box-sizing:border-box;pointer-events:auto}
.on-image-values label{display:flex;flex-direction:column;min-width:0;flex:1;font-size:11px;color:#45516a}
.on-image-values input{width:100%;min-width:0;height:32px;border:1px solid #d4daea;border-radius:4px;padding:3px;font-size:13px;box-sizing:border-box}
@media(pointer:coarse){.on-image-transform button{min-width:44px;min-height:44px}.on-image-values input{height:44px;font-size:16px}}
.workspace #editor-panel.flow-layout.flow-image-editing{grid-template-columns:184px minmax(0,1fr)}
.flow-layout.flow-image-editing>.inspector{display:none}
.main-row-sliders,.sku-adjustments:has(>[hidden]){gap:0}
@media(max-width:680px){.workspace #editor-panel.flow-layout.flow-image-editing{grid-template-columns:1fr}}
.on-image-transform.is-browsing .on-image-drag,.on-image-transform.is-browsing .on-image-scale,.on-image-transform.is-browsing .on-image-rotate{pointer-events:none;visibility:hidden}
.on-image-values{flex-wrap:wrap;align-items:center}
.on-image-values label{min-width:58px}
.on-image-values button{min-height:44px;padding:4px 10px}
.on-image-values input{height:44px;font-size:16px}
body:not(.render-mode) label:has(>input:is([data-other-setting="panX"],[data-other-setting="panY"])){display:none!important}
#editor-image-preview .on-image-transform{z-index:2}
body.tablet-compact .on-image-transform button{min-width:36px;min-height:36px}
body.tablet-compact .on-image-values{gap:6px;padding:5px 7px}
body.tablet-compact .on-image-values input{min-height:36px!important;height:36px;font-size:16px}
body.tablet-compact .on-image-values button{min-height:36px!important;height:36px;padding:3px 8px;font-size:13px}
@media(orientation:landscape) and (min-width:800px){
 body.tablet-compact .on-image-values{flex-wrap:nowrap}
 body.tablet-compact .on-image-values label{flex-direction:row;align-items:center;gap:4px;min-width:0;white-space:nowrap;font-size:11px}
 body.tablet-compact .on-image-values input{width:54px;min-width:44px;flex:1;padding:3px}
}