:root{--creator-navy:#07192a;--creator-ink:#102f49;--creator-red:#d64b3c;--creator-cream:#f4efe6;--creator-line:rgba(16,47,73,.18)}
.creator-page{background:#f6f3ed;color:var(--creator-ink)}.creator-header{position:relative;background:#fff;border-bottom:1px solid var(--creator-line)}.creator-back{min-width:112px;text-align:center}.creator-shell{max-width:1600px;margin:auto;padding:0 4vw 7rem}.creator-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;padding:4.5rem 0 3rem;border-bottom:1px solid var(--creator-line)}.creator-intro h1{font:600 clamp(3.4rem,7.2vw,8rem)/.83 'Playfair Display',serif;letter-spacing:-.065em;margin:.8rem 0 0}.creator-intro h1 em{color:var(--creator-red)}.creator-progress{display:flex;justify-content:flex-end;gap:1.7rem;padding-bottom:.5rem}.creator-progress span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.4}.creator-progress .active{opacity:1;color:var(--creator-red)}
.creator-workspace{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(480px,1.18fr);gap:clamp(2rem,5vw,7rem);padding:4rem 0}.creator-controls fieldset{border:0;border-top:1px solid var(--creator-line);padding:2rem 0 2.5rem;margin:0}.creator-controls fieldset:first-child{border-top:0;padding-top:0}.creator-controls legend{font-size:.82rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:1.4rem}.creator-controls legend span{color:var(--creator-red);margin-right:.6rem}
.template-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.template-card{position:relative;cursor:pointer}.template-card input{position:absolute;opacity:0}.template-card span{min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;border:1px solid var(--creator-line);background:rgba(255,255,255,.54);transition:.25s ease}.template-card b{font:600 1.15rem 'Playfair Display',serif}.template-card small{font-size:.67rem;line-height:1.35;margin-top:.4rem;opacity:.65}.template-card:hover span,.template-card input:checked+span{border-color:var(--creator-red);background:#fff;box-shadow:0 12px 30px rgba(7,25,42,.08);transform:translateY(-2px)}.template-card input:focus-visible+span{outline:3px solid rgba(214,75,60,.3);outline-offset:2px}
.field{position:relative;display:block;margin:0 0 1rem}.field>span,.choice-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem}.field i{font-style:normal;font-weight:400;opacity:.55;margin-left:.4rem}.field input,.field select{width:100%;border:1px solid var(--creator-line);background:#fff;color:var(--creator-ink);padding:1rem 3.2rem 1rem 1rem;font:600 1rem 'DM Sans',sans-serif;border-radius:0;min-height:53px}.field input:focus,.field select:focus{outline:2px solid var(--creator-red);outline-offset:1px}.field small{position:absolute;right:.8rem;bottom:1.05rem;font-size:.67rem;opacity:.5}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.swatches{display:flex;gap:1.25rem;margin:.6rem 0 1.5rem}.swatches label{display:grid;justify-items:center;gap:.4rem;cursor:pointer;position:relative}.swatches input{position:absolute;opacity:0}.swatches span{width:38px;height:38px;border-radius:50%;background:var(--swatch);border:4px solid #f6f3ed;box-shadow:0 0 0 1px var(--creator-line);transition:.2s}.swatches input:checked+span{box-shadow:0 0 0 2px #f6f3ed,0 0 0 4px var(--swatch);transform:scale(.92)}.swatches b{font-size:.66rem;font-weight:500}.select-field{max-width:280px}
.quantity-row{display:grid;grid-template-columns:44px 55px 44px 1fr;align-items:center;gap:.5rem}.quantity-row button{width:44px;height:44px;border:1px solid var(--creator-line);background:#fff;font-size:1.3rem;cursor:pointer}.quantity-row output{text-align:center;font-weight:700}.quantity-row>div{text-align:right}.quantity-row strong{display:block;font:600 1.7rem 'Playfair Display',serif}.quantity-row small{display:block;font-size:.66rem;opacity:.6}.creator-preview{align-self:start;position:sticky;top:1.5rem;background:var(--creator-navy);color:#fff;padding:1.2rem;box-shadow:0 30px 80px rgba(7,25,42,.2)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:.4rem .3rem 1.2rem;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.preview-top button{border:0;background:none;color:#fff;text-decoration:underline;opacity:.65;cursor:pointer}.mug-stage{position:relative;overflow:hidden;aspect-ratio:1/1;background:#0a1a2c}.mug-stage>img{width:100%;height:100%;object-fit:cover;display:block}
.mug-art{position:absolute;left:22.5%;top:30%;width:47%;height:42%;color:var(--design-colour,#d64b3c);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1;transform:perspective(800px) rotateY(-1deg);transform-origin:center}.art-kicker{font:700 clamp(.38rem,.7vw,.66rem) 'DM Sans',sans-serif;letter-spacing:.18em;margin-bottom:8%}.art-place{font:600 clamp(1.15rem,3vw,3.5rem)/.8 'Playfair Display',serif;max-width:100%;word-break:break-word}.art-rule{width:48%;height:2px;background:currentColor;margin:8% 0 6%}.art-coordinates{font:700 clamp(.34rem,.68vw,.68rem) 'Space Mono',monospace;letter-spacing:.025em;white-space:nowrap}.art-personal{font:600 clamp(.35rem,.64vw,.62rem) 'DM Sans',sans-serif;letter-spacing:.12em;margin-top:7%;max-width:90%;line-height:1.25}.font-modern .art-place{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.07em}.font-technical .art-place{font-family:'Space Mono',monospace;font-weight:700;letter-spacing:-.08em}.template-grid{align-items:flex-start;text-align:left;border-left:3px solid currentColor;padding-left:8%;left:27%;width:39%}.template-grid .art-kicker{order:3;margin:8% 0 0}.template-grid .art-place{font-size:clamp(1rem,2.5vw,3rem)}.template-grid .art-rule{width:100%;margin:7% 0}.template-grid .art-personal{align-self:flex-start;order:4;margin-top:4%;max-width:100%}.template-postcard{transform:rotate(-5deg);left:23%;top:29%}.template-postcard .art-kicker{display:none}.template-postcard .art-place{font-style:italic}.template-postcard .art-rule{width:24%}.template-postcard .art-personal{letter-spacing:.06em}
.preview-note{font-size:.68rem;line-height:1.5;opacity:.62;margin:1rem .3rem}.approval-check{display:flex;gap:.7rem;align-items:flex-start;margin:1.25rem .3rem;font-size:.8rem;line-height:1.45;cursor:pointer}.approval-check input{width:20px;height:20px;accent-color:var(--creator-red);flex:0 0 auto}.approve-button,.stripe-button{width:100%;border:0;background:var(--creator-red);color:#fff;min-height:58px;padding:0 1.4rem;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-weight:700;cursor:pointer;transition:.25s}.approve-button:hover,.stripe-button:not(.disabled):hover{background:#f05b49;transform:translateY(-2px)}.approve-button:disabled{opacity:.35;cursor:not-allowed}.creator-assurance{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--creator-line);border-bottom:1px solid var(--creator-line)}.creator-assurance span{padding:1.4rem 1rem;border-right:1px solid var(--creator-line);font-size:.78rem}.creator-assurance span:last-child{border:0}.creator-assurance b{color:var(--creator-red);margin-right:.6rem}
.approval-modal{width:min(560px,calc(100% - 2rem));border:0;padding:clamp(2rem,5vw,4rem);color:var(--creator-ink);box-shadow:0 30px 100px rgba(0,0,0,.35)}.approval-modal::backdrop{background:rgba(7,25,42,.78);backdrop-filter:blur(6px)}.approval-modal h2{font:600 clamp(2.3rem,6vw,4rem)/.9 'Playfair Display',serif;margin:.7rem 0 2rem}.approval-modal .close{position:absolute;right:1.2rem;top:1rem;border:0;background:none;font-size:2rem;cursor:pointer}.order-summary{border-top:1px solid var(--creator-line);margin-bottom:1.5rem}.order-summary div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--creator-line);font-size:.82rem}.order-summary strong{text-align:right}.checkout-note{background:#f6f3ed;padding:1rem;font-size:.72rem;line-height:1.5}.stripe-button.disabled{opacity:.42;cursor:not-allowed}.email-design{display:block;text-align:center;margin-top:1rem;color:var(--creator-ink);font-size:.78rem}
@media(max-width:980px){.creator-intro{grid-template-columns:1fr;gap:2rem}.creator-progress{justify-content:flex-start}.creator-workspace{grid-template-columns:1fr}.creator-preview{position:relative;top:auto;grid-row:1}.mug-art{font-size:110%}.creator-assurance{grid-template-columns:1fr 1fr}.creator-assurance span:nth-child(2){border-right:0}.creator-assurance span:nth-child(-n+2){border-bottom:1px solid var(--creator-line)}}@media(max-width:620px){.creator-shell{padding:0 1rem 4rem}.creator-intro{padding:2.4rem 0 2rem}.creator-intro h1{font-size:3.35rem}.creator-progress{gap:.8rem;justify-content:space-between}.creator-progress span{font-size:.6rem}.creator-workspace{padding:1rem 0 3rem;gap:2rem}.creator-preview{padding:.65rem}.template-options{grid-template-columns:1fr}.template-card span{min-height:78px}.field-pair{grid-template-columns:1fr}.quantity-row{grid-template-columns:42px 38px 42px 1fr}.creator-assurance{grid-template-columns:1fr}.creator-assurance span{border-right:0;border-bottom:1px solid var(--creator-line)}.creator-assurance span:last-child{border-bottom:0}.creator-back{display:none}.mug-art{left:22%;width:48%}}@media(prefers-reduced-motion:reduce){.template-card span,.approve-button,.stripe-button{transition:none!important}}