.preview-appearance-toolbar{position:absolute;bottom:1rem;left:50%;z-index:20;display:flex;width:max-content;max-width:calc(100% - 1.5rem);flex-direction:column;align-items:center;gap:.55rem;transform:translateX(-50%);pointer-events:auto}.preview-appearance-toolbar--inline{position:static;width:100%;max-width:none;transform:none}.preview-appearance-toolbar__track{display:flex;min-height:4.25rem;align-items:center;gap:.36rem;padding:.54rem .7rem;border:1px solid rgb(255 255 255/.12);border-radius:1.35rem;background:linear-gradient(180deg,rgb(31 34 41/.78),rgb(16 18 23/.82)),rgb(14 16 20/.74);box-shadow:inset 0 1px 0 rgb(255 255 255/.12),inset 0 -1px 0 rgb(0 0 0/.32),0 22px 55px rgb(0 0 0/.46);backdrop-filter:blur(28px) saturate(145%)}.preview-appearance-toolbar__track--styles{gap:.54rem}.preview-appearance-toolbar__current{display:inline-flex;min-width:7.1rem;align-items:center;gap:.44rem;padding:0 .42rem 0 .3rem;color:rgb(247 247 244/.92);font-size:.72rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.preview-appearance-toolbar__current-dot{width:.42rem;height:.42rem;flex:0 0 auto;border-radius:999px;background:#30d68b;box-shadow:0 0 0 .2rem rgb(48 214 139/.12),0 0 12px rgb(48 214 139/.46)}.preview-style-selector{display:flex;align-items:center;gap:.52rem;margin:0;padding:0;border:0}.preview-style-selector__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.preview-style-selector__button{position:relative;display:inline-flex;width:3.25rem;height:3.25rem;align-items:center;justify-content:center;border:1px solid rgb(255 255 255/.08);border-radius:999px;background:radial-gradient(circle at 32% 18%,rgb(255 255 255/.12),transparent 34%),linear-gradient(180deg,rgb(255 255 255/.055),rgb(255 255 255/.018));color:rgb(226 226 220/.78);box-shadow:inset 0 1px 0 rgb(255 255 255/.11),inset 0 -1px 0 rgb(0 0 0/.2);isolation:isolate;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.preview-style-selector__button .preview-style-swatch{transition:transform .18s ease}.preview-style-selector__button:before{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(150deg,rgb(255 255 255/.2),transparent 34%),linear-gradient(330deg,rgb(63 238 198/.12),transparent 42%);content:"";opacity:0;transition:opacity .18s ease}.preview-style-selector__button:focus-visible,.preview-style-selector__button:hover{border-color:rgb(255 255 255/.2);background:radial-gradient(circle at 32% 18%,rgb(255 255 255/.2),transparent 36%),linear-gradient(180deg,rgb(255 255 255/.095),rgb(255 255 255/.035));color:rgb(255 255 252/.98);outline:none;transform:translateY(-1px)}.preview-style-selector__button:focus-visible:before,.preview-style-selector__button:hover:before{opacity:1}.preview-style-selector__button:focus-visible{border-color:rgb(144 235 207/.82);box-shadow:0 0 0 3px rgb(94 219 187/.18),inset 0 1px 0 rgb(255 255 255/.13),0 12px 24px rgb(0 0 0/.28)}.preview-style-selector__button--active{z-index:2;border-color:rgb(192 239 223/.82);background:radial-gradient(circle at 33% 16%,rgb(255 255 255/.3),transparent 38%),linear-gradient(180deg,rgb(105 111 120/.96),rgb(59 64 72/.94));color:rgb(255 255 252/.98);box-shadow:inset 0 1px 0 rgb(255 255 255/.28),inset 0 -8px 18px rgb(0 0 0/.16),0 0 0 2px rgb(151 235 210/.18),0 12px 28px rgb(0 0 0/.38),0 0 28px rgb(96 218 187/.2);transform:translateY(-3px) scale(1.11)}.preview-style-selector__button--active:before{opacity:.72}.preview-style-selector__button--active .preview-style-swatch{transform:scale(1.05)}.preview-style-selector__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.preview-style-swatch{position:relative;display:block;width:1.92rem;height:1.92rem;overflow:hidden;border:1px solid rgb(255 255 255/.28);border-radius:999px;box-shadow:inset 0 1px 0 rgb(255 255 255/.78),inset -10px -12px 18px rgb(0 0 0/.32),inset 5px 5px 10px rgb(255 255 255/.2),0 8px 18px rgb(0 0 0/.34)}.preview-style-swatch:after,.preview-style-swatch:before{position:absolute;content:"";pointer-events:none}.preview-style-swatch--solid{background:radial-gradient(circle at 29% 22%,#fffdf5 0 9%,rgb(255 255 255/.42) 10% 18%,transparent 19%),radial-gradient(circle at 40% 35%,#f2f0e9 0 34%,#c7c3b8 56%,#858177 78%,#45423d 100%)}.preview-style-swatch--solid:before{inset:0;border-radius:999px;background:radial-gradient(circle at 72% 76%,rgb(0 0 0/.28),transparent 34%),radial-gradient(circle at 25% 18%,rgb(255 255 255/.48),transparent 25%);mix-blend-mode:soft-light}.preview-style-swatch--textured{background:radial-gradient(circle at 28% 20%,#ffffff 0 9%,rgb(255 255 255/.48) 10% 16%,transparent 17%),conic-gradient(from 212deg,#e9e3d2 0 25%,#9d9f94 25% 50%,#3f4842 50% 75%,#c5bea9 75% 100%)}.preview-style-swatch--textured:before{inset:0;border-radius:999px;background:linear-gradient(90deg,rgb(25 28 25/.28) 1px,transparent 0) 0 0 /8px 8px,linear-gradient(0deg,rgb(255 255 255/.26) 1px,transparent 0) 0 0 /8px 8px,radial-gradient(circle,rgb(28 31 29/.42) 0 1px,transparent 1.3px) 3px 3px /9px 9px;opacity:.68}.preview-style-swatch--textured:after{inset:0;border-radius:999px;background:radial-gradient(circle at 24% 20%,rgb(255 255 255/.42),transparent 20%),radial-gradient(circle at 76% 78%,rgb(0 0 0/.34),transparent 42%);mix-blend-mode:multiply;opacity:.7}.preview-style-swatch--metal{background:radial-gradient(circle at 29% 21%,#ffffff 0 10%,rgb(255 255 255/.58) 11% 17%,transparent 18%),linear-gradient(145deg,#f4f5ef 0 18%,#a9ada7 36%,#464b49 54%,#dde0d8 72%,#5a5f5c)}.preview-style-swatch--metal:before{inset:0;border-radius:999px;background:linear-gradient(138deg,transparent 0 36%,rgb(255 255 255/.52) 37% 43%,transparent 44% 100%),radial-gradient(circle at 78% 78%,rgb(0 0 0/.38),transparent 42%)}.preview-style-swatch--bronze{background:radial-gradient(circle at 28% 20%,#fff3da 0 9%,rgb(255 222 170/.62) 10% 17%,transparent 18%),radial-gradient(circle at 36% 31%,#d9964d 0 28%,#925024 52%,#3e1c0d 78%,#180904 100%)}.preview-style-swatch--bronze:before{inset:0;border-radius:999px;background:linear-gradient(140deg,transparent 0 34%,rgb(255 204 135/.55) 35% 42%,transparent 43% 100%),radial-gradient(circle at 76% 80%,rgb(0 0 0/.46),transparent 44%)}.preview-style-swatch--plastic{background:radial-gradient(circle at 27% 20%,#ffffff 0 12%,rgb(255 255 255/.62) 13% 20%,transparent 21%),radial-gradient(circle at 38% 32%,#f2f5f4 0 34%,#c8cecf 54%,#788084 77%,#363c40 100%)}.preview-style-swatch--plastic:before{inset:0;border-radius:999px;background:linear-gradient(145deg,rgb(255 255 255/.5) 0 10%,transparent 11% 54%,rgb(0 0 0/.22) 78% 100%),radial-gradient(circle at 22% 17%,rgb(255 255 255/.68),transparent 22%)}.preview-style-swatch--plastic:after{top:22%;left:18%;width:54%;height:16%;border-radius:999px;background:rgb(255 255 255/.46);transform:rotate(-28deg)}.preview-style-swatch--normal{background:radial-gradient(circle at 27% 21%,rgb(255 255 255/.82) 0 10%,transparent 18%),radial-gradient(circle at 72% 78%,rgb(0 0 0/.36),transparent 42%),conic-gradient(from 225deg,#29d9c5 0 25%,#4269f1 25% 50%,#dd4fc2 50% 75%,#f1d24a 75% 100%)}.preview-style-swatch--normal:before{inset:0;border-radius:999px;background:radial-gradient(circle at 25% 19%,rgb(255 255 255/.72),transparent 21%),radial-gradient(circle at 76% 78%,rgb(0 0 0/.32),transparent 42%),linear-gradient(130deg,rgb(255 255 255/.16),transparent 40%);mix-blend-mode:soft-light}.preview-style-swatch--unlit{background:radial-gradient(circle at 29% 22%,rgb(255 255 255/.68) 0 10%,transparent 18%),radial-gradient(circle at 40% 36%,#d6dde1 0 31%,#a9b1b8 52%,#707a83 76%,#373d43 100%)}.preview-style-swatch--unlit:before{inset:0;border-radius:999px;background:radial-gradient(circle at 30% 24%,rgb(255 255 255/.35),transparent 22%);box-shadow:inset -7px -8px 12px rgb(0 0 0/.24)}.preview-style-swatch--unlit:after{top:50%;left:22%;width:56%;height:2px;border-radius:999px;background:rgb(36 40 45/.55);transform:rotate(-34deg)}.preview-style-swatch--cartoon{background:radial-gradient(circle at 28% 22%,rgb(255 255 255/.72) 0 9%,transparent 17%),radial-gradient(circle at 74% 78%,rgb(0 0 0/.38),transparent 42%),#15181c}.preview-style-swatch--cartoon:before{inset:7%;border:2px solid rgb(12 13 15/.9);border-radius:999px;background:linear-gradient(145deg,transparent 0 45%,rgb(11 12 14/.92) 46% 53%,transparent 54%),linear-gradient(145deg,#ffd456 0 44%,#d4662d 45% 69%,#2f3b44 70% 100%);box-shadow:inset -4px -5px 0 rgb(0 0 0/.2),0 3px 9px rgb(0 0 0/.26)}.preview-style-swatch--sketch{background:radial-gradient(circle at 29% 22%,#ffffff 0 10%,rgb(255 255 255/.42) 11% 17%,transparent 18%),radial-gradient(circle at 42% 36%,#f5f2e7 0 32%,#d6d0c1 55%,#908b80 80%,#4c4942 100%)}.preview-style-swatch--sketch:before{inset:0;border-radius:999px;background:repeating-linear-gradient(135deg,rgb(18 18 16/.66) 0 1px,transparent 1px 4.2px);box-shadow:inset -6px -7px 10px rgb(0 0 0/.22),0 3px 8px rgb(0 0 0/.18);opacity:.82}.preview-style-swatch--sketch:after{inset:24%;border-top:1.5px solid rgb(20 20 18/.74);border-right:1.5px solid rgb(20 20 18/.56);border-radius:999px;transform:rotate(-24deg)}.preview-style-selector__button[data-style=sketch]{color:rgb(225 225 219/.76)}.preview-appearance-toolbar__style-divider{width:1px;height:1.75rem;margin:0 .24rem;background:rgb(255 255 255/.13)}.preview-appearance-toolbar__adjust{display:inline-flex;width:2.72rem;height:2.86rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.9rem;color:rgb(226 226 220/.85);transition:color .18s ease,background-color .18s ease,border-color .18s ease}.preview-appearance-toolbar__adjust--active,.preview-appearance-toolbar__adjust:focus-visible,.preview-appearance-toolbar__adjust:hover{border-color:rgb(48 214 139/.42);background:rgb(48 214 139/.12);color:#65e6a2;outline:none}.preview-appearance-toolbar__settings{width:min(100%,33rem);padding:.88rem 1rem .92rem;border:1px solid rgb(255 255 255/.11);border-radius:1.1rem;background:rgb(22 24 29/.96);box-shadow:0 20px 45px rgb(0 0 0/.42),inset 0 1px 0 rgb(255 255 255/.045);backdrop-filter:blur(22px) saturate(115%);animation:preview-settings-in .18s ease-out}.preview-appearance-toolbar__settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:0 .15rem .72rem}.preview-appearance-toolbar__settings-heading div{display:flex;flex-direction:column;gap:.14rem}.preview-appearance-toolbar__settings-heading strong{color:rgb(250 250 247/.95);font-size:.76rem;font-weight:650;letter-spacing:-.01em}.preview-appearance-toolbar__settings-kicker{color:rgb(168 171 176/.72);font-size:.58rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.preview-appearance-toolbar__settings-close{width:1.5rem;height:1.5rem;border-radius:999px;color:rgb(198 201 199/.78);font-size:1.35rem;line-height:1;transition:background-color .16s ease,color .16s ease}.preview-appearance-toolbar__settings-close:focus-visible,.preview-appearance-toolbar__settings-close:hover{background:rgb(255 255 255/.08);color:rgb(255 255 252/.98);outline:none}.preview-appearance-toolbar__settings-row{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.25rem .1rem 0}.preview-appearance-toolbar__settings .preview-appearance-toolbar__segment{padding:0}.preview-appearance-toolbar__settings .preview-appearance-toolbar__segment-label{color:rgb(184 187 187/.82);font-size:.68rem}.preview-appearance-toolbar__settings .preview-appearance-toolbar__segment-actions{gap:.26rem}.preview-appearance-toolbar__settings-divider{width:1px;height:2rem;background:rgb(255 255 255/.11)}.preview-appearance-toolbar__settings .preview-appearance-toolbar__btn{width:2.28rem;height:2.28rem;border:1px solid rgb(255 255 255/.1);border-radius:999px;background:rgb(255 255 255/.045)}.preview-appearance-toolbar__settings .preview-appearance-toolbar__btn:hover{border-color:rgb(255 255 255/.22);background:rgb(255 255 255/.1)}.preview-appearance-toolbar__settings .preview-appearance-toolbar__btn--active{border-color:rgb(156 232 207/.78);background:rgb(91 203 174/.2);box-shadow:0 0 0 3px rgb(91 203 174/.15),0 10px 22px rgb(91 203 174/.16);transform:scale(1.08)}.preview-appearance-toolbar__settings .preview-appearance-toolbar__segment-actions{display:flex;flex-wrap:nowrap}.preview-appearance-toolbar__settings .preview-appearance-toolbar__segment{display:flex}@keyframes preview-settings-in{0%{opacity:0;transform:translateY(.3rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:767px){.preview-appearance-toolbar{bottom:max(.6rem,env(safe-area-inset-bottom));width:calc(100% - 1rem);max-width:calc(100% - 1rem)}.preview-appearance-toolbar__track{width:100%;min-height:3.8rem;justify-content:center;padding:.44rem .48rem}.preview-appearance-toolbar__current{min-width:auto;padding-right:.1rem}.preview-style-selector{max-width:calc(100vw - 2.8rem);overflow-x:auto;scrollbar-width:none;gap:.42rem}.preview-style-selector::-webkit-scrollbar{display:none}.preview-style-selector__button{width:2.8rem;height:2.8rem;flex:0 0 auto;border-radius:999px}.preview-style-swatch{width:1.52rem;height:1.52rem;border-radius:999px}.preview-appearance-toolbar__settings{width:100%}.preview-appearance-toolbar__settings-row{align-items:flex-start;flex-direction:column}.preview-appearance-toolbar__settings-divider{width:100%;height:1px}}@media (prefers-reduced-motion:reduce){.preview-appearance-toolbar__adjust,.preview-appearance-toolbar__settings,.preview-style-selector__button{animation:none;transition:none}}