.panda-preview{position:relative;width:100%;max-width:11.5rem;margin-inline:auto;aspect-ratio:1/1;min-height:9rem}.panda-preview__frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:1.25rem;background:linear-gradient(165deg,rgba(246,230,207,.55),rgba(74,52,40,.08));border:1px solid rgba(74,52,40,.12);box-shadow:inset 0 2px 8px rgba(42,29,20,.06)}.panda-preview__stack{position:relative;width:88%;max-height:100%;aspect-ratio:1/1;filter:drop-shadow(0 6px 14px rgba(28,18,12,.22))}.panda-preview__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.panda-preview__img--lines{z-index:1;pointer-events:none}.panda-color-block{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:1rem}.panda-color-block__label{font-family:var(--font-nunito),system-ui,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#4a3428;opacity:.82}.panda-color-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;padding:.35rem 0}.panda-color-selector__btn{position:relative;display:flex;align-items:center;justify-content:center;width:2.85rem;height:2.85rem;padding:0;border:2px solid transparent;border-radius:9999px;background:rgba(246,230,207,.35);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.panda-color-selector__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(42,29,20,.18)}.panda-color-selector__btn:focus-visible{outline:2px solid #4a3428;outline-offset:3px}.panda-color-selector__btn--active{border-color:#2a1d14;box-shadow:0 0 0 2px #f6e6cf,0 4px 14px rgba(42,29,20,.22);transform:translateY(-1px)}.panda-color-selector__btn:disabled{cursor:default;opacity:.92}.panda-color-selector__swatch{width:2.1rem;height:2.1rem;object-fit:contain;pointer-events:none;user-select:none}.panda-color-selector__ring{position:absolute;inset:-3px;border-radius:9999px;border:2px dashed rgba(238,98,63,.65);pointer-events:none;opacity:0}.panda-color-selector__btn--active .panda-color-selector__ring{opacity:1;animation:panda-color-ring-pulse 1.8s ease-out infinite}@keyframes panda-color-ring-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.04);opacity:1}}@media (prefers-reduced-motion:reduce){.panda-color-selector__btn--active .panda-color-selector__ring{animation:none;opacity:1}.panda-color-selector__btn:hover:not(:disabled){transform:none}}@media (max-width:380px){.panda-color-selector__btn{width:2.55rem;height:2.55rem}.panda-color-selector__swatch{width:1.85rem;height:1.85rem}}