.brand-logo{--brand-size:1.75rem;--brand-glow:0 0 0 0 var(--color-brand-rgb-fade);width:var(--brand-size);height:var(--brand-size);background-color:var(--color-brand-active);color:var(--color-brand-active-foreground);letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 0 0 #fff0 inset, var(--brand-glow);border-radius:.5rem;outline:none;justify-content:center;align-items:center;font-weight:600;transition:background-color .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;display:inline-flex;position:relative}.brand-logo:hover{--brand-glow:0 0 0 6px var(--color-brand-rgb-fade);transform:translateY(-1px)scale(1.04)}.brand-logo:focus-visible{--brand-glow:0 0 0 6px var(--color-brand-rgb-fade)}.brand-logo[data-pulse=true]{animation:.6s cubic-bezier(.22,1,.36,1) brand-logo-pulse}@keyframes brand-logo-pulse{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.18)rotate(-6deg)}45%{transform:scale(.94)rotate(4deg)}70%{transform:scale(1.08)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.brand-logo__particles{pointer-events:none;position:absolute;inset:0;overflow:visible}.brand-logo__particle{background-color:var(--color-brand-preview);opacity:0;border-radius:9999px;width:.35rem;height:.35rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-logo[data-burst=true] .brand-logo__particle{animation:.72s cubic-bezier(.22,1,.36,1) forwards brand-particle-burst}.brand-logo__particle:first-child{--tx:-28px;--ty:-22px}.brand-logo__particle:nth-child(2){--tx:28px;--ty:-18px}.brand-logo__particle:nth-child(3){--tx:-30px;--ty:6px}.brand-logo__particle:nth-child(4){--tx:30px;--ty:8px}.brand-logo__particle:nth-child(5){--tx:-18px;--ty:28px}.brand-logo__particle:nth-child(6){--tx:18px;--ty:28px}.brand-logo__particle:nth-child(7){--tx:0px;--ty:-34px}.brand-logo__particle:nth-child(8){--tx:0px;--ty:34px}@keyframes brand-particle-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(.6)}}.brand-logo__ripple{border-radius:inherit;pointer-events:none;opacity:0;background-color:var(--color-brand-preview);position:absolute;inset:0}.brand-logo[data-ripple=true] .brand-logo__ripple{animation:.6s ease-out brand-ripple}@keyframes brand-ripple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Inter", sans-serif;--font-mono:monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-600:oklch(60% .118 184.704);--color-cyan-900:oklch(39.8% .07 227.392);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-500:oklch(62.7% .265 303.9);--color-rose-500:oklch(64.5% .246 16.439);--color-neutral-100:oklch(97% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Inter", sans-serif;--default-mono-font-family:monospace;--code-foreground:var(--code-foreground);--color-secondary:var(--secondary);--color-primary:var(--primary);--color-muted:var(--muted);--color-border:var(--border);--color-background:var(--background);--color-accent:var(--accent)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}aside{transition:background-color .3s,border-color .3s}code,kbd,samp,pre{font-family:var(--font-mono)}html{font-family:Inter,sans-serif}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:0}.bottom-0{bottom:0}.z-50{z-index:50}.z-60{z-index:60}.z-\[calc\(9999-var\(--toast-index\)\)\]{z-index:calc(9999 - var(--toast-index))}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.-ms-0\.5{margin-inline-start:calc(var(--spacing) * -.5)}.ms-auto{margin-inline-start:auto}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.-me-1{margin-inline-end:calc(var(--spacing) * -1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-1{width:var(--spacing);height:var(--spacing)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-full{width:100%;height:100%}.h-\(--popup-height\,auto\){height:var(--popup-height,auto)}.h-\(--positioner-height\){height:var(--positioner-height)}.h-\(--toast-calc-height\){height:var(--toast-calc-height)}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-6\.5{height:calc(var(--spacing) * 6.5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-8\.5{height:calc(var(--spacing) * 8.5)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-28{height:calc(var(--spacing) * 28)}.h-\[calc\(var\(--thumb-size\)\+2px\)\]{height:calc(var(--thumb-size) + 2px)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.w-\(--popup-width\,auto\){width:var(--popup-width,auto)}.w-\(--positioner-width\){width:var(--positioner-width)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-28{width:calc(var(--spacing) * 28)}.w-\[4\.25rem\]{width:4.25rem}.w-\[6rem\]{width:6rem}.w-\[calc\(100\%-var\(--toast-inset\)\*2\)\]{width:calc(100% - var(--toast-inset) * 2)}.w-\[calc\(var\(--thumb-size\)\*2-2px\)\]{width:calc(var(--thumb-size) * 2 - 2px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-90{max-width:calc(var(--spacing) * 90)}.max-w-\[min\(--spacing\(64\)\,var\(--available-width\)\)\]{max-width:min(calc(var(--spacing) * 64), var(--available-width))}.min-w-\(--anchor-width\){min-width:var(--anchor-width)}.min-w-\(--col-min-width\){min-width:var(--col-min-width)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-5\.5{min-width:calc(var(--spacing) * 5.5)}.min-w-6\.5{min-width:calc(var(--spacing) * 6.5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-64{min-width:calc(var(--spacing) * 64)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-spin{animation:var(--animate-spin)}.animate-toast-error-even{animation:.28s cubic-bezier(.5,1,.89,1) toast-error-even}.animate-toast-error-odd{animation:.28s cubic-bezier(.5,1,.89,1) toast-error-odd}.animate-toast-success-even{animation:.32s cubic-bezier(.5,1,.89,1) toast-success-even}.animate-toast-success-odd{animation:.32s cubic-bezier(.5,1,.89,1) toast-success-odd}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[\.75rem_1fr\]{grid-template-columns:.75rem 1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1rem_1fr\]{grid-template-columns:1rem 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\(--thumb-size\){border-radius:var(--thumb-size)}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-\[\.25rem\]{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-sm{border-radius:calc(var(--radius) * .6)}.rounded-s-\[calc\(var\(--radius-lg\)-1px\)\]{border-start-start-radius:calc(var(--radius-lg) - 1px);border-end-start-radius:calc(var(--radius-lg) - 1px)}.rounded-e-\[calc\(var\(--radius-lg\)-1px\)\]{border-start-end-radius:calc(var(--radius-lg) - 1px);border-end-end-radius:calc(var(--radius-lg) - 1px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border,.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.border-destructive{border-color:var(--destructive)}.border-input{border-color:var(--input)}.border-primary,.border-primary\/40{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/40{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.border-transparent{border-color:#0000}.bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(1\%\*max\(0\,var\(--toast-index\,0\)\)\)\)\]{background-color:var(--popover)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(1\%\*max\(0\,var\(--toast-index\,0\)\)\)\)\]{background-color:color-mix(in srgb,var(--popover),var(--color-black) calc(1% * max(0, var(--toast-index,0))))}}.bg-accent\/40{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/40{background-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card,.bg-card\/40{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/40{background-color:color-mix(in oklab, var(--card) 40%, transparent)}}.bg-card\/60{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/60{background-color:color-mix(in oklab, var(--card) 60%, transparent)}}.bg-destructive,.bg-destructive\/8{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/8{background-color:color-mix(in oklab, var(--destructive) 8%, transparent)}}.bg-info\/8{background-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.bg-info\/8{background-color:color-mix(in oklab, var(--info) 8%, transparent)}}.bg-input{background-color:var(--input)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-success\/8{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/8{background-color:color-mix(in oklab, var(--success) 8%, transparent)}}.bg-transparent{background-color:#0000}.bg-warning\/8{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/8{background-color:color-mix(in oklab, var(--warning) 8%, transparent)}}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.p-px{padding:1px}.px-\(--viewport-inline-padding\){padding-inline:var(--viewport-inline-padding)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[calc\(--spacing\(1\)-1px\)\]{padding-inline:calc(var(--spacing) - 1px)}.px-\[calc\(--spacing\(1\.5\)-1px\)\]{padding-inline:calc(calc(var(--spacing) * 1.5) - 1px)}.px-\[calc\(--spacing\(2\)-1px\)\]{padding-inline:calc(calc(var(--spacing) * 2) - 1px)}.px-\[calc\(--spacing\(2\.5\)-1px\)\]{padding-inline:calc(calc(var(--spacing) * 2.5) - 1px)}.px-\[calc\(--spacing\(3\)-1px\)\]{padding-inline:calc(calc(var(--spacing) * 3) - 1px)}.px-\[calc\(--spacing\(3\.5\)-1px\)\]{padding-inline:calc(calc(var(--spacing) * 3.5) - 1px)}.px-\[calc\(--spacing\(4\)-1px\)\]{padding-inline:calc(calc(var(--spacing) * 4) - 1px)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-px{padding-block:1px}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.pe-1\.5{padding-inline-end:calc(var(--spacing) * 1.5)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pr-1{padding-right:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.font-heading{font-family:Inter,sans-serif}.font-mono{font-family:monospace}.font-sans{font-family:Inter,sans-serif}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\/4\.5{font-size:var(--text-base);line-height:calc(var(--spacing) * 4.5)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[6\.5px\]{font-size:6.5px}.text-\[7\.5px\]{font-size:7.5px}.text-\[8\.5px\]{font-size:8.5px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.leading-6\.5{--tw-leading:calc(var(--spacing) * 6.5);line-height:calc(var(--spacing) * 6.5)}.leading-8\.5{--tw-leading:calc(var(--spacing) * 8.5);line-height:calc(var(--spacing) * 8.5)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-info-foreground{color:var(--info-foreground)}.text-muted-foreground,.text-muted-foreground\/72{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/72{color:color-mix(in oklab, var(--muted-foreground) 72%, transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-success-foreground{color:var(--success-foreground)}.text-warning-foreground{color:var(--warning-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-lg\/5{--tw-shadow-alpha:5%;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,oklab(0% 0 0/.05)), 0 4px 6px -4px var(--tw-shadow-color,oklab(0% 0 0/.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md\/5{--tw-shadow-alpha:5%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,oklab(0% 0 0/.05)), 0 2px 4px -2px var(--tw-shadow-color,oklab(0% 0 0/.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm\/5{--tw-shadow-alpha:5%;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,oklab(0% 0 0/.05)), 0 1px 2px -1px var(--tw-shadow-color,oklab(0% 0 0/.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs\/5{--tw-shadow-alpha:5%;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,oklab(0% 0 0/.05));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-shadow-\[0_1px_--theme\(--color-black\/4\%\)\]{--tw-inset-shadow:inset 0 1px var(--tw-inset-shadow-color,#0000000a)}@supports (color:color-mix(in lab, red, red)){.inset-shadow-\[0_1px_--theme\(--color-black\/4\%\)\]{--tw-inset-shadow:inset 0 1px var(--tw-inset-shadow-color,color-mix(in oklab, var(--color-black) 4%, transparent))}}.inset-shadow-\[0_1px_--theme\(--color-black\/4\%\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-destructive\/24{--tw-shadow-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.shadow-destructive\/24{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--destructive) 24%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/24{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/24{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 24%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-border\/40{--tw-ring-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.ring-border\/40{--tw-ring-color:color-mix(in oklab, var(--border) 40%, transparent)}}.ring-ring\/24{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/24{--tw-ring-color:color-mix(in oklab, var(--ring) 24%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\[0_1px_1px_\#0008\]{--tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0008));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,scale\]{transition-property:box-shadow,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\,opacity\]{transition-property:scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\,left\,right\,bottom\,transform\]{transition-property:top,left,right,bottom,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,scale\,opacity\]{transition-property:width,height,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--clip-bottom\:-1rem\]{--clip-bottom:-1rem}.\[--clip-top\:-1rem\]{--clip-top:-1rem}.\[--thumb-size\:--spacing\(4\)\]{--thumb-size:calc(var(--spacing) * 4)}.\[--toast-calc-height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))}.\[--toast-gap\:--spacing\(3\)\]{--toast-gap:calc(var(--spacing) * 3)}.\[--toast-inset\:--spacing\(4\)\]{--toast-inset:calc(var(--spacing) * 4)}.\[--toast-peek\:--spacing\(3\)\]{--toast-peek:calc(var(--spacing) * 3)}.\[--toast-scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*\.1\)\)\)\]{--toast-scale:calc(max(0, 1 - (var(--toast-index) * .1)))}.\[--toast-shrink\:calc\(1-var\(--toast-scale\)\)\]{--toast-shrink:calc(1 - var(--toast-scale))}.\[--viewport-inline-padding\:--spacing\(2\)\]{--viewport-inline-padding:calc(var(--spacing) * 2)}.\[transition\:background-color_5000000s_ease-in-out_0s\]{transition:background-color 5000000s ease-in-out}.\[transition\:transform_\.5s_cubic-bezier\(\.22\,1\,\.36\,1\)\,opacity_\.5s\,height_\.15s\,background-color_\.5s\]{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s,background-color .5s}.\[transition\:translate_\.15s\,border-radius_\.15s\,scale_\.1s_\.1s\,transform-origin_\.15s\]{transition:translate .15s,border-radius .15s,scale .1s .1s,transform-origin .15s}.paused{animation-play-state:paused}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}:is(.\*\:not-first\:rounded-s-none>*):not(:first-child){border-start-start-radius:0;border-end-start-radius:0}:is(.\*\:not-first\:rounded-t-none>*):not(:first-child){border-top-left-radius:0;border-top-right-radius:0}:is(.\*\:not-first\:border-s-0>*):not(:first-child){border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}:is(.\*\:not-first\:border-t-0>*):not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}:is(.\*\:not-last\:rounded-e-none>*):not(:last-child){border-start-end-radius:0;border-end-end-radius:0}:is(.\*\:not-last\:rounded-b-none>*):not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}:is(.\*\:not-last\:border-e-0>*):not(:last-child){border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}:is(.\*\:not-last\:border-b-0>*):not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:0}.not-disabled\:inset-shadow-\[0_1px_--theme\(--color-white\/16\%\)\]:not(:disabled){--tw-inset-shadow:inset 0 1px var(--tw-inset-shadow-color,#ffffff29)}@supports (color:color-mix(in lab, red, red)){.not-disabled\:inset-shadow-\[0_1px_--theme\(--color-white\/16\%\)\]:not(:disabled){--tw-inset-shadow:inset 0 1px var(--tw-inset-shadow-color,color-mix(in oklab, var(--color-white) 16%, transparent))}}.not-disabled\:inset-shadow-\[0_1px_--theme\(--color-white\/16\%\)\]:not(:disabled){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.not-in-data-\[slot\=field\]\:mb-2:not(:where([data-slot=field]) *){margin-bottom:calc(var(--spacing) * 2)}.not-dark\:bg-clip-padding:not(:is(.dark *)){background-clip:padding-box}.not-\[class\*\=\'w-\'\]\:min-w-32:not(:is()){min-width:calc(var(--spacing) * 32)}@media (hover:hover){.group-hover\/swatch\:scale-100:is(:where(.group\/swatch):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/swatch\:opacity-100:is(:where(.group\/swatch):hover *){opacity:1}}.group-focus-visible\/swatch\:scale-100:is(:where(.group\/swatch):focus-visible *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\/swatch\:opacity-100:is(:where(.group\/swatch):focus-visible *){opacity:1}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:inset-x-px:before{content:var(--tw-content);inset-inline:1px}.before\:top-px:before{content:var(--tw-content);top:1px}.before\:bottom-px:before{content:var(--tw-content);bottom:1px}.before\:h-\[200\%\]:before{content:var(--tw-content);height:200%}.before\:rounded-\[calc\(var\(--radius-2xl\)-1px\)\]:before{content:var(--tw-content);border-radius:calc(var(--radius-2xl) - 1px)}.before\:rounded-\[calc\(var\(--radius-lg\)-1px\)\]:before{content:var(--tw-content);border-radius:calc(var(--radius-lg) - 1px)}.before\:rounded-\[calc\(var\(--radius-md\)-1px\)\]:before{content:var(--tw-content);border-radius:calc(var(--radius-md) - 1px)}.before\:rounded-full:before{content:var(--tw-content);border-radius:2147483647px}.before\:rounded-t-\[calc\(var\(--radius-lg\)-1px\)\]:before{content:var(--tw-content);border-top-left-radius:calc(var(--radius-lg) - 1px);border-top-right-radius:calc(var(--radius-lg) - 1px)}.before\:rounded-b-\[calc\(var\(--radius-lg\)-1px\)\]:before{content:var(--tw-content);border-bottom-right-radius:calc(var(--radius-lg) - 1px);border-bottom-left-radius:calc(var(--radius-lg) - 1px)}.before\:bg-input:before{content:var(--tw-content);background-color:var(--input)}.before\:bg-muted\/72:before{content:var(--tw-content);background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.before\:bg-muted\/72:before{background-color:color-mix(in oklab, var(--muted) 72%, transparent)}}.before\:bg-linear-to-b:before{content:var(--tw-content);--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.before\:bg-linear-to-b:before{--tw-gradient-position:to bottom in oklab}}.before\:bg-linear-to-b:before{background-image:linear-gradient(var(--tw-gradient-stops))}.before\:bg-linear-to-t:before{content:var(--tw-content);--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab, red, red)){.before\:bg-linear-to-t:before{--tw-gradient-position:to top in oklab}}.before\:bg-linear-to-t:before{background-image:linear-gradient(var(--tw-gradient-stops))}.before\:from-popover:before{content:var(--tw-content);--tw-gradient-from:var(--popover);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.before\:from-50\%:before{content:var(--tw-content);--tw-gradient-from-position:50%}.before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:before{content:var(--tw-content);--tw-shadow:0 1px var(--tw-shadow-color,#0000000a)}@supports (color:color-mix(in lab, red, red)){.before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:before{--tw-shadow:0 1px var(--tw-shadow-color,color-mix(in oklab, var(--color-black) 4%, transparent))}}.before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\:not-first\:before\:rounded-s-none>*):not(:first-child):before{content:var(--tw-content);border-start-start-radius:0;border-end-start-radius:0}:is(.\*\:not-first\:before\:rounded-t-none>*):not(:first-child):before{content:var(--tw-content);border-top-left-radius:0;border-top-right-radius:0}:is(.\*\:not-last\:before\:rounded-e-none>*):not(:last-child):before{content:var(--tw-content);border-start-end-radius:0;border-end-end-radius:0}:is(.\*\:not-last\:before\:rounded-b-none>*):not(:last-child):before{content:var(--tw-content);border-bottom-right-radius:0;border-bottom-left-radius:0}.not-data-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not([data-disabled]):not(:focus-within):not([aria-invalid=true]):before{content:var(--tw-content);--tw-shadow:0 1px var(--tw-shadow-color,#0000000a)}@supports (color:color-mix(in lab, red, red)){.not-data-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not([data-disabled]):not(:focus-within):not([aria-invalid=true]):before{--tw-shadow:0 1px var(--tw-shadow-color,color-mix(in oklab, var(--color-black) 4%, transparent))}}.not-data-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not([data-disabled]):not(:focus-within):not([aria-invalid=true]):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not(:disabled):not(:active):not([data-pressed]):before{content:var(--tw-content);--tw-shadow:0 1px var(--tw-shadow-color,#0000000a)}@supports (color:color-mix(in lab, red, red)){.not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not(:disabled):not(:active):not([data-pressed]):before{--tw-shadow:0 1px var(--tw-shadow-color,color-mix(in oklab, var(--color-black) 4%, transparent))}}.not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not(:disabled):not(:active):not([data-pressed]):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.not-data-disabled\:not-focus-visible\:not-aria-invalid\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not([data-pressed]):before{content:var(--tw-content);--tw-shadow:0 1px var(--tw-shadow-color,#0000000a)}@supports (color:color-mix(in lab, red, red)){.not-data-disabled\:not-focus-visible\:not-aria-invalid\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not([data-pressed]):before{--tw-shadow:0 1px var(--tw-shadow-color,color-mix(in oklab, var(--color-black) 4%, transparent))}}.not-data-disabled\:not-focus-visible\:not-aria-invalid\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not([data-pressed]):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\:not-first\:not-data-\[slot\=separator\]\:before\:-start-\[0\.5px\]>*):not(:first-child):not([data-slot=separator]):before{content:var(--tw-content);inset-inline-start:-.5px}:is(.\*\:not-first\:not-data-\[slot\=separator\]\:before\:-top-\[0\.5px\]>*):not(:first-child):not([data-slot=separator]):before{content:var(--tw-content);top:-.5px}:is(.\*\:not-last\:not-data-\[slot\=separator\]\:before\:-end-\[0\.5px\]>*):not(:last-child):not([data-slot=separator]):before{content:var(--tw-content);inset-inline-end:-.5px}:is(.\*\:not-last\:not-data-\[slot\=separator\]\:before\:-bottom-\[0\.5px\]>*):not(:last-child):not([data-slot=separator]):before{content:var(--tw-content);bottom:-.5px}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[calc\(var\(--toast-gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--toast-gap) + 1px)}.after\:w-full:after{content:var(--tw-content);width:100%}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-\[3px\]:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:z-10:hover{z-index:10}.hover\:scale-\[1\.12\]:hover{scale:1.12}.hover\:border-destructive\/32:hover{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:border-destructive\/32:hover{border-color:color-mix(in oklab, var(--destructive) 32%, transparent)}}.hover\:bg-accent:hover,.hover\:bg-accent\/30:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/30:hover{background-color:color-mix(in oklab, var(--accent) 30%, transparent)}}.hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.hover\:bg-destructive\/4:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/4:hover{background-color:color-mix(in oklab, var(--destructive) 4%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg\/40:hover{--tw-shadow-alpha:40%;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,oklab(0% 0 0/.4)), 0 4px 6px -4px var(--tw-shadow-color,oklab(0% 0 0/.4));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:scale-\[1\.12\]:focus-visible{scale:1.12}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}:is(.\*\:focus-visible\:z-10>*):focus-visible{z-index:10}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-64:disabled{opacity:.64}:where([data-placeholder]) .in-data-placeholder\:text-muted-foreground\/72{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){:where([data-placeholder]) .in-data-placeholder\:text-muted-foreground\/72{color:color-mix(in oklab, var(--muted-foreground) 72%, transparent)}}:where([data-side=none]) .in-data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+1\.25rem\)\]{min-width:calc(var(--anchor-width) + 1.25rem)}:where([data-size=lg]) .in-data-\[size\=lg\]\:h-9\.5{height:calc(var(--spacing) * 9.5)}:where([data-size=lg]) .in-data-\[size\=lg\]\:leading-9\.5{--tw-leading:calc(var(--spacing) * 9.5);line-height:calc(var(--spacing) * 9.5)}:where([data-size=sm]) .in-data-\[size\=sm\]\:h-7\.5{height:calc(var(--spacing) * 7.5)}:where([data-size=sm]) .in-data-\[size\=sm\]\:px-\[calc\(--spacing\(2\.5\)-1px\)\]{padding-inline:calc(calc(var(--spacing) * 2.5) - 1px)}:where([data-size=sm]) .in-data-\[size\=sm\]\:leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}:where([data-type=error]) .in-data-\[type\=error\]\:text-destructive{color:var(--destructive)}:where([data-type=info]) .in-data-\[type\=info\]\:text-info{color:var(--info)}:where([data-type=loading]) .in-data-\[type\=loading\]\:animate-spin{animation:var(--animate-spin)}:where([data-type=loading]) .in-data-\[type\=loading\]\:opacity-80{opacity:.8}:where([data-type=success]) .in-data-\[type\=success\]\:text-success{color:var(--success)}:where([data-type=warning]) .in-data-\[type\=warning\]\:text-warning{color:var(--warning)}:where([data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))) .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-footer\]\:not\(\.border-t\)\)\]\:pb-0{padding-bottom:0}:where([data-slot=card]:has(>[data-slot=card-header]:not(.border-b))) .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-header\]\:not\(\.border-b\)\)\]\:pt-0{padding-top:0}:where([data-slot=card]:has(>[data-slot=card-panel])) .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-panel\]\)\]\:pt-4{padding-top:calc(var(--spacing) * 4)}:where([data-slot=card]:has(>[data-slot=card-panel])) .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-panel\]\)\]\:pb-4{padding-bottom:calc(var(--spacing) * 4)}:where([data-slot=menu-checkbox-item]:active) .in-\[\[data-slot\=menu-checkbox-item\]\:active\]\:rounded-\[var\(--thumb-size\)\/calc\(var\(--thumb-size\)\*1\.10\)\]{border-radius:var(--thumb-size)/calc(var(--thumb-size) * 1.1)}:where([data-slot=menu-checkbox-item]:active) .in-\[\[data-slot\=menu-checkbox-item\]\:active\]\:not-data-disabled\:scale-x-110:not([data-disabled]){--tw-scale-x:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where([data-slot=menu-checkbox-item][data-checked]) .in-\[\[data-slot\=menu-checkbox-item\]\[data-checked\]\]\:origin-\[var\(--thumb-size\)_50\%\]{transform-origin:var(--thumb-size) 50%}:where([data-slot=menu-checkbox-item][data-checked]) .in-\[\[data-slot\=menu-checkbox-item\]\[data-checked\]\]\:translate-x-\[calc\(var\(--thumb-size\)-4px\)\]{--tw-translate-x:calc(var(--thumb-size) - 4px);translate:var(--tw-translate-x) var(--tw-translate-y)}.has-autofill\:bg-foreground\/4:has(:autofill){background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.has-autofill\:bg-foreground\/4:has(:autofill){background-color:color-mix(in oklab, var(--foreground) 4%, transparent)}}.has-focus-visible\:ring-\[3px\]:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-focus-visible\:ring-ring\/24:has(:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-focus-visible\:ring-ring\/24:has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ring) 24%, transparent)}}.has-aria-invalid\:border-destructive\/36:has([aria-invalid=true]){border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-aria-invalid\:border-destructive\/36:has([aria-invalid=true]){border-color:color-mix(in oklab, var(--destructive) 36%, transparent)}}.focus-within\:has-aria-invalid\:border-destructive\/64:focus-within:has([aria-invalid=true]){border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-within\:has-aria-invalid\:border-destructive\/64:focus-within:has([aria-invalid=true]){border-color:color-mix(in oklab, var(--destructive) 64%, transparent)}}.focus-within\:has-aria-invalid\:ring-destructive\/16:focus-within:has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-within\:has-aria-invalid\:ring-destructive\/16:focus-within:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 16%, transparent)}}:is(.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]),.has-data-\[slot\=card-frame-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-frame-action])){grid-template-columns:1fr auto}.has-data-\[slot\=table-container\]\:overflow-hidden:has([data-slot=table-container]){overflow:hidden}.aria-invalid\:border-destructive\/36[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:border-destructive\/36[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 36%, transparent)}}.focus-visible\:aria-invalid\:border-destructive\/64:focus-visible[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:aria-invalid\:border-destructive\/64:focus-visible[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 64%, transparent)}}.focus-visible\:aria-invalid\:ring-destructive\/16:focus-visible[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:aria-invalid\:ring-destructive\/16:focus-visible[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 16%, transparent)}}.data-behind\:opacity-0[data-behind]{opacity:0}.data-behind\:not-data-expanded\:pointer-events-none[data-behind]:not([data-expanded]){pointer-events:none}.data-checked\:bg-primary[data-checked]{background-color:var(--primary)}:is(.\*\*\:data-current\:w-\[calc\(var\(--popup-width\)-2\*var\(--viewport-inline-padding\)-2px\)\] *)[data-current]{width:calc(var(--popup-width) - 2 * var(--viewport-inline-padding) - 2px)}:is(.\*\*\:data-current\:opacity-100 *)[data-current]{opacity:1}:is(.\*\*\:data-current\:transition-opacity *)[data-current]{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-64[data-disabled]{opacity:.64}.data-dragging\:scale-120[data-dragging]{--tw-scale-x:120%;--tw-scale-y:120%;--tw-scale-z:120%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-ending-style\:scale-98[data-ending-style]{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-ending-style\:not-data-limited\:not-data-swipe-direction\:transform-\[translateY\(calc\(100\%\+var\(--toast-inset\)\)\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(calc(100% + var(--toast-inset)))}:is(.\*\*\:data-current\:data-ending-style\:opacity-0 *)[data-current][data-ending-style]{opacity:0}.data-expanded\:h-\(--toast-height\)[data-expanded]{height:var(--toast-height)}.data-expanded\:bg-popover[data-expanded]{background-color:var(--popover)}.data-expanded\:opacity-100[data-expanded]{opacity:1}.data-highlighted\:bg-accent[data-highlighted]{background-color:var(--accent)}.data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.data-inset\:ps-8[data-inset]{padding-inline-start:calc(var(--spacing) * 8)}.data-inset\:ps-9[data-inset]{padding-inline-start:calc(var(--spacing) * 9)}.data-instant\:transition-none[data-instant]{transition-property:none}.data-instant\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-limited\:opacity-0[data-limited]{opacity:0}.data-loading\:text-transparent[data-loading]{color:#0000}.data-loading\:select-none[data-loading]{-webkit-user-select:none;user-select:none}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-popup-open\:bg-accent[data-popup-open]{background-color:var(--accent)}.data-popup-open\:text-accent-foreground[data-popup-open]{color:var(--accent-foreground)}.data-position\:data-expanded\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-position][data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--toast-calc-offset-y))}.data-pressed\:border-destructive\/32[data-pressed]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-pressed\:border-destructive\/32[data-pressed]{border-color:color-mix(in oklab, var(--destructive) 32%, transparent)}}.data-pressed\:bg-accent[data-pressed],.data-pressed\:bg-accent\/50[data-pressed]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-pressed\:bg-accent\/50[data-pressed]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-pressed\:bg-destructive\/4[data-pressed]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-pressed\:bg-destructive\/4[data-pressed]{background-color:color-mix(in oklab, var(--destructive) 4%, transparent)}}.data-pressed\:bg-destructive\/90[data-pressed]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-pressed\:bg-destructive\/90[data-pressed]{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.data-pressed\:bg-input\/64[data-pressed]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.data-pressed\:bg-input\/64[data-pressed]{background-color:color-mix(in oklab, var(--input) 64%, transparent)}}.data-pressed\:bg-primary\/90[data-pressed]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.data-pressed\:bg-primary\/90[data-pressed]{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.data-pressed\:bg-secondary\/90[data-pressed]{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.data-pressed\:bg-secondary\/90[data-pressed]{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}.data-pressed\:text-accent-foreground[data-pressed]{color:var(--accent-foreground)}.data-pressed\:underline[data-pressed]{text-decoration-line:underline}:is(.\*\*\:data-previous\:w-\[calc\(var\(--popup-width\)-2\*var\(--viewport-inline-padding\)-2px\)\] *)[data-previous]{width:calc(var(--popup-width) - 2 * var(--viewport-inline-padding) - 2px)}:is(.\*\*\:data-previous\:truncate *)[data-previous]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.\*\*\:data-previous\:opacity-100 *)[data-previous]{opacity:1}:is(.\*\*\:data-previous\:transition-opacity *)[data-previous]{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:is(.\*\*\:data-previous\:data-ending-style\:opacity-0 *)[data-previous][data-ending-style]{opacity:0}.data-starting-style\:scale-98[data-starting-style]{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-starting-style\:opacity-0[data-starting-style],:is(.\*\*\:data-current\:data-starting-style\:opacity-0 *)[data-current][data-starting-style],:is(.\*\*\:data-previous\:data-starting-style\:opacity-0 *)[data-previous][data-starting-style]{opacity:0}.data-unchecked\:bg-input[data-unchecked]{background-color:var(--input)}.data-\[orientation\=horizontal\]\:ms-0\.5[data-orientation=horizontal]{margin-inline-start:calc(var(--spacing) * .5)}.data-\[orientation\=horizontal\]\:h-1[data-orientation=horizontal]{height:var(--spacing)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:min-w-44[data-orientation=horizontal]{min-width:calc(var(--spacing) * 44)}.data-\[orientation\=horizontal\]\:before\:inset-x-0\.5[data-orientation=horizontal]:before{content:var(--tw-content);inset-inline:calc(var(--spacing) * .5)}.data-\[orientation\=horizontal\]\:before\:inset-y-0[data-orientation=horizontal]:before{content:var(--tw-content);inset-block:0}.data-\[orientation\=vertical\]\:mb-0\.5[data-orientation=vertical]{margin-bottom:calc(var(--spacing) * .5)}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1[data-orientation=vertical]{width:var(--spacing)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:not-\[\[class\^\=\'h-\'\]\]\:not-\[\[class\*\=\'_h-\'\]\]\:self-stretch[data-orientation=vertical]:not([class^=h-]):not([class*=\ h-]){align-self:stretch}.data-\[orientation\=vertical\]\:before\:inset-x-0[data-orientation=vertical]:before{content:var(--tw-content);inset-inline:0}.data-\[orientation\=vertical\]\:before\:inset-y-0\.5[data-orientation=vertical]:before{content:var(--tw-content);inset-block:calc(var(--spacing) * .5)}.data-\[position\*\=bottom\]\:top-auto[data-position*=bottom]{top:auto}.data-\[position\*\=bottom\]\:bottom-\(--toast-inset\)[data-position*=bottom]{bottom:var(--toast-inset)}.data-\[position\*\=bottom\]\:bottom-0[data-position*=bottom]{bottom:0}.data-\[position\*\=bottom\]\:origin-\[50\%_calc\(50\%\+50\%\*min\(var\(--toast-index\,0\)\,1\)\)\][data-position*=bottom]{transform-origin:50% calc(50% + 50% * min(var(--toast-index,0), 1))}.data-\[position\*\=bottom\]\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--toast-peek\)\)-\(var\(--toast-shrink\)\*var\(--toast-calc-height\)\)\)\)_scale\(var\(--toast-scale\)\)\][data-position*=bottom]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) - (var(--toast-shrink) * var(--toast-calc-height)))) scale(var(--toast-scale))}.data-\[position\*\=bottom\]\:\[--toast-calc-offset-y\:calc\(var\(--toast-offset-y\)\*-1\+var\(--toast-index\)\*var\(--toast-gap\)\*-1\+var\(--toast-swipe-movement-y\)\)\][data-position*=bottom]{--toast-calc-offset-y:calc(var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1 + var(--toast-swipe-movement-y))}.data-\[position\*\=bottom\]\:after\:bottom-full[data-position*=bottom]:after{content:var(--tw-content);bottom:100%}.data-\[position\*\=bottom\]\:data-starting-style\:transform-\[translateY\(calc\(100\%\+var\(--toast-inset\)\)\)\][data-position*=bottom][data-starting-style]{transform:translateY(calc(100% + var(--toast-inset)))}.data-\[position\*\=center\]\:right-0[data-position*=center]{right:0}.data-\[position\*\=center\]\:left-0[data-position*=center]{left:0}.data-\[position\*\=center\]\:left-1\/2[data-position*=center]{left:50%}.data-\[position\*\=center\]\:-translate-x-1\/2[data-position*=center]{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[position\*\=left\]\:right-auto[data-position*=left]{right:auto}.data-\[position\*\=left\]\:left-\(--toast-inset\)[data-position*=left]{left:var(--toast-inset)}.data-\[position\*\=left\]\:left-0[data-position*=left]{left:0}.data-\[position\*\=right\]\:right-\(--toast-inset\)[data-position*=right]{right:var(--toast-inset)}.data-\[position\*\=right\]\:right-0[data-position*=right]{right:0}.data-\[position\*\=right\]\:left-auto[data-position*=right]{left:auto}.data-\[position\*\=top\]\:top-\(--toast-inset\)[data-position*=top]{top:var(--toast-inset)}.data-\[position\*\=top\]\:top-0[data-position*=top]{top:0}.data-\[position\*\=top\]\:bottom-auto[data-position*=top]{bottom:auto}.data-\[position\*\=top\]\:origin-\[50\%_calc\(50\%-50\%\*min\(var\(--toast-index\,0\)\,1\)\)\][data-position*=top]{transform-origin:50% calc(50% - 50% * min(var(--toast-index,0), 1))}.data-\[position\*\=top\]\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*var\(--toast-peek\)\)\+\(var\(--toast-shrink\)\*var\(--toast-calc-height\)\)\)\)_scale\(var\(--toast-scale\)\)\][data-position*=top]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-calc-height)))) scale(var(--toast-scale))}.data-\[position\*\=top\]\:\[--toast-calc-offset-y\:calc\(var\(--toast-offset-y\)\+var\(--toast-index\)\*var\(--toast-gap\)\+var\(--toast-swipe-movement-y\)\)\][data-position*=top]{--toast-calc-offset-y:calc(var(--toast-offset-y) + var(--toast-index) * var(--toast-gap) + var(--toast-swipe-movement-y))}.data-\[position\*\=top\]\:after\:top-full[data-position*=top]:after{content:var(--tw-content);top:100%}.data-\[position\*\=top\]\:data-starting-style\:transform-\[translateY\(calc\(-100\%-var\(--toast-inset\)\)\)\][data-position*=top][data-starting-style]{transform:translateY(calc(-100% - var(--toast-inset)))}:is(.\*\:data-\[slot\=button-loading-indicator\]\:text-foreground>*)[data-slot=button-loading-indicator]{color:var(--foreground)}:is(.\*\:data-\[slot\=button-loading-indicator\]\:text-primary-foreground>*)[data-slot=button-loading-indicator]{color:var(--primary-foreground)}:is(.\*\:data-\[slot\=button-loading-indicator\]\:text-secondary-foreground>*)[data-slot=button-loading-indicator]{color:var(--secondary-foreground)}:is(.\*\:data-\[slot\=button-loading-indicator\]\:text-white>*)[data-slot=button-loading-indicator]{color:var(--color-white)}:is(.\*\:data-\[slot\=card\]\:-m-px>*)[data-slot=card]{margin:-1px}:is(.\*\:data-\[slot\=card\]\:bg-clip-padding>*)[data-slot=card]{background-clip:padding-box}:is(.\*\:data-\[slot\=card\]\:shadow-none>*)[data-slot=card]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\:data-\[slot\=card\]\:\[clip-path\:inset\(var\(--clip-top\)_1px_var\(--clip-bottom\)_1px_round_calc\(var\(--radius-2xl\)-1px\)\)\]>*)[data-slot=card]{clip-path:inset(var(--clip-top) 1px var(--clip-bottom) 1px round calc(var(--radius-2xl) - 1px))}:is(.\*\:not-first\:data-\[slot\=card\]\:rounded-t-xl>*):not(:first-child)[data-slot=card]{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:not-last\:data-\[slot\=card\]\:rounded-b-xl>*):not(:last-child)[data-slot=card]{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}:is(.\*\:data-\[slot\=card\]\:before\:hidden>*)[data-slot=card]:before{content:var(--tw-content);display:none}:is(.\*\:not-first\:data-\[slot\=card\]\:before\:rounded-t-\[calc\(var\(--radius-xl\)-1px\)\]>*):not(:first-child)[data-slot=card]:before{content:var(--tw-content);border-top-left-radius:calc(var(--radius-xl) - 1px);border-top-right-radius:calc(var(--radius-xl) - 1px)}:is(.\*\:not-last\:data-\[slot\=card\]\:before\:rounded-b-\[calc\(var\(--radius-xl\)-1px\)\]>*):not(:last-child)[data-slot=card]:before{content:var(--tw-content);border-bottom-right-radius:calc(var(--radius-xl) - 1px);border-bottom-left-radius:calc(var(--radius-xl) - 1px)}:is(.\*\:data-\[slot\=card\]\:first\:\[--clip-top\:1px\]>*)[data-slot=card]:first-child{--clip-top:1px}:is(.\*\:data-\[slot\=card\]\:last\:\[--clip-bottom\:1px\]>*)[data-slot=card]:last-child{--clip-bottom:1px}:is(.\*\:data-\[slot\=table-container\]\:-m-px>*)[data-slot=table-container]{margin:-1px}:is(.\*\:data-\[slot\=table-container\]\:w-\[calc\(100\%\+2px\)\]>*)[data-slot=table-container]{width:calc(100% + 2px)}:is(.\*\:data-\[slot\=toggle\]\:not-last\:before\:hidden>*)[data-slot=toggle]:not(:last-child):before{content:var(--tw-content);display:none}.data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+100\%\+var\(--toast-inset\)\)\)\][data-ending-style][data-swipe-direction=down],.data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+100\%\+var\(--toast-inset\)\)\)\][data-expanded][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 100% + var(--toast-inset)))}.data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-100\%-var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-ending-style][data-swipe-direction=left],.data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-100\%-var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 100% - var(--toast-inset))) translateY(var(--toast-calc-offset-y))}.data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+100\%\+var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-ending-style][data-swipe-direction=right],.data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+100\%\+var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 100% + var(--toast-inset))) translateY(var(--toast-calc-offset-y))}.data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-100\%-var\(--toast-inset\)\)\)\][data-ending-style][data-swipe-direction=up],.data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-100\%-var\(--toast-inset\)\)\)\][data-expanded][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 100% - var(--toast-inset)))}.data-\[variant\=destructive\]\:text-destructive-foreground[data-variant=destructive]{color:var(--destructive-foreground)}.nth-3\:row-span-2:nth-child(3){grid-row:span 2/span 2}.nth-3\:row-start-1:nth-child(3){grid-row-start:1}@media (width>=40rem){.sm\:flex{display:flex}.sm\:size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.sm\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.sm\:size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.sm\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.sm\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.sm\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.sm\:h-4{height:calc(var(--spacing) * 4)}.sm\:h-4\.5{height:calc(var(--spacing) * 4.5)}.sm\:h-5\.5{height:calc(var(--spacing) * 5.5)}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-7{height:calc(var(--spacing) * 7)}.sm\:h-7\.5{height:calc(var(--spacing) * 7.5)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:min-h-7{min-height:calc(var(--spacing) * 7)}.sm\:min-h-8{min-height:calc(var(--spacing) * 8)}.sm\:min-h-9{min-height:calc(var(--spacing) * 9)}.sm\:min-w-4{min-width:calc(var(--spacing) * 4)}.sm\:min-w-4\.5{min-width:calc(var(--spacing) * 4.5)}.sm\:min-w-5\.5{min-width:calc(var(--spacing) * 5.5)}.sm\:min-w-7{min-width:calc(var(--spacing) * 7)}.sm\:min-w-8{min-width:calc(var(--spacing) * 8)}.sm\:min-w-9{min-width:calc(var(--spacing) * 9)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-sm\/4{font-size:var(--text-sm);line-height:calc(var(--spacing) * 4)}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[\.625rem\]{font-size:.625rem}.sm\:leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}.sm\:\[--thumb-size\:--spacing\(3\)\]{--thumb-size:calc(var(--spacing) * 3)}.sm\:\[--toast-inset\:--spacing\(8\)\]{--toast-inset:calc(var(--spacing) * 8)}:where([data-size=lg]) .sm\:in-data-\[size\=lg\]\:h-8\.5{height:calc(var(--spacing) * 8.5)}:where([data-size=lg]) .sm\:in-data-\[size\=lg\]\:leading-8\.5{--tw-leading:calc(var(--spacing) * 8.5);line-height:calc(var(--spacing) * 8.5)}:where([data-size=sm]) .sm\:in-data-\[size\=sm\]\:h-6\.5{height:calc(var(--spacing) * 6.5)}:where([data-size=sm]) .sm\:in-data-\[size\=sm\]\:leading-6\.5{--tw-leading:calc(var(--spacing) * 6.5);line-height:calc(var(--spacing) * 6.5)}.sm\:data-inset\:ps-8[data-inset]{padding-inline-start:calc(var(--spacing) * 8)}}@media (width>=64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:border-background:is(.dark *){border-color:var(--background)}.dark\:bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(6\%\*max\(0\,var\(--toast-index\,0\)\)\)\)\]:is(.dark *){background-color:var(--popover)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(6\%\*max\(0\,var\(--toast-index\,0\)\)\)\)\]:is(.dark *){background-color:color-mix(in srgb,var(--popover),var(--color-black) calc(6% * max(0, var(--toast-index,0))))}}.dark\:bg-destructive\/16:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/16:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 16%, transparent)}}.dark\:bg-info\/16:is(.dark *){background-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-info\/16:is(.dark *){background-color:color-mix(in oklab, var(--info) 16%, transparent)}}.dark\:bg-input\/32:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/32:is(.dark *){background-color:color-mix(in oklab, var(--input) 32%, transparent)}}.dark\:bg-success\/16:is(.dark *){background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-success\/16:is(.dark *){background-color:color-mix(in oklab, var(--success) 16%, transparent)}}.dark\:bg-warning\/16:is(.dark *){background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-warning\/16:is(.dark *){background-color:color-mix(in oklab, var(--warning) 16%, transparent)}}.dark\:before\:bg-input\/32:is(.dark *):before{content:var(--tw-content);background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:before\:bg-input\/32:is(.dark *):before{background-color:color-mix(in oklab, var(--input) 32%, transparent)}}.dark\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}@supports (color:color-mix(in lab, red, red)){.dark\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab, var(--color-white) 6%, transparent))}}.dark\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:not-disabled\:before\:shadow-\[0_-1px_--theme\(--color-white\/2\%\)\]:is(.dark *):not(:disabled):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff05)}@supports (color:color-mix(in lab, red, red)){.dark\:not-disabled\:before\:shadow-\[0_-1px_--theme\(--color-white\/2\%\)\]:is(.dark *):not(:disabled):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab, var(--color-white) 2%, transparent))}}.dark\:not-disabled\:before\:shadow-\[0_-1px_--theme\(--color-white\/2\%\)\]:is(.dark *):not(:disabled):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:not-data-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not([data-disabled]):not(:focus-within):not([aria-invalid=true]):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}@supports (color:color-mix(in lab, red, red)){.dark\:not-data-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not([data-disabled]):not(:focus-within):not([aria-invalid=true]):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab, var(--color-white) 6%, transparent))}}.dark\:not-data-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not([data-disabled]):not(:focus-within):not([aria-invalid=true]):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:not-disabled\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not(:disabled):not([data-pressed]):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}@supports (color:color-mix(in lab, red, red)){.dark\:not-disabled\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not(:disabled):not([data-pressed]):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab, var(--color-white) 6%, transparent))}}.dark\:not-disabled\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not(:disabled):not([data-pressed]):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not(:disabled):not(:active):not([data-pressed]):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}@supports (color:color-mix(in lab, red, red)){.dark\:not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not(:disabled):not(:active):not([data-pressed]):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab, var(--color-white) 6%, transparent))}}.dark\:not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not(:disabled):not(:active):not([data-pressed]):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:not-data-disabled\:not-focus-visible\:not-aria-invalid\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not([data-pressed]):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}@supports (color:color-mix(in lab, red, red)){.dark\:not-data-disabled\:not-focus-visible\:not-aria-invalid\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not([data-pressed]):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab, var(--color-white) 6%, transparent))}}.dark\:not-data-disabled\:not-focus-visible\:not-aria-invalid\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\]:is(.dark *):not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not([data-pressed]):before{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.dark\:\*\:first\:before\:block:is(.dark *)>*):first-child:before{content:var(--tw-content);display:block}:is(.dark\:\*\:last\:before\:hidden:is(.dark *)>*):last-child:before{content:var(--tw-content);display:none}@media (hover:hover){.dark\:hover\:bg-input\/64:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/64:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 64%, transparent)}}}.dark\:has-autofill\:bg-foreground\/8:is(.dark *):has(:autofill){background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark\:has-autofill\:bg-foreground\/8:is(.dark *):has(:autofill){background-color:color-mix(in oklab, var(--foreground) 8%, transparent)}}.dark\:has-focus-visible\:ring-ring\/48:is(.dark *):has(:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.dark\:has-focus-visible\:ring-ring\/48:is(.dark *):has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ring) 48%, transparent)}}.dark\:has-aria-invalid\:ring-destructive\/24:is(.dark *):has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-aria-invalid\:ring-destructive\/24:is(.dark *):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 24%, transparent)}}.dark\:aria-invalid\:ring-destructive\/24:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/24:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 24%, transparent)}}.dark\:data-expanded\:bg-popover:is(.dark *)[data-expanded]{background-color:var(--popover)}.dark\:data-pressed\:bg-input:is(.dark *)[data-pressed],.dark\:data-pressed\:bg-input\/64:is(.dark *)[data-pressed]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-pressed\:bg-input\/64:is(.dark *)[data-pressed]{background-color:color-mix(in oklab, var(--input) 64%, transparent)}}@media (pointer:coarse){.pointer-coarse\:after\:absolute:after{content:var(--tw-content);position:absolute}.pointer-coarse\:after\:size-full:after{content:var(--tw-content);width:100%;height:100%}.pointer-coarse\:after\:min-h-11:after{content:var(--tw-content);min-height:calc(var(--spacing) * 11)}.pointer-coarse\:after\:min-w-11:after{content:var(--tw-content);min-width:calc(var(--spacing) * 11)}:is(.\*\:pointer-coarse\:after\:min-h-auto>*):after{content:var(--tw-content);min-height:auto}:is(.\*\:pointer-coarse\:after\:min-w-auto>*):after{content:var(--tw-content);min-width:auto}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:-mx-0\.5 svg{margin-inline:calc(var(--spacing) * -.5)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'opacity-\'\]\)\]\:opacity-80 svg:not([class*=opacity-]){opacity:.8}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.not-in-data-\[slot\=input-group\]\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4:not(:where([data-slot=input-group]) *) svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (width>=40rem){.sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.sm\:not-in-data-\[slot\=input-group\]\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:not(:where([data-slot=input-group]) *) svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}}.\[\:active\,\[data-pressed\]\]\:bg-secondary\/80:is(:active,[data-pressed]){background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[\:active\,\[data-pressed\]\]\:bg-secondary\/80:is(:active,[data-pressed]){background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\[\:active\,\[data-pressed\]\]\:inset-shadow-\[0_1px_--theme\(--color-black\/8\%\)\]:is(:active,[data-pressed]){--tw-inset-shadow:inset 0 1px var(--tw-inset-shadow-color,#00000014)}@supports (color:color-mix(in lab, red, red)){.\[\:active\,\[data-pressed\]\]\:inset-shadow-\[0_1px_--theme\(--color-black\/8\%\)\]:is(:active,[data-pressed]){--tw-inset-shadow:inset 0 1px var(--tw-inset-shadow-color,color-mix(in oklab, var(--color-black) 8%, transparent))}}.\[\:active\,\[data-pressed\]\]\:inset-shadow-\[0_1px_--theme\(--color-black\/8\%\)\]:is(:active,[data-pressed]){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\:disabled\,\:active\,\[data-pressed\]\]\:shadow-none:is(:disabled,:active,[data-pressed]),.\[\:has\(\*\:focus-visible\)\,\[data-dragging\]\]\:shadow-none:is(:has(:focus-visible),[data-dragging]),.\[\[data-disabled\]\,\:focus-visible\,\[aria-invalid\]\,\[data-pressed\]\]\:shadow-none:is([data-disabled],:focus-visible,[aria-invalid],[data-pressed]),.\[\[data-disabled\]\,\:focus-within\,\[aria-invalid\]\]\:shadow-none:is([data-disabled],:focus-within,[aria-invalid]){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.dark\:\*\:\[\[data-slot\=separator\]\:has\(\+\[data-slot\=toggle\]\:hover\)\]\:before\:bg-input\/64:is(.dark *)>*)[data-slot=separator]:has(+[data-slot=toggle]:hover):before{content:var(--tw-content);background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.dark\:\*\:\[\[data-slot\=separator\]\:has\(\+\[data-slot\=toggle\]\:hover\)\]\:before\:bg-input\/64:is(.dark *)>*)[data-slot=separator]:has(+[data-slot=toggle]:hover):before{background-color:color-mix(in oklab, var(--input) 64%, transparent)}}:is(.dark\:\*\:\[\[data-slot\=toggle\]\:hover\+\[data-slot\=separator\]\]\:before\:bg-input\/64:is(.dark *)>*):is([data-slot=toggle]:hover+[data-slot=separator]):before{content:var(--tw-content);background-color:var(--input)}:is(.dark\:\*\:\[\[data-slot\=separator\]\:has\(\+\[data-slot\=toggle\]\[data-pressed\]\)\]\:before\:bg-input:is(.dark *)>*)[data-slot=separator]:has(+[data-slot=toggle][data-pressed]):before{content:var(--tw-content);background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.dark\:\*\:\[\[data-slot\=toggle\]\:hover\+\[data-slot\=separator\]\]\:before\:bg-input\/64:is(.dark *)>*):is([data-slot=toggle]:hover+[data-slot=separator]):before{background-color:color-mix(in oklab, var(--input) 64%, transparent)}}:is(.dark\:\*\:\[\[data-slot\=toggle\]\[data-pressed\]\+\[data-slot\=separator\]\]\:before\:bg-input:is(.dark *)>*):is([data-slot=toggle][data-pressed]+[data-slot=separator]):before{content:var(--tw-content);background-color:var(--input)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:-mx-0\.5>svg{margin-inline:calc(var(--spacing) * -.5)}.\[\&\>svg\]\:h-lh>svg{height:1lh}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\:not\(\:last-child\)\]\:-mx-0\.5>svg:not(:last-child){margin-inline:calc(var(--spacing) * -.5)}.\[\&\>svg\:not\(\[class\*\=\'opacity-\'\]\)\]\:opacity-80>svg:not([class*=opacity-]){opacity:.8}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}@media (width>=40rem){.sm\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}button.\[button\&\,a\&\]\:cursor-pointer,a.\[button\&\,a\&\]\:cursor-pointer{cursor:pointer}@media (hover:hover){:is(button.\[button\&\,a\&\]\:hover\:bg-accent\/50,a.\[button\&\,a\&\]\:hover\:bg-accent\/50):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:is(button.\[button\&\,a\&\]\:hover\:bg-accent\/50,a.\[button\&\,a\&\]\:hover\:bg-accent\/50):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}:is(button.\[button\&\,a\&\]\:hover\:bg-destructive\/90,a.\[button\&\,a\&\]\:hover\:bg-destructive\/90):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(button.\[button\&\,a\&\]\:hover\:bg-destructive\/90,a.\[button\&\,a\&\]\:hover\:bg-destructive\/90):hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}:is(button.\[button\&\,a\&\]\:hover\:bg-primary\/90,a.\[button\&\,a\&\]\:hover\:bg-primary\/90):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){:is(button.\[button\&\,a\&\]\:hover\:bg-primary\/90,a.\[button\&\,a\&\]\:hover\:bg-primary\/90):hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}:is(button.\[button\&\,a\&\]\:hover\:bg-secondary\/90,a.\[button\&\,a\&\]\:hover\:bg-secondary\/90):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){:is(button.\[button\&\,a\&\]\:hover\:bg-secondary\/90,a.\[button\&\,a\&\]\:hover\:bg-secondary\/90):hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}:is(button.dark\:\[button\&\,a\&\]\:hover\:bg-input\/48:is(.dark *),a.dark\:\[button\&\,a\&\]\:hover\:bg-input\/48:is(.dark *)):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(button.dark\:\[button\&\,a\&\]\:hover\:bg-input\/48:is(.dark *),a.dark\:\[button\&\,a\&\]\:hover\:bg-input\/48:is(.dark *)):hover{background-color:color-mix(in oklab, var(--input) 48%, transparent)}}}@media (pointer:coarse){:is(button.\[button\&\,a\&\]\:pointer-coarse\:after\:absolute,a.\[button\&\,a\&\]\:pointer-coarse\:after\:absolute):after{content:var(--tw-content);position:absolute}:is(button.\[button\&\,a\&\]\:pointer-coarse\:after\:size-full,a.\[button\&\,a\&\]\:pointer-coarse\:after\:size-full):after{content:var(--tw-content);width:100%;height:100%}:is(button.\[button\&\,a\&\]\:pointer-coarse\:after\:min-h-11,a.\[button\&\,a\&\]\:pointer-coarse\:after\:min-h-11):after{content:var(--tw-content);min-height:calc(var(--spacing) * 11)}:is(button.\[button\&\,a\&\]\:pointer-coarse\:after\:min-w-11,a.\[button\&\,a\&\]\:pointer-coarse\:after\:min-w-11):after{content:var(--tw-content);min-width:calc(var(--spacing) * 11)}}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/color-studio/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/color-studio/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/color-studio/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/color-studio/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/color-studio/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/color-studio/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/color-studio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-canvas:#d3d3d3;--color-surface-1:#e5e5e5;--color-surface-2:#d7d7d7;--color-border-default:#a3a3a3;--color-text-primary:#18181b;--color-text-muted:#57534e;--destructive-foreground:var(--color-red-700);--info:var(--color-blue-500);--info-foreground:var(--color-blue-700);--success:var(--color-emerald-500);--success-foreground:var(--color-emerald-700);--warning:var(--color-amber-500);--warning-foreground:var(--color-amber-700);--accent:#0000000a}@supports (color:color-mix(in lab, red, red)){:root{--accent:color-mix(in oklab, var(--color-black) 4%, transparent)}}:root{--accent-foreground:var(--color-neutral-800);--background:#e5e5e5;--border:#d7d7d7;--card:#d7d7d7;--card-foreground:#18181b;--destructive:var(--color-red-500);--foreground:#18181b;--input:#a3a3a3;--muted:#00000014}@supports (color:color-mix(in lab, red, red)){:root{--muted:color-mix(in oklab, var(--color-black) 8%, transparent)}}:root{--muted-foreground:#686868}@supports (color:color-mix(in lab, red, red)){:root{--muted-foreground:color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-black))}}:root{--popover:#c8c8c8;--popover-foreground:#18181b;--color-brand-active:#18181b;--color-brand-active-foreground:#fafafa;--color-brand-preview:#57534e;--color-brand-rgb:24 24 27;--color-brand-rgb-fade:#18181b59;--primary:var(--color-brand-active);--primary-foreground:var(--color-brand-active-foreground);--ring:var(--color-brand-active);--secondary:#0000000f}@supports (color:color-mix(in lab, red, red)){:root{--secondary:color-mix(in oklab, var(--color-black) 6%, transparent)}}:root{--secondary-foreground:#18181b;--chart-1:var(--color-orange-600);--chart-2:var(--color-teal-600);--chart-3:var(--color-cyan-900);--chart-4:var(--color-amber-400);--chart-5:var(--color-amber-500);--code:#c8c8c8;--code-foreground:var(--foreground);--code-highlight:#0000000a}@supports (color:color-mix(in lab, red, red)){:root{--code-highlight:color-mix(in oklab, var(--color-black) 4%, transparent)}}:root{--radius:.625rem;--sidebar:#c8c8c8;--sidebar-accent:#0000000f}@supports (color:color-mix(in lab, red, red)){:root{--sidebar-accent:color-mix(in oklab, var(--color-black) 6%, transparent)}}:root{--sidebar-accent-foreground:#18181b;--sidebar-border:#a3a3a3;--sidebar-foreground:#18181b}@supports (color:color-mix(in lab, red, red)){:root{--sidebar-foreground:color-mix(in srgb, #18181b 64%, var(--sidebar))}}:root{--sidebar-primary:var(--color-brand-active);--sidebar-primary-foreground:var(--color-brand-active-foreground);--sidebar-ring:var(--color-brand-active)}*{box-sizing:border-box}html{transition:color-scheme .3s,--primary .5s cubic-bezier(.22,1,.36,1),--primary-foreground .5s cubic-bezier(.22,1,.36,1),--ring .5s cubic-bezier(.22,1,.36,1),--color-brand-active .5s cubic-bezier(.22,1,.36,1),--color-brand-active-foreground .5s cubic-bezier(.22,1,.36,1),--color-brand-preview .5s cubic-bezier(.22,1,.36,1),--background .5s cubic-bezier(.22,1,.36,1),--foreground .5s cubic-bezier(.22,1,.36,1),--card .5s cubic-bezier(.22,1,.36,1),--card-foreground .5s cubic-bezier(.22,1,.36,1),--popover .5s cubic-bezier(.22,1,.36,1),--popover-foreground .5s cubic-bezier(.22,1,.36,1),--muted .5s cubic-bezier(.22,1,.36,1),--muted-foreground .5s cubic-bezier(.22,1,.36,1),--border .5s cubic-bezier(.22,1,.36,1),--input .5s cubic-bezier(.22,1,.36,1),--secondary .5s cubic-bezier(.22,1,.36,1),--secondary-foreground .5s cubic-bezier(.22,1,.36,1),--accent .5s cubic-bezier(.22,1,.36,1),--accent-foreground .5s cubic-bezier(.22,1,.36,1),--sidebar .5s cubic-bezier(.22,1,.36,1),--sidebar-foreground .5s cubic-bezier(.22,1,.36,1),--sidebar-border .5s cubic-bezier(.22,1,.36,1)}html,body,#root{min-height:100%}body{background-color:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-sans);margin:0;transition:background-color .3s,color .3s}button,input,select,textarea{font:inherit}:focus-visible{outline-offset:2px;outline:2px solid #818cf8}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#333;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#444}[data-slot=tooltip-popup],[data-slot=menu-popup],[data-slot=popover-popup],[data-slot=select-popup],[data-slot=toast-popup]{transform-origin:var(--transform-origin);animation:.18s cubic-bezier(.16,1,.3,1) both coss-pop-in}[data-slot=tooltip-popup][data-ending-style],[data-slot=menu-popup][data-ending-style],[data-slot=popover-popup][data-ending-style],[data-slot=select-popup][data-ending-style],[data-slot=toast-popup][data-ending-style]{animation:.12s cubic-bezier(.4,0,1,1) both coss-pop-out}[data-slot=tabs-content]{animation:.24s ease-out both coss-fade-in}[data-slot=field]{animation:.32s cubic-bezier(.16,1,.3,1) both coss-slide-up}[data-animate=enter]{animation:.36s cubic-bezier(.16,1,.3,1) both coss-slide-up}[data-animate=view-enter]{animation:.4s cubic-bezier(.22,1,.36,1) both coss-view-enter}[data-animate=swatch-stagger]{animation:.35s cubic-bezier(.22,1,.36,1) both coss-swatch-in}[data-slot=badge]{transition:background-color .2s,color .2s}@keyframes coss-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes coss-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes coss-fade-in{0%{opacity:0}to{opacity:1}}@keyframes coss-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes coss-view-enter{0%{opacity:0;transform:scale(.98)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes coss-swatch-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes coss-row-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.row-animate-enter{animation:.25s cubic-bezier(.16,1,.3,1) both coss-row-enter}@keyframes coss-col-enter{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.col-animate-enter{animation:.25s cubic-bezier(.16,1,.3,1) both coss-col-enter}.slider-track-hue:before{opacity:1!important;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-canvas:#060606;--color-surface-1:#111;--color-surface-2:#1a1a1a;--color-border-default:#333;--color-text-primary:#fff;--color-text-muted:#6b7280;--destructive-foreground:var(--color-red-400);--info:var(--color-blue-500);--info-foreground:var(--color-blue-400);--success:var(--color-emerald-500);--success-foreground:var(--color-emerald-400);--warning:var(--color-amber-500);--warning-foreground:var(--color-amber-400);--accent:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark{--accent:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark{--accent-foreground:var(--color-neutral-100);--background:#161616}@supports (color:color-mix(in lab, red, red)){.dark{--background:color-mix(in srgb, var(--color-neutral-950) 95%, var(--color-white))}}.dark{--border:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark{--border:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark{--card:var(--background)}@supports (color:color-mix(in lab, red, red)){.dark{--card:color-mix(in srgb, var(--background) 98%, var(--color-white))}}.dark{--card-foreground:var(--color-neutral-100);--destructive:#fb414a}@supports (color:color-mix(in lab, red, red)){.dark{--destructive:color-mix(in srgb, var(--color-red-500) 90%, var(--color-white))}}.dark{--foreground:var(--color-neutral-100);--input:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark{--input:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark{--muted:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark{--muted:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark{--muted-foreground:#818181}@supports (color:color-mix(in lab, red, red)){.dark{--muted-foreground:color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-white))}}.dark{--popover:var(--background)}@supports (color:color-mix(in lab, red, red)){.dark{--popover:color-mix(in srgb, var(--background) 98%, var(--color-white))}}.dark{--popover-foreground:var(--color-neutral-100);--primary:var(--color-neutral-100);--primary-foreground:var(--color-neutral-800);--ring:var(--color-neutral-500);--secondary:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark{--secondary:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark{--secondary-foreground:var(--color-neutral-100);--chart-1:var(--color-blue-700);--chart-2:var(--color-emerald-500);--chart-3:var(--color-amber-500);--chart-4:var(--color-purple-500);--chart-5:var(--color-rose-500);--code:var(--background)}@supports (color:color-mix(in lab, red, red)){.dark{--code:color-mix(in srgb, var(--background) 98%, var(--color-white))}}.dark{--code-foreground:var(--foreground);--code-highlight:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark{--code-highlight:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark{--sidebar:#111}@supports (color:color-mix(in lab, red, red)){.dark{--sidebar:color-mix(in srgb, var(--color-neutral-950) 97%, var(--color-white))}}.dark{--sidebar-accent:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark{--sidebar-accent:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark{--sidebar-accent-foreground:var(--color-neutral-100);--sidebar-border:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark{--sidebar-border:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark{--sidebar-foreground:oklch(97% 0 none)}@supports (color:color-mix(in lab, red, red)){.dark{--sidebar-foreground:color-mix(in srgb, var(--color-neutral-100) 64%, var(--sidebar))}}.dark{--sidebar-primary:var(--color-brand-active);--sidebar-primary-foreground:var(--color-brand-active-foreground);--sidebar-ring:var(--color-brand-active);--color-brand-active:var(--color-neutral-100);--color-brand-active-foreground:var(--color-neutral-900);--color-brand-preview:#a3a3a3;--color-brand-rgb:245 245 245;--color-brand-rgb-fade:#f5f5f573;--primary:var(--color-brand-active);--primary-foreground:var(--color-brand-active-foreground);--ring:var(--color-brand-active)}.swatch-hover-transition{transition:transform .22s cubic-bezier(.25,1,.5,1),box-shadow .22s cubic-bezier(.25,1,.5,1),background-color .2s ease-out,color .2s ease-out}.swatch-hover-transition:hover{transition:transform .32s cubic-bezier(.34,1.6,.64,1),box-shadow .32s cubic-bezier(.34,1.6,.64,1),background-color .2s ease-out,color .2s ease-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes toast-success-odd{0%{scale:1}30%{scale:1.025}60%{scale:.99}to{scale:1}}@keyframes toast-error-odd{0%{translate:0}25%{translate:-3px}50%{translate:3px}75%{translate:-3px}to{translate:0}}@keyframes toast-success-even{0%{scale:1}30%{scale:1.025}60%{scale:.99}to{scale:1}}@keyframes toast-error-even{0%{translate:0}25%{translate:-3px}50%{translate:3px}75%{translate:-3px}to{translate:0}}:root{--studio-canvas:#f4f5f3;--studio-surface:#fff;--studio-surface-raised:#fff;--studio-rail:#f9faf7;--studio-ink:#25282b;--studio-muted:#646b69;--studio-line:#19261d1a;--studio-line-strong:#19261d33;--studio-shadow:none;--studio-control:#fffdf7b8;--studio-control-hover:#fffffff5;--studio-danger:#a43b32;--studio-selection:var(--color-brand-active)}.dark{--studio-canvas:#141517;--studio-surface:#1b1d1f;--studio-surface-raised:#242729;--studio-rail:#181a1c;--studio-ink:#f0f2ed;--studio-muted:#a2aaa5;--studio-line:#ffffff16;--studio-line-strong:#ffffff29;--studio-shadow:none;--studio-control:#ffffff0a;--studio-control-hover:#ffffff13;--studio-danger:#ff8b80;--studio-selection:var(--color-brand-active)}.studio-shell{background:var(--studio-canvas);height:100dvh;min-height:100dvh;color:var(--studio-ink);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.studio-skip-link{z-index:200;background:var(--studio-ink);color:var(--studio-surface);border-radius:.45rem;padding:.65rem .9rem;font-size:.8rem;font-weight:700;transition:translate .14s;position:fixed;top:.75rem;left:.75rem;translate:0 -180%}.studio-skip-link:focus{translate:0}.studio-global-header{z-index:20;border-bottom:1px solid var(--studio-line);background:var(--studio-surface);flex:0 0 4.5rem;grid-template-columns:14rem minmax(10rem,1fr) auto;align-items:center;gap:1.2rem;padding:0 1.2rem;display:grid;position:relative}.studio-brand-block,.studio-project-state,.studio-global-actions,.studio-inspector-heading,.studio-header-actions,.studio-inline-actions,.studio-selection-title,.gradient-stop-actions,.scale-toolbar-actions,.mixer-heading{align-items:center;display:flex}.studio-brand-block{gap:.7rem;min-width:0}.studio-brand-block h1{letter-spacing:-.025em;margin:0;font-size:.95rem;font-weight:650}.studio-brand-block span,.studio-project-state small,.studio-rail-note small{color:var(--studio-muted);margin-top:.08rem;font-size:.72rem;line-height:1.2;display:block}.studio-project-state{color:var(--studio-muted);letter-spacing:.01em;justify-self:center;gap:.55rem;font-size:.72rem;font-weight:650}.studio-project-state>svg{color:#4da578;width:1rem}.studio-global-actions{justify-self:end;gap:.45rem}.studio-current-tool{border-right:1px solid var(--studio-line);color:var(--studio-muted);align-items:center;gap:.4rem;margin-right:.2rem;padding-right:.8rem;font-size:.76rem;font-weight:650;display:inline-flex}.studio-current-tool svg{width:.95rem}.studio-body{flex:1;grid-template-columns:14rem minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.studio-tool-rail{border-right:1px solid var(--studio-line);background:var(--studio-rail);flex-direction:column;min-height:0;padding:1.25rem .85rem .9rem;display:flex}.studio-rail-label,.studio-eyebrow{color:var(--studio-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:650;line-height:1.2}.studio-rail-label{padding:0 .55rem .65rem}.studio-tool-list{gap:.35rem;display:grid}.studio-tool-button{min-width:0;color:var(--studio-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:.72rem;align-items:center;gap:.7rem;padding:.62rem;transition:background-color .16s,border-color .16s,color .16s,translate .16s;display:flex;position:relative}.studio-tool-button:hover{background:var(--studio-control);color:var(--studio-ink)}.studio-tool-button[data-active]{border-color:var(--studio-line);background:var(--studio-surface-raised);color:var(--studio-ink)}.studio-tool-button[data-active]:before{background:var(--studio-highlight);content:"";border-radius:0 2px 2px 0;width:.15rem;height:1.4rem;position:absolute;left:-.88rem}.studio-tool-icon{flex:none;place-items:center;width:1.8rem;height:1.8rem;display:grid}.studio-tool-icon svg{stroke-width:1.65px;width:1.15rem;height:1.15rem}.studio-tool-copy{min-width:0}.studio-tool-copy strong,.studio-tool-copy small{display:block}.studio-tool-copy strong{font-size:.75rem;font-weight:600}.studio-tool-copy small{text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:.72rem;font-weight:520;overflow:hidden}.studio-rail-note{border-top:1px solid var(--studio-line);color:var(--studio-muted);align-items:center;gap:.55rem;margin-top:auto;padding:.85rem .5rem 0;font-size:.76rem;font-weight:650;display:flex}.studio-status-dot{background:#4da578;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 .2rem #4da5782b}.studio-workspace{outline:none;min-width:0;min-height:0;overflow:hidden}.studio-tool-loading{height:100%;min-height:12rem;color:var(--studio-muted);place-items:center;font-size:.78rem;font-weight:650;display:grid}.studio-tool-workspace{grid-template-columns:minmax(0,1fr) 19.5rem;height:100%;display:grid;overflow:hidden}.studio-artifact-panel{scrollbar-gutter:stable;min-width:0;min-height:0;padding:clamp(1.3rem,2.6vw,2.5rem);overflow-y:auto}.studio-inspector{border-left:1px solid var(--studio-line);background:var(--studio-surface);scrollbar-gutter:stable;min-width:0;min-height:0;padding:1.35rem 1.15rem 2rem;overflow-y:auto}.studio-tool-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.8rem;display:flex}.studio-tool-header h2,.scale-toolbar h2{letter-spacing:-.055em;margin:.28rem 0 0;font-size:clamp(1.55rem,2.4vw,2.4rem);font-weight:600;line-height:1}.studio-tool-header>div>p:last-child{max-width:42rem;color:var(--studio-muted);margin:.65rem 0 0;font-size:.78rem;line-height:1.5}.studio-header-actions{flex:none;gap:.5rem}.studio-pill,.contrast-ratio-pill,.contrast-mini-score{border:1px solid var(--studio-line);background:var(--studio-control);color:var(--studio-muted);border-radius:99rem;align-items:center;padding:.38rem .65rem;font-size:.72rem;font-weight:550;display:inline-flex}.studio-button{border:1px solid var(--studio-line-strong);background:var(--studio-control);min-height:2.15rem;color:var(--studio-ink);border-radius:.55rem;justify-content:center;align-items:center;gap:.42rem;padding:.48rem .7rem;font-size:.76rem;font-weight:550;line-height:1;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.studio-button:hover:not(:disabled){background:var(--studio-control-hover);transform:translateY(-1px)}.studio-button:active:not(:disabled){transform:translateY(0)}.studio-button svg{width:.95rem;height:.95rem}.studio-button-primary{border-color:var(--studio-highlight);background:var(--studio-highlight);color:#18200f}.studio-button-primary:hover:not(:disabled){border-color:var(--studio-highlight);background:color-mix(in srgb, var(--studio-highlight) 86%, white);color:#18200f}.studio-button-danger{color:#ce604f}.studio-button-wide{width:100%}.studio-button:disabled,.studio-segmented button:disabled{cursor:not-allowed;opacity:.45}.palette-stage,.gradient-stage,.studio-proof-card,.studio-code-card,.contrast-preview-card,.contrast-score-card,.mixer-card{border:1px solid var(--studio-line);background:var(--studio-surface);box-shadow:var(--studio-shadow)}.palette-stage{background:0 0;border:0;border-radius:0;padding:0;position:relative;overflow:hidden}.chromatic-spine{grid-template-columns:repeat(var(--swatch-count), minmax(0, 1fr));border-radius:.85rem;gap:0;min-height:clamp(19rem,39vh,28rem);display:grid;overflow:hidden}.chromatic-swatch{text-align:left;cursor:pointer;border:0;border-radius:0;flex-direction:column;justify-content:space-between;width:100%;min-width:0;height:100%;min-height:13rem;padding:1.1rem .8rem;display:flex;position:relative;overflow:hidden}.chromatic-swatch:hover,.chromatic-swatch[data-active]{outline-offset:-7px;outline:2px solid}.chromatic-swatch[data-active]{outline-offset:.17rem;outline:2px solid}.chromatic-swatch-index{font-family:var(--font-mono);letter-spacing:.08em;opacity:.72;font-size:.76rem;font-weight:800}.chromatic-swatch-value{font-family:var(--font-mono);white-space:nowrap;font-size:clamp(.7rem,.85vw,.87rem);font-weight:600}.palette-stage-caption{z-index:1;color:var(--studio-muted);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem .2rem .1rem;font-size:.76rem;display:flex;position:relative}.palette-stage-caption span{color:var(--studio-ink);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.palette-stage-caption svg{width:.9rem}.palette-stage-caption p{text-align:right;margin:0}.palette-detail-grid,.gradient-code-grid,.contrast-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.85rem;display:grid}.studio-proof-card,.studio-code-card,.contrast-preview-card,.contrast-score-card,.mixer-card{border-radius:.9rem}.studio-proof-card{min-width:0;padding:1rem}.role-preview-surface{border-radius:.68rem;align-content:space-between;gap:.7rem;min-height:9.5rem;margin-top:.75rem;padding:1rem;display:grid}.role-preview-surface>span{font-family:var(--font-mono);letter-spacing:.1em;opacity:.7;text-transform:uppercase;font-size:.76rem;font-weight:800}.role-preview-surface strong{max-width:13rem;font-size:1.05rem;line-height:1.1}.role-preview-surface .role-preview-action{border:0;border-radius:.4rem;width:max-content;padding:.45rem .62rem;font-size:.76rem;font-weight:600;display:inline-flex}.studio-caption{color:var(--studio-muted);margin:.7rem 0 0;font-size:.76rem;line-height:1.45}.palette-output-card{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.palette-output-card strong,.palette-output-card code{display:block}.palette-output-card strong{font-family:var(--font-mono);margin-top:.55rem;font-size:1.45rem}.palette-output-card code{overflow-wrap:anywhere;color:var(--studio-muted);margin-top:.25rem;font-size:.72rem}.studio-inline-actions,.gradient-stop-actions{flex-wrap:wrap;gap:.4rem}.studio-inspector-heading{border-bottom:1px solid var(--studio-line);justify-content:space-between;gap:1rem;margin-bottom:1.15rem;padding-bottom:.95rem}.studio-inspector-heading h3,.mixer-heading h3{letter-spacing:-.025em;margin:.22rem 0 0;font-size:.95rem;font-weight:600}.studio-inspector-heading>svg{width:1.1rem;color:var(--studio-muted)}.studio-field,.studio-range-field{gap:.45rem;margin:0 0 1rem;display:grid}.studio-label,.studio-range-field>span,.studio-selection-title{color:var(--studio-ink);font-size:.76rem;font-weight:600}.studio-field-hint{color:var(--studio-muted);font-size:.6rem;line-height:1.4}.studio-field-error{color:var(--studio-danger);font-size:.72rem;font-weight:650;line-height:1.4}.studio-input,.studio-select{border:1px solid var(--studio-line-strong);background:var(--studio-control);width:100%;min-width:0;height:2.25rem;color:var(--studio-ink);border-radius:.5rem;outline:none;padding:0 .68rem;font-size:.76rem}.studio-input:focus-visible,.studio-select:focus-visible{border-color:var(--studio-selection);box-shadow:0 0 0 3px color-mix(in srgb, var(--studio-selection) 18%, transparent)}.studio-input[aria-invalid=true]{border-color:#ce604f}.color-field-group{grid-template-columns:2.25rem minmax(0,1fr);display:grid}.color-field-picker{border:1px solid var(--studio-line-strong);background:0 0;border-right:0;border-radius:.5rem 0 0 .5rem;width:2.25rem;height:2.25rem;padding:.16rem;overflow:hidden}.color-field-picker::-webkit-color-swatch-wrapper{padding:0}.color-field-picker::-webkit-color-swatch{border:0;border-radius:.3rem}.color-field-text{font-family:var(--font-mono);text-transform:uppercase;border-radius:0 .5rem .5rem 0}.studio-segmented{border:1px solid var(--studio-line);background:var(--studio-control);border-radius:.58rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.2rem;display:grid}.studio-segmented-three{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-segmented button{min-height:1.85rem;color:var(--studio-muted);background:0 0;border:1px solid #0000;border-radius:.4rem;justify-content:center;align-items:center;gap:.3rem;font-size:.76rem;font-weight:700;display:inline-flex}.studio-segmented button[data-active]{border-color:var(--studio-line);background:var(--studio-surface-raised);color:var(--studio-ink);box-shadow:0 3px 10px #16130e14}.studio-segmented svg{width:.85rem}.studio-range-field>span{justify-content:space-between;align-items:center;display:flex}.studio-range-field output{color:var(--studio-muted);font-family:var(--font-mono);font-size:.76rem}.studio-range-field input[type=range]{width:100%;height:.35rem;accent-color:var(--studio-selection);cursor:pointer}.studio-inspector-divider{background:var(--studio-line);height:1px;margin:.4rem 0 1.1rem}.studio-selection-title{justify-content:space-between;margin-bottom:.8rem}.studio-selection-title strong{color:var(--studio-muted);font-family:var(--font-mono);font-size:.76rem}.studio-boundary-note{border-left:2px solid var(--studio-selection);background:var(--studio-control);margin-top:1.2rem;padding:.75rem .8rem}.studio-boundary-note strong,.studio-boundary-note p{margin:0;display:block}.studio-boundary-note strong{font-size:.72rem}.studio-boundary-note p{color:var(--studio-muted);margin-top:.25rem;font-size:.6rem;line-height:1.45}.gradient-stage{border-radius:1.2rem;padding:.8rem .8rem 1.9rem}.gradient-preview{border-radius:.78rem;align-items:flex-end;min-height:clamp(18rem,42vh,29rem);padding:1rem;display:flex;position:relative;overflow:hidden}.gradient-preview-fill{position:absolute;inset:0}.gradient-preview-type{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0e0c8f;border:1px solid #ffffff40;border-radius:99rem;align-items:center;gap:.35rem;padding:.38rem .62rem;font-size:.76rem;font-weight:700;display:inline-flex;position:relative}.gradient-preview-type svg{width:.85rem}.gradient-preview-toggle{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0e0c8f;width:auto;position:absolute;top:1rem;right:1rem}.gradient-preview-toggle button{color:#fff;font-size:.76rem}.gradient-stop-track{height:2.6rem;margin:1.05rem 1.25rem 0;position:relative}.gradient-stop-line{border:1px solid #ffffff42;border-radius:99rem;height:.42rem;position:absolute;top:.8rem;left:0;right:0}.gradient-stop-handle{border:.18rem solid var(--studio-surface-raised);background:var(--stop-color);width:1.85rem;height:1.85rem;box-shadow:0 0 0 1px var(--studio-line-strong), 0 .35rem .8rem #00000038;color:#0000;border-radius:50%;place-items:center;transition:scale .15s,box-shadow .15s;display:grid;position:absolute;top:0;translate:-50%}.gradient-stop-handle:hover,.gradient-stop-handle[data-active]{box-shadow:0 0 0 2px var(--studio-ink), 0 .45rem 1rem #00000040;scale:1.18}.gradient-stop-handle span{color:var(--studio-muted);font-family:var(--font-mono);font-size:.52rem;position:absolute;top:1.95rem}.gradient-stop-list{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.38rem;margin-top:.8rem;display:grid}.gradient-stop-row{border:1px solid var(--studio-line);background:var(--studio-control);min-width:0;color:var(--studio-muted);text-align:left;border-radius:.5rem;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.38rem;padding:.48rem;font-size:.76rem;display:grid}.gradient-stop-row[data-active]{border-color:var(--studio-line-strong);background:var(--studio-surface-raised);color:var(--studio-ink)}.gradient-stop-row code{text-overflow:ellipsis;font-size:.56rem;overflow:hidden}.gradient-stop-row strong{font-family:var(--font-mono)}.gradient-stop-chip{border:1px solid #ffffff3d;border-radius:.24rem;width:.8rem;height:.8rem}.studio-code-card{grid-template-columns:minmax(0,1fr) auto;gap:.7rem;min-width:0;padding:.9rem;display:grid}.studio-code-card>div span{color:var(--studio-muted);font-size:.76rem}.studio-code-card code{overflow-wrap:anywhere;background:var(--studio-control);color:var(--studio-muted);border-radius:.45rem;grid-column:1/-1;padding:.68rem;font-size:.76rem;line-height:1.5}.gradient-stop-actions{margin-top:.2rem}.contrast-ratio-pill{border-color:color-mix(in srgb, #ce604f 45%, var(--studio-line));color:#ce604f;width:max-content;font-family:var(--font-mono);align-self:flex-start;font-size:.78rem}.contrast-ratio-pill[data-pass]{border-color:color-mix(in srgb, #4da578 45%, var(--studio-line));color:#4da578}.contrast-ratio-pill[data-partial]{border-color:color-mix(in srgb, #d19a3f 45%, var(--studio-line));color:#d19a3f}.contrast-preview-grid{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr)}.contrast-preview-card{flex-direction:column;justify-content:center;min-height:clamp(18rem,42vh,27rem);padding:clamp(1.5rem,4vw,3.5rem);display:flex}.contrast-preview-card .studio-eyebrow{color:currentColor;opacity:.62}.contrast-preview-card strong{letter-spacing:-.055em;max-width:31rem;margin-top:.8rem;font-size:clamp(1.7rem,4vw,3.5rem);line-height:.98}.contrast-preview-card p:not(.studio-eyebrow){opacity:.78;max-width:34rem;margin:1rem 0 0;font-size:.78rem;line-height:1.55}.contrast-preview-card .contrast-preview-control{background:0 0;border:1px solid;border-radius:.45rem;width:max-content;margin-top:1.5rem;padding:.55rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.contrast-score-card{flex-direction:column;justify-content:space-between;padding:1.2rem;display:flex}.contrast-score-main span,.contrast-score-main strong{display:block}.contrast-score-main span{color:var(--studio-muted);font-size:.76rem;font-weight:700}.contrast-score-main strong{font-family:var(--font-mono);letter-spacing:-.07em;margin-top:.35rem;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}.contrast-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:1.2rem;display:grid}.contrast-result{border:1px solid color-mix(in srgb, #ce604f 30%, var(--studio-line));color:#ce604f;background:#ce604f12;border-radius:.45rem;align-items:center;gap:.35rem;padding:.48rem;font-size:.76rem;font-weight:700;display:inline-flex}.contrast-result[data-pass]{border-color:color-mix(in srgb, #4da578 30%, var(--studio-line));color:#4da578;background:#4da57812}.contrast-result svg{width:.75rem}.contrast-mini-score{font-family:var(--font-mono)}.mixer-card{margin-top:.85rem;padding:1.1rem}.mixer-heading{justify-content:space-between;gap:1rem}.mixer-field{grid-template-columns:1fr 1.1fr 1fr;gap:.35rem;min-height:9rem;margin-top:1rem;display:grid}.mixer-color{border-radius:.62rem;align-items:flex-end;padding:.65rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff26}.mixer-color span{color:#fff;font-family:var(--font-mono);background:#0c0b0a8c;border-radius:.3rem;padding:.24rem .35rem;font-size:.56rem}.mixer-color-result{translate:0 -.45rem;box-shadow:0 .9rem 1.8rem #0000002e,inset 0 0 0 1px #fff3}.mixer-range{margin:1.2rem 0 .9rem}.scale-studio{grid-template-columns:18rem minmax(0,1fr);height:100%;display:grid;overflow:hidden}.scale-inspector{border-right:1px solid var(--studio-line);background:var(--studio-surface);scrollbar-gutter:stable;min-height:0}.scale-canvas{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.scale-toolbar{border-bottom:1px solid var(--studio-line);background:var(--studio-surface);justify-content:space-between;align-items:center;gap:1rem;min-height:4.7rem;padding:.8rem 1rem;display:flex}.scale-toolbar h2{font-size:1.25rem}.scale-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.42rem}.scale-toolbar-actions>*{flex-shrink:0}.scale-view-switcher{width:auto}.scale-preview-wrap{flex:1;padding:1.2rem;overflow-y:auto}.studio-empty-state{height:100%;color:var(--studio-muted);place-items:center;font-size:.8rem;display:grid}*{scrollbar-color:var(--studio-line-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--studio-line-strong);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--studio-ink) 35%, transparent);background-clip:padding-box}@media (width<=1120px){.studio-body{grid-template-columns:10.5rem minmax(0,1fr)}.studio-tool-workspace{grid-template-columns:minmax(0,1fr) 17.5rem}.studio-tool-copy small{display:none}.palette-detail-grid,.gradient-code-grid,.contrast-preview-grid{grid-template-columns:minmax(0,1fr)}.scale-studio{grid-template-columns:16rem minmax(0,1fr)}}@media (width<=820px){.studio-shell{height:auto;overflow:visible}.studio-global-header{grid-template-columns:minmax(0,1fr) auto;height:3.8rem;padding:0 .75rem;position:sticky;top:0}.studio-project-state,.studio-brand-block span{display:none}.studio-body{flex-direction:column;height:auto;min-height:calc(100dvh - 3.8rem);display:flex;overflow:visible}.studio-tool-rail{z-index:15;border-right:0;border-bottom:1px solid var(--studio-line);scrollbar-width:none;padding:.45rem .6rem;display:block;position:sticky;top:3.8rem;overflow-x:auto}.studio-rail-label,.studio-rail-note{display:none}.studio-tool-rail::-webkit-scrollbar{display:none}.studio-tool-list{gap:.3rem;width:max-content;display:flex}.studio-tool-button{min-width:7.5rem;padding:.4rem .55rem}.studio-tool-button[data-active]:before{border-radius:1rem 1rem 0 0;width:auto;height:.15rem;inset:auto 0 -.46rem}.studio-tool-icon{width:1.7rem;height:1.7rem}.studio-workspace{overflow:visible}.studio-tool-workspace,.scale-studio{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.studio-artifact-panel,.studio-inspector,.scale-inspector,.scale-canvas{min-height:0;overflow:visible}.studio-inspector{border-top:1px solid var(--studio-line);border-left:0}.scale-inspector{border-top:1px solid var(--studio-line);border-right:0;order:2}.scale-canvas{order:1}.scale-toolbar{flex-direction:column;align-items:flex-start}.scale-toolbar-actions{justify-content:flex-start;width:100%}}@media (width<=540px){.studio-global-header{gap:.5rem}.studio-current-tool{display:none}.studio-tool-header{flex-direction:column;align-items:stretch}.studio-header-actions{justify-content:space-between}.studio-artifact-panel{padding:1rem .75rem 1.3rem}.studio-inspector{padding:1.15rem .85rem 1.7rem}.palette-stage{padding:0;overflow-x:auto}.chromatic-spine{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-height:22rem}.palette-stage-caption{flex-direction:column;align-items:flex-start;width:100%}.palette-stage-caption p{text-align:left}.palette-detail-grid,.gradient-code-grid,.contrast-preview-grid{grid-template-columns:minmax(0,1fr)}.gradient-preview{min-height:18rem}.gradient-stop-list{grid-template-columns:minmax(0,1fr)}.mixer-field{min-height:7.5rem}.contrast-preview-card{min-height:17rem;padding:1.35rem}.contrast-score-main strong{font-size:3rem}.scale-toolbar-actions>*{max-width:100%}}@media (prefers-reduced-motion:reduce){.studio-tool-button,.studio-button,.chromatic-swatch,.gradient-stop-handle,.studio-skip-link{transition:none}}:root{--studio-highlight:#b5dc76}.dark{--studio-highlight:#c2f970}.theme-changing *,.theme-changing :before,.theme-changing :after{transition:none!important}.studio-shell button,.studio-shell summary{cursor:pointer}.studio-shell button:disabled{cursor:not-allowed;opacity:.4}.studio-shell :is(button,a,input,textarea,summary,select):focus-visible{outline:2px solid var(--studio-selection);outline-offset:3px}.studio-shell svg{flex-shrink:0}.studio-brand-block h1{letter-spacing:-.05em;font-size:1.1rem;font-weight:700}.studio-brand-block h1 .studio-brand-dot{font:inherit;color:var(--studio-highlight);display:inline}.studio-project-name{justify-self:start;gap:.12rem;min-width:0;display:grid}.studio-project-name input{width:100%;min-width:8rem;max-width:22rem;color:var(--studio-ink);background:0 0;border:1px solid #0000;border-radius:5px;margin-left:-.4rem;padding:.25rem .4rem;font-size:.82rem;font-weight:550}.studio-project-name input:hover{border-color:var(--studio-line)}.studio-save-state{color:var(--studio-muted);align-items:center;gap:.3rem;font-size:.64rem;display:flex}.studio-save-state svg{width:.8rem;height:.8rem}.studio-save-state[data-error]{color:var(--studio-danger)}.studio-history-actions{border-right:1px solid var(--studio-line);gap:2px;margin-right:.3rem;padding-right:.45rem;display:flex}.studio-icon-button{width:2.15rem;height:2.15rem;color:var(--studio-muted);background:0 0;border:1px solid #0000;border-radius:.45rem;flex:none;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.studio-icon-button:hover:not(:disabled){background:var(--studio-control-hover);color:var(--studio-ink)}.studio-icon-button svg{stroke-width:1.6px;width:1.05rem;height:1.05rem}.studio-storage-warning{color:#38290c;background:#e9be65;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.studio-storage-warning button{font-weight:650;text-decoration:underline}.studio-tool-button{border-radius:.45rem;gap:.65rem;padding:.65rem .45rem}.studio-tool-button>kbd{opacity:.45;font-size:.62rem;font-family:var(--font-mono);margin-left:auto}.studio-tool-copy strong{align-items:center;gap:.4rem;font-size:.79rem;display:flex}.studio-tool-copy small{margin-top:.2rem;font-size:.65rem}.studio-nav-count{background:var(--studio-control-hover);font:10px var(--font-mono);border-radius:4px;padding:2px 4px}.studio-rail-inspiration{margin:auto .35rem 1.4rem;padding-top:2rem}.studio-rail-color-art{height:3.7rem;margin-bottom:1rem;display:flex}.studio-rail-color-art i{background:#d0dbed;border-radius:50%;width:3.6rem;height:3.6rem}.studio-rail-color-art i:nth-child(2){background:#c2f970;border-radius:50% 50% 0 0;margin-left:-.9rem}.studio-rail-color-art i:nth-child(3){background:#918bc1;border-radius:0 50% 50% 0;margin-left:-.9rem}.studio-rail-inspiration>strong{letter-spacing:-.02em;font-size:.92rem;font-weight:500;line-height:1.4;display:block}.studio-rail-inspiration button{color:var(--studio-muted);align-items:center;gap:1rem;margin-top:.75rem;font-size:.72rem;display:flex}.studio-rail-inspiration button svg{width:.9rem}.studio-rail-note{margin-top:0;font-weight:450}.studio-rail-note small{font-size:.61rem}.studio-tool-header h2{font-size:clamp(1.8rem,2.25vw,2.65rem);line-height:1.12}.studio-tool-header>div>p:last-child{max-width:36rem;font-size:.8rem}.studio-eyebrow{letter-spacing:.12em;font-size:.63rem;font-weight:550}.studio-inspector h3{font-size:1rem;font-weight:600}.studio-inspector .studio-field{margin-top:1rem}.studio-inspector .studio-button-wide{margin-top:.7rem}.studio-label{font-size:.75rem;font-weight:550}.studio-field-hint{font-size:.68rem;line-height:1.6}.studio-boundary-note{background:var(--studio-control);border-radius:.5rem}.studio-boundary-note strong{font-weight:600}.studio-boundary-note p{font-size:.71rem;line-height:1.6}.studio-segmented button{font-size:.73rem;font-weight:550}.studio-segmented button svg{height:1rem}.studio-caption{font-size:.72rem;line-height:1.6}.studio-details{margin-top:1rem;font-size:.75rem}.studio-details summary{padding:.65rem 0}.palette-swatch-cell{min-width:0;position:relative}.palette-lock-button{z-index:2;opacity:.6;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex;position:absolute;top:.3rem;right:.3rem}.palette-lock-button[aria-pressed=true],.palette-lock-button:hover{opacity:1;background:#ffffff28}.palette-lock-button svg{stroke-width:1.8px;width:1rem;height:1rem}.chromatic-swatch-index{font-size:.7rem;font-weight:500}.palette-stage-caption{flex-wrap:wrap;padding:1rem 0;font-size:.72rem}.palette-stage-caption kbd{border:1px solid var(--studio-line-strong);font:.64rem var(--font-mono);border-radius:.25rem;margin-left:.75rem;padding:.16rem .3rem}.palette-stage-caption p{font-size:.68rem}.palette-workflow-actions{border-bottom:1px solid var(--studio-line);flex-wrap:wrap;gap:.5rem;padding:.8rem 0 1.4rem;display:flex}.palette-workflow-actions>:first-child{margin-right:auto}.palette-detail-grid{margin-top:1.5rem}.role-preview-surface{min-height:12rem;padding:1.3rem}.role-preview-surface strong{letter-spacing:-.04em;font-size:1.45rem;font-weight:500}.role-preview-surface>span{opacity:1}.role-preview-surface .role-preview-action{letter-spacing:0;text-transform:none;padding:.6rem .9rem;font-size:.64rem;font-weight:500}.palette-count-controls{color:var(--studio-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;font-size:.7rem;display:flex}.color-channel-controls{gap:.8rem;margin-top:1.2rem;display:grid}.color-channel-controls .studio-range-field{margin:0}.color-channel-controls output{font:.65rem var(--font-mono)}.color-format-values{margin-top:1.2rem;display:grid}.color-format-values>div{border-bottom:1px solid var(--studio-line);grid-template-columns:2.6rem minmax(0,1fr) 1.8rem;align-items:center;gap:.25rem;padding:.35rem 0;display:grid}.color-format-values>div>span{color:var(--studio-muted);font-size:.56rem}.color-format-values code{overflow-wrap:anywhere;font-size:.61rem}.color-format-values .studio-icon-button{width:1.8rem}.inspector-shades{margin-top:1.2rem}.palette-strip{border-radius:.6rem;width:100%;min-height:7rem;display:flex;overflow:hidden}.palette-strip>:is(button,span){border:0;flex:1;align-items:flex-end;min-width:0;padding:.8rem;display:flex}.palette-strip button{transition:opacity .12s}.palette-strip button:hover{opacity:.8}.palette-strip code{font-size:.72rem}.palette-strip-compact{border-radius:.35rem;min-height:2.4rem;margin-top:.6rem}.palette-strip-compact>:is(button,span){padding:0}.gradient-stop-handle{touch-action:none}.studio-full-workspace{min-width:0;height:100%;padding:clamp(1.5rem,3vw,3rem);overflow-y:auto}.studio-full-workspace .studio-tool-header h2{letter-spacing:-.06em;margin-top:.35rem;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:550}.studio-error-banner{border:1px solid var(--studio-danger);color:var(--studio-danger);border-radius:.5rem;margin-top:1rem;padding:1rem;font-size:.82rem}.studio-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;position:fixed;inset:0}.studio-dialog{z-index:90;border:1px solid var(--studio-line-strong);background:var(--studio-surface);width:min(42rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--studio-ink);border-radius:1rem;padding:1.7rem;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 100px #0006}.studio-dialog-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.studio-dialog-heading h2{letter-spacing:-.035em;font-size:1.45rem;font-weight:600}.studio-dialog-heading p{color:var(--studio-muted);margin-top:.5rem;font-size:.8rem;line-height:1.5}.studio-dialog .studio-field{margin:1rem 0}.studio-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;margin-top:1.2rem;display:flex}.studio-dialog-actions .studio-caption{flex:1;margin:0}.studio-code-output{border:1px solid var(--studio-line-strong);background:var(--studio-canvas);width:100%;min-height:12rem;max-height:25rem;color:var(--studio-ink);font:.76rem/1.7 var(--font-mono);resize:vertical;border-radius:.5rem;margin-top:.6rem;padding:1rem;display:block}.export-format-tabs{flex-wrap:wrap;gap:.4rem;margin:1.2rem 0;display:flex}.export-format-tabs button[data-active],.library-toolbar button[data-active]{background:var(--studio-ink);color:var(--studio-surface)}.library-toolbar{align-items:center;gap:.75rem;margin:2rem 0 2.5rem;display:flex}.library-toolbar>span{color:var(--studio-muted);margin-left:auto;font-size:.75rem}.studio-search{border:1px solid var(--studio-line-strong);background:var(--studio-surface);border-radius:.5rem;align-items:center;gap:.6rem;width:min(25rem,100%);min-width:0;padding:.55rem .75rem;display:flex}.studio-search svg{width:1rem;height:1rem;color:var(--studio-muted)}.studio-search input{width:100%;min-width:0;color:var(--studio-ink);background:0 0;border:0;font-size:.8rem}.library-section-heading{justify-content:space-between;align-items:center;gap:1rem;margin:1.7rem 0 1.1rem;display:flex}.library-section-heading h3{letter-spacing:-.015em;font-size:1.02rem;font-weight:550}.library-section-heading h3 span{color:var(--studio-muted);margin-left:.5rem;font-size:.8rem}.library-section-heading>span{color:var(--studio-muted);font-size:.74rem}.library-section-heading .studio-eyebrow{margin-bottom:.5rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.3rem;margin-bottom:2.5rem;display:grid}.library-card{border:1px solid var(--studio-line);background:var(--studio-surface);border-radius:.75rem;min-width:0;overflow:hidden}.library-card-open{text-align:left;width:100%;display:block;position:relative}.library-card-open .palette-strip{border-radius:0;min-height:8.5rem}.library-card-open>span{opacity:0;color:#202420;background:#fff;border-radius:.4rem;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.7rem;transition:opacity .13s;display:flex;position:absolute;bottom:.6rem;right:.7rem}.library-card-open>span svg{width:.9rem;height:.9rem}.library-card-open:hover>span,.library-card-open:focus-visible>span{opacity:1}.library-card-info{padding:.9rem 1rem .55rem}.library-card-info>input{width:100%;color:var(--studio-ink);background:0 0;border:0;padding:0;font-size:.88rem;font-weight:550}.library-card-info>strong{font-size:.88rem;font-weight:550}.library-card-info>div{align-items:center;margin-top:.3rem;display:flex}.library-card-info>div>span{color:var(--studio-muted);margin-right:auto;font-size:.68rem}.library-card-info .studio-icon-button{width:1.9rem;height:1.9rem}.library-card-info [aria-pressed=true]{color:#cb718e}.library-empty{border:1px dashed var(--studio-line-strong);text-align:center;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;min-height:13rem;margin-bottom:3rem;padding:2rem;display:flex}.library-empty>svg{width:1.6rem;height:1.6rem;color:var(--studio-muted);margin-bottom:.7rem}.library-empty h3{font-size:1.1rem;font-weight:500}.library-empty p{max-width:30rem;color:var(--studio-muted);margin:.65rem 0 1rem;font-size:.8rem;line-height:1.6}.image-drop-zone{border:1px dashed var(--studio-line-strong);background:var(--studio-surface);border-radius:.85rem;min-height:25rem;position:relative;overflow:hidden}.image-drop-zone[data-dragging]{border-color:var(--studio-ink);background:var(--studio-control-hover)}.image-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:25rem;padding:2.5rem;display:flex}.image-empty-icon{background:var(--studio-control-hover);border-radius:1rem;place-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;display:grid}.image-empty-icon svg{width:1.8rem;height:1.8rem}.image-empty h3{letter-spacing:-.045em;max-width:21rem;font-size:1.7rem;font-weight:500;line-height:1.2}.image-empty p{color:var(--studio-muted);margin:1rem 0 1.6rem;font-size:.82rem}.image-empty small{color:var(--studio-muted);margin-top:1rem;font-size:.7rem}.image-pick-surface{background-image:conic-gradient(var(--studio-control-hover) 25%, transparent 0 50%, var(--studio-control-hover) 0 75%, transparent 0);background-size:20px 20px;justify-content:center;align-items:center;width:100%;min-height:22rem;padding:1.2rem;display:flex;cursor:crosshair!important}.image-pick-surface img{object-fit:contain;border-radius:.25rem;width:auto;max-width:100%;height:auto;max-height:26rem;display:block}.image-source-caption{color:var(--studio-muted);font:.68rem var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;display:flex}.image-source-caption>span{overflow-wrap:anywhere}.image-processing{background:color-mix(in srgb, var(--studio-surface) 90%, transparent);color:var(--studio-ink);place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.extracted-colors{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;display:grid}.extracted-colors button{border-radius:.6rem;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.5rem;min-height:8rem;padding:.9rem;display:flex}.extracted-colors code{font-size:.78rem}.extracted-colors span{font-size:.67rem}.image-step{align-items:flex-start;gap:.8rem;margin:1.5rem 0;display:flex}.image-step>span{color:var(--studio-muted);font:.65rem var(--font-mono);padding-top:.2rem}.image-step strong{font-size:.78rem;font-weight:550}.image-step p{color:var(--studio-muted);margin-top:.3rem;font-size:.72rem;line-height:1.6}.image-picked{margin-top:2rem}.contrast-suggestion{border:1px solid var(--studio-line);background:var(--studio-control);border-radius:.6rem;margin-top:1rem;padding:.9rem}.contrast-suggestion>strong{font-size:.8rem;font-weight:550}.contrast-suggestion>p{color:var(--studio-muted);margin-top:.35rem;font-size:.71rem;line-height:1.5}.contrast-suggestion button{justify-content:space-between;font-size:.7rem}.contrast-matrix-card{margin-top:2rem}.contrast-matrix-card .library-section-heading{flex-wrap:wrap;align-items:flex-start}.contrast-matrix-card .studio-select{width:auto;max-width:100%;font-size:.72rem}.contrast-matrix-scroll{padding:3px;overflow-x:auto}.contrast-matrix{border-spacing:.25rem;border-collapse:separate;width:100%}.contrast-matrix caption{caption-side:bottom;text-align:left;color:var(--studio-muted);padding-top:.7rem;font-size:.68rem;line-height:1.5}.contrast-matrix :is(td,th){padding:0}.contrast-matrix th{width:2rem;min-width:2rem;font-weight:400}.contrast-matrix th span{vertical-align:middle;border-radius:3px;width:1rem;height:1rem;display:inline-block}.contrast-matrix th small{color:var(--studio-muted);margin:.25rem 0;font-size:.62rem;display:block}.contrast-matrix button{border-radius:.35rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:100%;min-width:3.3rem;min-height:4.3rem;padding:.3rem;display:flex}.contrast-matrix button:disabled{opacity:.5}.contrast-matrix button strong{font-size:1rem}.contrast-matrix button>span{color:var(--studio-ink);background:var(--studio-surface);font:.59rem var(--font-mono);border-radius:3px;padding:.1rem .2rem}.contrast-matrix button small{color:#fff;background:#754343;border-radius:3px;padding:.05rem .25rem;font-size:.5rem}.contrast-matrix button[data-pass] small{background:#305f4c}.matrix-vision{grid-template-columns:auto 1fr;align-items:end;gap:1rem;margin-top:1rem;display:grid}.matrix-vision .studio-field,.matrix-vision .palette-strip{margin:0}@media (width>=821px) and (height<=800px){.studio-rail-inspiration{margin-bottom:1rem;padding-top:1rem}.studio-rail-color-art{display:none}}@media (width<=1180px){.studio-global-header{grid-template-columns:11rem minmax(8rem,1fr) auto;gap:.7rem}.studio-share-action,.studio-tool-button>kbd,.studio-tool-copy small{display:none}.studio-global-actions{gap:.3rem}.studio-history-actions{margin-right:0}}@media (width<=820px){.studio-global-header{flex-basis:auto;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .5rem;height:auto;min-height:6.5rem;padding:.65rem .75rem .5rem}.studio-project-name{grid-area:2/1/auto/-1;align-items:center;gap:1rem;width:100%;display:flex}.studio-project-name input{flex:1;width:0;max-width:none;font-size:.75rem}.studio-save-state{flex-shrink:0;font-size:.62rem}.studio-tool-rail{top:6.5rem}.studio-rail-inspiration{display:none}.studio-tool-button{min-width:auto;padding:.4rem .65rem}.studio-body{min-height:calc(100dvh - 6.5rem)}.studio-full-workspace{height:auto;padding:1.4rem 1rem}.studio-project-name .studio-save-state{display:flex}.studio-inspector{padding:1.5rem}.studio-global-actions>.studio-button>span{display:none}.studio-global-actions>.studio-button{width:2.1rem;padding:.4rem}.library-toolbar{flex-wrap:wrap}.library-toolbar>span{margin-left:0}.library-section-heading{flex-wrap:wrap}}@media (width<=540px){.studio-brand-block{gap:.35rem}.studio-brand-block h1{font-size:.9rem}.studio-global-actions{gap:.08rem}.studio-icon-button{width:1.8rem}.studio-history-actions{gap:0;padding-right:.2rem}.studio-global-header{padding-inline:.5rem}.studio-tool-header h2{font-size:2rem}.palette-stage-caption p{font-size:.67rem}.palette-workflow-actions{gap:.5rem}.palette-workflow-actions .studio-button{flex:1 0 auto}.palette-workflow-actions>:first-child{flex-basis:100%}.chromatic-swatch{min-height:10rem}.studio-dialog{padding:1.2rem}.library-grid{grid-template-columns:1fr}.library-toolbar .studio-search{width:100%}.image-empty{padding:1.5rem}.image-empty h3{font-size:1.5rem}.image-pick-surface{min-height:15rem}.matrix-vision{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.studio-icon-button,.palette-strip button,.library-card-open>span{transition:none}}.palette-swatch-cell[data-active] .chromatic-swatch{outline:2px solid var(--foreground);outline-offset:-5px}.workspace-restore-preview{gap:.75rem;margin-top:1rem;display:grid}.workspace-restore-preview p{color:var(--muted-foreground);font-size:.8125rem}.mixer-space{color:var(--muted-foreground);align-items:center;gap:.625rem;font-size:.75rem;display:flex}.mixer-space .studio-select{width:7rem}.playground-preview{--preview-type-scale:1;--preview-space:1;font-family:var(--preview-font,system-ui, sans-serif);font-size:calc(1rem * var(--preview-type-scale));isolation:isolate;color:var(--preview-text);background:var(--preview-background);line-height:1.5;container-type:inline-size}.playground-preview :is(button,input){font:inherit}.playground-preview button{cursor:pointer}.playground-preview :is(button,input):focus-visible{outline-color:var(--preview-primary)}.playground-preview svg{stroke-width:1.65px;width:1rem;height:1rem}.preview-app-nav{justify-content:space-between;align-items:center;gap:calc(1rem * var(--preview-space));padding:calc(1.3rem * var(--preview-space)) calc(1.65rem * var(--preview-space));border-bottom:1px solid var(--preview-border);background:var(--preview-surface);display:flex}.preview-app-nav strong{align-items:center;gap:calc(.4rem * var(--preview-space));font-size:calc(1.25rem * var(--preview-type-scale));letter-spacing:-.06em;font-weight:700;display:flex}.preview-app-nav strong>svg{color:var(--preview-primary);width:1.25rem;height:1.25rem}.preview-app-nav strong>span{font-size:calc(.65rem * var(--preview-type-scale));letter-spacing:0;border-left:1px solid var(--preview-border);margin-left:.5rem;padding-left:.8rem;font-weight:450}.preview-avatar{background:var(--preview-primary);width:1.9rem;height:1.9rem;color:var(--preview-on-primary);font-size:calc(.6rem * var(--preview-type-scale));border-radius:50%;place-items:center;font-weight:600;display:grid}.preview-app-content{padding:calc(2rem * var(--preview-space)) calc(1.65rem * var(--preview-space)) calc(1.5rem * var(--preview-space))}.preview-kicker{font-size:calc(.5rem * var(--preview-type-scale));letter-spacing:.15em;font-weight:650}.preview-greeting{justify-content:space-between;align-items:flex-end;gap:calc(1rem * var(--preview-space));display:flex}.preview-greeting h3{font-size:calc(clamp(2rem, 6cqw, 3.5rem) * var(--preview-type-scale));letter-spacing:-.065em;margin:.75rem 0 .8rem;font-weight:550;line-height:1.02}.preview-greeting p{font-size:calc(.64rem * var(--preview-type-scale));line-height:1.5}.preview-primary-button{justify-content:center;align-items:center;gap:calc(.8rem * var(--preview-space));background:var(--preview-primary);color:var(--preview-on-primary);border-radius:calc(var(--preview-radius) * .6);padding:calc(.7rem * var(--preview-space)) calc(.85rem * var(--preview-space));border:0;flex:none;display:inline-flex;font-size:calc(.64rem * var(--preview-type-scale))!important;font-weight:550!important}.preview-primary-button:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--preview-primary) 20%, transparent)}.preview-tabs{gap:calc(1.3rem * var(--preview-space));margin-top:calc(1.8rem * var(--preview-space));border-bottom:1px solid var(--preview-border);display:flex}.preview-tabs button{padding:calc(.7rem * var(--preview-space)) 0;color:var(--preview-text);font-size:calc(.68rem * var(--preview-type-scale));background:0 0;border:0;border-bottom:2px solid #0000}.preview-tabs button[data-active]{border-color:var(--preview-primary);font-weight:650}.preview-stats{gap:calc(.7rem * var(--preview-space));margin-top:calc(1.2rem * var(--preview-space));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preview-stats article{padding:calc(1rem * var(--preview-space));background:var(--preview-surface);border:1px solid var(--preview-border);border-radius:var(--preview-radius)}.preview-stats article>span{font-size:calc(.57rem * var(--preview-type-scale))}.preview-stats strong{justify-content:space-between;align-items:flex-end;gap:calc(.2rem * var(--preview-space));font-size:calc(2rem * var(--preview-type-scale));letter-spacing:-.06em;margin-top:calc(.85rem * var(--preview-space));font-weight:500;line-height:1;display:flex}.preview-stats strong>span{max-width:3.5rem;font-size:calc(.48rem * var(--preview-type-scale));letter-spacing:0;text-align:right;line-height:1.5}.preview-content-grid{gap:calc(.8rem * var(--preview-space));margin-top:calc(.8rem * var(--preview-space));grid-template-columns:1.5fr 1fr;display:grid}.preview-panel{min-width:0;padding:calc(1.1rem * var(--preview-space));background:var(--preview-surface);border:1px solid var(--preview-border);border-radius:var(--preview-radius)}.preview-panel>strong{font-size:calc(.79rem * var(--preview-type-scale));letter-spacing:-.02em;font-weight:600}.preview-panel p{font-size:calc(.6rem * var(--preview-type-scale));margin-top:calc(.5rem * var(--preview-space));line-height:1.65}.preview-panel-heading{justify-content:space-between;align-items:center;gap:calc(.5rem * var(--preview-space));display:flex}.preview-panel-heading strong{font-size:calc(.68rem * var(--preview-type-scale));font-weight:550}.preview-panel-heading>span{align-items:center;gap:calc(.2rem * var(--preview-space));font-size:calc(.48rem * var(--preview-type-scale));display:flex}.preview-panel-heading svg{width:.6rem;height:.6rem}.preview-chart{align-items:flex-end;gap:calc(.6rem * var(--preview-space));border-bottom:1px solid var(--preview-border);height:8.5rem;margin:1.3rem 0 .7rem;display:flex}.preview-chart>div{justify-content:flex-end;align-items:center;gap:calc(.4rem * var(--preview-space));flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.preview-chart>div>span{border-radius:min(var(--preview-radius), 5px) min(var(--preview-radius), 5px) 0 0;width:100%}.preview-chart small{font-size:calc(.5rem * var(--preview-type-scale));padding-bottom:.2rem}.preview-chart-caption{font-size:calc(.52rem * var(--preview-type-scale))}.preview-orbit{justify-content:center;align-items:center;min-height:7.8rem;display:flex;overflow:hidden}.preview-orbit i{background:var(--preview-secondary);border-radius:50%;width:3.8rem;height:3.8rem;display:block}.preview-orbit i:nth-child(2){background:var(--preview-primary);margin-left:-1.3rem}.preview-orbit i:nth-child(3){background:var(--preview-accent);border-radius:0 50% 50% 0;margin-left:-1.3rem}.preview-text-button{justify-content:space-between;align-items:center;gap:calc(.5rem * var(--preview-space));width:100%;padding:calc(.5rem * var(--preview-space)) 0;color:var(--preview-text);background:0 0;border:0;display:flex;font-size:calc(.62rem * var(--preview-type-scale))!important}.preview-app-footer{gap:calc(1rem * var(--preview-space));padding:calc(1rem * var(--preview-space)) calc(1.65rem * var(--preview-space));border-top:1px solid var(--preview-border);font-size:calc(.52rem * var(--preview-type-scale));justify-content:space-between;display:flex}.preview-activity{margin-top:calc(1rem * var(--preview-space));min-height:18rem}.preview-activity label{align-items:center;gap:calc(.65rem * var(--preview-space));padding:calc(1rem * var(--preview-space)) 0;font-size:calc(.72rem * var(--preview-type-scale));border-bottom:1px solid var(--preview-border);display:flex}.preview-activity label:first-of-type{margin-top:calc(.7rem * var(--preview-space))}.preview-activity input{accent-color:var(--preview-primary)}.preview-activity svg{margin-left:auto}.preview-members{margin-top:calc(1rem * var(--preview-space));min-height:18rem}.preview-members label{align-items:center;gap:calc(.5rem * var(--preview-space));padding:calc(.6rem * var(--preview-space));border:1px solid var(--preview-border);border-radius:5px;margin-bottom:.7rem;display:flex}.preview-members input{width:100%;min-width:0;color:var(--preview-text);font-size:calc(.68rem * var(--preview-type-scale));background:0 0;border:0}.preview-members input::placeholder{color:var(--preview-text)}.preview-members>div{align-items:center;gap:calc(.7rem * var(--preview-space));border-bottom:1px solid var(--preview-border);padding:calc(.6rem * var(--preview-space)) 0;font-size:calc(.72rem * var(--preview-type-scale));display:flex}.preview-members>div>:last-child{font-size:calc(.58rem * var(--preview-type-scale));margin-left:auto}.preview-editorial-nav{justify-content:space-between;align-items:center;gap:calc(.7rem * var(--preview-space));padding:calc(1.6rem * var(--preview-space));border-bottom:1px solid var(--preview-text);display:flex}.preview-editorial-nav strong{font-family:var(--preview-font);font-size:calc(1.3rem * var(--preview-type-scale));letter-spacing:-.055em;font-weight:600}.preview-editorial-nav span{font-size:calc(.45rem * var(--preview-type-scale));letter-spacing:.09em}.preview-editorial-hero{padding:calc(2.4rem * var(--preview-space)) calc(1.7rem * var(--preview-space)) calc(1rem * var(--preview-space))}.preview-editorial-hero h3{font-family:var(--preview-font);font-size:calc(clamp(2.7rem, 9cqw, 5.7rem) * var(--preview-type-scale));letter-spacing:-.07em;margin:1rem 0;font-weight:400;line-height:1.02}.preview-editorial-hero em{font-weight:400}.preview-editorial-hero p{max-width:25rem;font-size:calc(.74rem * var(--preview-type-scale));margin-top:calc(1.4rem * var(--preview-space));line-height:1.8}.preview-editorial-art{background:var(--preview-secondary);justify-content:center;align-items:flex-end;height:15rem;margin:2rem 0 .7rem;display:flex;overflow:hidden}.preview-editorial-art i{background:var(--preview-primary);border-radius:50% 50% 0 0;width:38%;height:78%;margin-bottom:-10%;transform:rotate(-20deg)}.preview-editorial-art i:nth-child(2){background:var(--preview-accent);height:120%;margin-left:-16%;transform:rotate(18deg)}.preview-editorial-art i:nth-child(3){background:var(--preview-surface);border-radius:50%;width:27%;height:60%;margin-left:-15%;transform:rotate(0)}.preview-editorial-caption{justify-content:space-between;gap:calc(1rem * var(--preview-space));font-size:calc(.49rem * var(--preview-type-scale));display:flex}.preview-editorial-bottom{gap:calc(.8rem * var(--preview-space));border-top:1px solid var(--preview-text);padding:calc(1.2rem * var(--preview-space)) 0;align-items:center;margin:1.4rem 1.7rem 0;display:flex}.preview-editorial-bottom strong{font-family:var(--preview-font);font-size:calc(.98rem * var(--preview-type-scale));flex:1;font-weight:400}.preview-editorial-bottom span{font-size:calc(.6rem * var(--preview-type-scale));flex:1;line-height:1.65}.preview-poster{background:var(--preview-primary);color:var(--preview-on-primary)}.preview-poster-top,.preview-poster-bottom{justify-content:space-between;align-items:center;gap:calc(1rem * var(--preview-space));padding:calc(1.6rem * var(--preview-space));font-size:calc(.56rem * var(--preview-type-scale));letter-spacing:.07em;line-height:1.55;display:flex}.preview-poster-top{border-bottom:1px solid}.preview-poster-body{padding:calc(2rem * var(--preview-space)) calc(1.5rem * var(--preview-space));position:relative;overflow:hidden}.preview-poster-body h3{z-index:1;font-size:calc(clamp(4rem, 16cqw, 8rem) * var(--preview-type-scale));letter-spacing:-.085em;font-weight:750;line-height:.91;position:relative}.preview-poster-body em{color:var(--preview-on-primary);font-style:normal}.preview-poster-art{aspect-ratio:1;grid-template-columns:1fr 1fr;width:60%;display:grid;position:absolute;top:22%;right:-12%;transform:rotate(16deg)}.preview-poster-art i{background:var(--preview-accent);border-radius:100% 0 0}.preview-poster-art i:nth-child(2){background:var(--preview-secondary);border-radius:0 100% 0 0}.preview-poster-art i:nth-child(3){background:var(--preview-secondary);border-radius:0 0 0 100%}.preview-poster-art i:nth-child(4){background:var(--preview-surface);border-radius:0 0 100%}.preview-poster-bottom{padding:calc(1.3rem * var(--preview-space)) 0;border-top:1px solid;margin:0 1.5rem}@container (width<=520px){.preview-greeting{flex-direction:column;align-items:flex-start}.preview-greeting h3{font-size:calc(2.5rem * var(--preview-type-scale))}.preview-greeting p{font-size:calc(.7rem * var(--preview-type-scale))}.preview-stats strong{align-items:flex-start;gap:calc(.4rem * var(--preview-space));flex-direction:column}.preview-stats strong>span{text-align:left;max-width:100%}.preview-stats article{padding:calc(.75rem * var(--preview-space))}.preview-content-grid{grid-template-columns:1fr}.preview-app-content{padding:calc(1.4rem * var(--preview-space)) calc(1.1rem * var(--preview-space))}.preview-app-nav{padding:calc(1rem * var(--preview-space)) calc(1.1rem * var(--preview-space))}.preview-editorial-nav>span:nth-child(2){display:none}.preview-editorial-hero{padding:calc(1.7rem * var(--preview-space)) calc(1.1rem * var(--preview-space)) calc(1rem * var(--preview-space))}.preview-editorial-art{height:11rem}.preview-editorial-bottom{margin-inline:1.1rem}.preview-poster-body h3{font-size:calc(18cqw * var(--preview-type-scale))}}.playground-preview :where(h1,h2,h3,h4,p){margin:0}.playground-preview :where(button,input,textarea,select){font-family:inherit}.playground-preview :where(svg){vertical-align:middle;display:inline-block}.playground-preview :is(button,input,textarea):focus-visible{outline:2px solid var(--preview-primary);outline-offset:3px}.playground-preview[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.playground-preview[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.playground-preview :is(.preview-greeting p,.preview-panel p,.preview-app-footer,.preview-kicker,.preview-editorial-hero p,.preview-editorial-caption,.preview-chart-caption){color:var(--preview-muted)}.playground-preview[data-inspecting] [data-color-role]{cursor:crosshair}.playground-preview[data-inspecting] [data-color-role]:hover{outline-offset:3px;outline:1px dashed}.playground-preview[data-inspecting] [data-role-selected]{outline-offset:3px;outline:2px solid}.playground-preview[data-inspecting] [data-color-role]:focus-visible{outline-offset:4px;outline:3px solid}.playground-preview[data-inspecting]{outline-offset:-3px}.preview-component-content{padding:calc(2.6rem * var(--preview-space))}.preview-component-content>header{padding-bottom:calc(1.8rem * var(--preview-space))}.preview-component-content .preview-kicker{margin:0 0 calc(.9rem * var(--preview-space))}.preview-component-content>header>h3{color:var(--preview-text);font-size:calc(clamp(2rem, 5.5cqw, 4rem) * var(--preview-type-scale));letter-spacing:-.06em;margin:0;font-weight:500;line-height:1.07}.preview-component-content>header>p:last-child{margin-top:calc(1rem * var(--preview-space));color:var(--preview-muted);font-size:calc(.78rem * var(--preview-type-scale));line-height:1.7}.component-columns{gap:calc(1.1rem * var(--preview-space));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-card{min-width:0;padding:calc(1.5rem * var(--preview-space));border:1px solid var(--preview-border);border-radius:var(--preview-radius);background:var(--preview-surface);color:var(--preview-text)}.component-caption{color:var(--preview-muted);font-size:calc(.56rem * var(--preview-type-scale));letter-spacing:.11em;font-weight:550;display:block}.component-card h4{margin:calc(.7rem * var(--preview-space)) 0 calc(1.3rem * var(--preview-space));font-size:calc(1.2rem * var(--preview-type-scale));letter-spacing:-.035em;font-weight:550}.component-actions{gap:calc(.6rem * var(--preview-space));flex-wrap:wrap;display:flex}.preview-component-content button{justify-content:center;align-items:center;gap:calc(.65rem * var(--preview-space));border-radius:calc(var(--preview-radius) * .55);padding:calc(.65rem * var(--preview-space)) calc(.85rem * var(--preview-space));color:var(--preview-text);background:var(--preview-background);font:inherit;font-size:calc(.72rem * var(--preview-type-scale));cursor:pointer;border:1px solid #0000;font-weight:500;line-height:1.45;display:inline-flex}.preview-component-content button.component-primary{color:var(--preview-on-primary);background:var(--preview-primary)}.preview-component-content button.component-secondary{color:var(--preview-on-secondary);background:var(--preview-secondary)}.preview-component-content button.component-outline{border-color:var(--preview-border);color:var(--preview-text);background:0 0}.preview-component-content button:hover:not(:disabled){box-shadow:0 0 0 3px color-mix(in srgb, var(--preview-primary) 22%, transparent)}.preview-component-content button:disabled{opacity:.45;cursor:not-allowed}.component-price{padding-top:calc(1.5rem * var(--preview-space));margin-top:calc(1.5rem * var(--preview-space));border-top:1px solid var(--preview-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.component-price>strong{font-size:calc(2.5rem * var(--preview-type-scale));letter-spacing:-.06em;font-weight:500;line-height:1}.component-price small{font-size:calc(.65rem * var(--preview-type-scale));letter-spacing:0;color:var(--preview-muted);margin-left:.35rem;font-weight:400}.component-accent{border-radius:calc(var(--preview-radius) * .35);padding:calc(.35rem * var(--preview-space)) calc(.55rem * var(--preview-space));color:var(--preview-on-accent);background:var(--preview-accent);font-size:calc(.62rem * var(--preview-type-scale))}.component-card .component-footnote{margin-top:calc(.9rem * var(--preview-space));color:var(--preview-muted);font-size:calc(.62rem * var(--preview-type-scale));line-height:1.7}.component-card form{align-items:flex-start;gap:calc(1rem * var(--preview-space));flex-direction:column;display:flex}.component-field{gap:calc(.5rem * var(--preview-space));width:100%;font-size:calc(.72rem * var(--preview-type-scale));flex-direction:column;display:flex}.component-field input{border:1px solid var(--preview-border);border-radius:calc(var(--preview-radius) * .45);width:100%;min-width:0;padding:calc(.75rem * var(--preview-space));color:var(--preview-text);background:var(--preview-surface);font-size:inherit}.component-field input::placeholder{color:var(--preview-muted);opacity:1}.component-field input[aria-invalid=true]{border-color:var(--preview-danger)}.component-check{font-size:calc(.7rem * var(--preview-type-scale));align-items:center;gap:.55rem;display:flex}.component-check input{accent-color:var(--preview-primary);width:.9rem;height:.9rem}.component-error{color:var(--preview-danger);font-size:calc(.66rem * var(--preview-type-scale))}.component-feedback{gap:calc(.7rem * var(--preview-space));margin-top:calc(1.1rem * var(--preview-space));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.component-feedback>div{align-items:flex-start;gap:calc(.65rem * var(--preview-space));padding:calc(1rem * var(--preview-space));border-radius:calc(var(--preview-radius) * .6);background:var(--preview-background);border:1px solid;display:flex}.component-feedback>div:first-child{color:var(--preview-success)}.component-feedback>div:nth-child(2){color:var(--preview-warning)}.component-feedback>div:nth-child(3){color:var(--preview-danger)}.component-feedback svg{flex-shrink:0;margin-top:.1rem}.component-feedback strong{font-size:calc(.66rem * var(--preview-type-scale));font-weight:550;display:block}.component-feedback small{font-size:calc(.6rem * var(--preview-type-scale));margin-top:.3rem;line-height:1.6;display:block}.component-type-sample{margin-top:calc(1.1rem * var(--preview-space));padding:calc(1.6rem * var(--preview-space));border:1px solid var(--preview-border);border-radius:var(--preview-radius);background:var(--preview-surface)}.component-type-sample>p{margin:calc(1.2rem * var(--preview-space)) 0;color:var(--preview-text);font-size:calc(clamp(1.5rem, 4.5cqw, 3rem) * var(--preview-type-scale));letter-spacing:-.05em;font-weight:400;line-height:1.2}.component-type-sample>span:last-child{color:var(--preview-muted);font-size:calc(.72rem * var(--preview-type-scale))}@container (width<=640px){.preview-component-content{padding:calc(1.5rem * var(--preview-space))}.component-columns,.component-feedback{grid-template-columns:minmax(0,1fr)}}.pg-workbench{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.pg-main-toolbar{background:var(--studio-surface);border-bottom:1px solid var(--studio-line);flex-shrink:0;align-items:center;gap:1.2rem;padding:1.15rem 1.5rem;display:flex}.pg-heading{flex:1;min-width:9rem}.pg-heading h2{letter-spacing:-.055em;align-items:center;gap:.6rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.pg-heading h2>span{color:var(--studio-muted);font-size:.9rem;font-weight:400}.pg-heading p{color:var(--studio-muted);margin:.25rem 0 0;font-size:.65rem}.pg-scene-select select,.pg-vision-select{border:1px solid var(--studio-line-strong);background:var(--studio-surface);min-width:0;max-width:100%;color:var(--studio-ink);font:500 .72rem var(--font-sans);border-radius:5px;padding:.55rem .6rem}.pg-scene-select{max-width:12rem}.pg-main-actions{align-items:center;gap:.35rem;display:flex}.pg-main-actions .studio-button{white-space:nowrap;min-height:2.15rem;padding:.55rem .65rem;font-size:.68rem}.pg-workbench .studio-button[data-active]{background:var(--studio-control-hover);border-color:var(--studio-line-strong);color:var(--studio-ink)}.pg-view-toolbar{background:var(--studio-surface);border-bottom:1px solid var(--studio-line);flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem 1.5rem;display:flex}.pg-mode-controls,.pg-device-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.pg-mode-controls{border:1px solid var(--studio-line);border-radius:5px;padding:2px}.pg-mode-controls button,.pg-device-controls button{color:var(--studio-muted);font:500 .7rem var(--font-sans);background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .6rem;display:inline-flex}.pg-mode-controls button[data-active],.pg-device-controls button[data-active]{color:var(--studio-ink);background:var(--studio-control-hover);box-shadow:inset 0 0 0 1px var(--studio-line)}.pg-mode-controls svg,.pg-device-controls svg{stroke-width:1.5px;width:1rem;height:1rem}.pg-device-controls button{padding:.45rem}.pg-toolbar-divider{background:var(--studio-line-strong);width:1px;height:1.1rem}.pg-vision-select{color:var(--studio-muted);border-color:#0000;margin-left:.25rem;padding:.35rem .4rem;font-size:.65rem}.pg-view-actions{align-items:center;gap:.7rem;margin-left:auto;display:flex}.pg-check-shortcut{color:var(--studio-muted);white-space:nowrap;font:500 .66rem var(--font-sans);background:0 0;border:0;align-items:center;gap:.4rem;padding:.3rem 0;display:inline-flex}.pg-check-shortcut svg{width:.9rem;height:.9rem}.pg-check-shortcut[data-issue]{color:var(--studio-danger)}.pg-context-bar{border-bottom:1px solid var(--studio-line);background:color-mix(in srgb, var(--studio-highlight) 8%, var(--studio-surface));color:var(--studio-muted);flex-shrink:0;align-items:center;gap:.6rem;padding:.45rem 1.5rem;font-size:.68rem;line-height:1.5;display:flex}.pg-context-bar>svg,.pg-context-bar button svg{width:1rem;height:1rem}.pg-context-bar strong{color:var(--studio-ink);font-weight:550}.pg-context-bar button{color:var(--studio-ink);background:0 0;border:0;flex-shrink:0;margin-left:auto;padding:.2rem .35rem;font-size:.68rem}.pg-layout{flex:1;grid-template-columns:minmax(0,1fr) 18.5rem;min-height:0;display:grid}.pg-layout[data-inspector=closed]{grid-template-columns:minmax(0,1fr)}.pg-stage-column{flex-direction:column;min-width:0;min-height:0;display:flex}.pg-stage-area{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.pg-stage-area[data-code]{grid-template-columns:minmax(0,1fr) minmax(19rem,38%)}.pg-canvases{background:radial-gradient(var(--studio-line-strong) .65px, transparent .65px) 0 0 / 12px 12px, var(--studio-canvas);scrollbar-gutter:stable;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:1.3rem;min-width:0;min-height:0;padding:1.5rem;display:grid;overflow:auto}.pg-canvases[data-compare]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.pg-board{min-width:0}.pg-board-heading{min-height:1.6rem;color:var(--studio-muted);font:.61rem var(--font-mono);flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-bottom:.55rem;display:flex}.pg-board-heading>div{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.pg-board-heading strong{color:var(--studio-ink);font:500 .68rem var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-board-heading>span{white-space:nowrap;font-size:.58rem}.pg-board-heading i{opacity:.5;font-style:normal}.pg-board-dot{background:#f4f5f2;border:1px solid #939997;border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.pg-board-dot[data-mode=dark]{background:#25282b}.pg-board-heading button{border:1px solid var(--studio-line);color:var(--studio-ink);background:var(--studio-surface);font:.6rem var(--font-sans);border-radius:4px;padding:.2rem .4rem}.pg-board-viewport{width:100%}.pg-board-footprint{margin-inline:auto;position:relative}.pg-board-paper{transform-origin:0 0;outline:1px solid var(--studio-line-strong);border-radius:2px;position:absolute;inset:0 auto auto 0;overflow:hidden;box-shadow:0 2px 6px #0000000d,0 10px 35px #0000000c}.pg-custom-frame{background:#fff;border:0;width:100%;display:block}.pg-canvas-note{text-align:center;color:var(--studio-muted);grid-column:1/-1;margin:0;font-size:.63rem;line-height:1.6}.pg-palette-dock{border-top:1px solid var(--studio-line);background:var(--studio-surface);flex-shrink:0;align-items:center;gap:1rem;min-height:4.4rem;padding:.7rem 1.5rem;display:flex}.pg-palette-dock>div:first-child{min-width:5.6rem;max-width:8rem}.pg-palette-dock small{color:var(--studio-muted);letter-spacing:.1em;margin-bottom:.25rem;font-size:.49rem;display:block}.pg-palette-dock strong{color:var(--studio-ink);font-size:.74rem;font-weight:550;display:block}.pg-palette-dock .palette-strip{border:0;flex:1;gap:3px;min-width:0;height:2rem;overflow:visible}.pg-palette-dock .palette-strip button{border-radius:3px;min-width:0;box-shadow:inset 0 0 0 1px #80808025}.pg-palette-dock .palette-strip button:hover{transform:translateY(-3px)}.pg-palette-dock>.studio-button{padding:.5rem .6rem;font-size:.65rem}.pg-inspector{border-left:1px solid var(--studio-line);background:var(--studio-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.pg-inspector-tabs{border-bottom:1px solid var(--studio-line);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 .9rem;display:grid}.pg-inspector-tabs button{color:var(--studio-muted);font:500 .68rem var(--font-sans);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.95rem .15rem .8rem;display:flex}.pg-inspector-tabs button[data-active]{color:var(--studio-ink);border-bottom-color:var(--studio-highlight)}.pg-inspector-tabs span{background:var(--studio-control-hover);min-width:1.05rem;height:1.05rem;font:.55rem var(--font-mono);border-radius:3px;place-items:center;padding:.12rem;display:grid}.pg-inspector-tabs span[data-issue]{color:var(--studio-danger)}.pg-inspector-tabs svg{width:.7rem;height:.7rem}.pg-inspector-scroll{min-height:0;padding:1.15rem;overflow-y:auto}.pg-inspector-title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem;display:flex}.pg-inspector-title .studio-eyebrow{letter-spacing:.1em;font-size:.57rem}.pg-live-dot{color:var(--studio-muted);font:.56rem var(--font-mono);align-items:center;gap:.3rem;display:inline-flex}.pg-live-dot:before{content:"";background:var(--studio-highlight);border-radius:50%;width:.3rem;height:.3rem}.pg-inspector .studio-label{font-size:.72rem}.pg-inspector .color-field-group{grid-template-columns:2.2rem minmax(0,1fr)}.pg-inspector .color-field-picker{width:2.2rem;height:2.2rem}.pg-inspector .studio-input{min-height:2.2rem;font-size:.78rem}.pg-role-editor>p,.pg-inspector-note{color:var(--studio-muted);margin:.65rem 0 0;font-size:.65rem;line-height:1.65}.pg-role-editor{margin-bottom:1.4rem}.pg-token-group{margin-top:1.15rem}.pg-token-group h3,.pg-type-controls h3{color:var(--studio-muted);margin:0 0 .6rem;font-size:.65rem;font-weight:550}.pg-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;display:grid}.pg-token{border:1px solid var(--studio-line);min-width:0;color:var(--studio-ink);text-align:left;background:0 0;border-radius:5px;align-items:center;gap:.4rem;padding:.45rem .35rem;display:flex;position:relative}.pg-token:hover{background:var(--studio-control-hover)}.pg-token[data-active]{border-color:var(--studio-line-strong);background:var(--studio-control-hover);box-shadow:inset 0 0 0 1px var(--studio-line-strong)}.pg-token>i{border-radius:2px;flex:0 0 1.15rem;width:1.15rem;height:1.5rem;box-shadow:inset 0 0 0 1px #80808030}.pg-token>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.6rem;line-height:1.4;overflow:hidden}.pg-token small{color:var(--studio-muted);font:.51rem var(--font-mono);margin-top:.2rem;display:block}.pg-token-changed{background:var(--studio-highlight);border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:3px}.pg-type-controls{border-top:1px solid var(--studio-line);gap:.9rem;margin-top:1.3rem;padding-top:1.2rem;display:grid}.pg-type-controls h3{margin-bottom:0}.pg-type-controls .studio-select{min-height:2.2rem;margin-top:.5rem;font-size:.73rem}.pg-type-controls .studio-range-field{margin:0}.pg-type-controls .studio-range-field>span{font-size:.69rem}.pg-type-controls .studio-segmented{margin-top:.4rem}.pg-type-controls .studio-segmented button{font-size:.63rem}.pg-inline-action{color:var(--studio-muted);font:500 .66rem var(--font-sans);background:0 0;border:0;justify-content:center;align-items:center;gap:.35rem;margin-top:.35rem;padding:.4rem 0;display:inline-flex}.pg-inline-action:hover{color:var(--studio-ink)}.pg-inline-action svg{width:.85rem;height:.85rem}.pg-check-overview{align-items:center;gap:1rem;margin:.3rem 0 1.2rem;display:flex}.pg-check-overview>strong{letter-spacing:-.06em;font-size:2.8rem;font-weight:500;line-height:1}.pg-check-overview strong small{color:var(--studio-muted);font-size:1.2rem}.pg-check-overview>span{font-size:.7rem;line-height:1.7}.pg-check-overview>span small{color:var(--studio-muted);font-size:.62rem}.pg-check-detail{border-bottom:1px solid var(--studio-line);margin-bottom:.75rem;padding-bottom:1rem}.pg-check-sample{border:1px solid var(--studio-line);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:6.5rem;padding:.8rem;font-size:.95rem;font-weight:550;display:flex}.pg-check-sample small{font-size:.53rem;font-weight:400}.pg-check-measure{justify-content:space-between;gap:.5rem;margin:.9rem 0 .5rem;font-size:.72rem;display:flex}.pg-check-measure strong{color:var(--studio-danger);font:.7rem var(--font-mono)}.pg-check-measure strong[data-pass],.pg-check-list strong[data-pass]{color:var(--studio-muted)}.pg-check-detail>p{color:var(--studio-muted);margin:0 0 .5rem;font-size:.6rem;line-height:1.5}.pg-check-detail>.studio-button{width:100%;margin-top:.4rem;font-size:.63rem}.pg-check-list{gap:.3rem;display:grid}.pg-check-list>button{width:100%;color:var(--studio-ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:.6rem;padding:.5rem .35rem;display:flex}.pg-check-list>button[data-active]{border-color:var(--studio-line-strong);background:var(--studio-control)}.pg-check-list i{border:1px solid var(--studio-line);border-radius:3px;flex:0 0 1.7rem;place-items:center;width:1.7rem;height:1.7rem;font-size:.8rem;font-style:normal;display:grid}.pg-check-list>button>span{flex:1;font-size:.65rem}.pg-check-list small{color:var(--studio-muted);margin-top:.18rem;font-size:.52rem;font-weight:400;display:block}.pg-check-list strong{font:.67rem var(--font-mono);color:var(--studio-danger);text-align:right}.pg-version-intro{margin-top:.4rem}.pg-version-intro>svg{width:1.4rem;height:1.4rem;color:var(--studio-muted);stroke-width:1.2px}.pg-version-intro h3{letter-spacing:-.025em;margin:.7rem 0 .4rem;font-size:1.1rem;font-weight:500}.pg-version-intro p,.pg-version-empty{color:var(--studio-muted);font-size:.67rem;line-height:1.7}.pg-version-form{gap:.5rem;margin:1.2rem 0;display:grid}.pg-version-form>.studio-button{width:100%;margin-top:.2rem;font-size:.7rem}.pg-version-empty{border-top:1px solid var(--studio-line);padding-top:1.2rem}.pg-version-list{gap:.8rem;display:grid}.pg-version-list article{border:1px solid var(--studio-line);border-radius:6px;padding:.75rem}.pg-version-list article[data-active]{border-color:var(--studio-line-strong);box-shadow:inset 0 0 0 1px var(--studio-line-strong)}.pg-version-colors{border-radius:3px;height:1.85rem;margin-bottom:.7rem;display:flex;overflow:hidden}.pg-version-colors>i{flex:1}.pg-version-name{width:100%;min-width:0;color:var(--studio-ink);font:500 .76rem var(--font-sans);background:0 0;border:1px solid #0000;border-radius:3px;margin:0;padding:.3rem}.pg-version-name:hover{border-color:var(--studio-line)}.pg-version-list article>p{color:var(--studio-muted);margin:.2rem .3rem .6rem;font-size:.57rem}.pg-version-list article>p>span{opacity:.5;margin-inline:.25rem}.pg-version-actions{align-items:center;gap:.4rem;display:flex}.pg-version-actions>.studio-button{flex:1;padding:.45rem;font-size:.65rem}.pg-version-actions>.studio-icon-button{width:1.9rem;height:1.9rem}.pg-source{background:var(--studio-surface);border-left:1px solid var(--studio-line);flex-direction:column;min-width:0;min-height:0;display:flex}.pg-source>header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;display:flex}.pg-source .studio-segmented button{font:.62rem var(--font-mono);padding:.35rem .5rem}.pg-source-actions{align-items:center;gap:.12rem;display:flex}.pg-source-actions>.studio-button{padding:.35rem .4rem;font-size:.62rem}.pg-source-actions>.studio-icon-button{width:1.65rem;height:1.8rem}.pg-source-actions svg{width:.9rem;height:.9rem}.pg-source-input{background:var(--studio-canvas);flex:1;min-width:0;min-height:12rem;display:flex}.pg-source-input textarea{resize:none;width:100%;min-width:0;color:var(--studio-ink);font:.71rem/1.8 var(--font-mono);tab-size:2;white-space:pre;background:0 0;border:0;border-radius:0;flex:1;padding:1rem;display:block;overflow:auto;outline-offset:-3px!important}.pg-source>footer{color:var(--studio-muted);border-top:1px solid var(--studio-line);font:.55rem var(--font-mono);justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .8rem;display:flex}.pg-source>footer>span:first-child:before{content:"";background:var(--studio-muted);border-radius:50%;width:.3rem;height:.3rem;margin-right:.35rem;display:inline-block}.pg-source>footer>span[data-live]:before{background:var(--studio-highlight)}.pg-source-help,.pg-source-notice{color:var(--studio-muted);border-top:1px solid var(--studio-line);margin:0;padding:.6rem .8rem;font-size:.59rem;line-height:1.65}.pg-source-help code{color:var(--studio-ink);font-size:.58rem}.pg-source-notice{color:var(--studio-danger)}.pg-export-code{resize:vertical;border:1px solid var(--studio-line-strong);background:var(--studio-canvas);width:100%;height:min(22rem,45dvh);color:var(--studio-ink);font:.7rem/1.7 var(--font-mono);white-space:pre;border-radius:5px;margin-block:1rem;padding:1rem;display:block}@media (width>=821px){.studio-shell[data-workspace=playground] .studio-body{grid-template-columns:5.5rem minmax(0,1fr)}.studio-shell[data-workspace=playground] .studio-tool-rail{padding:.7rem .4rem}.studio-shell[data-workspace=playground] .studio-tool-button{flex-direction:column;gap:.2rem;padding:.65rem .1rem}.studio-shell[data-workspace=playground] .studio-tool-copy strong{justify-content:center;font-size:.58rem}.studio-shell[data-workspace=playground] :is(.studio-tool-copy small,.studio-tool-button>kbd,.studio-nav-count,.studio-rail-inspiration,.studio-rail-label,.studio-rail-note){display:none}.studio-shell[data-workspace=playground] .studio-tool-button[data-active]:before{left:-.4rem}}@media (width<=1180px) and (width>=821px){.pg-heading p{display:none}.pg-heading{min-width:8rem}.pg-main-toolbar{gap:.7rem;padding:1rem}.pg-main-actions>.studio-button:not(:last-child)>span{display:none}.pg-main-actions>.studio-button:not(:last-child){width:2.15rem;padding:.5rem}.pg-layout{grid-template-columns:minmax(0,1fr) 17.5rem}.pg-stage-area[data-code]{grid-template-columns:minmax(0,1fr) 18.5rem}.pg-layout[data-inspector=open] .pg-stage-area[data-code]{grid-template-columns:minmax(0,1fr)}.pg-layout[data-inspector=open] .pg-stage-area[data-code] .pg-source{min-height:20rem}.pg-layout[data-inspector=open] .pg-stage-area[data-code] .pg-canvases{min-height:16rem}.pg-view-toolbar{gap:.45rem;padding-inline:1rem}.pg-vision-select{max-width:8.5rem}.pg-canvases{padding:1rem}.pg-palette-dock{gap:.7rem;padding-inline:1rem}.pg-palette-dock>.studio-button>span{display:none}}@media (width<=820px){.pg-workbench{height:auto}.pg-main-toolbar{flex-wrap:wrap;gap:.75rem;padding:1rem}.pg-heading{min-width:10rem}.pg-main-actions{flex-basis:100%;justify-content:space-between}.pg-main-actions .studio-button{flex:1}.pg-view-toolbar{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem}.pg-view-actions{gap:.45rem}.pg-vision-select{margin-left:auto}.pg-context-bar{padding-inline:1rem}.pg-layout{flex-direction:column;display:flex}.pg-canvases{padding:1.2rem 1rem;overflow:visible}.pg-canvases[data-compare]{grid-template-columns:minmax(0,1fr)}.pg-stage-area,.pg-stage-area[data-code]{flex-direction:column;display:flex}.pg-source{border-left:0;border-top:1px solid var(--studio-line);min-height:28rem}.pg-source-input{min-height:20rem}.pg-source-input textarea{font-size:.8rem}.pg-source>header{padding:.65rem 1rem}.pg-palette-dock{gap:.7rem;padding:.8rem 1rem}.pg-palette-dock>.studio-button>span{display:none}.pg-palette-dock>div:first-child{min-width:4rem}.pg-palette-dock strong{font-size:.68rem}.pg-inspector{border-left:0;border-top:1px solid var(--studio-line)}.pg-inspector-scroll{padding:1.25rem;overflow:visible}.pg-inspector-tabs button{padding:1rem;font-size:.8rem}.pg-inspector-title .studio-eyebrow{font-size:.65rem}.pg-token-group h3,.pg-type-controls h3{font-size:.78rem}.pg-token{gap:.6rem;padding:.65rem}.pg-token>i{flex-basis:1.7rem;height:1.9rem}.pg-token>span{font-size:.75rem}.pg-token small{font-size:.65rem}.pg-check-list>button{padding:.7rem}.pg-check-list>button>span,.pg-check-list strong{font-size:.8rem}.pg-version-name{font-size:.9rem}}@media (width<=540px){.pg-heading h2{font-size:1.2rem}.pg-heading p{font-size:.59rem}.pg-scene-select{max-width:9.1rem}.pg-scene-select select{width:100%;padding:.45rem .25rem;font-size:.65rem}.pg-main-actions{flex-wrap:wrap;gap:.4rem}.pg-main-actions .studio-button{gap:.3rem;padding:.5rem .3rem;font-size:.63rem}.pg-main-actions svg{width:.9rem}.pg-main-actions>.studio-button:last-child{flex-basis:100%}.pg-mode-controls button{padding:.4rem .5rem}.pg-device-controls button{padding:.4rem}.pg-view-actions{margin-left:auto}.pg-vision-select{max-width:12rem;margin-left:0}.pg-canvas-note{font-size:.63rem}}@media (prefers-reduced-motion:reduce){.pg-palette-dock .palette-strip button{transition:none}}