#m{--ink:#152449;--blue:#155cff;--line:#dce5f6;--soft:#f8faff;--soft2:#eef3ff;max-width:1240px;margin:20px auto;padding:18px;font-family:inherit;color:var(--ink)}#m *{box-sizing:border-box}#m h2{font-size:clamp(25px,4vw,38px);margin:0 0 7px;color:var(--ink)}#m h3{font-size:19px;margin:0 0 9px;color:var(--ink)}#m p{line-height:1.5}#m .hint{color:#586783;font-size:14px;margin:4px 0 13px}#m button,#m .upload{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px;font-weight:750}#m button:focus-visible,#m input:focus-visible,#m select:focus-visible,#m textarea:focus-visible{outline:3px solid #ffbc3e;outline-offset:2px}#m button.active{border:2px solid var(--blue);background:#eef3ff}#m .step-title{margin-top:20px;font-weight:850;font-size:17px}#m .layout-picker{grid-template-columns:repeat(2,minmax(0,1fr))}#m .choice-card{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;min-height:124px;padding:15px!important;white-space:normal!important;line-height:1.3;position:relative;overflow:hidden}#m .choice-card .mode-title{display:block;font-size:16px;font-weight:850;white-space:normal;overflow-wrap:break-word}#m .choice-card .mode-desc{display:block;font-size:13px;font-weight:450;color:#53637d;line-height:1.4;white-space:normal;overflow-wrap:break-word}#m .body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:start}#m .panel{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}#m .tabs{display:flex;gap:8px;margin-bottom:12px}#m .tabs button{flex:1}#m .design-stage{padding:15px;background:#e9eef7;border-radius:14px}#m .preview-stack{display:grid;gap:14px}#m .mug-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px;padding:20px 0}#m .wrap-flat{position:relative;display:flex;justify-content:center;padding:12px 28px}#m .wrap-flat-inner{position:relative;width:min(100%,700px);aspect-ratio:40/19;background:#fff;border:1px solid #bfc9d8;border-radius:12px;overflow:visible;box-shadow:0 10px 22px rgba(23,45,91,.06)}#m .art-surface{position:absolute;inset:0;overflow:hidden;background:transparent}#m .zone{position:absolute;top:0;bottom:0;overflow:hidden;background:transparent}#m .zone[data-zone=front]{left:0;width:50%}#m .zone[data-zone=back]{left:50%;width:50%}#m .tile,.photo-layer{touch-action:none}#m .zone .words{position:absolute;inset:7%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(12px,2.5vw,26px);font-weight:800;white-space:pre-wrap;overflow-wrap:anywhere;color:#1f2c3c;line-height:1.2;pointer-events:none}#m .zone .placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#66748b;font-size:13px;text-align:center;padding:12px;background:rgba(255,255,255,.12);border:1px dashed rgba(116,138,177,.35);border-radius:8px;text-shadow:0 1px 0 rgba(255,255,255,.65)}#m .photo-layer{position:absolute;inset:0;overflow:hidden;cursor:grab}#m .photo-layer img{display:block;position:absolute;max-width:none;user-select:none;pointer-events:none}#m .collage-grid{position:absolute;inset:0;display:flex;flex-direction:column;gap:2px;background:transparent}#m .collage-row{display:flex;gap:2px;flex:1 1 0;min-height:0}#m .tile{position:relative;overflow:hidden;flex:1 1 0;min-width:0;min-height:0;background:transparent;border:1px solid transparent;cursor:pointer}#m .tile.selected{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}#m .tile img{display:block;position:absolute;max-width:none;user-select:none;pointer-events:none}#m .photo-text-caption{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:10px 10px 11px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.78) 35%,rgba(255,255,255,.96) 100%);text-align:center;font-weight:800;font-size:clamp(12px,2.1vw,18px);line-height:1.15;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(255,255,255,.45)}#m .controls{display:grid;gap:14px}#m .controls label{font-size:13px;font-weight:800;display:block}#m .controls select,#m .controls textarea{display:block;margin-top:6px;width:100%;background:#fff;border:1px solid #c4d0e3;border-radius:10px;padding:11px;font:inherit}#m .controls textarea{min-height:94px;resize:vertical}#m .controls .upload{display:block;text-align:center;background:#eaf0ff;border-color:#bfd0fa}#m .controls .upload input{display:none}#m .seg{display:flex;gap:8px}#m .seg button{flex:1}#m .range{display:flex;gap:12px;align-items:center}#m .range input{flex:1;min-width:0}#m .photo-count{font-size:13px;color:#4e6080}#m .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}#m .primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}#m .notice{padding:13px 15px;border-radius:12px;background:#fff7e4;border:1px solid #ffe0a5;font-size:13px;margin-top:15px}#m .foot{font-size:13px;color:#536078;margin-top:12px}#m [hidden]{display:none!important}#m [data-finish="white"]{--mug-body-bg:linear-gradient(180deg,#ffffff 0%,#f8f8fb 100%);--mug-border:#d3dae6;--handle-outer:#d2d7df;--handle-inner:#eef2f7}#m [data-finish="magic"]{--mug-body-bg:linear-gradient(180deg,#1b1d22 0%,#353942 100%);--mug-border:#2e3541;--handle-outer:#363c48;--handle-inner:#4b5360}#m [data-finish="silver"]{--mug-body-bg:#c2c7d0;--handle-outer:#c2c7d0}#m [data-finish="gold"]{--mug-body-bg:#ddbc42;--handle-outer:#ddbc42}#m [data-finish="pink"]{--mug-body-bg:#ed8bb9;--handle-outer:#ed8bb9}@media(max-width:900px){#m .body{grid-template-columns:1fr}#m .finish-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){#m{padding:10px}#m .panel{padding:12px}#m .layout-picker,#m .modes,#m .finish-swatches{gap:8px}#m .layout-picker{grid-template-columns:1fr}#m .choice-card{padding:11px!important;min-height:116px}#m .choice-card .mode-title{font-size:14px}#m .choice-card .mode-desc{font-size:12px}#m .tabs button{padding:10px 5px;font-size:13px}#m .print-window.square{width:68%}#m .finish-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}#m .mug-shell{position:relative;display:block;width:min(100%,510px);max-width:510px;aspect-ratio:1/1;flex:0 1 510px;overflow:hidden;border-radius:4px}#m .mug-shell .label{position:absolute;left:6px;top:6px;z-index:8;background:#fff;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800;color:#243959;pointer-events:none}#m .mug-shell .pp-real-mug-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;z-index:0;pointer-events:none}#m .mug-shell.back-view .pp-real-mug-photo{transform:scaleX(-1)}#m .mug-shell .pp-real-mug-tint{position:absolute;left:9%;top:9%;width:57%;height:82%;border-radius:12% 12% 13% 13%;z-index:1;pointer-events:none;opacity:0}#m .mug-shell.back-view .pp-real-mug-tint{left:auto;right:9%}#m .mug-shell[data-finish="silver"] .pp-real-mug-tint{opacity:.6;background:#c2c7d0;mix-blend-mode:multiply}#m .mug-shell[data-finish="gold"] .pp-real-mug-tint{opacity:.6;background:#ddbc42;mix-blend-mode:multiply}#m .mug-shell[data-finish="pink"] .pp-real-mug-tint{opacity:.6;background:#ed8bb9;mix-blend-mode:multiply}#m .mug-shell[data-finish="magic"] .pp-real-mug-tint{opacity:.84;background:linear-gradient(110deg,#343b44,#171b22 60%,#363c45);mix-blend-mode:multiply}#m .mug-shell .pp-real-print-window{position:absolute;left:20.5%;top:20%;width:47%;height:67%;aspect-ratio:auto;z-index:3;border-radius:3%;overflow:hidden}#m .mug-shell .print-window.square.pp-real-print-window{height:67%!important;aspect-ratio:auto!important}#m .mug-shell.back-view .pp-real-print-window{left:auto;right:20.5%}#m .mug-shell .pp-real-print-window .art-surface{border-radius:3%}#m .mug-shell .pp-real-print-window:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:3%;background:linear-gradient(90deg,rgba(255,255,255,.10),transparent 16%,transparent 84%,rgba(0,0,0,.08))}#m .mug-preview{min-height:0;padding:0}@media(max-width:560px){#m .mug-shell{width:100%}}#m .choice-card{transition:box-shadow .15s,border-color .15s;min-width:0}#m .step-title{font-size:18px;margin-top:25px}#m [data-status]{display:block;background:#eef8ef;border:1px solid #c8e7ce;border-radius:10px;padding:11px 13px;font-size:14px}#m [data-upload-label]{padding:17px!important;border:2px dashed #8eafff!important;font-size:16px!important}#m .controls select,#m .controls textarea{font-size:16px}@media(max-width:650px){#m .step-title{font-size:16px}#m .choice-card{padding:13px!important}#m .finish-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}#m .pp-crop-overlay{position:fixed;inset:0;z-index:2147483640;background:#111b31cc;display:flex;align-items:center;justify-content:center;padding:12px}#m .pp-crop-box{background:#fff;color:#152449;border-radius:18px;padding:18px;width:min(96vw,590px);max-height:95vh;overflow:auto}#m .pp-crop-stage{position:relative;width:100%;aspect-ratio:1;background:#edf1f7;overflow:hidden;border:2px solid #155cff;touch-action:none;cursor:move}#m .pp-crop-stage img{position:absolute;left:50%;top:50%;object-fit:cover;max-width:none;pointer-events:none;user-select:none}#m .pp-crop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;justify-content:center}#m .pp-crop-actions .done{background:#155cff;color:#fff;border-color:#155cff}#m .photo-layer{cursor:pointer}#m .photo-layer:after{content:"✎ Tap to crop";position:absolute;right:5px;bottom:5px;background:#155cff;color:#fff;font-size:11px;font-weight:700;padding:5px;border-radius:6px;pointer-events:none}#m .layout-picker.pp-one-layout{grid-template-columns:minmax(0,1fr);max-width:630px}#m .pp-first-choice{font-size:21px;margin-top:22px}#m .pp-guided-step[hidden]{display:none!important}#m .pp-guided-step .step-title{margin-top:14px}#m .pp-first-choice{scroll-margin-top:120px}@keyframes ppms-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){}#m .pp-guided-step[hidden]{display:none!important}#m .pp-crop-delete{background:#fff2f2!important;border-color:#eeb0b0!important;color:#a42727!important}#m .pp-crop-stage img{object-fit:fill!important}#m .pp-crop-stage{touch-action:none}#m .layout-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}#m .layout-picker .layout-card{width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;padding:17px!important;gap:9px!important;margin:0!important;box-sizing:border-box!important}#m .layout-picker .layout-card .mode-title,#m .layout-picker .layout-card .mode-desc{display:block!important;position:static!important;flex:none!important;margin:0!important;padding:0!important;width:100%!important;text-align:left!important;line-height:1.35!important}#m .layout-picker .layout-card .mode-title{text-transform:none!important;font-size:16px!important;font-weight:800!important}#m .layout-picker .layout-card .mode-desc{text-transform:none!important;font-size:13px!important;min-height:36px!important}#m .pp-layout-photo{width:100%!important;height:190px!important;overflow:hidden!important;display:flex!important;justify-content:center!important;align-items:center!important;background:#fff!important;border-radius:12px!important;border:1px solid #e2e7f2!important;flex:none!important;padding:4px!important;box-sizing:border-box!important}#m .pp-layout-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;max-height:100%!important;max-width:100%!important;position:static!important;transform:none!important;border:0!important;box-shadow:none!important;aspect-ratio:auto!important}@media(max-width:700px){#m .layout-picker{grid-template-columns:1fr!important}#m .layout-picker .layout-card{padding:13px!important}#m .pp-layout-photo{height:175px!important}}#m .layout-picker.pp-one-layout{grid-template-columns:1fr!important;max-width:630px!important}#m .wrap-flat.pp-clean-wrap{width:100%;padding:8px 0;display:block;box-sizing:border-box}#m .wrap-flat.pp-clean-wrap .wrap-flat-inner{width:100%;max-width:none;height:auto;aspect-ratio:40/19;min-height:0;overflow:hidden;border:1px solid #c5d3e8;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(23,45,91,.05)}#m .wrap-flat.pp-clean-wrap .art-surface{position:absolute;inset:0;overflow:hidden}#m .wrap-flat.pp-clean-wrap .zone[data-zone=whole]{inset:0!important;width:100%!important;height:100%;overflow:hidden}#m .wrap-flat.pp-clean-wrap .placeholder{border-radius:0}#m .pp-typography-control>label,#m .pp-colour-control>label{display:block;font-weight:800;margin-bottom:7px}#m [data-font-trigger]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:#fff;font-weight:600}#m [data-font-selected]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#m [data-font-menu]{margin-top:6px;max-height:320px;overflow-y:auto;border:1px solid #c4d0e3;border-radius:12px;background:#fff;padding:5px;box-shadow:0 8px 18px #10204715}#m [data-font-menu][hidden]{display:none!important}#m .pp-font-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:10px;border:0;border-radius:7px;font-weight:400}#m .pp-font-item.active{background:#eaf0ff;outline:1px solid #155cff}#m .pp-font-name{font-size:12px;min-width:105px}#m .pp-font-sample{font-size:20px;line-height:1.3;flex:1;text-align:right;overflow-wrap:anywhere}#m .pp-colour-swatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:8px 0 12px}#m button.pp-colour-swatch{padding:0;aspect-ratio:1;border-radius:50%;border:2px solid #cad1df;min-width:0;box-shadow:0 1px 3px #0002}#m button.pp-colour-swatch.active{outline:3px solid #155cff;outline-offset:2px}#m .pp-colour-custom{display:flex;gap:10px;align-items:center;justify-content:space-between;font-weight:700}#m [data-custom-colour]{width:70px;height:42px;padding:3px;border:1px solid #cad1df;border-radius:8px;background:#fff;cursor:pointer}#m{max-width:1500px!important}#m .body{grid-template-columns:minmax(0,1.55fr) minmax(310px,.8fr)!important;align-items:start}#m .body>.panel:first-child{position:sticky;top:75px;align-self:start;z-index:12}#m .body>.panel:first-child .design-stage{padding:12px}#m .mug-shell{max-width:720px;width:min(100%,720px);flex-basis:720px}#m .mug-preview{width:100%}#m .wrap-flat-inner{width:min(100%,1000px)}#m .tile.selected{border-color:#155cff!important;box-shadow:inset 0 0 0 2px #155cff!important}#m [data-action="reset"]{display:none!important}#m .pp-preview-tip{font-size:13px}#m .photo-count{font-size:13px}@media(max-width:900px){#m .body{grid-template-columns:minmax(0,1fr)!important}#m .body>.panel:first-child{position:sticky;top:6px;z-index:12;max-height:min(63dvh,590px);overflow:auto;padding:9px}#m .body>.panel:first-child .mug-shell{max-width:550px}#m .body>.panel:first-child .pp-preview-tip,#m .body>.panel:first-child .actions,#m .body>.panel:first-child .pp-edit-help{display:none!important}#m .body>.panel:first-child .design-stage{padding:8px}#m .body>.panel:first-child .tabs{margin-bottom:6px}#m .body>.panel:first-child h3{font-size:14px;margin:0 0 5px}#m .body>.panel:first-child .mug-preview{max-height:49dvh}#m .body>.panel:first-child .mug-shell{max-width:min(100%,49dvh)}}@media(max-width:560px){#m .body>.panel:first-child{max-height:55dvh;top:0}#m .body>.panel:first-child .mug-shell{max-width:min(100%,42dvh)}#m .body>.panel:first-child .mug-preview{max-height:42dvh}}