.mug-studio{--mug-ink:#493c4a;--mug-muted:#756a77;--mug-purple:#6f3d96;--mug-line:#e7dce9;color:var(--mug-ink);max-width:1200px;margin:auto;padding:44px 24px 60px}.mug-heading{max-width:680px;margin-bottom:28px}.mug-eyebrow{letter-spacing:.18em;color:#8e6249;font-size:11px;font-weight:800}.mug-studio h1{letter-spacing:-.04em;color:#47324f;margin:12px 0 16px;font-family:Georgia,serif;font-size:clamp(36px,5vw,62px);line-height:1.12}.mug-studio h2{color:#47324f;font-family:Georgia,serif;font-size:26px;line-height:1.2}.mug-heading p{color:var(--mug-muted);font-size:16px;line-height:1.7}.mug-studio button,.mug-studio input,.mug-studio textarea,.mug-studio select{font:inherit}.mug-studio button{border:1px solid var(--mug-line);color:var(--mug-ink);cursor:pointer;background:#fff;border-radius:12px;padding:11px 15px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s}.mug-studio button:hover{background:#faf6fd;border-color:#b99acb}.mug-studio button:focus-visible,.mug-studio input:focus-visible,.mug-studio select:focus-visible,.mug-studio textarea:focus-visible,.mug-studio summary:focus-visible{outline-offset:3px;outline:3px solid #a888ba}.mug-studio button:disabled{opacity:.5;cursor:not-allowed}.mug-studio button[aria-pressed=true]{border-color:var(--mug-purple);color:#673d82;background:#f2eaf7}.mug-studio .mug-primary{color:#fff;background:var(--mug-purple);border-color:var(--mug-purple);padding:14px 18px;font-size:14px}.mug-studio .mug-primary:hover{background:#603181}.mug-steps{border-bottom:1px solid var(--mug-line);gap:22px;margin-bottom:26px;display:flex}.mug-studio .mug-steps button{color:#85758a;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:13px 0}.mug-steps small{margin-right:9px;font-size:11px}.mug-studio .mug-steps [aria-current=step]{color:var(--mug-purple);border-bottom-color:var(--mug-purple)}.mug-workspace{border:1px solid var(--mug-line);background:#fff;border-radius:22px;grid-template-columns:minmax(0,360px) minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.mug-edit{border-right:1px solid var(--mug-line);align-content:start;gap:17px;padding:28px;display:grid}.mug-edit>p{font-size:14px;line-height:1.65}.mug-studio label{gap:7px;font-size:12px;font-weight:700;display:grid}.mug-studio input:not([type=checkbox]):not([type=range]),.mug-studio textarea,.mug-studio select{color:#493c4a;box-sizing:border-box;background:#fff;border:1px solid #dacee0;border-radius:9px;width:100%;min-width:0;max-width:100%;padding:11px;font-size:14px}.mug-studio input[type=file]{padding:9px!important;font-size:12px!important}.mug-studio textarea{resize:vertical}.mug-studio .mug-check{align-items:flex-start;gap:9px;line-height:1.6;display:flex}.mug-check input{width:17px;height:17px;accent-color:var(--mug-purple);flex-shrink:0;margin-top:2px}.mug-controls{gap:16px;min-width:0;display:grid}.mug-controls details{border-top:1px solid var(--mug-line);padding-top:14px}.mug-controls summary{cursor:pointer;margin-bottom:15px;font-size:13px;font-weight:700}.mug-stage{background:radial-gradient(at 50% 42%,#fffdf8,#f6eee8);flex-direction:column;justify-content:center;align-self:stretch;align-items:center;min-width:0;padding:22px;display:flex}.mug-preview{width:100%;min-width:0;max-width:650px}.mug-preview canvas{width:100%;height:auto;display:block}.mug-view{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mug-studio .mug-view button{padding:9px 11px;font-size:11px}.mug-caption{text-align:center;color:#6d5b66;max-width:420px;font-size:12px;line-height:1.6}.mug-studio .mug-muted{color:var(--mug-muted);font-size:12px;font-weight:400;line-height:1.6}.mug-stage .mug-muted{text-align:center;max-width:480px;margin-top:12px}.mug-note{background:#f5edf8;border-radius:10px;padding:14px;font-size:13px;line-height:1.65}.mug-alert{color:#8c472c;background:#fff1e6;border-radius:10px;padding:14px;font-size:13px;line-height:1.6}.mug-price{border-top:1px solid var(--mug-line);gap:6px;padding-top:18px;display:grid}.mug-price strong{color:#49324f;font-size:27px}.mug-price span{color:var(--mug-muted);font-size:11px;line-height:1.5}.mug-library{margin-top:44px}.mug-library-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.mug-library-heading h2{max-width:500px;margin-top:8px}.mug-library-heading label{flex-shrink:0;width:260px}.mug-filters{flex-wrap:wrap;gap:7px;margin:24px 0 12px;display:flex}.mug-studio .mug-filters button{border-radius:30px;padding:9px 14px;font-size:12px}.mug-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.mug-studio .mug-card{text-align:left;border-radius:14px;min-width:0;padding:0;overflow:hidden}.mug-card img{aspect-ratio:2.33;object-fit:cover;width:100%;height:auto;display:block}.mug-card>span{gap:6px;padding:14px 16px;display:grid}.mug-card strong{font-size:14px}.mug-card small{color:var(--mug-muted);font-size:11px;font-weight:400}.mug-saved{text-align:center;color:var(--mug-muted);margin-top:22px;font-size:11px}.mug-order-panel{padding:0!important}.mug-order-panel details{border:1px solid var(--mug-line);background:#fff;border-radius:14px;padding:18px}.mug-order-panel summary{cursor:pointer;font-weight:700}.mug-order-body{gap:16px;margin-top:18px;display:grid}.mug-order-body fieldset{gap:16px;min-width:0;display:grid}.mug-order-body .mug-stage{border-radius:12px}.mug-downloads{flex-wrap:wrap;gap:8px;display:flex}.mug-profile{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mug-profile>.mug-check,.mug-profile>.mug-note{grid-column:1/-1}@media (min-width:761px){.mug-workspace>.mug-stage{align-self:start;min-height:510px;position:sticky;top:90px}.mug-workspace{align-items:start}.mug-edit{min-height:510px}.mug-stage:only-child{position:static}}@media (max-width:760px){.mug-studio{padding:28px 16px 40px}.mug-heading{margin-bottom:20px}.mug-heading p{font-size:14px}.mug-steps{gap:18px}.mug-studio .mug-steps button{font-size:11px}.mug-steps small{margin-right:4px}.mug-workspace{grid-template-columns:1fr}.mug-edit{border-right:0;border-top:1px solid var(--mug-line);order:2;padding:22px}.mug-stage{order:1;padding:16px}.mug-preview{max-width:480px}.mug-library-heading{gap:18px;display:grid}.mug-library-heading label{width:100%}.mug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mug-card>span{padding:11px}.mug-card strong{font-size:12px}.mug-card small{font-size:10px}.mug-studio h2{font-size:24px}.mug-profile{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mug-studio button{transition:none}}.mug-customer-studio{max-width:1280px;padding-top:22px}.mug-customer-studio .mug-workspace{scroll-margin-top:90px;overflow:visible}.mug-customer-studio .mug-workspace:focus{outline:none}.mug-step-1 .mug-workspace{background:#fbf6f0;border:0;grid-template-columns:minmax(0,440px) minmax(0,1fr)}.mug-step-1 .mug-edit{border:0;gap:13px;padding:32px 36px}.mug-hero-copy h1{margin:12px 0 18px;font-size:clamp(42px,5.5vw,72px)}.mug-hero-copy h1 em{color:#8b538f;font-weight:inherit}.mug-hero-copy p{color:#6c5c65;max-width:360px;font-size:15px;line-height:1.65}.mug-step-1 .mug-stage{background:radial-gradient(at 50% 45%,#fffefa,#f6e9dc);border-radius:0 22px 22px 0;align-self:stretch;position:static}.mug-step-1 .mug-preview{max-width:none}.mug-hero-price{align-items:center;gap:14px;padding:4px 0;display:flex}.mug-hero-price strong{white-space:nowrap;font-size:26px}.mug-hero-price span{color:#756773;max-width:150px;font-size:11px;line-height:1.5}.mug-editor-heading{flex-wrap:wrap;align-items:baseline;gap:18px;max-width:none;margin-bottom:12px;display:flex}.mug-editor-heading h1{margin:0;font-size:30px}.mug-editor-heading p{font-size:13px}.mug-editor-heading .mug-eyebrow{display:none}.mug-editor-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.mug-editor-toolbar h2{font-size:23px}.mug-studio .mug-editor-toolbar button{white-space:nowrap;padding:9px;font-size:12px}.mug-studio .mug-change-design{color:var(--mug-purple);border:0;justify-self:start;padding:2px 0}.mug-choice-group{border:0;min-width:0;margin:0;padding:0}.mug-choice-group legend{margin-bottom:10px;padding:0;font-size:12px;font-weight:700}.mug-layouts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mug-studio .mug-layouts button{justify-items:center;gap:8px;padding:12px 8px;font-size:11px;display:grid}.mug-layout-icon{border:1px solid #bda4c7;border-radius:4px;gap:4px;width:64px;height:30px;padding:4px;display:flex}.mug-layout-icon i{background:#a980b6;border-radius:2px;flex:1}.mug-layout-split i+i{background:repeating-linear-gradient(0deg,#0000 0 4px,#a980b6 4px 6px)}.mug-layout-panorama{background:#ddc9ab;border-radius:16px 4px}.mug-layout-wrap{background:#a980b6;gap:0;padding:0}.mug-swatches{flex-wrap:wrap;gap:8px;display:flex}.mug-studio .mug-swatches button{border-radius:50%;width:40px;height:40px;padding:4px}.mug-swatches span{border:1px solid #00000012;border-radius:50%;width:100%;height:100%;display:block}.mug-choice-group>p{margin-top:9px}.mug-reassurance{border-bottom:1px solid var(--mug-line);color:#796679;flex-wrap:wrap;justify-content:space-around;gap:12px;padding:22px 12px;font-size:12px;display:flex}.mug-library{scroll-margin-top:95px}.mug-library:focus{outline:none}.mug-collections{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.mug-studio .mug-collections button{text-align:left;background:#f4efe8;padding:0;overflow:hidden}.mug-collections button:nth-child(2){background:#e8eff0}.mug-collections button:nth-child(3){background:#f7eaea}.mug-collections img{width:100%;height:auto;display:block}.mug-collections span{gap:5px;padding:0 18px 18px;display:grid}.mug-collections strong{color:#46304e;font-family:Georgia,serif;font-size:20px;font-weight:400}.mug-collections small{color:#766671;font-size:11px;font-weight:400}.mug-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;margin:18px 0 12px;display:grid}.mug-filter-fields button{height:44px}.mug-design-card{min-width:0;position:relative}.mug-studio .mug-card{background:#fff;width:100%;height:100%}.mug-card-art{background:#f5f0ea;position:relative}.mug-card img{aspect-ratio:5/3;object-fit:contain}.mug-card-action{color:#764591;margin-top:7px;font-size:12px}.mug-art-badge{color:#7b626a;letter-spacing:.04em;font-size:9px;font-weight:400;position:absolute;bottom:6px;left:12px}.mug-studio .mug-favorite{background:#ffffffed;border-radius:50%;width:38px;height:38px;padding:0;font-size:23px;position:absolute;top:10px;right:10px}.mug-studio .mug-favorite[aria-pressed=true]{color:#a24673}.mug-empty{text-align:center;background:#faf6fc;border-radius:16px;padding:40px 18px;font-size:14px}.mug-empty p{margin:14px 0}@media (max-width:900px) and (min-width:761px){.mug-step-1 .mug-workspace{grid-template-columns:1fr 1fr}.mug-step-1 .mug-edit{padding:24px}.mug-hero-copy h1{font-size:48px}}@media (max-width:760px){.mug-customer-studio{padding:16px 14px 34px}.mug-step-1 .mug-workspace{flex-direction:column;gap:13px;padding:22px 18px;display:flex}.mug-step-1 .mug-edit{display:contents}.mug-step-1 .mug-edit>*{order:4}.mug-step-1 .mug-edit>.mug-hero-copy{order:0}.mug-hero-copy h1{margin:8px 0 12px;font-size:46px}.mug-hero-copy h1 br{display:block}.mug-hero-copy p{font-size:14px}.mug-step-1 .mug-stage{border-radius:12px;order:1;width:100%;padding:0}.mug-step-1 .mug-stage .mug-view{display:none}.mug-step-1 .mug-stage canvas{object-fit:contain;height:215px}.mug-step-1 .mug-stage .mug-caption{padding:0 8px 10px;font-size:10px}.mug-step-1 .mug-edit>.mug-hero-price{order:2}.mug-step-1 .mug-edit>label:first-of-type{order:3}.mug-customer-studio input:not([type=checkbox]):not([type=range]),.mug-customer-studio textarea,.mug-customer-studio select{font-size:16px}.mug-step-2 .mug-workspace>.mug-stage{z-index:10;border-bottom:1px solid var(--mug-line);border-radius:18px 18px 0 0;align-self:start;width:100%;padding:8px 10px;position:sticky;top:68px;box-shadow:0 6px 12px #49324f0a}.mug-step-2 .mug-stage canvas{object-fit:contain;height:148px}.mug-step-2 .mug-stage .mug-caption{font-size:10px;line-height:1.3}.mug-step-2 .mug-stage .mug-muted{margin-top:4px;font-size:10px}.mug-step-2 .mug-view button{padding:7px 8px;font-size:10px}.mug-step-2 .mug-edit{padding:18px}.mug-step-2 .mug-edit input,.mug-step-2 .mug-edit textarea,.mug-step-2 .mug-edit button{scroll-margin-top:305px;scroll-margin-bottom:30px}.mug-editor-heading{gap:6px}.mug-editor-heading h1{font-size:26px}.mug-editor-heading p{width:100%}.mug-reassurance{gap:8px;padding:18px 0;font-size:10px}.mug-collections{scroll-snap-type:x mandatory;gap:12px;margin:18px -2px;padding:2px 2px 12px;display:flex;overflow-x:auto}.mug-collections button{scroll-snap-align:start;flex:0 0 76%}.mug-collections strong{font-size:21px}.mug-filter-fields{grid-template-columns:1fr 1fr;gap:10px}.mug-filter-fields>label:first-child{grid-column:1/-1}.mug-filter-fields>button{border:0;grid-column:1/-1;justify-self:start;height:auto;padding:4px 0}.mug-studio .mug-filters{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.mug-filters button{flex-shrink:0}.mug-art-badge{font-size:8px;bottom:4px;left:8px}.mug-studio .mug-favorite{width:32px;height:32px;font-size:20px;top:6px;right:6px}.mug-card-action{font-size:11px}.mug-card>span{align-content:start;min-height:106px}}@media (max-width:760px) and (max-height:560px){.mug-step-2 .mug-workspace>.mug-stage{position:static}}.mug-hero-copy h1{font-size:clamp(42px,5vw,60px);line-height:1.05}.mug-browse-link{color:#70438a;text-align:center;text-underline-offset:4px;padding:4px;font-size:12px}.mug-browse-link:focus-visible{outline-offset:3px;outline:3px solid #a888ba}@media (max-width:760px){.mug-hero-copy h1{font-size:46px}}.mug-editor-sections{flex-wrap:wrap;gap:8px;display:flex}.mug-editor-sections a{color:#614553;border:1px solid #ded1d5;border-radius:999px;padding:8px 14px;font-size:13px;text-decoration:none}.mug-editor-sections a:hover{background:#f7eef2}#mug-edit-text,#mug-edit-photo,#mug-edit-style{scroll-margin-top:110px}.mug-proof-status{color:#3d5947;background:#f1f5ef;border-radius:12px;padding:12px 14px;font-size:14px}.mug-preview{position:relative}.mug-preview .mug-expand{min-height:36px;margin:-16px auto 6px;padding:6px 14px;font-size:12px;display:block;position:relative}.mug-zoom{background:#fffaf7;border:1px solid #e1d3d6;border-radius:22px;width:min(94vw,1000px);max-height:92dvh;margin:auto;padding:20px;overflow:auto;box-shadow:0 24px 80px #2e1b3340}.mug-zoom::backdrop{background:#241629a6}.mug-zoom-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.mug-zoom-heading h2{margin:0;font-size:22px}.mug-zoom .mug-preview canvas{object-fit:contain;width:100%;height:auto;max-height:65dvh}.mug-zoom p{text-align:center;font-size:12px}@media (max-width:760px){#mug-edit-text,#mug-edit-photo,#mug-edit-style{scroll-margin-top:350px}.mug-step-2 .mug-stage .mug-caption,.mug-step-2 .mug-stage>.mug-muted{display:none}.mug-step-2 .mug-stage .mug-preview>canvas{height:156px}.mug-step-2 .mug-stage .mug-expand{min-height:30px;margin:-12px auto 0}.mug-step-2 .mug-stage .mug-zoom .mug-preview>canvas{height:auto}.mug-zoom{padding:12px}.mug-zoom-heading h2{font-size:18px}}.mug-zoom-scale{max-width:300px;margin:12px auto;font-size:13px}.mug-zoom-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;max-height:62dvh;overflow:auto}.mug-zoom-scroll .mug-preview canvas{max-height:none}@media (max-width:760px){.mug-step-2 .mug-stage .mug-preview>canvas{object-fit:cover}.mug-step-2 .mug-stage .mug-zoom .mug-preview>canvas{object-fit:contain}}.mug-zoom .mug-preview{max-width:none}.mug-customer-studio .mug-stage .mug-zoom .mug-preview>canvas{object-fit:contain;height:auto;max-height:none}