.bpx-embed,.bpx-modal{--bpx-ink:#20213b;--bpx-sub:#898ba2;--bpx-violet:#795afa;--bpx-line:#e7e8f0;--bpx-bg:#f8f9fd;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--bpx-ink)}.bpx-embed *,.bpx-modal *{box-sizing:border-box}.bpx-embed button,.bpx-modal button,.bpx-modal input,.bpx-modal select{font:inherit}.bpx-embed button,.bpx-modal button{cursor:pointer}.bpx-modal button:focus-visible,.bpx-modal input:focus-visible,.bpx-modal canvas:focus-visible{outline:3px solid #b1a3ff;outline-offset:2px}
.bpx-launcher{background:linear-gradient(130deg,#fcfbff,#f0edff);border:1px solid #e8e3ff;border-radius:16px;padding:23px;position:relative;overflow:hidden;display:grid;gap:10px;box-shadow:0 12px 32px #5044b20c}.bpx-launcher:after{content:'✳';font-size:158px;line-height:1;position:absolute;right:-23px;top:-36px;color:#ddd7ff;pointer-events:none}.bpx-launcher-icon{font-size:21px;position:relative;z-index:1;color:#7857f6}.bpx-launcher-copy{position:relative;z-index:1}.bpx-launcher-copy span{font-weight:850;font-size:10px;color:#886bd8;letter-spacing:.15em}.bpx-launcher-copy h3{color:#242347;font-size:22px!important;font-weight:850;letter-spacing:-.04em;margin:8px 0 6px!important}.bpx-launcher-copy p{color:#7c799c;font-size:12px;line-height:1.6;margin:0 0 12px}.bpx-launch-button{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#7454f6;color:#fff;border:0;border-radius:10px;font-weight:800!important;box-shadow:0 10px 25px #7352f542}.bpx-launch-button:hover{background:#6041df}.bpx-launch-button span{font-size:18px}.bpx-launcher>small{position:relative;z-index:1;color:#8885a7;font-size:9px;font-weight:700;line-height:1.5}
.bpx-no-scroll{overflow:hidden!important}.bpx-modal{z-index:999999;position:fixed;inset:0;background:#f9fafe;overflow:auto;isolation:isolate;line-height:1.4}.bpx-modal-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}.bpx-modal-loading h2{font-size:23px;font-weight:850;margin:20px 0 0}.bpx-modal-loading p{color:#9191a9;max-width:450px}.bpx-spin{border:3px solid #ded4ff;border-top-color:#7454f6;width:40px;height:40px;border-radius:50%;animation:bpxrotation .8s linear infinite}@keyframes bpxrotation{to{transform:rotate(360deg)}}
.bpx-app{display:flex;flex-direction:column;height:100dvh;min-height:520px;background:#fbfbff}.bpx-app-head{flex-shrink:0;height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid var(--bpx-line);gap:15px}.bpx-app-brand{display:flex;align-items:center;gap:10px}.bpx-mark{height:40px;width:40px;border-radius:12px;background:#252442;color:#fff;display:grid;place-items:center;font-size:21px;font-weight:900;letter-spacing:-3px}.bpx-mark span{font-size:11px;color:#d1b9ff;letter-spacing:0;vertical-align:top}.bpx-app-brand strong{display:block;font-size:14px;letter-spacing:.14em;font-weight:900}.bpx-app-brand small{display:block;color:#9e96c1;font-size:9px;font-weight:800;letter-spacing:.2em}.bpx-app-head-center{text-align:center;min-width:0}.bpx-mini-label{display:block;font-size:9px;letter-spacing:.12em;font-weight:850;color:#aaa8bb;margin-bottom:4px}.bpx-app-head-center strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:320px}.bpx-app-head-end{display:flex;align-items:center;gap:23px}.bpx-save-state{font-size:11px;color:#7b83a0;white-space:nowrap;font-weight:700}.bpx-head-close{background:#f6f6fb;border:1px solid #e9e9f2!important;width:38px;height:38px;border-radius:50%;font-size:24px!important;color:#77738e;line-height:1}.bpx-progress{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:13px;height:45px;border-bottom:1px solid #eeedf5;background:#fff}.bpx-progress>span{color:#a5a4b6;font-size:11px;font-weight:750;display:flex;gap:9px;align-items:center}.bpx-progress>span.active{color:#7454e5}.bpx-progress b{display:grid;place-items:center;font-size:9px;border:1px solid #dcdbe9;border-radius:50%;width:23px;height:23px;color:#8c8ca4}.bpx-progress .active b{background:#7657f6;color:#fff;border-color:#7657f6}.bpx-progress i{height:1px;width:50px;background:#e4e3ec}
.bpx-app-body{flex:1;display:grid;grid-template-columns:245px minmax(280px,1fr) 272px;overflow:hidden;min-height:0}.bpx-client-nav{background:#fff;border-right:1px solid var(--bpx-line);padding:28px 15px 18px;overflow:auto}.bpx-panel-label{font-size:9px;font-weight:900;letter-spacing:.18em;color:#9186bd}.bpx-client-nav h3,.bpx-client-properties h3{font-size:18px!important;margin:11px 0 21px!important;font-weight:850!important;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.03em}.bpx-client-nav h3 span{font-size:11px;background:#f2efff;color:#7957e8;border-radius:20px;padding:5px 10px}.bpx-client-surfaces{display:flex;flex-direction:column;gap:3px}.bpx-nav-group{font-size:10px;font-weight:850;letter-spacing:.08em;color:#9b9eb3;padding:20px 11px 7px;text-transform:uppercase}.bpx-nav-group:first-child{padding-top:0}.bpx-surface-choice{background:transparent;border:1px solid transparent;border-radius:11px;padding:10px 9px;display:flex;align-items:center;width:100%;gap:10px;text-align:left;color:#7c7f9a;min-height:65px}.bpx-surface-choice.active{border-color:#e6dfff;background:#f6f3ff;color:#6247d2}.bpx-surface-thumb{display:grid;place-items:center;width:35px;height:35px;background:#f0f0fa;border-radius:8px;flex-shrink:0;color:#9b90d5;font-size:19px}.bpx-surface-choice.active .bpx-surface-thumb{background:#e7e0ff;color:#664de1}.bpx-surface-choice>span:nth-child(2){flex:1;min-width:0}.bpx-surface-choice strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpx-surface-choice small{display:block;margin-top:4px;color:#a1a2b5;font-size:10px}.bpx-surface-check{color:#8b74e5;font-weight:900}.bpx-nav-tip{margin-top:28px;background:linear-gradient(120deg,#f1eeff,#faf8ff);border:1px solid #eeeafa;padding:16px;border-radius:12px}.bpx-nav-tip b{color:#6b56b5;font-size:11px}.bpx-nav-tip p{font-size:10px;color:#8683a2;line-height:1.65;margin:7px 0 0}
.bpx-client-main{display:flex;flex-direction:column;min-height:0;min-width:0;padding:22px 27px 16px;background:#fafbff}.bpx-design-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.bpx-design-top h2{font-size:23px!important;font-weight:850!important;letter-spacing:-.035em;margin:5px 0 2px!important;color:#22223c}.bpx-design-top p{margin:0 0 10px;color:#a2a0b6;font-size:11px}.bpx-design-top-actions{display:flex;gap:6px}.bpx-design-top-actions button{background:#fff;border:1px solid var(--bpx-line);padding:9px 12px;border-radius:9px;color:#716a93;font-size:12px;font-weight:700}.bpx-tools{display:flex;align-items:center;gap:7px;border:1px solid var(--bpx-line);border-radius:12px;background:#fff;padding:7px;min-height:57px;flex-wrap:wrap;margin:13px 0 13px}.bpx-tools button{border:0;border-radius:8px;padding:9px 13px;background:transparent;color:#6f6c88;font-size:17px;font-weight:800}.bpx-tools button span{font-size:11px;font-weight:750;padding-left:4px}.bpx-tools button:hover{background:#f1edff;color:#6e50e4}.bpx-toolbar-split{height:25px;width:1px;background:#e9e8f2;margin:0 4px}
.bpx-stage{border:1px solid #ebeaf3;border-radius:14px;flex:1;min-height:180px;background-color:#f2f3fa;background-image:radial-gradient(#d9d9e8 1px,transparent 1px);background-size:15px 15px;display:flex;flex-direction:column;padding:17px 20px 14px;overflow:hidden}.bpx-stage-label{font-size:9px;font-weight:900;letter-spacing:.18em;color:#afabc3;flex-shrink:0}.bpx-canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}.bpx-canvas-wrap canvas{height:auto;width:auto;max-width:100%;max-height:100%;touch-action:none;background:#fff;box-shadow:0 10px 38px #2c24572a;cursor:grab}.bpx-canvas-wrap canvas:active{cursor:grabbing}.bpx-stage-bottom{flex-shrink:0;display:flex;justify-content:space-between;gap:15px;color:#9da0b2;font-size:10px}.bpx-mobile-nav{display:none}
.bpx-client-properties{border-left:1px solid var(--bpx-line);padding:28px 18px;overflow:auto;background:#fff}.bpx-properties-empty{background:#f7f6ff;border:1px solid #f0edff;border-radius:12px;text-align:center;padding:25px 15px;margin:14px 0 20px}.bpx-properties-empty>span{color:#9377ed;font-size:27px}.bpx-properties-empty h4{font-size:13px;font-weight:850;margin:6px 0}.bpx-properties-empty p{font-size:11px;color:#a09cb4;line-height:1.5;margin:0}.bpx-input-field{display:flex;flex-direction:column;gap:6px;font-weight:750;font-size:11px;color:#7f8098;margin-bottom:13px}.bpx-input-field input:not([type=color]){height:38px!important;width:100%!important;min-width:0!important;border:1px solid #e7e7ef!important;background:#fcfcff!important;box-shadow:none!important;border-radius:8px!important;padding:7px 11px!important;color:#353752!important;font-size:12px!important}.bpx-input-field input[type=color]{height:36px;width:100%;border:1px solid var(--bpx-line);border-radius:8px;background:#fff;padding:4px}.bpx-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.bpx-edit-tag{font-size:12px;color:#8062e4;background:#f4f1ff;border-radius:7px;padding:10px 13px;margin:4px 0 15px}.bpx-simple-btn{border:1px solid #ece8ff;background:#fff;color:#785be2;border-radius:8px;font-size:11px;padding:9px 12px;font-weight:800}.bpx-file-added{font-size:11px;color:#298c71}.bpx-layer-head{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:15px 0 11px;border-top:1px solid #eeeef4}.bpx-layer-head strong{font-size:12px}.bpx-layer-head small{font-size:10px;color:#9997ac}.bpx-layer-list{display:flex;flex-direction:column;gap:5px}.bpx-layer-list button{border:1px solid #e9e8f3;background:#fff;border-radius:8px;display:flex;align-items:center;text-align:left;padding:8px 10px;gap:10px;width:100%}.bpx-layer-list button.selected{border-color:#d1c6ff;background:#f5f1ff}.bpx-layer-list button>span{color:#826be1;background:#f3efff;padding:6px 8px;border-radius:6px}.bpx-layer-list button strong{flex:1;font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#56536c}.bpx-layer-list button small,.bpx-no-layers{font-size:10px;color:#b1b1c0}.bpx-private-note{padding:13px;border-top:1px solid var(--bpx-line);margin-top:24px;font-size:10px;color:#9795aa;line-height:1.5}
.bpx-client-footer{height:93px;background:#fff;border-top:1px solid var(--bpx-line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;flex-shrink:0;gap:16px}.bpx-footer-price{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.bpx-footer-price>span{font-size:10px;font-weight:800;color:#9999b1;letter-spacing:.09em;display:flex;align-items:center;gap:11px}.bpx-footer-price input{width:75px;height:41px;border:1px solid #e8e8f1;border-radius:8px;text-align:center;color:#25233f;font-weight:800}.bpx-footer-price select{max-width:250px;border:1px solid #e8e8f1;height:41px;border-radius:8px;font-size:11px}.bpx-footer-price div small{display:block;font-size:10px;color:#9a9cb1}.bpx-footer-price div strong{display:block;font-size:24px;letter-spacing:-.03em;color:#292541}.bpx-footer-actions{display:flex;align-items:center;gap:9px}.bpx-secondary,.bpx-primary{border-radius:10px;padding:14px 19px;font-size:12px!important;font-weight:850!important;white-space:nowrap}.bpx-secondary{background:#fff;border:1px solid #e5e3f0;color:#706789}.bpx-primary{background:linear-gradient(110deg,#7e59fc,#6344df);box-shadow:0 8px 20px #7050f139;color:#fff;border:0}.bpx-primary:hover{filter:brightness(.95)}.bpx-primary:disabled{opacity:.7}.bpx-primary span{font-size:17px;margin-left:11px}.bpx-toast{position:fixed;z-index:1000000;bottom:105px;right:25px;max-width:360px;background:#262641;color:#fff;border-radius:10px;padding:13px 18px;opacity:0;visibility:hidden;transform:translateY(15px);transition:.18s;box-shadow:0 10px 35px #1111}.bpx-toast.show{opacity:1;visibility:visible;transform:none}.bpx-toast[data-kind=error]{background:#ba3957}.bpx-toast[data-kind=ok]{background:#248c72}
@media(max-width:1140px){.bpx-app-body{grid-template-columns:195px minmax(300px,1fr) 225px}.bpx-client-main{padding:17px}.bpx-tools button{padding:8px}.bpx-tools button span{display:none}.bpx-footer-price{gap:10px}.bpx-app-head-center{display:none}}
@media(max-width:860px){.bpx-app{min-height:0;height:100dvh}.bpx-app-head{height:60px;padding:0 15px}.bpx-app-brand strong{font-size:12px}.bpx-mark{width:35px;height:35px}.bpx-save-state{max-width:125px;white-space:normal;font-size:10px}.bpx-app-head-end{gap:10px}.bpx-progress{height:39px}.bpx-progress i{width:20px}.bpx-app-body{grid-template-columns:minmax(0,1fr);overflow:auto}.bpx-client-nav{border-right:0;border-bottom:1px solid var(--bpx-line);padding:12px 15px}.bpx-client-nav h3{font-size:13px!important;margin:5px 0 10px!important}.bpx-client-nav .bpx-panel-label,.bpx-nav-group,.bpx-nav-tip{display:none}.bpx-client-surfaces{flex-direction:row;overflow-x:auto;gap:7px;padding-bottom:4px}.bpx-surface-choice{flex:0 0 145px;min-height:58px;padding:6px}.bpx-surface-choice .bpx-surface-thumb{height:30px;width:30px}.bpx-surface-choice strong{font-size:10px}.bpx-surface-check{display:none}.bpx-client-main{min-height:390px;padding:13px;flex:1}.bpx-design-top h2{font-size:18px!important}.bpx-design-top p{font-size:10px}.bpx-design-top-actions button{padding:7px}.bpx-tools{margin:7px 0;min-height:40px}.bpx-tools button{padding:6px 10px}.bpx-stage{min-height:250px;padding:12px}.bpx-stage-bottom span:first-child{display:none}.bpx-mobile-nav{display:flex;justify-content:space-between;padding-top:10px}.bpx-mobile-nav button{background:#fff;border:1px solid var(--bpx-line);border-radius:9px;padding:9px;color:#715bd0;font-size:11px;font-weight:700}.bpx-client-properties{border-left:0;border-top:1px solid var(--bpx-line);padding:14px;max-height:310px}.bpx-client-properties h3{font-size:14px!important;margin:4px 0 10px!important}.bpx-properties-empty{padding:13px}.bpx-client-footer{height:auto;padding:10px 13px;gap:7px;flex-wrap:wrap}.bpx-footer-price{flex:1;gap:8px}.bpx-footer-price>span{font-size:9px}.bpx-footer-price input{height:35px;width:62px}.bpx-footer-price div strong{font-size:17px}.bpx-footer-price select{max-width:160px;height:35px}.bpx-footer-actions{flex:1;justify-content:flex-end}.bpx-footer-actions button{padding:11px;font-size:11px!important}.bpx-secondary{display:none}}
@media(max-width:450px){.bpx-app-brand small{display:none}.bpx-app-brand strong{letter-spacing:.03em}.bpx-progress{gap:7px}.bpx-progress>span{font-size:9px;gap:4px}.bpx-progress b{height:19px;width:19px}.bpx-progress i{width:8px}.bpx-footer-price div strong{font-size:15px}.bpx-footer-actions .bpx-primary{font-size:10px!important;padding:12px}.bpx-launcher{padding:18px}.bpx-design-top-actions button:last-child{font-size:0}.bpx-design-top-actions button:last-child:first-letter{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bpx-spin{animation:none}.bpx-toast{transition:none}}
/* v0.3 · dual-surface graphic editor and assembled shopper renderer */
.bpx-creative-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;flex:1;min-height:0;min-width:0}
.bpx-creative-columns>.bpx-stage{min-width:0;min-height:360px;max-height:calc(100dvh - 260px)}
.bpx-creative-columns .bpx-canvas-wrap{flex:1;min-height:180px;overflow:hidden}
.bpx-canvas-wrap canvas{touch-action:none}
.bpx-live-panel{min-width:0;border:1px solid #dcdcf0;border-radius:16px;background:linear-gradient(160deg,#fff 0%,#f7f6ff 100%);padding:15px;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 32px rgba(55,43,125,.05)}
.bpx-live-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.bpx-live-heading h3{font-size:14px!important;font-weight:850!important;letter-spacing:-.025em!important;margin:6px 0 0!important;color:#282449!important}
.bpx-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25b76b;box-shadow:0 0 0 3px #25b76b19;margin-right:6px}
.bpx-live-badge{font-size:9px;color:#128957;font-weight:900;letter-spacing:.15em;background:#e7f8ef;border:1px solid #c6f1d8;padding:6px 8px;border-radius:100px}
.bpx-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f0eefb;border-radius:11px;padding:4px}
.bpx-view-tabs button{background:transparent;border:0;color:#78718c;font-size:11px;font-weight:750;padding:10px 6px;border-radius:8px}
.bpx-view-tabs button.active{background:#fff;color:#5f46d6;box-shadow:0 3px 11px #3923a119}
.bpx-scene-wrap{display:flex;flex:1;align-items:center;justify-content:center;min-height:190px;overflow:hidden;background:radial-gradient(ellipse at center,#fff,#ececf1);border:1px solid #ebe8f4;border-radius:12px}
.bpx-scene-wrap canvas{display:block;width:100%;height:auto;max-height:min(100%,510px);object-fit:contain;cursor:pointer}
.bpx-render-info{display:flex;flex-direction:column;gap:4px;color:#6e629a;font-size:11px;font-weight:700;line-height:1.45}
.bpx-render-info small{font-size:10px;color:#9796a6;font-weight:500}
@media(max-width:1420px){.bpx-creative-columns{grid-template-columns:minmax(0,1fr)}.bpx-creative-columns>.bpx-stage{max-height:380px;min-height:290px}.bpx-scene-wrap{max-height:310px}.bpx-scene-wrap canvas{max-height:300px}.bpx-live-panel{min-height:360px}.bpx-client-main{overflow-y:auto}}
@media(max-width:860px){.bpx-creative-columns{grid-template-columns:1fr}.bpx-live-panel{min-height:320px}.bpx-scene-wrap canvas{max-height:310px}.bpx-creative-columns>.bpx-stage{min-height:290px}.bpx-live-heading h3{font-size:13px!important}}
@media(max-width:450px){.bpx-creative-columns{gap:10px}.bpx-creative-columns>.bpx-stage{min-height:260px;max-height:350px}.bpx-live-panel{padding:11px;gap:9px;min-height:300px}.bpx-scene-wrap{min-height:180px}.bpx-render-info span{font-size:10px}}
/* v0.5: calm, focused visual workflow for product customization */
.bpx-app{--bpx-focus:#7658ed}
.bpx-scene-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0 13px}
.bpx-scene-toolbar .bpx-view-tabs{margin:0}
.bpx-render-toggles{display:flex;align-items:center;gap:7px}
.bpx-render-toggles button{background:#f3f0ff;color:#5d4aa4;border:1px solid #ded4fb;border-radius:9px;min-height:34px;padding:6px 11px;font-weight:800;font-size:11px;cursor:pointer}
.bpx-render-toggles button[aria-pressed="false"]{background:#f8f8fc;color:#828098;border-color:#e4e2ed}
.bpx-render-toggles button:hover{background:#e9e2ff}
.bpx-scene-wrap{position:relative;transition:all .25s ease}
.bpx-scene-expanded{position:fixed!important;z-index:1000005!important;inset:7vh 9vw!important;background:#f5f3fa!important;border:8px solid #fff!important;box-shadow:0 0 0 100vmax #111526bb,0 20px 80px #10122090!important;display:grid!important;place-items:center!important;border-radius:18px!important;padding:24px!important}
.bpx-scene-expanded canvas{height:min(75vh,80vw)!important;width:min(75vh,80vw)!important;max-width:100%!important;aspect-ratio:1;object-fit:contain}
.bpx-design-top h2{letter-spacing:-.03em}
.bpx-render-info{font-size:12px;line-height:1.55}
.bpx-render-info small{display:block;font-size:11px;line-height:1.65;opacity:.8}
.bpx-client-footer{box-shadow:0 -9px 28px #2822490b}
.bpx-client-surfaces .bpx-surface-choice{transition:background .18s,border-color .18s,transform .18s}
.bpx-client-surfaces .bpx-surface-choice:hover{transform:translateX(2px)}
@media(max-width:880px){.bpx-scene-toolbar{flex-direction:column;align-items:stretch}.bpx-render-toggles button{flex:1}.bpx-scene-expanded{inset:8vh 3vw!important;padding:8px!important}}
.bpx-scene-close{display:none;position:absolute;right:12px;top:12px;z-index:4;background:#171b33;color:white;border:1px solid #ffffff3a;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:800;cursor:pointer}
.bpx-scene-expanded .bpx-scene-close{display:block}

/* v0.5.2 — accessible layout, unambiguous upload, visible clipping */
.bpx-app{min-height:0!important;overflow:hidden}
.bpx-app-body{min-height:0!important;overflow:hidden}
.bpx-client-main{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
.bpx-creative-columns{flex:0 0 auto!important;min-height:0!important;align-items:start}
.bpx-creative-columns>.bpx-stage{height:auto!important;min-height:490px!important;max-height:none!important;overflow:visible}
.bpx-creative-columns .bpx-canvas-wrap{position:relative;flex:0 0 auto!important;height:clamp(270px,53vh,710px);min-height:270px!important;overflow:auto!important}
.bpx-live-panel{min-height:500px}
.bpx-client-footer{position:relative;z-index:2}
.bpx-canvas-wrap canvas{max-height:100%;background-color:transparent;background-image:linear-gradient(45deg,#eae8f2 25%,transparent 25%),linear-gradient(-45deg,#eae8f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eae8f2 75%),linear-gradient(-45deg,transparent 75%,#eae8f2 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
.bpx-canvas-upload-help{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:11px 0 8px;flex-wrap:wrap;font-size:11px;color:#747089}
.bpx-canvas-upload-help [data-mask-status]{flex:1;min-width:165px;line-height:1.55}
.bpx-canvas-upload-help .bpx-mask-ready{color:#177859;font-weight:800}
.bpx-upload-cta{background:#7053e6!important;color:#fff!important;border:0!important;padding:11px 15px!important;border-radius:9px!important;font-size:12px!important;font-weight:850!important;white-space:nowrap}
.bpx-upload-cta:hover{background:#5d3fd0!important}.bpx-upload-cta:disabled{opacity:.6}
.bpx-visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important}
.bpx-drop-hint{position:absolute;inset:12px;display:none;align-items:center;justify-content:center;background:#f3eff7e8;border:3px dashed #7658ed;border-radius:12px;color:#4e34ac;font-size:18px;font-weight:850;pointer-events:none;z-index:3}
.bpx-is-dropping .bpx-drop-hint{display:flex}
.bpx-blend-fixed{display:inline-flex;align-items:center;background:#e9f7f0;color:#136747;border:1px solid #bee6d0;border-radius:9px;min-height:34px;padding:6px 11px;font-weight:850;font-size:11px}
.bpx-client-main::-webkit-scrollbar,.bpx-client-nav::-webkit-scrollbar,.bpx-client-properties::-webkit-scrollbar{width:9px}
.bpx-client-main::-webkit-scrollbar-thumb,.bpx-client-nav::-webkit-scrollbar-thumb,.bpx-client-properties::-webkit-scrollbar-thumb{background:#bdb5d7;border-radius:10px;border:2px solid #fafbff}
@media(max-width:1420px){.bpx-creative-columns{grid-template-columns:1fr!important}.bpx-creative-columns>.bpx-stage{height:auto!important;min-height:430px!important;max-height:none!important}.bpx-scene-wrap{max-height:none}.bpx-live-panel{min-height:420px}}
@media(max-width:860px){.bpx-app-body{display:block!important;overflow-y:auto!important;overflow-x:hidden!important}.bpx-client-main{overflow:visible!important}.bpx-client-nav,.bpx-client-properties{overflow:visible!important;max-height:none!important}.bpx-creative-columns>.bpx-stage{min-height:370px!important}.bpx-creative-columns .bpx-canvas-wrap{height:min(65vh,470px);min-height:235px!important}.bpx-live-panel{min-height:370px}.bpx-canvas-upload-help{align-items:stretch}.bpx-upload-cta{width:100%}}
@media(max-height:600px) and (min-width:861px){.bpx-app-head{height:54px}.bpx-progress{height:35px}.bpx-client-footer{height:67px}.bpx-client-main{padding-top:12px;padding-bottom:16px}}

/* 0.5.3 — image placement is proportional by default; deformation is explicit */
.bpx-image-fit-tools{padding:12px;margin:14px 0 8px;background:#f5f2ff;border:1px solid #e3dcfa;border-radius:12px;display:flex;flex-direction:column;gap:8px}
.bpx-image-fit-title{font-size:11px;font-weight:900;color:#37314d}
.bpx-fit-buttons{display:flex;flex-wrap:wrap;gap:6px}
.bpx-fit-buttons button{flex:1 1 90px;border:1px solid #d9d0f2;background:#fff;color:#5542ae;border-radius:8px;padding:9px 6px;cursor:pointer;font-size:11px;font-weight:750}
.bpx-fit-buttons button:hover{background:#ebe4ff}
.bpx-image-distort{font-size:11px;display:flex;gap:7px;align-items:center;font-weight:750;color:#423867}
.bpx-image-fit-tools small{font-size:10px;color:#746d8d;line-height:1.5}
.bpx-view-tabs[hidden]{display:none!important}