.simulator-page{isolation:isolate;padding-block:clamp(2.5rem,7vw,5.5rem);position:relative;overflow:clip}.simulator-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30% 0,#8b6cff38,#0000 62%),radial-gradient(at 85% 20%,#f58bc41f,#0000 55%);height:34rem;position:absolute;inset:-10% -15% auto}.simulator-intro{max-width:44rem;margin-bottom:clamp(2rem,4vw,3rem)}.simulator-eyebrow{color:#f58bc4;letter-spacing:.17em;margin:0 0 .75rem;font-size:.72rem;font-weight:750}.simulator-intro h1{color:var(--white);letter-spacing:-.025em;margin:0 0 .9rem;font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:750;line-height:1}.simulator-intro p:last-child{max-width:42ch;color:var(--silver);margin:0;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.7}.simulator-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.simulator-preview{top:calc(var(--header-h,5rem) + 1rem);background:radial-gradient(circle at 50% 45%, #c7bdfd29, transparent 62%), linear-gradient(165deg, #ffffff0a, transparent), var(--deep);border:1px solid #e6e0ff24;border-radius:1.75rem;margin:0;padding:clamp(1rem,2.5vw,2rem);position:sticky}.simulator-preview canvas{aspect-ratio:1;filter:drop-shadow(0 1.5rem 1.75rem #00000073);width:100%;height:auto;display:block}.simulator-preview figcaption{color:#dce4ec9e;text-align:center;margin-top:.75rem;font-size:.8rem;line-height:1.5}.simulator-controls{background:linear-gradient(165deg,#ffffff0d,#0000),#0b2948;border:1px solid #e6e0ff2e;border-radius:1.75rem;gap:1.1rem;padding:clamp(1.25rem,2.5vw,2rem);display:grid}.simulator-controls fieldset{border:0;border-bottom:1px solid #e6e0ff1a;min-width:0;margin:0;padding:0 0 1.1rem}.simulator-controls fieldset:last-of-type{border-bottom:0;padding-bottom:0}.simulator-controls legend{color:var(--white);margin-bottom:.7rem;padding:0;font-size:.95rem;font-weight:700}.simulator-controls legend span{color:#9fb7cc;font-weight:500}.simulator-controls label{color:var(--ice);font-size:.85rem}.simulator-controls small{color:#9fb7cc;margin-top:.55rem;font-size:.78rem;line-height:1.5;display:block}.simulator-controls input[type=text]{color:#fff;width:100%;min-height:3rem;font:inherit;text-transform:uppercase;background:#07192e;border:1px solid #5d7f9f;border-radius:.6rem;margin:.35rem 0 .75rem;padding:.7rem .9rem;font-size:1rem}.simulator-controls input[type=text]:last-child{margin-bottom:0}.simulator-chips{flex-wrap:wrap;gap:.5rem;display:flex}.simulator-chips label{position:relative}.simulator-chips input{opacity:0;pointer-events:none;position:absolute}.simulator-chips span{min-height:2.6rem;color:var(--silver);cursor:pointer;border:1px solid #e6e0ff40;border-radius:999px;align-items:center;padding:.5rem .95rem;font-size:.85rem;font-weight:650;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.simulator-chips label:hover span{border-color:var(--ice)}.simulator-chips input:checked+span{border-color:var(--ice);background:var(--ice);color:var(--deep)}.simulator-chips input:focus-visible+span{outline-offset:2px;outline:3px solid #fff}.simulator-swatches{flex-wrap:wrap;gap:.55rem;display:flex}.simulator-swatches label{cursor:pointer;display:grid;position:relative}.simulator-swatches input[type=radio]{opacity:0;pointer-events:none;position:absolute}.simulator-dot{border:2px solid #ffffff40;border-radius:50%;width:2.4rem;height:2.4rem;transition:transform .2s cubic-bezier(.34,1.5,.5,1),box-shadow .2s;box-shadow:inset 0 -6px 10px #00000040,inset 0 5px 8px #ffffff4d}.simulator-swatches label:hover .simulator-dot{transform:scale(1.1)}.simulator-swatches input:checked+.simulator-dot{box-shadow:0 0 0 3px var(--deep), 0 0 0 5px #fff, inset 0 -6px 10px #00000040, inset 0 5px 8px #ffffff4d}.simulator-swatches input:focus-visible+.simulator-dot{outline-offset:4px;outline:3px solid #f58bc4}.simulator-custom-color{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid #ffffff40;border-radius:50%;width:2.4rem;height:2.4rem;overflow:hidden}.simulator-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%}.simulator-upload{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.simulator-upload-button{cursor:pointer}.simulator-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.simulator-upload-button:focus-within{outline-offset:3px;outline:3px solid #fff}.simulator-remove{color:#ffb4a0;font:inherit;cursor:pointer;background:0 0;border:0;padding:.4rem .2rem;font-size:.85rem;text-decoration:underline}.simulator-error{color:#ffb4a0;margin:.5rem 0 0;font-size:.85rem}.simulator-error:empty{display:none}.simulator-art-guide-link{margin:-.2rem 0 .8rem;font-size:.8rem;line-height:1.5}.simulator-art-guide-link a{color:var(--ice);text-underline-offset:.2em;-webkit-text-decoration:underline #e6e0ff73;text-decoration:underline #e6e0ff73}.simulator-art-guide-link a:hover{color:#fff;text-decoration-color:currentColor}.simulator-actions{gap:.6rem;display:grid}.simulator-actions .button{cursor:pointer;width:100%}.simulator-actions .button-secondary,.simulator-upload-button{color:#fff}@media (width<=56rem){.simulator-layout{grid-template-columns:minmax(0,1fr)}.simulator-preview{border-radius:1.25rem;padding:.5rem;position:static;box-shadow:0 1rem 2rem -1rem #000000b3}.simulator-preview canvas{width:auto;max-width:100%;max-height:36vh;margin-inline:auto}.simulator-preview figcaption{display:none}}.simulator-designs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.simulator-designs label{cursor:pointer;background:#07192e99;border:1px solid #e6e0ff2e;border-radius:.9rem;justify-items:center;gap:.3rem;padding:.4rem .3rem .5rem;transition:border-color .18s,background-color .18s;display:grid;position:relative}.simulator-designs label:hover{border-color:var(--ice)}.simulator-designs label:has(input:checked){border-color:var(--ice);box-shadow:0 0 0 1px var(--ice);background:#e6e0ff1f}.simulator-designs label:has(input:focus-visible){outline-offset:2px;outline:3px solid #fff}.simulator-designs input{opacity:0;pointer-events:none;position:absolute}.simulator-designs img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.simulator-design-own{aspect-ratio:1;width:100%;color:var(--ice);border:2px dashed #e6e0ff59;border-radius:.6rem;place-items:center;font-size:1.8rem;font-weight:300;display:grid}.simulator-design-name{color:var(--silver);text-align:center;font-size:.75rem;font-weight:650;line-height:1.2}.simulator-palette{align-items:flex-start;gap:.55rem;display:flex}.simulator-palette .simulator-swatches{flex:1}.simulator-dropper{width:2.4rem;height:2.4rem;color:var(--ice);cursor:pointer;background:#07192e99;border:1px dashed #e6e0ff73;border-radius:50%;flex:none;place-items:center;padding:0;transition:border-color .18s,background-color .18s;display:grid}.simulator-dropper:hover{border-style:solid;border-color:var(--ice);background:#e6e0ff1f}.simulator-dropper:focus-visible{outline-offset:3px;outline:3px solid #f58bc4}.simulator-dropper[hidden]{display:none}.simulator-dropper svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.art-picker-readout{color:var(--silver);flex-wrap:wrap;align-items:center;gap:.35rem;margin:.7rem 0 0;font-size:.82rem;line-height:1.4;display:flex}.art-picker-readout .simulator-dot{border-width:1px;width:1.2rem;height:1.2rem}.simulator-art-colors{margin-top:.8rem}.simulator-part{margin-top:1rem}.simulator-part .mug-text-label span{color:#9fb7cc;font-weight:500}.simulator-same{min-height:2.4rem;color:var(--silver);border:1px solid #e6e0ff40;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.8rem;font-weight:650;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.simulator-swatches label:hover .simulator-same{border-color:var(--ice)}.simulator-swatches input:checked+.simulator-same{border-color:var(--ice);background:var(--ice);color:var(--deep)}.simulator-swatches input:focus-visible+.simulator-same{outline-offset:3px;outline:3px solid #f58bc4}.simulator-art-colors p{color:var(--silver);margin:0 0 .45rem;font-size:.82rem}.simulator-art-colors button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.simulator-art-colors button:hover .simulator-dot{transform:scale(1.1)}.simulator-art-colors button[aria-pressed=true] .simulator-dot{box-shadow:0 0 0 3px var(--deep), 0 0 0 5px #fff, inset 0 -6px 10px #00000040, inset 0 5px 8px #ffffff4d}.simulator-art-colors button:focus-visible{outline-offset:4px;outline:3px solid #f58bc4}.art-picker{width:min(46rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--white);background:#0b2948;border:1px solid #e6e0ff33;border-radius:1.25rem;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 2rem 4rem -1rem #000000b3}.art-picker::backdrop{background:#030c18b8}.art-picker-title{margin:0;font-size:1.05rem;font-weight:700}.art-picker-help{color:#9fb7cc;margin:.3rem 0 .9rem;font-size:.8rem;line-height:1.5}.art-picker-stage{background:repeating-conic-gradient(#d9dee4 0 25%, #fff 0 50%) 0 0 / 1rem 1rem;border-radius:.75rem;position:relative}.art-picker-stage canvas{cursor:crosshair;touch-action:none;max-width:100%;height:auto;margin-inline:auto;display:block}.art-picker-mark{pointer-events:none;border:3px solid #fff;border-radius:50%;width:2.2rem;height:2.2rem;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #0000008c,0 .4rem .8rem #0006}.art-picker-mark.is-touch{width:3rem;height:3rem;translate:-50% -140%}.art-picker-readout{min-height:1.5rem}.art-picker-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.art-picker-actions .button-secondary{color:#fff;cursor:pointer}.art-picker-actions [hidden]{display:none}[data-preview-canvas]{touch-action:none}.simulator-drag-help{color:#b7cbe0;font-size:.8rem;line-height:1.5}.simulator-art-layers{margin-top:.75rem}.simulator-art-layers button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:#0a2f57;border:1px solid #7894af;border-radius:2rem;padding:.5rem .9rem}.simulator-art-layers button[aria-pressed=true]{background:var(--ice);color:var(--deep)}@media (width<=40rem){.simulator-controls{border-radius:1rem;padding:1rem}.simulator-designs{grid-template-columns:repeat(3,minmax(0,1fr))}.simulator-design-name{overflow-wrap:anywhere}.simulator-designs label{min-width:0}.simulator-dot{width:2.75rem;height:2.75rem}.simulator-swatches{gap:.65rem}.simulator-preview canvas{max-height:min(42svh,22rem)}.simulator-preview{padding:.75rem}}@font-face{font-family:Bebas Neue;font-weight:400;font-display:swap;src:url(/assets/bebas-neue-latin-9mHNbWWO.woff2)format("woff2")}@font-face{font-family:Playfair Display;font-weight:800;font-display:swap;src:url(/assets/playfair-display-800-latin-lwhkvH_6.woff2)format("woff2")}@font-face{font-family:Pacifico;font-weight:400;font-display:swap;src:url(/assets/pacifico-latin-7HIToT7q.woff2)format("woff2")}@font-face{font-family:Graduate;font-weight:400;font-display:swap;src:url(/assets/graduate-latin-BjgGaByd.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:600;font-display:swap;src:url(/assets/fredoka-600-latin-C4zohCW5.woff2)format("woff2")}.mug-adjust{gap:.75rem;display:grid}.mug-adjust-range{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:2.75rem;display:grid}.mug-adjust-range input{width:100%;accent-color:var(--ice)}.mug-adjust-turn{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mug-adjust-turn .button{color:#fff;cursor:pointer;min-height:2.75rem;padding:.5rem 1rem}.mug-adjust-reset{min-height:2.75rem;color:var(--ice);margin-left:auto}.simulator-designs .mug-text-toggle input{opacity:0;pointer-events:none;position:absolute}.mug-text-glyph{aspect-ratio:1;width:100%;color:var(--ice);border:2px dashed #e6e0ff59;border-radius:.6rem;place-items:center;font-family:Playfair Display,Georgia,serif;font-size:1.6rem;font-weight:800;display:grid}.mug-text-toggle:has(input:checked) .mug-text-glyph{border-style:solid;border-color:var(--ice);background:#e6e0ff24}.mug-art-none{aspect-ratio:1;color:#9fb7cc;border:2px dashed #e6e0ff33;border-radius:.6rem;place-items:center;width:100%;font-size:1.5rem;display:grid}.mug-text{gap:.9rem;display:grid}.mug-text-line{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.6rem;display:grid}.mug-text-line>span{grid-column:1/-1;margin-bottom:.3rem}.simulator-controls .mug-text-line input{color:#fff;width:100%;min-height:3rem;font:inherit;text-transform:none;background:#07192e;border:1px solid #5d7f9f;border-radius:.6rem;margin:0;padding:.7rem .9rem;font-size:1rem}.mug-text-line>span small{margin:0;font-size:.78rem;display:inline}.mug-text-line input:focus-visible{outline-offset:2px;outline:3px solid #fff}.simulator-controls .mug-text-count{color:#9fb7cc;text-align:right;font-variant-numeric:tabular-nums;min-width:3.2rem;margin:0;font-size:.78rem}.mug-text-note{color:#f3cf7c;margin:0;font-size:.8rem;line-height:1.5}.mug-text-note:empty{display:none}.mug-text-label{color:var(--ice);margin:0 0 .45rem;font-size:.85rem}.mug-fonts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.mug-fonts label,.mug-segments label{position:relative}.mug-fonts span{overflow-wrap:anywhere}.mug-font-upload{background:#ffffff05;border:1px dashed #7c91b4;border-radius:.8rem;gap:.65rem;margin-top:1rem;padding:1rem;display:grid}.mug-font-upload>label{font-size:.85rem;font-weight:650}.mug-font-upload input{width:100%;min-width:0;color:var(--ice);font-size:.8rem}.mug-font-upload input::file-selector-button{background:var(--ice);color:var(--deep);cursor:pointer;border:0;border-radius:.45rem;margin-right:.6rem;padding:.7rem;font-weight:650}.mug-font-upload small,#mug-font-status{color:#c1cfe2;margin:0;font-size:.75rem;line-height:1.6}#mug-font-status:empty{display:none}.mug-fonts input,.mug-segments input{opacity:0;pointer-events:none;position:absolute}.mug-fonts span{min-height:3rem;color:var(--silver);text-align:center;cursor:pointer;border:1px solid #e6e0ff40;border-radius:.7rem;place-items:center;padding:.35rem .4rem;font-size:1.05rem;line-height:1.1;transition:border-color .18s,background-color .18s;display:grid}.mug-fonts label:hover span,.mug-segments label:hover span{border-color:var(--ice)}.mug-fonts input:checked+span,.mug-segments input:checked+span{border-color:var(--ice);background:var(--ice);color:var(--deep)}.mug-fonts input:focus-visible+span,.mug-segments input:focus-visible+span{outline-offset:2px;outline:3px solid #fff}.mug-text .simulator-dot{width:2.1rem;height:2.1rem}.mug-outline-toggle{cursor:pointer;align-items:center;gap:.55rem;min-height:2.75rem;display:inline-flex}.mug-outline-toggle input{width:1.2rem;height:1.2rem;accent-color:var(--ice)}.mug-text [data-preview-outline-colors]:has(input:disabled){opacity:.4}.mug-segments{flex-wrap:wrap;gap:.4rem;display:inline-flex}.mug-segments span{min-width:2.75rem;min-height:2.75rem;color:var(--silver);cursor:pointer;border:1px solid #e6e0ff40;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .8rem;font-size:.85rem;font-weight:650;display:inline-flex}.mug-position-presets button{min-height:2.75rem;color:var(--silver);font:inherit;cursor:pointer;background:0 0;border:1px solid #e6e0ff40;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .8rem;font-size:.85rem;font-weight:650;display:inline-flex}.mug-position-presets button:hover,.mug-position-presets button[aria-pressed=true]{border-color:var(--ice)}.mug-position-presets button[aria-pressed=true]{background:var(--ice);color:var(--deep)}.mug-position-presets button:focus-visible{outline-offset:2px;outline:3px solid #fff}.mug-position-value{color:#9fb7cc;margin:-.25rem 0 0;font-size:.78rem}.mug-adjust-range:has(.mug-size){grid-template-columns:6.5rem minmax(0,1fr)}.mug-size{grid-template-columns:auto minmax(0,1fr) auto 3.2rem;align-items:center;gap:.5rem;display:grid}.mug-size input{width:100%;accent-color:var(--ice)}.mug-size button{color:#fff;width:2.4rem;height:2.4rem;font:inherit;cursor:pointer;background:#07192e99;border:1px solid #e6e0ff4d;border-radius:50%;place-items:center;padding:0;font-size:1.2rem;line-height:1;transition:border-color .18s,background-color .18s;display:grid}.mug-size button:hover{border-color:var(--ice);background:#e6e0ff1f}.mug-size button:focus-visible{outline-offset:2px;outline:3px solid #f58bc4}.mug-size output{color:var(--ice);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}.mug-line{border-bottom:1px solid #e6e0ff1a;gap:.6rem;padding-bottom:.9rem;display:grid}.mug-line .mug-segments span{min-height:2.4rem;padding:.3rem .75rem;font-size:.8rem}.mug-line-range{grid-template-columns:minmax(0,1fr) 3.2rem;align-items:center;gap:.5rem;display:grid}.mug-line-range input{width:100%;accent-color:var(--ice)}.mug-line-range output{color:var(--ice);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}.mug-line-free{gap:.4rem;display:grid}.mug-view-switch{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-block:.8rem;display:flex}.mug-view-switch button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:#0a2f57;border:1px solid #7894af;border-radius:999px;padding:.6rem .9rem;font-size:.8rem}.mug-view-switch button[aria-pressed=true]{background:var(--ice);color:var(--deep)}[data-mug-3d-canvas]{aspect-ratio:1;touch-action:pan-y pinch-zoom;cursor:grab;border-radius:1rem;width:100%;height:auto;display:block}[data-mug-3d-canvas]:active{cursor:grabbing}[data-mug-3d-canvas][data-free-movement]{touch-action:none}[data-mug-3d-panel]>p,[data-mug-3d-panel]>small,[data-mug-view-status]{font-size:.78rem;line-height:1.6;display:block}[data-mug-view-status]:empty{display:none}@media (width<=56rem){.mug-font-upload input{min-width:0;max-width:100%;font-size:1rem}}@media (width<=40rem){.mug-fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.mug-segments{flex-wrap:wrap}.mug-segments span{align-items:center;min-height:2.75rem;display:inline-flex}.mug-font-upload{padding:.75rem}.mug-font-upload input{min-width:0;max-width:100%;font-size:1rem}}