.mug360{min-width:0}.mug360-tabs{display:flex;gap:10px;margin-bottom:14px}.mug360-tabs button,.mug360-controls button{font:inherit;cursor:pointer;background:transparent;color:#191919;border:1px solid #bcb2a5;padding:12px 18px;border-radius:24px;font-size:13px}.mug360-tabs button.active{background:#191919;color:#f4f1eb;border-color:#191919}.mug360-view{background:radial-gradient(ellipse at 45% 25%,#fffefa 0%,#f0eae4 65%,#e1d7ce 100%);border:1px solid #e0d5cf;border-radius:4px;overflow:hidden}.mug360-view canvas{display:block;width:100%;height:480px;max-height:65dvh;cursor:grab;background:radial-gradient(ellipse 25% 2.5% at 50% 75%,#493b3350 0%,#61504420 55%,transparent 100%),radial-gradient(ellipse 40% 6% at 52% 76%,#67584c16,transparent 75%)}.mug360-view canvas:active{cursor:grabbing}.mug360-hint{text-align:center;font-size:12px!important;color:#675b54;padding:0 18px;line-height:1.5}.mug360-controls{display:flex;justify-content:center;gap:10px;padding:5px 15px 20px}.mug360-status{font-size:13px!important;text-align:center;padding:0 15px}.mug360-note{display:block;font-size:11px;color:#75695f;line-height:1.6;margin-top:10px}.mug360 button:focus-visible,.mug360 canvas:focus-visible{outline:2px solid #191919;outline-offset:3px}@media(max-width:600px){.mug360-view canvas{height:380px}}