:root{--accent:#d6ff42;--ink:#25213a;--muted:#6f657e;--surface:#f5f0fd;color:var(--ink)}body{background:#fffcf5}.wordmark{background:#d6ff42;border-radius:9px;transform:rotate(-2deg)}.menu summary,.nav-accent{background:#6b26ed!important;color:white!important}.nav-accent .icon{filter:invert(1)}.search{background:#f0e9fa}.button{background:#d6ff42;color:#25213a}.button:hover{background:#c2ed27;color:#25213a}.button.white{background:#d6ff42}.button.white:hover{background:#e2ff7c}a:hover{color:#6925db}.hero-main{background:#7027ed;color:white}.hero-main:after{background:linear-gradient(90deg,#7027ed 3%,#7027edb0 42%,transparent 75%)}.hero-main p,.hero-note{color:#fff}.hero-side.amber{background:#ff7240;color:#2b1641}.hero-side.dark{background:#24d9da;color:#2b1641}.hero-side.dark .eyebrow{background:#fff8;color:#2b1641}.hero-side .round{background:#6b26ed}.hero-side.dark .round{background:#2b1641}.hero-product{opacity:1}.mini-swatches i:nth-child(1){background:#ff64b9!important}.mini-swatches i:nth-child(2){background:#742bed!important}.mini-swatches i:nth-child(3){background:#e6ff42!important}.mini-swatches i:nth-child(4){background:#ff7141!important}.mini-swatches i:nth-child(5){background:#13cfd5!important}.category-tile:nth-child(1){background:#ffd9ee}.category-tile:nth-child(2){background:#ddf8ae}.category-tile:nth-child(3){background:#d9ceff}.sets{background:#6b26ed;color:white}.set-title p,.set-title .kicker{color:#e8dcff}.set-card{background:#ffdaed;color:#2b1641}.set-card:nth-child(3){background:#dcff54}.product-card{background:#f1ebfc}.mini-cart{background:#d6ff42}.compatibility{background:#cff3f0}.gift-art{background:#ff72b6}.custom-banner{background:#ff7445}.custom-banner h2,.custom-banner p{color:#2b1641}.footer{background:#ede3fc;color:#25213a}.footer h3{color:#25213a}.footer p{color:#554562}.footer nav{color:#392946}.footer-bottom{color:#62516f;border-top-color:#c8b6de}.footer a:hover,.footer a:focus-visible{color:#6323c9}.footer nav a:hover,.footer nav a:focus-visible,.footer-bottom a:hover,.footer-bottom a:focus-visible{text-decoration:underline;text-underline-offset:4px}.footer .wordmark:focus-visible{color:#25213a}.header-action[data-cart]:after{background:#d6ff42!important}.kicker{color:#6527c7}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#6b26ed}html body #pcfg .cpanel{background:#f0e5ff!important}html body #pcfg .visual{background:#eeffb6!important}html body #pcfg .cart{background:#6b26ed!important;color:white!important}html body #pcfg .wheel-options button[aria-pressed=true]{background:#d6ff42!important;border-color:#6928d8!important;box-shadow:inset 0 0 0 1px #6928d8!important}.kids-preview{background:#d5f7f2}.kids-options{background:#f3def6}
.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}.studio-heading h2{font-size:clamp(38px,4.2vw,68px);line-height:1.03;letter-spacing:-2.5px;margin:0}.studio-heading h2 em{font-style:normal;color:#7527ed}.studio-heading>p{max-width:380px;font-size:14px;margin:0 0 4px;color:#685970}.studio-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:32px;align-items:start}.studio-preview{background:#e0ff66;border-radius:24px;position:sticky;top:20px;overflow:hidden;min-width:0}.studio-preview-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:.4px;padding:24px 26px}.studio-stage{height:440px;display:flex;align-items:center;justify-content:center;padding:45px;isolation:isolate;background-image:radial-gradient(#58701028 1px,transparent 1px);background-size:18px 18px}.studio-stage>svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%;filter:drop-shadow(7px 10px 0 #38460730);transform:rotate(-6deg)}.studio-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px}.studio-preview-foot>p{font-size:11px;text-align:right;max-width:200px;margin:0;color:#3d4624}.studio-preview-foot>p span{font-size:10px}.studio-sticker{background:#7732ed;color:white;font-size:17px;font-weight:750;line-height:1.15;letter-spacing:-.5px;padding:13px 20px;transform:rotate(5deg);border-radius:50%}.studio-controls{min-width:0}.studio-modes{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#eee6f8;border-radius:13px;margin-bottom:20px;gap:5px}.studio-modes button{padding:13px 10px;font-size:12px;font-weight:700;border-radius:9px}.studio-modes button[aria-pressed=true]{background:#7527ed;color:#fff}.studio-patterns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px}.studio-patterns button{padding:4px;border:2px solid transparent;border-radius:12px;min-width:0}.studio-patterns button[aria-pressed=true]{border-color:#7527ed;background:#eee2ff}.studio-patterns button:hover{background:#efdfef}.studio-patterns svg{display:block;width:100%;height:auto;border-radius:6px}.studio-patterns span{display:block;font-size:9px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-color-row{display:grid;grid-template-columns:repeat(3,1fr) 64px;align-items:center;gap:10px;padding:17px 0 18px;border-top:1px solid #e3d7ee;border-bottom:1px solid #e3d7ee;margin-bottom:22px}.studio-controls label{font-size:11px;font-weight:600;min-width:0;margin-bottom:16px}.studio-color-row label{margin:0}.studio-color-row input[type=color]{height:36px;width:100%;border:0;padding:0;margin-top:7px;border-radius:8px;background:transparent;cursor:pointer}.studio-color-row input::-webkit-color-swatch-wrapper{padding:0}.studio-color-row input::-webkit-color-swatch{border:1px solid #0002;border-radius:8px}.studio-color-row button{font-size:12px;font-weight:650;min-height:44px;margin-top:16px;background:#ece3fa;border-radius:9px}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-controls select,.studio-controls input[type=number]{display:block;width:100%;min-width:0;border:1px solid #dcd0e8;border-radius:8px;background:white;padding:10px;font-size:12px;margin-top:8px;min-height:43px}.studio-ranges{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.studio-ranges label{position:relative;padding-top:5px}.studio-ranges output{float:right;color:#7527ed;font-variant-numeric:tabular-nums}.studio-ranges input[type=range]{accent-color:#7527ed;width:100%;padding:0;margin-top:10px;min-height:25px}.studio-quality{font-size:11px;margin:5px 0 12px;color:#467022}.studio-quality[data-level=low]{color:#a34500}.studio-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin:15px 0 12px}.studio-actions .button{padding:13px 10px;font-size:11px}.studio-actions .button:first-child{background:#7527ed;color:white}.studio-actions .button:hover{background:#5b13cd;color:white}.studio-message{font-size:12px;color:#6927c5;min-height:0;margin:0}.studio-classic-link{display:block;font-size:13px;background:#eee4fb;border-radius:12px;padding:20px 24px;margin-top:26px;font-weight:650}.studio-upload-label{display:flex!important;flex-direction:column;gap:8px;justify-content:center;align-items:center;border:2px dashed #ac7ce8;background:#f3e9ff;border-radius:14px;min-height:170px;padding:24px;text-align:center;cursor:pointer}.studio-upload-label strong{font-size:21px;letter-spacing:-.5px}.studio-upload-label span{font-size:12px;font-weight:400}.studio-upload-label small{font-size:10px;color:#77648f}.studio-upload-label.dragover{background:#e0ff66}.studio-controls input[type=file]{width:100%;font-size:11px;margin-bottom:12px;padding:9px 0}.studio-controls input::file-selector-button{background:#7527ed;color:#fff;border:0;border-radius:8px;padding:10px;margin-right:10px;cursor:pointer}.studio-controls .studio-check{display:flex;align-items:center;gap:9px;margin-top:18px}.studio-check input{width:17px;height:17px;margin:0;accent-color:#7527ed}.studio-empty{font-size:36px;line-height:1.1;font-weight:750;letter-spacing:-1.5px;color:#587014}.studio-empty span{display:block;margin-top:18px;font-size:13px;line-height:1.6;letter-spacing:0;font-weight:400;max-width:210px}.studio-controls input:disabled{opacity:.35;cursor:not-allowed}.studio-controls>.small{font-size:10px;max-width:460px}
@media(min-width:1500px){.studio-stage{height:550px}}
@media(max-width:1100px){.studio-layout{gap:24px}.studio-stage{height:365px;padding:35px}.studio-patterns{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-preview-foot{padding:20px;gap:12px}.studio-sticker{font-size:14px}.studio-preview-foot>p{max-width:155px}.studio-actions{grid-template-columns:1fr}.studio-heading>p{max-width:320px}}
@media(max-width:767px){.hero-main:after{background:linear-gradient(90deg,#7027ed 5%,#7027edb0 40%,transparent)}.hero h1{font-size:46px}.hero-side.dark{color:#25213a}.studio-heading{display:block;margin-bottom:23px}.studio-heading h2{font-size:44px;letter-spacing:-1.7px;margin-bottom:17px}.studio-heading>p{font-size:12px;max-width:340px}.studio-layout{grid-template-columns:minmax(0,1fr);gap:24px}.studio-preview{position:static;top:auto;border-radius:18px}.studio-preview-top{padding:18px 20px;font-size:9px}.studio-stage{height:290px;padding:33px}.studio-preview-foot{padding:16px 20px}.studio-preview-foot>p{font-size:10px}.studio-sticker{font-size:15px}.studio-patterns{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-patterns span{font-size:10px}.studio-controls label{font-size:11px}.studio-actions{grid-template-columns:1fr}.studio-actions .button{font-size:12px;min-height:48px}.studio-classic-link{font-size:11px;line-height:1.7;padding:17px}.studio-color-row{grid-template-columns:repeat(3,minmax(0,1fr)) 55px}.studio-two{gap:12px}.studio-ranges{gap:0 20px}.studio-modes button{font-size:11px}.studio-empty{font-size:30px}.hero-note{max-width:80%}}

.hero-side.dark h2,.hero-side.dark p{color:#2b1641}.hero-side.dark .eyebrow{background:#ffffff9c;color:#2b1641}

/* Color story: editorial photographs stay independent of the selected swatch. */
.palette-photos img{aspect-ratio:3/4;object-position:center;display:block}
.palette-selection{display:flex;align-items:center;gap:12px;margin:0 0 18px}
#palette-selected-chip{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--swatch);border:1px solid #00000012;box-shadow:inset 0 0 0 3px #ffffff38;transition:background .2s}
.palette-selection>span:last-child{display:flex;flex-direction:column;gap:3px}
.palette-selection small{font-size:10px;color:#817587}
.palette-selection strong{font-size:16px;font-weight:600}
@media(max-width:700px){.palette-photos{gap:12px}.palette-photos figcaption{font-size:10px}.palette-section .palette-selection{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){#palette-selected-chip{transition:none}}

/* Keep certificate inputs aligned when a field title wraps. */
#gift-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
#gift-form .form-row label{display:flex;flex-direction:column;min-width:0}
#gift-form .gift-field-title{display:block;margin-bottom:8px}
#gift-form .form-row input{margin-top:auto}
@media(max-width:520px){#gift-form .form-row{grid-template-columns:1fr;gap:0}}

/* Print editing and millimetre geometry share the studio control rhythm. */
.studio-stage>svg{transform:none}
.studio-stage[data-editable=true]{cursor:grab;touch-action:none;user-select:none}
.studio-stage[data-dragging=true]{cursor:grabbing}
.studio-drag-hint{font-size:11px;line-height:1.5;color:#4b592c;margin:0;padding:12px 26px 0;text-align:center}
.studio-file-actions{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:20px}
.studio-file-actions .text-link{font-size:12px}
.studio-edit-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.studio-edit-buttons button,.studio-holes-heading>button{min-height:42px;padding:10px 13px;border:1px solid #d7c5ea;background:#f0e7fb;border-radius:9px;font-size:12px;font-weight:600}
.studio-edit-buttons button:hover,.studio-holes-heading>button:hover{background:#e4d2ff}
.studio-edit-buttons button[aria-pressed=true]{background:#7527ed;border-color:#7527ed;color:white}
.studio-controls button:disabled{opacity:.45;cursor:not-allowed}
.studio-edit-details{border-top:1px solid #e3d7ee;padding:15px 0}
.studio-edit-details summary{cursor:pointer;font-size:13px;font-weight:650;padding:3px 0;min-height:30px}
.studio-edit-details>p{font-size:12px;color:#685970;margin:12px 0}
.studio-edit-details .studio-ranges{margin-top:16px}
.studio-edit-details .text-link{font-size:12px}
.studio-crop-preview{position:relative;overflow:hidden;width:min(100%,220px);margin:18px auto 22px;background:#ede4f9}
.studio-crop-preview img{display:block;width:100%;height:auto}
#studio-crop-window{position:absolute;border:2px solid #d6ff42;box-shadow:0 0 0 500px #21153380;pointer-events:none}
.studio-geometry{border-top:1px solid #e3d7ee;margin-top:6px;padding-top:24px}
.studio-geometry h3{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin:0 0 18px}
.studio-holes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}
.studio-holes-heading h3{margin:0}
.studio-holes-heading h3 span{display:inline-block;font-size:11px;color:#81708b;letter-spacing:0;font-weight:500;margin-left:7px}
.studio-hole-help,.studio-no-holes{font-size:12px;line-height:1.6;color:#77648b;margin:12px 0 20px}
.studio-hole{position:relative;min-width:0;border:1px solid #dcd0e8;border-radius:12px;padding:18px 16px 0;margin:22px 0;background:#faf6ff}
.studio-hole legend{padding:0 7px;font-size:13px;font-weight:650}
.studio-hole>label{display:block;padding-right:78px}
.studio-hole-remove{position:absolute;right:16px;top:18px;font-size:11px;min-height:38px;color:#755485}
#studio-geometry-status{font-size:12px;line-height:1.6;color:#a23c15;margin:12px 0}
#studio-geometry-status:empty{display:none}
.studio-hole [hidden]{display:none!important}
@media(max-width:767px){.studio-edit-buttons button{flex:1 0 auto}.studio-hole{padding:16px 13px 0}.studio-hole-remove{right:13px}.studio-preview-top{flex-wrap:wrap}.studio-drag-hint{padding:8px 20px 0}}

.studio-hole .studio-two>label:has([data-hole-field=x]){grid-column:1}
.studio-hole .studio-two>label:first-child:has(+[hidden]){grid-column:1/-1}

/* Editorial interior gallery. Keep natural lighting and the original framing. */
.interior-gallery img{height:auto;aspect-ratio:4/5;object-position:center;background:#eae3dc}
.interior-gallery figcaption{font-size:12px;line-height:1.5;color:#51445f}
.interior-credit{font-size:10px;color:#817587;margin:4px 0 0}

#studio-dimension-status{font-size:12px;line-height:1.6;color:#a23c15;margin:0 0 18px}.studio-controls input[aria-invalid=true]{border-color:#a23c15;box-shadow:0 0 0 1px #a23c15}

/* Fit the artwork to the editor viewport; exported SVG keeps its physical mm dimensions. */
.studio-stage>svg{width:100%;height:100%}

.studio-upload-note{font-size:13px;line-height:1.65;color:#554562;margin:0 0 18px}.studio-upload-note strong{display:block;color:#6323c9;font-size:15px;margin-bottom:6px}.studio-print-method:not([hidden]){display:block;color:#432275;font-size:12px;margin-bottom:5px}

/* Explain the existing automatic overlay discount in plain terms. */
#sets{gap:24px;grid-template-columns:1.25fr 1fr 1fr}
#sets .set-title h2{font-size:30px;line-height:1.15}#sets .set-title p{font-size:13px;max-width:360px}#sets .set-title .sets-auto{color:#d6ff42;font-weight:750;margin-bottom:0}
#sets .set-card{justify-content:flex-start;padding:26px;min-width:0}#sets .set-card h3{font-size:17px;letter-spacing:-.4px;line-height:1.4;margin:0 0 24px}#sets .set-price-label{font-size:11px;color:#55415f}#sets .set-price{font-size:clamp(34px,3.5vw,52px);line-height:1.2;letter-spacing:-1.7px;white-space:nowrap;margin:8px 0 13px}#sets .set-price small{font-size:.65em}#sets .set-card p{font-size:12px;line-height:1.6;color:#55415f;margin-bottom:20px;max-width:230px}#sets .set-card .text-link{font-size:12px;font-weight:750;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #2b16412a;gap:20px}
#sets .sets-explanation{grid-column:1/-1;border-top:1px solid #ffffff40;padding-top:22px}#sets .sets-explanation>p{font-size:13px;color:white;margin-bottom:14px;max-width:970px}#sets .sets-explanation details{font-size:12px;color:#eee3ff}#sets .sets-explanation summary{width:fit-content;line-height:1.6;padding:7px 0;text-underline-offset:4px}#sets .sets-explanation summary:hover{text-decoration:underline}#sets .sets-explanation details p{font-size:12px;color:#eee3ff;max-width:930px;margin:12px 0 0}
@media(max-width:1000px){#sets{grid-template-columns:1fr 1fr}#sets .set-title{grid-column:1/-1}#sets .set-title p{max-width:650px}#sets .set-card:nth-of-type(1){background:#ffdaed}#sets .set-card:nth-of-type(2){background:#dcff54}}
@media(max-width:600px){#sets{grid-template-columns:1fr;padding:25px 20px;gap:18px}#sets .set-title h2{font-size:29px}#sets .set-card{padding:24px}#sets .set-card h3{margin-bottom:18px}#sets .set-price{font-size:43px}#sets .set-card p{max-width:none}#sets .sets-explanation>p{font-size:12px}}