.moxie-preview-launch{margin:0 0 14px}
.moxie-preview-modal{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.62);padding:12px;overflow:hidden}.moxie-preview-modal.open{display:flex;align-items:center;justify-content:center}
.moxie-preview-dialog{position:relative;width:min(1020px,95vw);height:min(640px,90vh);overflow:hidden;background:#fff;border-radius:10px;padding:12px;box-shadow:0 18px 60px rgba(0,0,0,.35);display:flex;flex-direction:column}
.moxie-preview-close{position:absolute;right:9px;top:6px;border:0;background:rgba(255,255,255,.92);font-size:27px;line-height:1;color:#555;z-index:20;width:32px;height:32px;border-radius:50%}
.moxie-preview-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-right:36px;margin-bottom:7px;flex:none}.moxie-preview-title strong{font-size:17px}.moxie-preview-title span{font-size:11px;color:#777}
.moxie-preview-main{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px;min-height:0;flex:1}.moxie-visual-column{display:flex;flex-direction:column;min-width:0;min-height:0}
.moxie-preview-stage{position:relative;flex:1;min-height:0;overflow:auto;border-radius:7px;background:#f4f4f4;display:flex;align-items:center;justify-content:center}
.moxie-stage-content{position:relative;flex:none;transform-origin:center center;transition:transform .12s ease;line-height:0}.moxie-stage-content #moxie-env-canvas{display:block;width:100%;height:100%}.moxie-stage-content #moxie-env-img{display:none}
.moxie-stage-content #moxie-sticker-img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:28%;max-height:28%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));cursor:move}
.moxie-view-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0 0;flex:none}.moxie-view-controls strong{min-width:82px;text-align:center;font-size:12px}
.moxie-control-panel{min-height:0;overflow-y:auto;padding:1px 2px 1px 0}.moxie-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 7px}.moxie-preview-grid label{font-size:10px;margin:0}.moxie-preview-grid .form-control{margin-top:2px;height:31px;padding:4px 6px;font-size:12px}
#moxie-vehicle-color{height:31px!important;padding:2px!important}.moxie-transform-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-top:1px solid #eee;padding-top:7px;margin-top:5px}.moxie-scene-zoom,.moxie-sticker-controls{min-width:0}.moxie-control-head{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;font-weight:600;margin-bottom:3px;min-height:24px}.moxie-control-head b{font-size:10px}.moxie-control-head .btn{padding:2px 6px;font-size:10px;line-height:1.2}
.moxie-scene-zoom input[type=range],.moxie-sticker-controls input[type=range]{width:100%;margin:0}.moxie-continue{margin-top:7px;padding-top:7px;padding-bottom:7px;font-size:12px}.moxie-no-scroll{overflow:hidden}
@media(min-width:768px){html.moxie-preview-product #product .moxie-product-buy-row>label[for="input-quantity"]{display:none!important}}
@media(max-width:780px){.moxie-preview-modal{padding:0}.moxie-preview-dialog{width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;padding:7px 7px 9px}.moxie-preview-title{display:block;margin-bottom:5px;padding-right:36px}.moxie-preview-title span{display:block;margin-top:1px}.moxie-preview-main{display:flex;flex-direction:column;gap:5px}.moxie-visual-column{height:40vh;height:40dvh;flex:none}.moxie-preview-stage{border-radius:6px}.moxie-view-controls{padding-top:3px}.moxie-control-panel{flex:1;overflow-y:auto;padding:1px 0 0}.moxie-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:5px}.moxie-preview-grid .form-control{height:30px;padding:3px 5px}.moxie-transform-controls{gap:6px;padding-top:6px;margin-top:4px}.moxie-control-head{font-size:10px;min-height:22px}.moxie-continue{margin-top:6px}.moxie-preview-close{position:fixed;right:7px;top:5px}}
@media(max-width:420px){.moxie-preview-dialog{padding:6px}.moxie-preview-title strong{font-size:15px}.moxie-preview-title span{font-size:10px}.moxie-visual-column{height:38vh;height:38dvh}.moxie-preview-grid label{font-size:9px}.moxie-preview-grid .form-control{height:29px;font-size:11px}.moxie-control-head{font-size:9px}.moxie-control-head .btn{font-size:9px;padding:2px 5px}.moxie-view-controls strong{font-size:11px}}
