.framed-image{display:block;position:relative;width:100%;height:100%;overflow:hidden}.framed-image-error{display:grid;place-items:center;width:100%;height:100%;background:#eef2ed;color:#52645a;font-size:13px}.framed-image>img,.frq-hero-portrait .framed-image>img,.home-promotion-frame .framed-image>img,.vendor-storefront-root .framed-image>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:var(--frame-x) var(--frame-y)!important;transform:scale(var(--frame-zoom))!important;transform-origin:var(--frame-x) var(--frame-y)!important;user-select:none;pointer-events:none;transition:none!important}.image-frame-editor{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid #dce5dd;border-radius:16px;background:#fff;color:#18302a}.image-frame-editor>p{font-size:13px;line-height:1.5;color:#54665c;margin:0}.image-frame-drag{width:100%;aspect-ratio:2/1;overflow:hidden;border-radius:12px;background:#eef2ed;touch-action:none;cursor:grab}.image-frame-drag:active{cursor:grabbing}.image-frame-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.image-frame-controls button{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #cdd9d0;border-radius:10px;background:#fff;font-size:13px;font-weight:600}.image-frame-controls button:disabled{opacity:.4}.image-frame-controls button:focus-visible{outline:3px solid #24624b;outline-offset:2px}.image-frame-controls label{display:flex;align-items:center;gap:10px;flex:1;min-width:100px;font-size:13px}.image-frame-controls input{width:100%;min-width:60px}