:root{--ink:#14323a;--teal:#255e61;--cream:#fffbef;--coral:#e47770;--gold:#d99927;--mint:#f3faf8;--line:#d6e6e4;--muted:#526b70;--heading:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}.defs{position:absolute;width:0;height:0;overflow:hidden}button,input,select{font:inherit}a{color:var(--teal)}button,.button{border:1px solid var(--teal);border-radius:12px;background:var(--teal);color:white;padding:12px 20px;font:700 14px/1.5 'Segoe UI',sans-serif;min-height:46px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:20px}button:hover:not(:disabled),.button:hover{background:#1b4b4e}button.secondary,nav button{background:white;color:var(--teal)}button.text{border:0;color:var(--teal);background:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3{font-family:var(--heading);line-height:1.2}h1{font-size:clamp(40px,5.6vw,74px);letter-spacing:-2.7px;margin:15px 0 23px}h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin:0 0 16px}h3{font-size:21px;letter-spacing:-.4px;margin:0 0 22px}.doodle{width:26px;height:26px;fill:none;stroke:#429d9c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.coral{color:var(--coral);stroke:var(--coral)}.gold{stroke:var(--gold)}.notice{background:var(--teal);color:white;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.02em}.notice span{opacity:.85;margin-left:12px}header{max-width:1240px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px dashed #d8c9b4}.brand{font:800 25px var(--heading);color:var(--ink);text-decoration:none;letter-spacing:-.7px}.brand span{color:var(--coral)}.brand small{display:block;font:12px/1.8 'Segoe UI',sans-serif;letter-spacing:0;margin-top:4px;color:var(--muted)}nav,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}nav button{font-size:12px;min-height:42px;padding:8px 15px}main{max-width:1240px;margin:auto;padding:0 28px 70px}.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--teal);margin:0 0 10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:54px 0 60px}.hero-copy{position:relative;padding:12px 0}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:410px;color:var(--muted)}.hero .eyebrow .doodle{margin-left:10px;stroke:var(--gold)}.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.hero-facts span{font-size:12px;padding:6px 12px;border:1px solid #d9dfcc;border-radius:99px;background:#fff}.hero-flower{position:absolute;right:0;bottom:5px;width:62px;height:62px;stroke:var(--coral);transform:rotate(12deg)}figure{margin:0}.hero-photo{background:#fff;padding:13px;border-radius:90px 90px 20px 20px;box-shadow:7px 8px 0 #e8e8d7;transform:rotate(2deg)}.hero-photo img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:80px 80px 12px 12px}.hero-photo figcaption,.studio-photo figcaption{font-size:12px;padding:11px 8px 2px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.hero-photo figcaption span,.studio-photo figcaption span{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.examples{padding:36px 0 50px;border-top:1px dashed #d8c9b4}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:15px}.heading-row>p{font-size:13px;color:var(--muted);margin-bottom:20px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:15px}.pet-pair{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 20px 14px}.pair-images{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:9px}.pair-images img{width:100%;height:210px;object-fit:cover;display:block;border-radius:12px;background:var(--mint)}.pair-images img.art{object-fit:contain;background:#f5f4ea}.pair-images figure:first-child img{object-position:center 28%}.pair-images figcaption{font-size:11px;color:var(--muted);text-align:center;padding-top:7px}.pair-arrow{color:var(--coral);font-size:30px;margin-top:-20px}.pet-pair h3{margin:14px 0 0;font-size:20px}.pet-pair h3 .doodle{margin-left:4px;width:21px;height:21px}.product-strip{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#eaf2eb;border-radius:22px;margin-top:28px;padding:20px}.product-strip img{width:100%;height:245px;object-fit:cover;border-radius:14px}.product-strip>div{padding:5px 20px 5px 0}.product-strip h2{font-size:30px}.product-strip p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:380px}.product-strip small{font-size:10px;color:var(--muted)}.designer-heading{text-align:center;padding:25px 0 12px}.muted{color:var(--muted);font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 0 #e4ece2;min-width:0}.account{padding:25px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10px 30px;margin:20px 0 30px;background:#f4faf6}.account h3{margin:0 0 12px}.account p{font-size:13px;color:var(--muted)}.account form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.account form .actions,.password-field,.account details{grid-column:1/-1}.account details{font-size:12px}label{display:block;font-size:13px;font-weight:650;margin:0 0 18px}input:not([type=radio]):not([type=checkbox]),select{width:100%;display:block;margin-top:7px;padding:12px;border:1px solid #bdceca;border-radius:9px;min-height:47px;font:inherit;color:var(--ink);background:#fff}label>small{font-weight:400;color:var(--muted);font-size:11px}input[type=radio],input[type=checkbox]{accent-color:var(--teal)}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:start}.section{padding:27px;border-bottom:1px dashed var(--line)}.section:last-child{border-bottom:0}.section h3{display:flex;align-items:center;gap:10px}.step{width:28px;height:28px;flex:none;display:inline-grid;place-items:center;background:#fbeddf;color:#98563d;border-radius:50%;font-size:13px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{padding:17px 14px;border:1px solid var(--line);border-radius:13px;cursor:pointer;margin:0;position:relative}.choice:has(input:checked){border-color:var(--teal);background:var(--mint);box-shadow:inset 0 0 0 1px var(--teal)}.choice strong,.choice span,.choice b{display:block;margin-top:7px}.choice strong{font-size:14px;padding-right:12px;line-height:1.4}.choice input{position:absolute;right:10px;top:14px}.choice b{font-size:26px;line-height:1.3}.choice b small{font-size:12px;font-weight:400}.choice span{font-size:11px;font-weight:400;color:var(--muted)}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:18px;height:18px;flex:none;margin:2px 0}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-zone{display:flex;position:relative;flex-direction:column;align-items:center;text-align:center;background:var(--mint);border:1px dashed #86a9a2;border-radius:14px;padding:18px;gap:4px}.upload-zone>span{font-size:27px;color:var(--teal);line-height:1.3}.upload-zone small{font-size:10px}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone:focus-within{outline:3px solid var(--gold);outline-offset:3px}.uploads{font-size:12px;overflow-wrap:anywhere}.uploads p{padding:8px;background:var(--mint);border-radius:6px}.font-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-5px}.font-samples span{text-align:center;padding:12px 4px;background:#f8f6ef;border-radius:8px;overflow-wrap:anywhere;font-size:19px}.font-samples span.selected{box-shadow:inset 0 0 0 1px var(--teal);background:var(--mint)}.font-current{font-family:'Segoe Print',cursive;font-weight:bold}.font-sports{font-family:'Arial Black',sans-serif;font-weight:900}.font-script{font-family:'Segoe Script',cursive;font-weight:bold}.test-note{font-size:11px;color:var(--muted)}.final-actions>button{width:100%}.final-actions .actions{flex-wrap:nowrap;margin-top:18px}.final-actions .actions button{flex:1}.proofPanel{padding:25px}.workspace>aside{position:sticky;top:20px;min-width:0}.proofPanel h2{font-size:28px}.proof{padding:12px 0 20px;border-bottom:1px solid var(--line)}.proof img{display:block;width:100%;height:330px;object-fit:contain;background:var(--mint);border-radius:12px}.proof .row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.proof input[type=number]{width:80px;margin:0}.proof .check{margin:0;align-items:center}.proof:has(input[type=checkbox]:checked) img{outline:2px solid var(--teal);outline-offset:2px}.proof-error{color:#9b3434;font-size:13px;background:#fff3ed;padding:12px;border-radius:8px}.empty-preview{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--mint);border:1px dashed var(--line);border-radius:16px;padding:24px;color:var(--muted)}.empty-preview p{font-size:13px;margin:20px 0 5px}.empty-preview small{font-size:11px;max-width:220px}.ornament-outline{height:106px;width:106px;border:1.5px solid #81aaa2;border-radius:50%;display:grid;place-items:center;position:relative}.ornament-outline:before{content:'';position:absolute;top:-8px;width:13px;height:13px;background:var(--mint);border:1.5px solid #81aaa2;border-radius:50%}.ornament-outline .doodle{width:35px;height:35px;stroke:var(--coral)}.total-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:13px}.total{font-size:28px;font-weight:750;margin:0}.saved-item{padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.saved-item p{margin:4px 0;font-size:12px}.saved-item strong{overflow-wrap:anywhere}#savedPanel{padding:25px}#message{white-space:pre-wrap;font-size:13px;border-radius:10px}#message:not(:empty){padding:13px 17px;background:#eaf4ee;border:1px solid var(--line)}#message.error{color:#9b3434;background:#fff1ea;border-color:#edc8b8}details{border-top:1px dashed var(--line);padding-top:16px;margin-top:12px}summary{cursor:pointer}.studio-photo{margin-top:65px;background:#fff;padding:12px;border-radius:20px;border:1px solid var(--line)}.studio-photo img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:12px}.studio-photo figcaption{font-size:12px}footer{text-align:center;padding:30px 20px;background:#eaf2eb;display:flex;justify-content:center;align-items:center;gap:30px}footer .brand{font-size:19px}footer>span{font-size:12px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:950px){.hero{gap:30px}.hero-flower{width:44px;height:44px;right:5px;bottom:-15px}.hero-facts{gap:5px}.hero-facts span{font-size:10px}.pair-images img{height:155px}.workspace{gap:20px}.section{padding:22px}.choice{padding:13px 10px}.choice strong{font-size:12px}.proofPanel{padding:20px}.proof img{height:285px}.account{grid-template-columns:1fr}.product-strip h2{font-size:27px}}
@media(max-width:650px){header{padding:18px 16px;gap:10px;align-items:start}.brand{font-size:20px}.brand small{font-size:10px}nav{gap:5px}nav button{font-size:11px;padding:8px 10px;min-height:38px}.notice{font-size:11px}.notice span{display:block;margin:0}main{padding:0 16px 40px}.hero{grid-template-columns:1fr;padding:30px 0 35px;gap:28px}.hero-copy{padding:0}h1{font-size:49px;letter-spacing:-2px;line-height:1.03;margin:13px 0 18px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero .button{min-width:150px}.hero-flower{right:22px;bottom:2px;width:50px;height:50px}.hero-photo{margin:0 10px 0 4px;transform:rotate(1deg);border-radius:50px 50px 18px 18px}.hero-photo img{aspect-ratio:1.25;border-radius:40px 40px 10px 10px}.hero-photo figcaption{font-size:11px}.hero-facts{margin:18px 0}.hero-facts span{font-size:11px}.examples{padding:27px 0 30px}.heading-row{display:block}.heading-row>p{margin-top:-8px}.example-grid{grid-template-columns:1fr;gap:15px}.pet-pair{padding:15px}.pair-images img{height:190px}.pet-pair h3{font-size:19px}.product-strip{grid-template-columns:1fr;gap:17px;padding:15px;margin-top:20px}.product-strip img{height:230px}.product-strip>div{padding:0 6px 5px}.product-strip h2{font-size:27px}.designer-heading{padding-top:20px}.designer-heading h2{font-size:31px}.account{padding:20px;margin:15px 0 22px}.account form{grid-template-columns:1fr}.account form .actions{gap:8px}.account .actions button{font-size:12px;padding:10px 13px}.workspace{display:flex;flex-direction:column;gap:20px}.workspace>form,.workspace>aside{width:100%}.workspace>aside{position:static}.section{padding:23px 18px}.section h3{font-size:19px;gap:8px}.choices{gap:10px}.choice strong{font-size:13px}.choice span{font-size:11px}.choice b{font-size:25px}.proof img{height:330px}.proofPanel h2{font-size:26px}.saved-item{align-items:flex-start}.studio-photo{margin-top:35px;padding:8px}.studio-photo img{height:230px}.studio-photo figcaption{font-size:11px}.studio-photo figcaption span{font-size:9px}footer{flex-direction:column;gap:8px}.empty-preview{min-height:240px}.font-samples span{font-size:17px}}
@media(max-width:360px){.choices{grid-template-columns:1fr}.pair-images img{height:145px}h1{font-size:43px}.brand{font-size:18px}}
.upload-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.upload-item img{width:55px;height:55px;object-fit:cover;border-radius:7px}.upload-item span{flex:1;min-width:100px;font-size:12px;overflow-wrap:anywhere}.upload-item button{font-size:11px;padding:6px 9px;min-height:36px}.proof>p[role=status]{min-height:60px;display:grid;place-items:center;background:var(--mint);border-radius:10px}.proof-error button{margin-top:8px}nav{justify-content:flex-end}.brand{flex-shrink:0}@media(max-width:650px){header .brand{max-width:190px;flex-shrink:1}nav{max-width:160px}nav button{min-height:36px}}
.choice strong{padding-right:23px;min-height:2.8em}@media(max-width:650px){.choice strong{min-height:4.2em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.swatch-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 4px}.color-swatch{background:var(--swatch);width:28px;height:28px;min-height:28px;padding:0;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #acbdb7;position:relative}.color-swatch::after{content:"";position:absolute;inset:-4px;border-radius:50%}.color-swatch[aria-pressed="true"]{outline:2px solid #255e61;outline-offset:3px}.color-swatch:focus-visible{outline:3px solid #bd832b;outline-offset:3px}.color-swatch:hover,.color-swatch:active{background:var(--swatch)}.color-auto,.color-auto:hover{background:linear-gradient(135deg,#e998af,#f2e4c8,#497ec2);color:#183f42}.swatch-caption{display:block;font-weight:400}

@font-face{font-family:"Meow Script";src:url("/assets/MeowScript-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}.font-meow{font-family:"Meow Script",cursive!important;font-weight:400!important;font-style:normal!important}

@font-face{font-family:"Great Vibes";src:url("/assets/GreatVibes-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Google Sans";src:url("/assets/GoogleSans-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}.font-great-vibes{font-family:"Great Vibes",cursive!important;font-weight:400!important;font-style:normal!important}.font-google-sans{font-family:"Google Sans",sans-serif!important;font-weight:400!important;font-style:normal!important}.font-samples{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}

/* Show complete ornaments in marketing images; never crop ears or flowers. */
.hero-photo img,.product-strip img,.studio-photo img{object-fit:contain;background:var(--mint)}

@font-face{font-family:"Berkshire Swash";src:url("/assets/BerkshireSwash-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}.font-berkshire{font-family:"Berkshire Swash",serif!important;font-weight:400!important;font-style:normal!important}

/* Compact lettering adjustments, with room for touch input. */
#nameAdjustments:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}#nameAdjustments label{font-size:12px;min-width:0;margin:0}#nameAdjustments input[type=range]{width:100%;min-width:0;min-height:30px;padding:0;margin:5px 0}#nameAdjustments output{display:block;font-size:12px;font-weight:600}#storeHandoff .button{display:flex;margin:12px 0}#storeHandoff{outline:2px solid var(--gold);scroll-margin:24px}.font-samples span{overflow-wrap:anywhere;line-height:1.5}

.lettering-editor{margin:18px 0;border:1px solid var(--line);border-radius:14px;padding:18px!important}.lettering-editor[hidden]{display:none!important}.font-samples{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0 18px}.font-samples .font-choice{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:12px 6px;border:2px solid transparent;background:#f8f6ef;color:var(--ink)}.font-samples .font-choice:hover{background:var(--mint);color:var(--ink)}.font-samples .font-choice.selected{border-color:var(--teal);background:var(--mint)}.font-choice .font-example{display:block;background:transparent;padding:0;font-size:24px;line-height:1.6;box-shadow:none}.font-choice .font-label{font:12px/1.3 'Segoe UI',sans-serif;background:transparent;padding:0;box-shadow:none}.field-label{font-weight:600;margin-bottom:4px}.lettering-editor h3{font-size:20px;margin-bottom:8px}

@font-face{font-family:"Kalam";src:url("/assets/Kalam-Bold.ttf") format("truetype");font-weight:700;font-display:swap}@font-face{font-family:"Archivo Black";src:url("/assets/ArchivoBlack-Regular.ttf") format("truetype");font-weight:400;font-display:swap}.font-kalam{font-family:"Kalam",cursive!important;font-weight:700!important}.font-archivo-black{font-family:"Archivo Black",sans-serif!important;font-weight:400!important}

.font-choice .font-example{width:100%;max-width:100%;white-space:nowrap;overflow:hidden;overflow-wrap:normal}.font-choice .font-label{white-space:normal}

.generation-loading{min-height:300px;padding:36px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#faf5ef;border-radius:18px;color:#754655}.generation-loading[hidden]{display:none}.generation-loading p{font-weight:700;margin:20px 0 8px}.generation-loading small{max-width:28ch;line-height:1.6}.paw-trail{display:flex;align-items:center;justify-content:center;gap:clamp(7px,2vw,16px);height:90px;width:100%;max-width:320px}.walking-paw{width:30px;flex:0 1 30px;opacity:.18;transform:translateY(-13px) rotate(65deg);animation:paw-step 2.4s ease-in-out infinite}.walking-paw:nth-child(even){transform:translateY(13px) rotate(85deg)}.walking-paw svg{display:block;width:100%;height:auto;fill:currentColor}.walking-paw:nth-child(2){animation-delay:.3s}.walking-paw:nth-child(3){animation-delay:.6s}.walking-paw:nth-child(4){animation-delay:.9s}.walking-paw:nth-child(5){animation-delay:1.2s}.walking-paw:nth-child(6){animation-delay:1.5s}@keyframes paw-step{0%,70%,100%{opacity:.18}25%,45%{opacity:1}}@media(prefers-reduced-motion:reduce){.walking-paw{animation:none;opacity:.65}}

/* Reserve the same preview space while lettering images refresh. */
.proof-media{position:relative;height:330px;border-radius:12px;background:var(--mint)}.proof .proof-media img{height:100%;width:100%;object-fit:contain}.proof-media>p[role=status]{position:absolute;inset:0;margin:0;display:grid;place-items:center;border-radius:12px;background:var(--mint)}.proof-media>.proof-error{position:absolute;inset:0;margin:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.proof-media>.proof-error button{flex-shrink:0}@media(max-width:950px){.proof-media{height:285px}}@media(max-width:650px){.proof-media{height:330px}}

#accountPanel,#designForm{scroll-margin-top:100px}

#previewPanel{scroll-margin-top:90px}.handoff-item{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #d5e1dc}.handoff-item p{width:100%}#previewActions{padding-bottom:10px}

/* A single round example fills the sample section without an empty card. */
.example-grid > .pet-pair:only-child{grid-column:1/-1;max-width:650px;width:100%;justify-self:center}

.account-fields{display:grid;gap:12px}#accountPanel{margin:18px 0}.account-fields .actions{flex-wrap:wrap}

.font-choice{min-height:90px;align-content:center}.font-choice .font-example{height:42px;line-height:42px;flex:none}

.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#637574;font-size:14px;text-align:center}.auth-divider::before,.auth-divider::after{content:"";flex:1;border-top:1px solid #d5dfda}.auth-divider[hidden]{display:none}

/* Compact, optional lettering tools. Native details preserves keyboard access. */
.text-options{margin-top:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.text-options>summary{cursor:pointer;padding:15px 18px;font-weight:750;color:var(--teal);list-style-position:inside}.text-options[open]>summary{border-bottom:1px solid var(--line)}.text-options-body{padding:18px}.text-options summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}#nameAdjustments:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding-top:12px}#nameAdjustments label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:13px;font-weight:650}#nameAdjustments output{display:inline;font-variant-numeric:tabular-nums;color:var(--teal);font-size:12px}#nameAdjustments input[type=range]{flex-basis:100%;width:100%;margin:4px 0;accent-color:var(--teal)}@media(max-width:540px){#nameAdjustments:not([hidden]){grid-template-columns:1fr;gap:14px}.text-options-body{padding:14px}}

#nameAdjustments input[type=range]{flex:0 1 180px;width:180px;max-width:100%;min-height:24px}

/* Keep the track stationary when its value changes between Straight, Off and percentages. */
#nameAdjustments label{display:grid;grid-template-columns:minmax(0,1fr) 7ch;grid-template-rows:22px 28px;column-gap:8px;row-gap:6px;align-items:center;justify-content:initial}#nameAdjustments output{grid-column:2;grid-row:1;justify-self:end;min-width:7ch;text-align:right;white-space:nowrap}#nameAdjustments input[type=range]{grid-column:1/-1;grid-row:2;justify-self:start;align-self:center;flex:none;width:180px;max-width:100%;height:24px;min-height:24px;margin:0}

.production-auth{display:block;max-width:680px;margin:40px auto}.production-auth h1{font-size:clamp(28px,4vw,38px);letter-spacing:-.7px}.production-auth form{display:grid;grid-template-columns:1fr;gap:14px}.production-auth .check{display:flex;align-items:flex-start;gap:10px}.production-auth .check input{width:auto;min-height:0;margin-top:5px}.production-auth #productionCodeForm{margin-top:22px}.production-auth #checkApproval{margin-top:18px}