.mana-mug{color:rgb(var(--color-foreground));max-width:100%}.mana-mug [hidden],.mug-editor [hidden]{display:none!important}.mug-view-tabs,.mug-side-tabs,.mug-views{display:flex;gap:8px;margin:0 0 14px}.mug-view-tabs button,.mug-side-tabs button,.mug-views button,.mug-remove{font:inherit;border:1px solid #ded4dc;background:#fff;color:#35282f;border-radius:12px;min-height:44px;padding:10px 14px;cursor:pointer}.mug-view-tabs button,.mug-side-tabs button,.mug-views button{flex:1}.mug-view-tabs [aria-pressed=true],.mug-side-tabs [aria-pressed=true]{border:2px solid #c60059;background:#fff1f7;color:#a8004c}.mug-stage{position:relative;aspect-ratio:1;background:radial-gradient(ellipse at 45% 40%,#fff,#f5f0f3 70%,#eae4e8);border-radius:22px;overflow:hidden}.mug-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;z-index:1}.mug-stage canvas:active{cursor:grabbing}.mug-stage:after{content:'';position:absolute;bottom:13%;left:22%;width:56%;height:7%;background:#38243525;filter:blur(14px);border-radius:50%}.mug-stage p{position:absolute;bottom:8px;text-align:center;width:100%;font-size:12px;z-index:2;pointer-events:none;color:#6b5f68}.mug-badge{position:absolute;left:18px;top:15px;font-size:12px;font-weight:700;z-index:2;color:#6b5f68}.mug-views{margin-top:14px}.mug-views button{padding:8px;font-size:13px}.mug-zoom{display:flex;align-items:center;gap:16px;font-size:13px}.mug-zoom input{flex:1}.mug-status{font-size:12px;color:#746873}.mana-mug input[type=range],.mug-editor input[type=range]{accent-color:#c60059;min-height:32px}.mug-editor{padding:22px 0;margin:10px 0;border-block:1px solid #e4dce1}.mug-editor h2{font-size:24px;margin:0 0 8px}.mug-editor>p,.mug-editor small{font-size:13px;line-height:1.5;color:#6c5e67}.mug-editor label{display:grid;gap:6px;font-size:14px;margin:0 0 15px}.mug-editor input:not([type=range]),.mug-editor textarea,.mug-editor select{width:100%;font:inherit;color:#35282f;border:1px solid #d9d0d6;border-radius:9px;background:#fff;padding:10px;min-height:46px}.mug-editor input[type=color]{height:46px;padding:4px}.mug-editor textarea{resize:vertical}.mug-editor fieldset{padding:0;border:0;min-width:0;margin:0}.mug-editor legend{font-weight:700;margin:0 0 12px}.mug-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px}.mug-side-tabs{margin-top:22px}.mug-remove{margin:-4px 0 15px;font-size:13px}.mug-editor details{margin:6px 0 15px}.mug-editor summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px}.mug-editor details label{margin-top:10px}.mana-mug button:focus-visible,.mana-mug canvas:focus-visible,.mana-mug input:focus-visible,.mug-editor :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #a8004b;outline-offset:3px}product-info:has([data-mug-editor]) .cl-po--options,product-info:has([data-mug-editor]) .cl-po--wrapper{display:none!important}@media(max-width:749px){.mug-stage{border-radius:16px}.mug-views{gap:5px}.mug-views button{font-size:12px}.mug-editor h2{font-size:22px}}

product-info:has([data-mug-editor]) product-form{display:none!important}

product-info:has([data-mug-editor]) .product-form__quantity{display:none!important}


.mug-edit-modes{display:flex;gap:6px;margin-top:16px}.mug-edit-modes button,.mug-preview-button{font:inherit;background:#fff;border:1px solid #d9cbd3;min-height:44px;padding:10px;border-radius:10px;color:#41313b;cursor:pointer}.mug-edit-modes button{flex:1;font-size:13px}.mug-edit-modes [aria-pressed=true]{border:2px solid #c60059;background:#fff0f7;color:#a8004c}.mug-edit-help{font-size:13px;color:#6c5e67;line-height:1.5}.mug-layout{padding:14px;background:#faf5f8;border-radius:12px;margin:20px 0}.mug-layout h3{font-size:16px;margin:0 0 14px}.mug-preview-button{width:100%;margin-bottom:18px}.mana-mug{scroll-margin-top:100px}@media(max-width:749px){.mug-edit-modes button{font-size:12px}.mana-mug{scroll-margin-top:90px}}