.mug3d{position:relative;width:100%;color:#615953;font:14px/1.5 system-ui,sans-serif}.mug3d-stage{position:relative;height:clamp(320px,48vw,580px);min-width:0;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 45% 30%,#fffcf7,#eee7dd 85%)}.mug3d-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-5px}.mug3d-canvas:active{cursor:grabbing}.mug3d-canvas:focus-visible{outline:3px solid #b34b32}.mug3d-hint{text-align:center;font-size:12px;padding:0 12px;margin:12px 0}.mug3d [hidden]{display:none!important}.mug3d-fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;box-sizing:border-box}.mug3d-flat-body{position:relative;width:min(58%,240px);aspect-ratio:.9;background:linear-gradient(90deg,#eee,#fff 20%,#fff 70%,#ddd);border-radius:10% 10% 22% 22%/4% 4% 10% 10%;box-shadow:0 25px 20px -20px #473b315c}.mug3d-flat-body:after{content:'';position:absolute;left:95%;top:16%;width:32%;height:51%;border:15px solid #eee;border-left-width:8px;border-radius:10% 60% 65% 15%;z-index:0}.mug3d-flat-body canvas{position:relative;width:100%;height:100%;object-fit:contain;z-index:1}.mug3d[data-type=magic] .mug3d-flat-body:after{border-color:#202125}.mug3d[data-type=magic][data-warm=false] .mug3d-flat-body{background:linear-gradient(90deg,#16171a,#333438,#151619)}.mug3d[data-type=magic][data-warm=true] .mug3d-flat-body{border-top:13px solid #202125;box-sizing:border-box}.mug3d-fallback-note{text-align:center;margin-top:32px;font-size:12px}@media(max-width:600px){.mug3d-stage{height:380px;border-radius:20px}.mug3d-hint{font-size:11px}}

/* Entire flat print area, not a stretched front-of-mug crop. */
.mug3d-flat-body{width:min(100%,640px);aspect-ratio:200/85;border-radius:0;background:#fff;box-shadow:0 12px 30px #473b3120}.mug3d-flat-body:after{display:none}.mug3d-flat-body canvas{display:block;width:100%;height:auto;aspect-ratio:200/85}.mug3d[data-type=magic][data-warm=true] .mug3d-flat-body{border-top:0}