.pw-product-main-image{display:inline-flex;align-items:center;justify-content:center;padding:0!important;width:30px;height:30px;flex:0 0 30px;vertical-align:middle}
.pw-product-main-image img{width:28px;height:28px;object-fit:contain}
.pw-product-main-image span{font-size:inherit;white-space:nowrap}
.image-editor.pw-product-image-editor{width:min(1000px,calc(100vw - 32px));max-height:calc(100vh - 24px)}
.pw-product-image-editor .image-editor-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0;overflow:auto}
.pw-product-image-editor .image-editor-editing{min-width:0}
.pw-product-image-editor .image-editor-tools{flex-wrap:wrap}
.pw-product-image-editor .image-editor-stage{min-height:0}
.pw-product-image-editor .image-editor-stage canvas{max-width:100%;max-height:45vh;object-fit:contain}
.pw-image-targets{padding:10px;border-left:1px solid #dce6e2;overflow:auto;max-height:55vh;font-size:14px}
.pw-image-targets section{border-bottom:1px solid #dce6e2;padding:5px 0}
.pw-image-target,.pw-image-group{display:flex;gap:8px;align-items:center;padding:4px 0}
.pw-image-target img{width:28px;height:28px;object-fit:contain}.pw-image-group{justify-content:space-between}
.pw-image-targets button{padding:3px 8px;font-size:14px}
@media(max-width:700px){.pw-product-image-editor .image-editor-workbench{grid-template-columns:1fr}.pw-image-targets{max-height:25vh}}

.pw-image-targets input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:0}
.pw-image-targets label{margin:0;min-width:0}
.pw-image-group>label{display:flex;align-items:center;gap:6px}
.pw-image-group-thumbs{display:flex;gap:2px}.pw-image-group-thumbs img{width:24px;height:24px;object-fit:contain}
.pw-image-targets .pw-no-image{width:28px;flex:0 0 28px;font-size:inherit}
.pw-product-image-editor .image-editor-tools label{white-space:nowrap}
.pw-product-image-editor .image-editor-tools select{width:auto}
/* Product editor controls must not inherit the page's form-label bottom margin. */
.pw-product-image-editor .image-editor-tools{align-items:center;gap:8px}
.pw-product-image-editor .image-editor-tools>label{display:inline-flex;flex-direction:row;align-items:center;margin:0;gap:5px;flex:0 0 auto}
.pw-product-image-editor .image-editor-tools>button,.pw-product-image-editor .image-editor-tools select{box-sizing:border-box;height:32px;margin:0;line-height:20px;padding:5px 9px}
.pw-product-image-editor .image-editor-tools input[type=range]{margin:0;padding:0;vertical-align:middle}
.pw-image-targets .pw-no-image{display:inline-grid;place-items:center;width:28px;height:28px;line-height:28px;flex:0 0 28px;white-space:nowrap}
.pw .pw-no-image{white-space:nowrap}
.pw-editor-image{position:relative;display:inline-flex;flex:0 0 30px;width:30px;height:30px;vertical-align:middle}
.pw .pw-editor-image>.pw-image-remove,.pw .pw-spec-thumb>.pw-image-remove{position:absolute;left:auto;right:0;top:0;z-index:1;display:grid;place-items:center;width:12px;height:12px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#d32f2f;font:600 12px/12px system-ui;text-shadow:0 0 1px #fff,0 0 3px #fff;box-shadow:none;opacity:.5;cursor:pointer}
.pw .pw-image-remove:not(:disabled):is(:hover,:focus-visible){opacity:1}
.pw .pw-image-remove:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.pw .pw-image-remove:disabled{opacity:.5;cursor:wait}

.pw .pw-spec-thumb>.pw-image-remove{width:8px;height:8px;font-size:10px;line-height:8px}