.ec-mug-editor{--ec-mug-purple:#3b1344;--ec-mug-gold:#b59410;--ec-mug-navy:#002366;--ec-mug-border:#e1d9e5;--ec-mug-muted:#675e6c;color:#251c2b;max-width:1580px;margin:32px auto 64px;padding:0 24px;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}
.ec-mug-editor *{box-sizing:border-box}
.ec-mug-editor [hidden]{display:none!important}
.ec-mug-editor h1,.ec-mug-editor h2,.ec-mug-editor p{margin:0}
.ec-mug-editor h1{font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-1.2px;color:var(--ec-mug-purple);margin:6px 0 10px;font-weight:700}
.ec-mug-editor h2{font-size:19px;line-height:1.3;font-weight:700;color:var(--ec-mug-purple);margin:0 0 18px}
.ec-mug-editor button,.ec-mug-editor select,.ec-mug-editor input,.ec-mug-editor textarea{font:inherit}
.ec-mug-editor button,.ec-mug-file-button{min-height:39px;padding:8px 12px;border:1px solid var(--ec-mug-border);border-radius:7px;background:#fff;color:var(--ec-mug-purple);font-weight:600;cursor:pointer;line-height:1.3;text-align:center;transition:background .15s,border-color .15s}
.ec-mug-editor button:hover,.ec-mug-file-button:hover{border-color:#a383ad;background:#f7f2f9}
.ec-mug-editor button:focus-visible,.ec-mug-editor a:focus-visible,.ec-mug-editor canvas:focus-visible,.ec-mug-editor input:focus-visible,.ec-mug-editor select:focus-visible,.ec-mug-editor textarea:focus-visible{outline:3px solid #c4a624;outline-offset:3px}
.ec-mug-editor button:disabled{opacity:.45;cursor:default}
.ec-mug-editor button[aria-pressed=true]{border-color:var(--ec-mug-purple);background:#f0e6f4}
.ec-mug-editor label{display:block;color:#43374b;font-size:13px;font-weight:600;margin:14px 0 0}
.ec-mug-editor input:not([type=checkbox]):not([type=range]),.ec-mug-editor textarea,.ec-mug-editor select{display:block;width:100%;max-width:100%;min-height:39px;border:1px solid #cdc0d3;border-radius:6px;background:#fff;color:#261d2b;padding:8px;margin-top:6px}
.ec-mug-editor input[type=color]{height:42px;padding:4px!important}
.ec-mug-editor input[type=range]{display:block;width:100%;margin-top:10px;accent-color:var(--ec-mug-purple)}
.ec-mug-editor input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--ec-mug-purple)}
.ec-mug-editor textarea{resize:vertical;min-height:85px}
.ec-mug-editor fieldset{border:0;padding:0;margin:0;min-width:0}
.ec-mug-editor fieldset:disabled{opacity:.55}
.ec-mug-editor hr{height:1px;background:var(--ec-mug-border);border:0;margin:25px 0}
.ec-mug-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}
.ec-mug-heading>div>p:last-child{font-size:16px;color:var(--ec-mug-muted)}
.ec-mug-heading>a{color:var(--ec-mug-purple);font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.ec-mug-editor .ec-mug-eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1.7px;color:#8a7214;margin-bottom:6px}
.ec-mug-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:#faf8fb;border:1px solid var(--ec-mug-border);border-radius:10px;box-shadow:0 4px 16px #3b13440c}
.ec-mug-file-button{position:relative;display:inline-flex!important;align-items:center;margin:0!important;font-size:14px!important;overflow:hidden}
.ec-mug-file-button input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0!important;padding:0!important}
.ec-mug-status{padding:10px 2px;min-height:38px;color:var(--ec-mug-muted);font-size:13px}
.ec-mug-error{border:1px solid #e3a2a8;background:#fff1f2;border-radius:8px;padding:12px 15px;margin-bottom:16px!important;color:#8b2134}
.ec-mug-workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 265px;gap:18px;align-items:start}
.ec-mug-panel{border:1px solid var(--ec-mug-border);border-radius:10px;padding:20px;background:#fff;box-shadow:0 4px 16px #3b134408}
.ec-mug-panel>button{width:100%;margin-top:8px}
.ec-mug-editor .ec-mug-primary{background:var(--ec-mug-purple);border-color:var(--ec-mug-purple);color:#fff}
.ec-mug-editor .ec-mug-primary:hover{background:#541e60;border-color:#541e60}
.ec-mug-editor .ec-mug-help{font-size:12px;color:var(--ec-mug-muted);font-weight:400;line-height:1.6;margin:10px 0}
.ec-mug-upload{padding:12px;border:1px dashed #a889b5;border-radius:7px;background:#fbf8fc}
.ec-mug-upload input{font-size:11px!important;padding:5px!important;background:#fff!important}
.ec-mug-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;min-width:0}
.ec-mug-pair>label{margin-top:0;min-width:0}
.ec-mug-pair>button{min-width:0;font-size:12px;padding:8px 5px}
.ec-mug-panel details{border-top:1px solid var(--ec-mug-border);padding-top:16px;margin-top:22px}
.ec-mug-panel summary{font-weight:700;color:var(--ec-mug-purple);cursor:pointer}
.ec-mug-editor .ec-mug-check{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.55}
.ec-mug-editor .ec-mug-section-title{margin-top:25px;margin-bottom:12px}
.ec-mug-layers{display:grid;gap:6px;max-height:260px;overflow:auto}
.ec-mug-layers button{font-size:12px;text-align:left;overflow-wrap:anywhere}
.ec-mug-stage{min-width:0;border:1px solid var(--ec-mug-border);border-radius:10px;background:#fff;overflow:hidden}
.ec-mug-stage-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:20px 20px 8px}
.ec-mug-stage-heading h2{margin-bottom:8px}
.ec-mug-size{font-size:11px;padding:6px 9px;background:#f2eaf5;border:1px solid #e5d5eb;border-radius:20px;text-align:center;color:var(--ec-mug-purple)}
.ec-mug-canvas-viewport{width:100%;overflow:auto;background:#f2eff4;border-top:1px solid #e9e2ec;border-bottom:1px solid #e9e2ec;touch-action:pan-x pan-y}
.ec-mug-canvas-viewport canvas{display:block;width:100%;max-width:none;height:auto;touch-action:none}
.ec-mug-canvas-viewport.ec-mug-zoom-50 canvas{width:50%;margin:auto}
.ec-mug-canvas-viewport.ec-mug-zoom-75 canvas{width:75%;margin:auto}
.ec-mug-canvas-viewport.ec-mug-zoom-150 canvas{width:150%}
.ec-mug-canvas-viewport.ec-mug-zoom-200 canvas{width:200%}
.ec-mug-stage-caption{padding:14px 20px;font-size:12px;color:var(--ec-mug-muted)}
.ec-mug-stage-caption strong{display:block;color:var(--ec-mug-purple);font-size:13px;margin-bottom:7px}
.ec-mug-print-check{margin:0 20px 20px;padding:13px 14px;border:1px solid #e2d7e8;border-radius:7px;background:#fcfafd;font-size:12px}
.ec-mug-print-check strong{font-size:13px}
.ec-mug-print-check p{margin-top:5px}
.ec-mug-check-note{color:#8b5a09}
.ec-mug-check-ok{color:#25673e}
.ec-mug-placement-proof{border-top:1px solid var(--ec-mug-border);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8px;padding:20px;align-items:center}
.ec-mug-placement-proof h2{margin-bottom:12px}
.ec-mug-placement-proof p:not(.ec-mug-eyebrow){font-size:12px;color:var(--ec-mug-muted);margin-bottom:10px}
.ec-mug-placement-proof canvas{display:block;width:100%;height:auto;background:#fff}
.ec-mug-preview-section{border-top:1px solid var(--ec-mug-border);padding:0 20px 20px}
.ec-mug-preview-section .ec-mug-stage-heading{padding:20px 0 8px;align-items:flex-start}
.ec-mug-preview-section .ec-mug-stage-heading button{max-width:175px;font-size:12px}
.ec-mug-preview-section>p[role=status]{font-size:12px;color:var(--ec-mug-navy);margin:10px 0}
.ec-mug-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ec-mug-preview-grid figure{margin:0;border:1px solid var(--ec-mug-border);border-radius:7px;overflow:hidden}
.ec-mug-preview-grid img{display:block;width:100%;height:auto;background:#f7f6f8}
.ec-mug-preview-grid figcaption{padding:8px;font-size:11px;color:var(--ec-mug-muted);text-align:center}
.ec-mug-editor .ec-mug-price{font-size:25px;font-weight:700;color:var(--ec-mug-purple);margin:16px 0 0}
.ec-mug-align{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:14px 0 10px}
.ec-mug-align button{text-transform:capitalize;min-height:32px;font-size:11px;padding:5px 2px}
.ec-mug-properties fieldset>button{width:100%}
.ec-mug-editor .ec-mug-delete{color:#982d43}
.ec-mug-editor .ec-mug-approval{margin:14px 0 16px;padding:12px;background:#faf7fb;border:1px solid var(--ec-mug-border);border-radius:7px;font-size:12px}
.ec-mug-editor .ec-mug-continue{width:100%;padding:13px}
.ec-mug-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1500px){.ec-mug-workspace{grid-template-columns:245px minmax(0,1fr) 280px}}
@media(max-width:1150px){.ec-mug-editor{padding:0 16px}.ec-mug-workspace{grid-template-columns:200px minmax(0,1fr)}.ec-mug-properties{grid-column:1/-1;display:block}.ec-mug-properties>label,.ec-mug-properties>div{max-width:660px}.ec-mug-properties .ec-mug-continue{max-width:400px}.ec-mug-placement-proof{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media(max-width:700px){.ec-mug-editor{margin-top:20px;padding:0 12px}.ec-mug-heading{align-items:flex-start;gap:12px}.ec-mug-heading>a{font-size:12px}.ec-mug-heading>div>p:last-child{font-size:14px}.ec-mug-workspace{display:flex;flex-direction:column;gap:14px}.ec-mug-panel,.ec-mug-stage{width:100%}.ec-mug-create{order:0}.ec-mug-stage{order:1}.ec-mug-properties{order:2}.ec-mug-toolbar{padding:10px;gap:6px}.ec-mug-toolbar button,.ec-mug-file-button{font-size:12px!important;min-height:36px;padding:7px 9px}.ec-mug-create .ec-mug-layers{max-height:150px}.ec-mug-placement-proof{grid-template-columns:1fr}.ec-mug-placement-proof canvas{max-width:480px;margin:auto}.ec-mug-stage-heading{padding:16px 14px 8px;gap:8px}.ec-mug-stage-heading h2{font-size:17px}.ec-mug-size{max-width:145px}.ec-mug-preview-grid{grid-template-columns:1fr}.ec-mug-preview-section .ec-mug-stage-heading{display:block}.ec-mug-preview-section .ec-mug-stage-heading button{width:100%;max-width:none;margin-top:8px}.ec-mug-canvas-viewport canvas{min-width:540px}.ec-mug-canvas-viewport.ec-mug-zoom-50 canvas,.ec-mug-canvas-viewport.ec-mug-zoom-75 canvas{min-width:0}.ec-mug-panel{padding:17px}.ec-mug-continue{max-width:none!important}}
@media(prefers-reduced-motion:reduce){.ec-mug-editor button{transition:none}}