/* Small paw accents within a compact, accessible pet selector. */
.studio-defs{position:absolute;overflow:hidden;pointer-events:none}
.hero-scene{overflow:clip}
.hero-pet{z-index:1}
.hero-scene::after{z-index:2}
.world-labels,.hero-art-label{z-index:4}
.neon-overlay{position:absolute;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:0}
.neon-background{z-index:0}
.neon-artwork{z-index:3;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.neon-route{fill:none;stroke:#caffff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34 966;stroke-dashoffset:1000}
.neon-glow{stroke-width:9;filter:blur(3px);opacity:.34}
.neon-core{stroke-width:2.8;opacity:.9}
.hero-scene[data-motion=true] .neon-overlay{opacity:1}
.hero-scene[data-motion=true] .neon-route{animation:studio-neon-travel var(--flow-duration,11s) linear infinite;animation-delay:var(--flow-delay,0s)}
@keyframes studio-neon-travel{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.hero-samples{gap:4px;padding:4px;border:1px solid #b2b6a9;background:linear-gradient(135deg,#f4ecdded,#dfd9c9eb);border-radius:999px;box-shadow:0 4px 14px #0a1b2920;bottom:80px;right:4.7vw;align-items:center;backdrop-filter:blur(8px)}
.hero-samples .paw-choice{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:#34514c;transition:background .2s,color .2s}
.hero-samples .paw-choice:hover{background:#ffffff5e}
.hero-samples .paw-choice[aria-pressed=true]{background:linear-gradient(135deg,#244753,#102b36);border-color:#4e777a;color:#eff9f2;box-shadow:inset 0 1px 0 #bce4de30,0 2px 6px #102b3620}
.paw-art{display:block;flex:0 0 16px;width:16px;height:18px;fill:currentColor;opacity:.6;pointer-events:none}
.paw-choice[aria-pressed=true] .paw-art{color:#b8e5de;opacity:.9}
.hero-samples button .paw-label{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;letter-spacing:0;line-height:1.3;pointer-events:none}
.paw-label strong{font-size:13px;line-height:1.3;font-weight:550}
.paw-label small{font-size:9px;line-height:1.4;font-weight:500;letter-spacing:1px;margin:0}
.button{border-radius:14px}
.button-primary{background:linear-gradient(135deg,#d9f7ee,#a9dcd9);border-color:#a1d8d4;box-shadow:inset 0 1px 0 #ffffff95,0 7px 18px #071c2b24}
.button-primary:hover{background:linear-gradient(135deg,#ecfff7,#b9eeeb)}
.body-selector button{border-radius:15px;background:linear-gradient(145deg,#f7efe2,#e8dfce);box-shadow:inset 0 1px 0 #ffffff9c}
.body-selector button[aria-pressed=true]{background:linear-gradient(140deg,#244753,#102b36);border-color:#31535c;box-shadow:inset 0 1px 0 #789697,0 6px 15px #152c3020}
.size-choice{border-radius:999px;min-height:44px}
.motion-toggle{border-radius:999px;background:linear-gradient(135deg,#22444e,#10242e);border-color:#7dabae;box-shadow:inset 0 1px 0 #a7dcde25,0 4px 14px #00152625;padding-inline:15px}
.motion-toggle[aria-pressed=true]{border-color:#c0f6ed;box-shadow:0 0 16px #5be2ee30,inset 0 1px 0 #c6f7ef33}
.mobile-bar>a{border-radius:12px;background:linear-gradient(135deg,#d9f7ee,#a9dcd9);border:1px solid #9dd5d0;box-shadow:inset 0 1px 0 #fff9}
@media(max-width:760px){
  .neon-background{display:none}
  .neon-artwork{mask-image:none}
  .hero-samples{inset:auto;position:relative;width:max-content;max-width:calc(100% - 40px);justify-content:center;margin:16px auto 0;padding:4px;gap:4px}
  .hero .button{background:linear-gradient(135deg,#244753,#102b36);border-color:#355965;box-shadow:inset 0 1px 0 #82ada72b,0 7px 18px #12303b20}
  .hero .button:hover{background:linear-gradient(135deg,#315e69,#143644)}
}
@media(prefers-reduced-motion:reduce){.hero-scene[data-motion=true] .neon-overlay{opacity:0}.neon-route{animation:none!important}.hero-samples .paw-choice{transition:none}}