.mug-builder{margin-top:34px;margin-bottom:42px;color:#2f2a27}
.mug-builder [hidden]{display:none!important}
.mug-builder button,.mug-builder input,.mug-builder select,.mug-builder textarea{font:inherit;letter-spacing:0}
.mug-builder-heading{max-width:760px;margin-bottom:20px}
.mug-builder-heading>span,.mug-step-label,.mug-request-head>span{display:block;margin-bottom:6px;color:#c76564;font-size:13px;font-weight:850;text-transform:uppercase}
.mug-builder-heading h2,.mug-request-head h3{margin:0;color:#2d2926;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.08}
.mug-builder-heading p,.mug-request-head p{margin:10px 0 0;color:#786d67;font-size:16px;line-height:1.55}
.mug-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mug-mode-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:4px 17px;min-height:190px;padding:26px;text-align:left;border:1px solid #ead3ce;border-radius:8px;background:#fff;box-shadow:0 16px 36px rgba(80,52,43,.08);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.mug-mode-card:hover{transform:translateY(-3px);border-color:#d77d7b;box-shadow:0 20px 42px rgba(80,52,43,.13)}
.mug-mode-icon{grid-row:1/4;display:grid;width:58px;height:58px;place-items:center;border:1px solid #e8cbc5;border-radius:50%;background:#fff6f3;color:#c96362;font-size:24px}
.mug-mode-card strong{font-size:23px;line-height:1.2}
.mug-mode-card>span:not(.mug-mode-icon){color:#746963;line-height:1.5}
.mug-mode-card b{align-self:end;width:max-content;margin-top:12px;color:#c15e5d;font-size:15px}
.mug-resume{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:15px 17px;border:1px solid #d7e8e4;background:#f2faf8}
.mug-resume div:first-child{display:grid;gap:3px}.mug-resume span{color:#6f7976;font-size:13px}.mug-resume div:last-child{display:flex;gap:8px}
.mug-resume button,.mug-history-actions button,.mug-quick-start button,.mug-control-grid button,.mug-align-row button{min-height:40px;border:1px solid #e5d2cd;border-radius:7px;background:#fff;color:#403733;cursor:pointer;font-weight:750}
.mug-resume button:first-child{background:#0b7368;color:#fff;border-color:#0b7368}
.mug-studio{margin-top:22px;border-top:1px solid #e7d4cf;border-bottom:1px solid #e7d4cf;background:#fff}
.mug-studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.mug-studio-topbar>div:first-child{display:grid}.mug-studio-topbar b{font-size:14px}.mug-step-label{margin:0;font-size:11px}
.mug-history-actions{display:flex;align-items:center;gap:7px}.mug-history-actions button{padding:0 13px}.mug-history-actions button[title]{width:40px;padding:0;font-size:20px}
.mug-history-actions button[data-editor-action="preview"]{background:#0a7469;border-color:#0a7469;color:#fff}
.mug-quick-start{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 0;border-top:1px solid #f0e2df;scrollbar-width:thin}.mug-quick-start span{flex:0 0 auto;margin-right:4px;font-size:13px;font-weight:850}.mug-quick-start button{flex:0 0 auto;padding:0 12px}
.mug-editor-shell{display:grid;grid-template-columns:86px 252px minmax(0,1fr);min-height:560px;border-top:1px solid #ead8d4}
.mug-tool-nav{display:grid;align-content:start;border-right:1px solid #ead8d4;background:#fcf9f8}
.mug-tool-nav button{display:grid;gap:3px;min-height:72px;padding:9px 5px;border:0;border-bottom:1px solid #ead8d4;background:transparent;color:#695e58;cursor:pointer;font-size:12px;font-weight:800}
.mug-tool-nav button span{font-size:20px;font-weight:500}.mug-tool-nav button.active{background:#fff;color:#b95857;box-shadow:inset 3px 0 #d77d7b}
.mug-tool-panel{min-width:0;padding:18px;border-right:1px solid #ead8d4;background:#fff;overflow-y:auto}
.mug-tool-panel section{display:grid;align-content:start;gap:13px}.mug-tool-panel h3{margin:0 0 2px;font-size:19px}.mug-tool-panel p{margin:0;color:#867a74;font-size:12px;line-height:1.45}
.mug-tool-panel label{display:grid;gap:6px;color:#564b46;font-size:12px;font-weight:800}.mug-tool-panel input,.mug-tool-panel select,.mug-tool-panel textarea,.mug-designer-request input,.mug-designer-request select,.mug-designer-request textarea{width:100%;min-width:0;border:1px solid #e3cfca;border-radius:7px;background:#fff;color:#302a27;padding:10px 11px;outline:0}.mug-tool-panel textarea,.mug-designer-request textarea{resize:vertical}.mug-tool-panel input:focus,.mug-tool-panel select:focus,.mug-tool-panel textarea:focus,.mug-designer-request input:focus,.mug-designer-request select:focus,.mug-designer-request textarea:focus{border-color:#c96a68;box-shadow:0 0 0 3px rgba(201,106,104,.11)}
.mug-upload-button{display:grid!important;place-items:center;min-height:46px;padding:9px!important;border:1px dashed #d77d7b;border-radius:7px;background:#fff5f2;color:#ba5b5a!important;cursor:pointer;text-align:center}.mug-upload-button.secondary{background:#fff}.mug-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.mug-panel-primary{min-height:44px;border:0;border-radius:7px;background:#d47775;color:#fff;cursor:pointer;font-weight:850}
.mug-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mug-control-grid button{padding:7px;font-size:12px}.mug-field-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(74px,.55fr);gap:8px}.mug-field-row input[type="color"]{min-height:42px;padding:4px}
.mug-range input{padding:0}.mug-emoji-row,.mug-elements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mug-emoji-row button,.mug-elements-grid button{aspect-ratio:1;border:1px solid #ead6d1;border-radius:7px;background:#fff;cursor:pointer;font-size:20px}
.mug-backgrounds{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.mug-backgrounds button{aspect-ratio:1;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d8cbc7;cursor:pointer}.mug-backgrounds button:hover{box-shadow:0 0 0 2px #d77d7b}
.mug-align-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mug-layer-list{display:grid;gap:7px}.mug-layer-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:8px;border:1px solid #ead8d4;border-radius:7px;background:#fff;font-size:12px}.mug-layer-item.active{border-color:#c76866;background:#fff7f5}.mug-layer-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mug-layer-item button{width:28px;height:28px;border:0;background:#f8efed;cursor:pointer}
.mug-template-filters{display:flex;max-width:100%;gap:6px;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:none;scroll-snap-type:x proximity}.mug-template-filters::-webkit-scrollbar{display:none}.mug-template-filters button{flex:0 0 auto;max-width:180px;overflow:hidden;border:1px solid #ead5d0;border-radius:999px;background:#fff;padding:6px 9px;cursor:pointer;font-size:11px;text-overflow:ellipsis;white-space:nowrap;scroll-snap-align:start}.mug-template-filters button.active{background:#2f302f;color:#fff;border-color:#2f302f}.mug-template-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.mug-template-card{display:grid;grid-template-columns:76px minmax(0,1fr);min-width:0;align-items:center;gap:10px;padding:8px;overflow:hidden;border:1px solid #ead6d1;border-radius:7px;background:#fff;cursor:pointer;text-align:left;font-size:12px;font-weight:800}.mug-template-card>span:last-child{min-width:0;line-height:1.35}.mug-template-thumb{display:block;width:76px;aspect-ratio:2.21;border-radius:4px;background:var(--template-bg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.mug-workspace{display:grid;align-content:center;min-width:0;padding:24px;background:#f5f1f0;overflow:hidden}.mug-canvas-labels{display:grid;grid-template-columns:1fr 1fr 1fr;width:min(100%,1050px);margin:0 auto 8px;color:#837771;font-size:11px;text-align:center}.mug-stage{position:relative;width:min(100%,1050px);aspect-ratio:210/95;margin:auto;background:#fff;box-shadow:0 12px 35px rgba(55,42,37,.16);overflow:hidden;touch-action:none}.mug-stage .canvas-container{position:absolute!important;inset:0;width:100%!important;height:100%!important}.mug-stage canvas{width:100%!important;height:100%!important}
.mug-safe-guides{position:absolute;inset:0;z-index:5;pointer-events:none}.mug-safe-guides i{position:absolute;inset:5.26%;border:1px dashed rgba(191,74,72,.72)}.mug-safe-guides b,.mug-safe-guides span{position:absolute;top:0;bottom:0;width:1px;background:rgba(22,115,104,.4)}.mug-safe-guides b{left:33.333%}.mug-safe-guides span{right:33.333%}.mug-canvas-loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#766963;font-weight:800}.mug-canvas-loading[hidden]{display:none}
.mug-stage-footer{display:flex;justify-content:space-between;gap:12px;width:min(100%,1050px);margin:9px auto 0;color:#857972;font-size:11px}.mug-stage-footer button{border:0;background:transparent;color:#bb5f5d;cursor:pointer;font-weight:800}.mug-warning{width:min(100%,1050px);margin:10px auto 0;padding:10px 12px;border-left:3px solid #e29a37;background:#fff8e9;color:#715a37;font-size:12px}
.mug-variant-bar{position:sticky;bottom:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #ead7d2;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}.mug-variant-bar>div:first-child,.mug-request-variants{display:grid;gap:7px}.mug-variant-bar>div>span,.mug-request-variants>span{font-size:12px;font-weight:850}.mug-variant-options{display:flex;flex-wrap:wrap;gap:8px}.mug-variant-option{display:flex;align-items:center;gap:7px;min-height:39px;padding:7px 11px;border:1px solid #e6d2cd;border-radius:999px;background:#fff;cursor:pointer;font-size:12px;font-weight:800}.mug-variant-option i{width:18px;height:18px;border:1px solid #bdb2ae;border-radius:50%;background:var(--mug-color)}.mug-variant-option.active{border-color:#c86563;box-shadow:0 0 0 2px rgba(200,101,99,.12)}
.mug-sticky-price{display:flex;align-items:center;gap:14px}.mug-sticky-price>span{color:#c55f5d;font-size:24px;font-weight:900}.mug-sticky-price button,.mug-request-actions button[type="submit"]{min-height:48px;border:0;border-radius:7px;background:#d47775;color:#fff;padding:0 20px;cursor:pointer;font-weight:900}.mug-sticky-price button:disabled,.mug-request-actions button:disabled{opacity:.6;cursor:wait}
.mug-designer-request{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:22px;padding:28px;border:1px solid #ead3ce;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(79,55,46,.08)}.mug-request-head,.mug-request-full{grid-column:1/-1}.mug-request-head h3{font-size:36px}.mug-designer-request label{display:grid;gap:7px;color:#403733;font-size:13px;font-weight:850}.mug-designer-request input,.mug-designer-request select,.mug-designer-request textarea{font-size:14px}.mug-request-upload{padding:16px;border:1px dashed #d77d7b;background:#fff8f6;cursor:pointer}.mug-request-upload input{padding:0;border:0}.mug-request-upload span{color:#8b7d76;font-size:12px;font-weight:600}.mug-request-file-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.mug-request-file-list span{padding:6px 9px;border:1px solid #e8d6d1;border-radius:999px;font-size:11px}.mug-quality-check{grid-template-columns:auto 1fr!important;align-items:start}.mug-quality-check input{width:auto;margin-top:2px;accent-color:#c96765}.mug-request-actions{display:flex;justify-content:flex-end;gap:9px}.mug-request-actions button.secondary{min-height:48px;border:1px solid #dfc7c1;border-radius:7px;background:#fff;color:#a95857;padding:0 18px;cursor:pointer;font-weight:850}
.mug-status{position:fixed;right:20px;bottom:20px;z-index:100;padding:13px 16px;border-radius:7px;background:#2d302f;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:13px;font-weight:750}.mug-status.error{background:#a93f3f}.mug-status.success{background:#0c7769}
.mug-preview-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(30,27,25,.72);backdrop-filter:blur(5px)}.mug-preview-modal[hidden]{display:none}.mug-preview-dialog{position:relative;width:min(760px,100%);padding:26px;border-radius:8px;background:#fff;text-align:center}.mug-preview-dialog>div:first-of-type span{color:#bd5e5c;font-size:12px;font-weight:850;text-transform:uppercase}.mug-preview-dialog h2{margin:5px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:500}.mug-preview-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#f5ece9;cursor:pointer;font-size:24px}.mug-mockup{position:relative;width:min(520px,90%);aspect-ratio:1.7;margin:8px auto 12px}.mug-mockup-body{position:absolute;left:12%;top:11%;width:70%;height:72%;border-radius:9% 9% 18% 18%/9% 9% 12% 12%;background:linear-gradient(90deg,#d7d7d7 0,#fff 12%,#fff 76%,#c7c7c7 100%);box-shadow:0 24px 25px rgba(42,34,31,.22);overflow:hidden}.mug-mockup-body:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 18%,transparent 73%,rgba(0,0,0,.18));pointer-events:none}.mug-mockup-print{position:absolute;inset:8% 3% 10%;background-repeat:repeat-x;background-size:auto 100%;background-position:50% 50%}.mug-mockup>i{position:absolute;right:2%;top:24%;width:25%;height:48%;border:22px solid #e8e8e8;border-left-width:16px;border-radius:50%;z-index:-1;box-shadow:8px 9px 12px rgba(0,0,0,.12)}.mug-mockup[data-mug-type="black"] .mug-mockup-body{background:linear-gradient(90deg,#090909 0,#2c2c2c 14%,#171717 76%,#050505 100%)}.mug-mockup[data-mug-type="black"]>i{border-color:#151515}.mug-mockup[data-mug-type="chameleon"] .mug-mockup-body{background:linear-gradient(90deg,#070707 0,#242424 13%,#111 77%,#050505 100%)}.mug-mockup[data-mug-type="chameleon"] .mug-mockup-print{opacity:.46;mix-blend-mode:screen}.mug-mockup[data-mug-type="chameleon"]>i{border-color:#111}.mug-rotation{display:grid;gap:6px;width:min(420px,90%);margin:0 auto 14px;color:#756963;font-size:12px;font-weight:800}.mug-preview-dialog>.button{min-width:210px}
.mug-preview-dialog{width:min(980px,100%);overflow:hidden}.mug-mockup{display:flex;align-items:flex-end;justify-content:center;isolation:isolate;width:min(880px,100%);aspect-ratio:2.45;margin:14px auto 16px;padding:3.5% 3% 4%;overflow:hidden;border:1px solid #dcebed;border-radius:8px;background:#edf7f9;box-sizing:border-box}.mug-view{position:relative;flex:0 0 33%;height:100%;margin:0 -1.5%;filter:drop-shadow(0 17px 12px rgba(50,48,46,.2))}.mug-view-left{z-index:1}.mug-view-center{z-index:3;transform:translateY(2.5%) scale(1.025)}.mug-view-right{z-index:2}.mug-view-body{position:absolute;inset:3% 8% 0;overflow:hidden;border-radius:7% 7% 15% 15%/5% 5% 9% 9%;background:#f8f8f7;box-shadow:inset 0 0 0 1px rgba(60,55,51,.14)}.mug-view-body:before{content:"";position:absolute;top:-1.5%;left:0;z-index:4;width:100%;height:10%;border-radius:50%;background:radial-gradient(ellipse at center,#fafafa 0 50%,#aaa 53% 63%,#f2f2f2 66% 100%);box-shadow:0 3px 4px rgba(0,0,0,.18)}.mug-view-body:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 13%,transparent 72%,rgba(0,0,0,.24)),linear-gradient(0deg,rgba(0,0,0,.14),transparent 12%);pointer-events:none}.mug-mockup-print{position:absolute;inset:5% 0 3%;z-index:2;background-repeat:repeat-x;background-size:auto 100%;background-position:50% 50%}.mug-view-handle{position:absolute;top:24%;z-index:-1;width:29%;height:43%;border:clamp(9px,1.25vw,15px) solid #e9eaea;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 5px 8px rgba(0,0,0,.18)}.mug-view-left .mug-view-handle{left:-4%}.mug-view-right .mug-view-handle{right:-4%}.mug-view-center .mug-view-handle{display:none}.mug-mockup[data-mug-type="black"] .mug-view-body,.mug-mockup[data-mug-type="chameleon"] .mug-view-body{background:#111;box-shadow:inset 0 0 0 1px #050505}.mug-mockup[data-mug-type="black"] .mug-view-body:before,.mug-mockup[data-mug-type="chameleon"] .mug-view-body:before{background:radial-gradient(ellipse at center,#181818 0 50%,#030303 53% 63%,#252525 66% 100%)}.mug-mockup[data-mug-type="black"] .mug-view-handle,.mug-mockup[data-mug-type="chameleon"] .mug-view-handle{border-color:#121313}.mug-mockup[data-mug-type="chameleon"] .mug-mockup-print{opacity:.58;mix-blend-mode:screen}.mug-rotation{width:min(520px,90%)}
@media (max-width:1050px){.mug-editor-shell{grid-template-columns:76px 220px minmax(0,1fr)}.mug-workspace{padding:18px 12px}.mug-stage{width:100%}}
@media (max-width:820px){body.mug-editor-open{overflow:hidden}.mug-mode-grid{grid-template-columns:1fr}.mug-mode-card{min-height:165px}.mug-builder.is-editing{position:fixed;inset:0;z-index:110;margin:0;padding:0;background:#fff;overflow-y:auto;overscroll-behavior:contain}.mug-builder.is-editing>.mug-builder-heading,.mug-builder.is-editing>[data-mode-choice],.mug-builder.is-editing>.mug-resume{display:none!important}.mug-builder.is-editing .mug-studio{margin:0;padding-bottom:70px}.mug-studio{margin-left:calc(var(--gutter,20px)*-1);margin-right:calc(var(--gutter,20px)*-1);padding-bottom:64px}.mug-studio-topbar,.mug-quick-start,.mug-variant-bar{padding-left:16px;padding-right:16px}.mug-editor-shell{display:flex;flex-direction:column;min-height:0}.mug-workspace{order:1;padding:13px 10px 24px}.mug-tool-panel{order:2;position:relative;z-index:11;max-height:42vh;padding:16px 18px;border:0;border-top:1px solid #ead8d4;overflow:auto}.mug-builder.is-editing .mug-tool-nav{position:fixed;right:0;bottom:0;left:0;z-index:115}.mug-tool-nav{order:3;display:grid;grid-template-columns:repeat(5,1fr);border:0;border-top:1px solid #e4d1cc;background:#fff;box-shadow:0 -8px 24px rgba(65,45,39,.1)}.mug-tool-nav button{min-height:62px;border:0;border-right:1px solid #f0e3e0}.mug-tool-nav button.active{box-shadow:inset 0 3px #d77d7b}.mug-variant-bar{position:relative;align-items:flex-end}.mug-designer-request{grid-template-columns:1fr;padding:20px}.mug-request-head,.mug-request-full,.mug-request-file-list{grid-column:auto}}
@media (max-width:600px){.mug-builder{margin-top:24px}.mug-builder-heading h2{font-size:32px}.mug-builder-heading p{font-size:14px}.mug-mode-card{grid-template-columns:48px 1fr;padding:19px;gap:4px 13px}.mug-mode-icon{width:48px;height:48px}.mug-mode-card strong{font-size:19px}.mug-resume{align-items:flex-start;flex-direction:column}.mug-studio-topbar{align-items:flex-start}.mug-studio-topbar>div:first-child{display:none}.mug-history-actions{width:100%}.mug-history-actions button[data-editor-action="preview"]{flex:1}.mug-quick-start{padding-top:9px;padding-bottom:9px}.mug-quick-start span{display:none}.mug-workspace{padding-top:10px}.mug-canvas-labels{font-size:9px}.mug-stage-footer span{max-width:72%}.mug-variant-bar{display:grid}.mug-sticky-price{justify-content:space-between;width:100%}.mug-sticky-price>span{display:none}.mug-sticky-price button{width:100%}.mug-request-head h3{font-size:29px}.mug-request-actions{position:sticky;bottom:0;z-index:10;margin:0 -20px -20px;padding:12px 20px;background:#fff;box-shadow:0 -8px 20px rgba(60,43,37,.09)}.mug-request-actions button[type="submit"]{flex:1;padding:0 10px}.mug-preview-dialog{padding:22px 14px}.mug-preview-dialog h2{font-size:25px}.mug-mockup>i{border-width:15px}.mug-status{right:12px;bottom:12px;left:12px;text-align:center}}
@media (max-width:820px){.mug-builder.is-editing{z-index:10020}}
.mug-preview-modal{z-index:20000}
.mug-studio{scroll-margin-top:84px}
@media (min-width:821px) and (max-width:1100px){
  body.mug-editor-open{overflow:hidden}
  .mug-builder.is-editing{position:fixed;inset:0;z-index:10020;margin:0;padding:0;background:#fff;overflow-y:auto;overscroll-behavior:contain}
  .mug-builder.is-editing>.mug-builder-heading,.mug-builder.is-editing>[data-mode-choice],.mug-builder.is-editing>.mug-resume{display:none!important}
  .mug-builder.is-editing .mug-studio{margin:0;padding-bottom:72px}
  .mug-studio-topbar,.mug-quick-start,.mug-variant-bar{padding-left:18px;padding-right:18px}
  .mug-quick-start{overflow-x:auto;flex-wrap:nowrap}
  .mug-quick-start>*{flex:0 0 auto}
  .mug-editor-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:560px}
  .mug-tool-nav{position:fixed;right:0;bottom:0;left:0;z-index:115;display:grid;grid-template-columns:repeat(5,1fr);border:0;border-top:1px solid #e4d1cc;background:#fff;box-shadow:0 -8px 24px rgba(65,45,39,.1)}
  .mug-tool-nav button{min-height:64px;border:0;border-right:1px solid #f0e3e0}
  .mug-tool-nav button.active{box-shadow:inset 0 3px #d77d7b}
  .mug-tool-panel{grid-column:1;padding:18px;max-height:none;overflow:auto}
  .mug-workspace{grid-column:2;padding:18px 12px;min-width:0}
  .mug-stage{width:100%;max-width:100%}
  .mug-variant-bar{position:relative}
}
@media (max-width:1100px){.mug-builder.is-editing{width:100%;max-width:none;box-sizing:border-box}}
.mug-quick-start{scrollbar-width:none}
.mug-quick-start::-webkit-scrollbar{display:none}

/* Volumetric three-angle mug preview. */
.mug-view{flex-basis:32%;margin:0 -1%;transform-style:preserve-3d;filter:drop-shadow(0 20px 14px rgba(42,39,37,.24))}
.mug-view-left{transform:perspective(900px) rotateY(12deg) rotateZ(-.7deg);transform-origin:100% 55%}
.mug-view-center{z-index:4;transform:translateY(2.5%) scale(1.055)}
.mug-view-right{transform:perspective(900px) rotateY(-12deg) rotateZ(.7deg);transform-origin:0 55%}
.mug-view-body{inset:4% 6% 1%;border-radius:11% 11% 32% 32%/6% 6% 10% 10%;box-shadow:inset 0 0 0 1px rgba(48,42,39,.17),inset 18px 0 22px rgba(0,0,0,.09),inset -18px 0 24px rgba(0,0,0,.14)}
.mug-view-body:before,.mug-view-body:after{content:none}
.mug-mockup-print{inset:5.5% -2% 4%;z-index:1;transform:scaleX(1.035)}
.mug-view-shade,.mug-view-rim,.mug-view-base{position:absolute;display:block;pointer-events:none}
.mug-view-shade{inset:4% 0 2%;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.16) 7%,rgba(255,255,255,.16) 18%,transparent 34%,transparent 64%,rgba(255,255,255,.12) 78%,rgba(0,0,0,.39) 100%);mix-blend-mode:multiply}
.mug-view-rim{top:-1.5%;left:-1%;z-index:5;width:102%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,#f5f5f4 0 49%,#a6a6a6 50% 57%,#fff 59% 73%,#b8b8b8 76% 100%);box-shadow:0 4px 7px rgba(0,0,0,.24),inset 0 -2px 3px rgba(0,0,0,.25)}
.mug-view-base{right:4%;bottom:-1.6%;left:4%;z-index:5;height:8.5%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(103,99,96,.36));box-shadow:0 5px 7px rgba(0,0,0,.18),inset 0 -2px 2px rgba(255,255,255,.38)}
.mug-view-handle{top:25%;width:31%;height:44%;border-width:clamp(10px,1.35vw,16px);background:rgba(255,255,255,.08);box-shadow:inset 4px 0 7px rgba(0,0,0,.24),0 8px 12px rgba(0,0,0,.2)}
.mug-view-left .mug-view-handle{left:-6%}.mug-view-right .mug-view-handle{right:-6%}
.mug-mockup[data-mug-type="black"] .mug-view-body,.mug-mockup[data-mug-type="chameleon"] .mug-view-body{box-shadow:inset 0 0 0 1px #050505,inset 20px 0 24px rgba(0,0,0,.45),inset -20px 0 26px rgba(0,0,0,.58)}
.mug-mockup[data-mug-type="black"] .mug-view-rim,.mug-mockup[data-mug-type="chameleon"] .mug-view-rim{background:radial-gradient(ellipse at center,#171717 0 49%,#020202 50% 59%,#292929 61% 74%,#050505 77% 100%)}
.mug-mockup[data-mug-type="black"] .mug-view-base,.mug-mockup[data-mug-type="chameleon"] .mug-view-base{background:linear-gradient(180deg,#222,#030303);box-shadow:0 5px 8px rgba(0,0,0,.42)}
@media (max-width:600px){.mug-view{flex-basis:34%;margin:0 -2%}.mug-view-left{transform:perspective(650px) rotateY(10deg) rotateZ(-.5deg)}.mug-view-right{transform:perspective(650px) rotateY(-10deg) rotateZ(.5deg)}.mug-view-center{transform:translateY(2.5%) scale(1.04)}.mug-view-handle{border-width:8px}}

/* Canvas-rendered cylindrical preview. */
.mug-preview-dialog{width:min(1120px,95vw);max-height:calc(100vh - 24px);padding:24px 28px;overflow:auto}
.mug-preview-heading{padding:0 52px 2px}.mug-preview-dialog .mug-preview-heading h2{margin:0;font-family:inherit;font-size:clamp(20px,2vw,25px);font-weight:800;line-height:1.2}
.mug-preview-dialog .mug-mockup{display:block;width:100%;height:auto;aspect-ratio:auto;margin:16px auto 14px;padding:10px 12px 4px;overflow:hidden;border:0;border-radius:8px;background:#eaf4f6;box-sizing:border-box}
.mug-preview-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;width:100%}
.mug-preview-view{position:relative;min-width:0;margin:0;z-index:1}.mug-preview-view:nth-child(2){z-index:2;transform:translateY(4px) scale(1.015)}.mug-preview-view figcaption{margin:0 0 -4px;color:#776d67;font-size:11px;font-weight:800;text-align:center}.mug-preview-view canvas{display:block;width:100%;height:auto;aspect-ratio:8/9}
.mug-preview-dialog .mug-rotation{width:min(560px,80%);margin-top:4px}.mug-rotation input{width:100%;accent-color:#ca6d6b}
@media (max-width:680px){.mug-preview-modal{padding:8px}.mug-preview-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:16px 12px;border-radius:8px}.mug-preview-heading{padding:0 34px}.mug-preview-dialog .mug-preview-heading h2{font-size:19px}.mug-preview-dialog .mug-mockup{margin:10px auto 12px;padding:8px 0 4px}.mug-preview-track{display:flex;align-items:end;gap:10px;overflow-x:auto;padding:0 9% 7px;scroll-padding-inline:9%;scroll-snap-type:x mandatory;scrollbar-width:none}.mug-preview-track::-webkit-scrollbar{display:none}.mug-preview-view{flex:0 0 88%;scroll-snap-align:center}.mug-preview-view:nth-child(2){transform:none}.mug-preview-view figcaption{margin-bottom:-2px;font-size:12px}.mug-preview-dialog .mug-rotation{width:88%;margin-bottom:12px}.mug-preview-dialog>.button{width:min(260px,90%);min-width:0}}