.wrap-preview{background:#0b211e;border:1px solid #31534c;border-radius:18px;padding:16px;margin:12px 0}.wrap-preview canvas{width:100%;height:auto}.wrap-preview p{color:#a7c5be;font-size:12px}.wrap-preview[hidden],#mugMeasurements[hidden]{display:none}.element-controls{flex-wrap:wrap}.element-controls output{color:#efcf86;font-weight:700}#physicalWidth,#mugMeasurements input{width:100%;padding:10px;background:#102b26;color:#fff;border:1px solid #57776a;border-radius:8px;box-sizing:border-box}#mugMeasurements label{display:block;margin:10px 0}.stage-wrap{background:radial-gradient(ellipse at center,#26433e,#10211f 75%)}#printExportBtn{width:100%;margin:8px 0;background:#e6c377;color:#142621;padding:14px;border:0;border-radius:12px;font-weight:700}.wrap-preview h3{margin:0;color:#efcf86;font-size:15px}

body.drr-product-creator .inline input{min-width:0;flex:1}body.drr-product-creator .inline button{min-width:65px;white-space:nowrap;flex:0 0 auto}body.drr-product-creator .retouch .check{display:flex;align-items:center;gap:8px}body.drr-product-creator .check input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0}body.drr-product-creator .retouch input[type=range]{height:24px;min-height:24px}#applyMugSize{padding:12px;border:1px solid #e6c377;border-radius:9px;background:#173d32;color:#f2d48a;cursor:pointer}body.drr-product-creator .stage-wrap{background:radial-gradient(ellipse at center,#29463f,#10221e 80%)}

#physicalWidth{max-width:140px}.crop-actions{flex-wrap:wrap;gap:8px}.crop-actions button{min-height:44px}

@media(min-width:1200px){body.drr-product-creator .creator{max-width:1900px;grid-template-columns:260px minmax(0,1fr) 250px}body.drr-product-creator #designCanvas{width:100%;max-width:none}}
.view-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-head{gap:12px}.view-actions button[aria-pressed=true]{background:#d9b45c;color:#15251e}.preview-expanded{overflow:hidden}.workspace.expanded-preview{position:fixed;inset:10px;z-index:10000;background:#0b211b;border:1px solid #d6b566;border-radius:16px;padding:15px;overflow:auto}.expanded-preview .stage-wrap{min-height:0;height:calc(100vh - 175px)}.expanded-preview #designCanvas{width:auto!important;height:100%;max-width:100%;object-fit:contain}.expanded-preview .wrap-preview{display:none}.expanded-preview .element-controls{padding:8px}.expanded-preview .workspace-head{align-items:center}.expanded-preview .workspace-head h2{margin:0;font-size:16px}@media(max-width:760px){.workspace-head{align-items:flex-start;flex-direction:column}.view-actions{justify-content:flex-start}.workspace.expanded-preview{inset:0;border-radius:0;padding:10px}.expanded-preview .stage-wrap{height:calc(100dvh - 230px)}.expanded-preview .element-controls{font-size:10px;gap:6px}}

.expanded-preview #designCanvas{width:auto!important;height:min(calc(100vh - 175px),calc((100vw - 52px)*.815789))!important;max-width:none;object-fit:fill}@media(max-width:760px){.expanded-preview #designCanvas{height:min(calc(100dvh - 230px),calc((100vw - 22px)*.815789))!important}}