.mcm-editor{font-family:Arial,sans-serif;color:#183f42;background:#f7fbfa;border-radius:20px;padding:clamp(18px,3vw,42px);max-width:1200px;margin:24px auto;box-sizing:border-box;box-shadow:0 8px 38px #174b4530}.mcm-editor *{box-sizing:border-box}.mcm-header{text-align:center;margin-bottom:28px}.mcm-header p{font-size:12px;letter-spacing:.19em;font-weight:700;color:#418c76}.mcm-header h2{font-size:clamp(26px,3vw,40px);margin:8px 0}.mcm-header span{color:#4d6264}.mcm-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:32px}.mcm-stage{background:linear-gradient(145deg,#e8f5f1,#dcefea);border-radius:18px;min-height:490px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:25px}.mcm-stage>p{font-size:12px;text-align:center;color:#526b68;margin:28px 0 0}.mcm-mug{width:min(84%,400px);height:305px;position:relative;display:flex;justify-content:center;align-items:center;filter:drop-shadow(14px 19px 15px #234d4140)}.mcm-handle{position:absolute;right:0;top:64px;width:115px;height:158px;border:29px solid #fff;border-radius:47%;box-shadow:inset -5px 0 8px #0002,5px 2px 6px #0001}.mcm-cup{z-index:1;width:76%;height:260px;margin-right:20%;position:relative;background:#fff;border-radius:8px 8px 42px 42px/9px 9px 22px 22px;overflow:hidden;box-shadow:inset -22px 0 24px #0002,inset 10px 0 12px #fff8}.mcm-inside{height:19px;position:absolute;top:0;width:100%;z-index:3;border-radius:50%;box-shadow:inset 0 6px 7px #0004,0 2px 4px #fff8}.mcm-preview{width:100%;height:90%;position:absolute;top:7%;object-fit:cover;mix-blend-mode:multiply}.mcm-shine{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#fff7 0%,transparent 17%,transparent 76%,#0002 100%);pointer-events:none}.mcm-controls{background:white;padding:22px;border-radius:16px}.mcm-label{display:block;font-size:16px;font-weight:700;margin:10px 0 14px}.mcm-colors{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:24px}.mcm-swatch{width:37px;height:37px;border:2px solid #aaa;border-radius:50%;cursor:pointer;padding:0}.mcm-swatch[aria-pressed=true]{outline:3px solid #277e72;outline-offset:3px}.mcm-editor input[type=text],.mcm-editor input[type=file]{width:100%;border:1px solid #a9c3bc;border-radius:8px;padding:11px;margin-bottom:12px;background:white}.mcm-editor input[type=range]{accent-color:#267f71;width:100%}.mcm-row{display:flex;align-items:center;gap:15px;margin:9px 0}.mcm-row label{font-size:13px;min-width:118px}.mcm-row input[type=color]{width:55px;height:36px;border:0;background:transparent}.mcm-buttons{display:grid;gap:10px;margin-top:24px}.mcm-buttons button{border:0;border-radius:9px;padding:14px;cursor:pointer;font-weight:700;font-size:15px}.mcm-download{background:#e3f1eb;color:#12564e}.mcm-cart{background:#177664;color:white}.mcm-buttons button:disabled{opacity:.5;cursor:wait}.mcm-status{min-height:1.4em;color:#a13232;font-size:13px}@media(max-width:750px){.mcm-grid{grid-template-columns:1fr}.mcm-stage{min-height:365px}.mcm-mug{transform:scale(.78);margin:-25px 0}.mcm-stage>p{margin:0}}

/* Taza de 11 oz: cuerpo bajo y ancho, con estampación hasta el borde superior. */
.mcm-mug{height:265px}
.mcm-cup{height:220px;width:79%;margin-right:17%;border-radius:18px 18px 30px 30px/8px 8px 19px 19px}
.mcm-handle{top:52px;width:112px;height:145px;border-width:25px}
.mcm-inside{height:11px;top:0;border-radius:50% / 100%;box-shadow:inset 0 4px 4px #0002}
.mcm-preview{top:0;height:100%;mix-blend-mode:normal}
.mcm-cover-label{display:flex;align-items:center;gap:8px;font-size:14px;margin:2px 0 16px}
.mcm-cover-label input{accent-color:#267f71}
.mcm-status{color:#177664}
.mcm-status.mcm-error{color:#a13232}
.mcm-mug-svg{width:min(100%,480px);height:auto;display:block;filter:drop-shadow(12px 17px 12px #234d4140)}
@media(max-width:750px){.mcm-mug-svg{width:min(100%,400px)}}

.mcm-preview-download{background:#177664;color:#fff}

.mcm-mug-3d{width:min(100%,480px);height:auto;display:block;touch-action:none;cursor:grab;border-radius:16px}.mcm-mug-3d:active{cursor:grabbing}
.mcm-layout{width:100%;max-width:480px;margin-top:18px;padding:14px;background:#fff;border:1px solid #c7ded7;border-radius:12px;text-align:left}
.mcm-layout strong{display:block;font-size:14px;margin-bottom:9px}
.mcm-layout-canvas{display:block;width:100%;height:auto;aspect-ratio:11/5;touch-action:none;cursor:grab;background:#fff;border-radius:4px}
.mcm-layout-canvas:active{cursor:grabbing}
.mcm-layout small{display:block;font-size:11px;line-height:1.4;margin-top:8px;color:#486562}
.mcm-layout{max-width:none;margin:12px 0 18px}
.mcm-layout-canvas{cursor:move}
.mcm-stage{justify-content:flex-start;padding-top:34px}
.mcm-mug-3d{width:100%;max-width:600px}
.mcm-front{margin-top:12px;border:1px solid #9ac6bd;border-radius:8px;background:#fff;color:#155d55;padding:9px 14px;cursor:pointer;font-weight:700}
.mcm-header h2{font-size:clamp(32px,4vw,48px);line-height:1.15;margin:12px 0 10px}
.mcm-editor .mcm-reset-proportions{display:inline-block;appearance:none;border:1px solid #16786d;border-radius:7px;background:#e7f4f0;color:#12564e;text-decoration:none;cursor:pointer;font-size:13px;font-weight:600;line-height:1.3;padding:8px 12px;margin:2px 0 10px;box-shadow:none}
.mcm-editor .mcm-reset-proportions:hover{background:#d2eae2;color:#12564e;text-decoration:none}
.mcm-editor .mcm-reset-proportions:focus-visible{outline:3px solid #267f71;outline-offset:2px}
.mcm-stage-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
.mcm-stage-actions button{margin:0;border:1px solid #9ac6bd;border-radius:8px;background:#fff;color:#155d55;padding:9px 12px;cursor:pointer;font-weight:700;font-size:13px}
.mcm-stage-actions button:hover{background:#e5f3ef}
.mcm-stage-actions button:disabled{opacity:.55;cursor:wait}
.mcm-stage .mcm-preview-notice{max-width:560px;margin:24px auto 0;padding:14px 18px;border:1px solid #b6d6cd;border-radius:10px;background:#f7fcfa;color:#365d58;font-size:13px;line-height:1.5;text-align:center}