@layer components{.ws-pk{background:radial-gradient(90% 80% at 0% 0%, color-mix(in oklch, var(--t1) 24%, transparent), transparent 70%), radial-gradient(80% 70% at 100% 100%, color-mix(in oklch, var(--t2) 22%, transparent), transparent 70%), var(--card);box-shadow:0 0 0 1px var(--ws-hairline), var(--ws-shadow-1)}.ws-pk:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 22px 44px -22px color-mix(in oklch, var(--t1,var(--foreground)) 55%, transparent);opacity:0;position:absolute;inset:0}.ws-pk:is(:hover,:focus-visible):after{opacity:1}.ws-studio :is(.ws-st-replay,.ws-st-chip,.ws-st-tab,.ws-st-plan){min-height:2.75rem;color:var(--muted-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:650;display:inline-flex}.ws-studio :is(.ws-st-replay,.ws-st-chip):hover{color:var(--foreground)}.ws-studio :is(button,a):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ws-studio label:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.ws-st-chips,.ws-st-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:.375rem;margin-inline:-1rem;padding:.25rem 1rem .5rem;display:flex;position:relative;overflow-x:auto}.ws-studio .ws-st-chip{box-shadow:inset 0 0 0 1px var(--ws-hairline);flex:none;padding-inline:.875rem 1rem}.ws-st-chip:before{content:"";aspect-ratio:1;background:var(--t1);border-radius:9999px;width:.5rem;box-shadow:0 0 0 2px #fff9;box-shadow:0 0 0 2px lab(100% 0 0/.6)}.ws-studio .ws-st-chip:is([aria-pressed=true],:has(:checked)){color:var(--background);background:var(--foreground);box-shadow:none}.ws-st-box{border-radius:var(--ws-r-panel);background:color-mix(in oklch, var(--card) 86%, transparent);box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 1px var(--ws-hairline), var(--ws-shadow-2)}@supports (color:lab(0% 0 0)){.ws-st-box{box-shadow:inset 0 1px 0 lab(100% 0 0/.5), 0 0 0 1px var(--ws-hairline), var(--ws-shadow-2)}}.ws-dark .ws-st-box{box-shadow:inset 0 1px 0 #ffffff12, 0 0 0 1px var(--ws-hairline), var(--ws-shadow-2)}@supports (color:lab(0% 0 0)){.ws-dark .ws-st-box{box-shadow:inset 0 1px 0 lab(100% 0 0/.07), 0 0 0 1px var(--ws-hairline), var(--ws-shadow-2)}}.ws-st{--v2-phone-w:250;position:relative}.ws-st-glow>span{z-index:-1;background:radial-gradient(48% 46% at 50% 52%, color-mix(in srgb, var(--st-tint) 38%, transparent), transparent 72%);opacity:0;position:absolute;inset:4% -10% -6%}.ws-st-glow>[data-on]{opacity:1}.ws-st-crop{height:calc(var(--v2-phone-w) * 1.66px);position:relative;overflow:clip}.ws-st-crop:after{content:"";z-index:3;background:linear-gradient(transparent, var(--background));height:5rem;position:absolute;inset:auto 0 0}.ws-st-tilt{transform-style:preserve-3d;position:relative}.ws-st-layer[data-state=out]{position:absolute;inset:0}.ws-st-b{display:none}.ws-st-p .v2-phone{margin-inline:auto}.ws-st-wide{transform-origin:0 0;transform:scale(calc(var(--st-bw) / 1280));position:absolute;top:0;left:0}@media (min-width:390px){.ws-st{--v2-phone-w:280}}@media (min-width:420px){.ws-st{--v2-phone-w:300}}.ws-st-tabs,.ws-st-plans{background:color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:9999px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.ws-studio :is(.ws-st-tab[aria-selected=true],.ws-st-plan:has(:checked)){color:var(--foreground);background:var(--card);box-shadow:0 0 0 1px var(--ws-hairline), var(--ws-shadow-1)}.ws-st-opt{scroll-snap-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1rem;flex:none;align-content:start;justify-items:center;gap:.375rem;display:grid;position:relative}.ws-st-lbl{text-align:center;color:var(--muted-foreground);font-size:.75rem;font-weight:600;line-height:1.2}.ws-st-opt:has(:checked) .ws-st-lbl{color:var(--foreground)}.ws-st-sw{aspect-ratio:1;background:conic-gradient(var(--sw-a) 0 25%, var(--sw-bg) 0 50%, var(--sw-p) 0);border-radius:9999px;width:2.75rem;box-shadow:inset 0 0 0 1px #0000001a;box-shadow:inset 0 0 0 1px lab(0% 0 0/.1)}.ws-st-sw[data-dark]{box-shadow:0 0 0 2px #090d16, 0 0 0 3px var(--ws-hairline)}@supports (color:lab(0% 0 0)){.ws-st-sw[data-dark]{box-shadow:0 0 0 2px lab(3.62062% .22684 -5.34871), 0 0 0 3px var(--ws-hairline)}}.ws-st-opt:has(:checked) .ws-st-sw{outline:2px solid var(--foreground);outline-offset:3px}.ws-st-group{flex:none;gap:.5rem;padding-top:1.25rem;display:flex;position:relative}.ws-st-fonts{align-items:end}.ws-st-font,.ws-st-layout,.ws-st-anim{box-shadow:inset 0 0 0 1px var(--ws-hairline);padding:.625rem .375rem .5rem}.ws-st-font{width:4.75rem}:is(.ws-st-font,.ws-st-layout,.ws-st-anim):has(:checked){box-shadow:inset 0 0 0 2px var(--foreground)}.ws-st-anim{align-content:center;min-height:2.75rem;padding-inline:.875rem}@media (max-width:1023.98px){.ws-st-swatches .ws-st-lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:1024px){.ws-st{--st-bw:500;--st-pw:160;--v2-phone-w:var(--st-pw);perspective:1800px;position:sticky;top:6rem}.ws-st-crop{height:auto;overflow:visible}.ws-st-crop:after{display:none}.ws-st-pose{transform-style:preserve-3d;transform:rotateY(-7deg)rotateX(3deg)}.ws-st-layer{width:calc((var(--st-bw) + var(--st-pw) * .5) * 1px);margin-inline:auto;padding-bottom:4rem}.ws-st-b{width:calc(var(--st-bw) * 1px);box-shadow:var(--ws-shadow-device);border-radius:14px;display:block}.ws-st-p{position:absolute;bottom:0;right:0;transform:translateZ(60px)}.ws-st-chips,.ws-st-row{flex-wrap:wrap}.ws-st-row{margin:0;padding:0;overflow:visible}.ws-st-swatches{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:.875rem;display:grid}}@media (min-width:1280px){.ws-st{--st-bw:660;--st-pw:200}}.ws-sx{--sx-hw:750;--sx-ht:-.025em;background:var(--s-bg);color:var(--s-fg);font-family:var(--s-font-body), var(--font-sans), sans-serif;line-height:1.5;position:relative;overflow:clip}.ws-sx:is([data-preset=dark-premium],[data-preset=warm-natural]){--sx-hw:600;--sx-ht:-.012em}.ws-sx[data-preset=bold-colorful]{--sx-hw:850}.ws-sx[data-preset=minimal-elegant]{--sx-hw:400;--sx-ht:-.015em}.ws-sx-h{font-family:var(--s-font-heading), var(--font-sans), sans-serif;font-weight:var(--sx-hw);letter-spacing:var(--sx-ht);text-wrap:balance;line-height:1.06}.ws-sx-head{border-bottom:1px solid var(--s-border)}.ws-sx-mark{background:var(--s-primary);color:var(--s-on-primary)}.ws-sx-btn{border:1.5px solid var(--s-btn-border,transparent);background:var(--s-btn-bg,var(--s-primary));color:var(--s-btn-fg,var(--s-on-primary));box-shadow:var(--s-btn-shadow,none)}.ws-sx-btn:hover{background:var(--s-btn-hover-bg,var(--s-btn-bg,var(--s-primary)))}.ws-sx-btn,.ws-sx-btn2{border-radius:var(--s-radius-button);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ws-sx-btn2{box-shadow:inset 0 0 0 1.5px var(--s-border)}.ws-sx-nav{color:var(--s-muted)}.ws-sx-hero{isolation:isolate;position:relative}.ws-sx-hero:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 85% 10%, var(--s-primary-soft), transparent 70%), radial-gradient(45% 45% at 5% 90%, var(--s-accent-soft), transparent 70%);position:absolute;inset:0}.ws-sx[data-preset=minimal-elegant] .ws-sx-hero:not([data-l=image-background]):before{display:none}.ws-sx-frame{border-radius:var(--s-radius-image);box-shadow:0 12px 32px -12px #0f172a33}.ws-sx-img{background:50%/cover no-repeat}.ws-sx-img[data-art]{background:radial-gradient(70% 60% at 25% 20%, var(--s-accent), transparent 70%), linear-gradient(145deg, var(--s-primary), var(--s-primary-ink-soft))}.ws-sx-dot{background:radial-gradient(closest-side, var(--s-primary-ink-soft) 34%, var(--s-primary-soft) 38%)}.ws-sx-hero[data-l=image-background],.ws-sx-over{color:#fff}.ws-sx-hero[data-l=image-background]:before{background:linear-gradient(90deg,#0000009e,#0000002e 70%),linear-gradient(#0000 40%,#00000080)}.ws-sx-over .ws-sx-nav{color:#ffffffdb}.ws-sx[data-btn=outline] :is(.ws-sx-hero[data-l=image-background],.ws-sx-over){--s-btn-fg:#fff;--s-btn-border:#fff;--s-btn-hover-bg:#ffffff24}.ws-sx[data-btn=outline][data-preset=bold-colorful] .ws-sx-hero:not([data-l=image-background]){--s-btn-fg:var(--s-on-primary);--s-btn-border:var(--s-on-primary)}.ws-sx-hero[data-l=image-background] .ws-sx-btn2{box-shadow:inset 0 0 0 1.5px #ffffff8c}.ws-sx-over{background:linear-gradient(#00000080,#0000)}.ws-sx-over .ws-sx-head{border-color:#0000}.ws-sx[data-preset=bold-colorful] .ws-sx-hero:not([data-l=image-background]){--s-muted:color-mix(in srgb, var(--s-on-primary) 86%, transparent);--s-primary-ink-soft:var(--s-muted);--s-border:color-mix(in srgb, var(--s-on-primary) 60%, transparent);background:var(--s-primary);color:var(--s-on-primary)}.ws-sx[data-preset=bold-colorful] .ws-sx-hero:not([data-l=image-background]) .ws-sx-btn{background:var(--s-btn-bg,var(--s-accent));color:var(--s-btn-fg,var(--s-on-accent));box-shadow:var(--s-btn-shadow,4px 4px 0 #000000b3)}@media screen and (prefers-reduced-motion:no-preference){.ws-pk-item,.ws-st-layer[data-state=in]{animation:ws-st-rise .6s var(--ws-ease-io) calc(min(var(--i,0), 12) * 35ms) both}.ws-st-layer[data-state=out]{animation:ws-st-out .6s var(--ws-ease-io) both}.ws-st-layer[data-settle=a] :is(.ws-st-b,.ws-st-p){animation:ws-st-settle-a .3s var(--ws-ease-out)}.ws-st-layer[data-settle=b] :is(.ws-st-b,.ws-st-p){animation:ws-st-settle-b .3s var(--ws-ease-out)}.ws-pk,.ws-pk:after,.ws-st-glow>span{transition:transform var(--ws-dur-2) var(--ws-ease-out), opacity .7s var(--ws-ease-io)}.ws-pk:is(:hover,:focus-visible){transform:translateY(-4px)}}@media screen and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) and (min-width:1024px){:root:not([data-v2-tier=lite]) .ws-st-tilt{transform:rotateX(calc(var(--st-py,0) * -4deg)) rotateY(calc(var(--st-px,0) * 6deg));transition:transform .7s var(--ws-ease-out)}}@keyframes ws-st-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes ws-st-out{to{opacity:0;transform:scale(.98)}}@keyframes ws-st-settle-a{0%{opacity:.7}}@keyframes ws-st-settle-b{0%{opacity:.7}}}