/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight: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}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-600:oklch(43.9% 0 none);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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]){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;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}}@layer components;@layer utilities{.collapse{visibility:collapse}.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}.sticky{position:sticky}.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}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-screen{min-height:100vh}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.p-4{padding:calc(var(--spacing) * 4)}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-neutral-600{color:var(--color-neutral-600)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);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{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);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{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,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))}}:root,:root[data-theme=light]{--sol-surface-base:#f8fafc;--sol-surface-raised:#fff;--sol-surface-overlay:#fff;--sol-surface-sunken:#f1f5f9;--sol-surface-inverse:#0f172a;--sol-foreground:#111827;--sol-foreground-muted:#334155;--sol-foreground-subtle:#64748b;--sol-foreground-inverse:#f8fafc;--sol-foreground-on-primary:#fff;--sol-border:#cbd5e1;--sol-border-muted:#e2e8f0;--sol-border-active:#5750d6;--sol-primary:#5750d6;--sol-primary-hover:#4c46c5;--sol-primary-foreground:#fff;--sol-secondary:#2563eb;--sol-accent:#06b6d4;--sol-success:#22c55e;--sol-warning:#f59e0b;--sol-destructive:#e5484d;--sol-focus-ring:#5750d6;--sol-focus-ring-width:2px;--sol-interactive-hover:#5750d60f;--sol-interactive-active:#5750d61a;--sol-radius-sm:8px;--sol-radius-md:12px;--sol-radius-lg:16px;--sol-radius-xl:20px;--sol-radius-full:999px;--sol-shadow-sm:0 1px 2px 0 #0f172a0a;--sol-shadow-md:0 2px 6px -1px #0f172a0f, 0 1px 4px -2px #0f172a0a;--sol-shadow-lg:0 8px 24px -4px #0f172a14, 0 2px 8px -4px #0f172a0a;--sol-font-size-xs:.75rem;--sol-line-height-xs:1rem;--sol-font-size-sm:.875rem;--sol-line-height-sm:1.25rem;--sol-font-size-base:.875rem;--sol-line-height-base:1.25rem;--sol-font-size-md:1.125rem;--sol-line-height-md:1.5rem;--sol-font-size-lg:1.25rem;--sol-line-height-lg:1.5rem;--sol-font-size-xl:1.875rem;--sol-line-height-xl:2.25rem;--color-surface:var(--sol-surface-base);--color-surface-raised:var(--sol-surface-raised);--color-foreground:var(--sol-foreground);--color-foreground-muted:var(--sol-foreground-muted);--color-border:var(--sol-border);--focus-ring:var(--sol-focus-ring)}:root[data-theme=dark]{--sol-surface-base:#0f172a;--sol-surface-raised:#1e293b;--sol-surface-overlay:#1e293b;--sol-surface-sunken:#020617;--sol-surface-inverse:#f8fafc;--sol-foreground:#f1f5f9;--sol-foreground-muted:#94a3b8;--sol-foreground-subtle:#64748b;--sol-foreground-inverse:#0f172a;--sol-foreground-on-primary:#fff;--sol-border:#334155;--sol-border-muted:#1e293b;--sol-border-active:#8b83f8;--sol-primary:#8b83f8;--sol-primary-hover:#a19bfa;--sol-primary-foreground:#0f172a;--sol-secondary:#60a5fa;--sol-accent:#22d3ee;--sol-success:#4ade80;--sol-warning:#fbbf24;--sol-destructive:#f87171;--sol-focus-ring:#8b83f8;--sol-focus-ring-width:2px;--sol-interactive-hover:#8b83f81a;--sol-interactive-active:#8b83f829;--sol-radius-sm:8px;--sol-radius-md:12px;--sol-radius-lg:16px;--sol-radius-xl:20px;--sol-radius-full:999px;--sol-shadow-sm:0 1px 3px 0 #0003;--sol-shadow-md:0 3px 8px -1px #0000004d, 0 1px 4px -2px #0003;--sol-shadow-lg:0 10px 30px -4px #0006, 0 4px 10px -4px #00000040;--sol-font-size-xs:.75rem;--sol-line-height-xs:1rem;--sol-font-size-sm:.875rem;--sol-line-height-sm:1.25rem;--sol-font-size-base:.875rem;--sol-line-height-base:1.25rem;--sol-font-size-md:1.125rem;--sol-line-height-md:1.5rem;--sol-font-size-lg:1.25rem;--sol-line-height-lg:1.5rem;--sol-font-size-xl:1.875rem;--sol-line-height-xl:2.25rem;--color-surface:var(--sol-surface-base);--color-surface-raised:var(--sol-surface-raised);--color-foreground:var(--sol-foreground);--color-foreground-muted:var(--sol-foreground-muted);--color-border:var(--sol-border);--focus-ring:var(--sol-focus-ring)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--sol-surface-base:#0f172a;--sol-surface-raised:#1e293b;--sol-surface-overlay:#1e293b;--sol-surface-sunken:#020617;--sol-surface-inverse:#f8fafc;--sol-foreground:#f1f5f9;--sol-foreground-muted:#94a3b8;--sol-foreground-subtle:#64748b;--sol-foreground-inverse:#0f172a;--sol-foreground-on-primary:#fff;--sol-border:#334155;--sol-border-muted:#1e293b;--sol-border-active:#8b83f8;--sol-primary:#8b83f8;--sol-primary-hover:#a19bfa;--sol-primary-foreground:#0f172a;--sol-secondary:#60a5fa;--sol-accent:#22d3ee;--sol-success:#4ade80;--sol-warning:#fbbf24;--sol-destructive:#f87171;--sol-focus-ring:#8b83f8;--sol-focus-ring-width:2px;--sol-interactive-hover:#8b83f81a;--sol-interactive-active:#8b83f829;--sol-radius-sm:8px;--sol-radius-md:12px;--sol-radius-lg:16px;--sol-radius-xl:20px;--sol-radius-full:999px;--sol-shadow-sm:0 1px 3px 0 #0003;--sol-shadow-md:0 3px 8px -1px #0000004d, 0 1px 4px -2px #0003;--sol-shadow-lg:0 10px 30px -4px #0006, 0 4px 10px -4px #00000040;--sol-font-size-xs:.75rem;--sol-line-height-xs:1rem;--sol-font-size-sm:.875rem;--sol-line-height-sm:1.25rem;--sol-font-size-base:.875rem;--sol-line-height-base:1.25rem;--sol-font-size-md:1.125rem;--sol-line-height-md:1.5rem;--sol-font-size-lg:1.25rem;--sol-line-height-lg:1.5rem;--sol-font-size-xl:1.875rem;--sol-line-height-xl:2.25rem;--color-surface:var(--sol-surface-base);--color-surface-raised:var(--sol-surface-raised);--color-foreground:var(--sol-foreground);--color-foreground-muted:var(--sol-foreground-muted);--color-border:var(--sol-border);--focus-ring:var(--sol-focus-ring)}}@font-face{font-family:Inter Tight;src:url(/_astro/inter-tight-variable.CQIQDWaS.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;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}@font-face{font-family:Inter Tight;src:url(/_astro/inter-tight-variable.CQIQDWaS.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap;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}@font-face{font-family:Inter Variable;src:url(/_astro/inter-variable.BEaTEWq-.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;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}@font-face{font-family:Inter Variable;src:url(/_astro/inter-variable.BEaTEWq-.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap;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}@font-face{font-family:IBM Plex Mono;src:url(/_astro/ibm-plex-mono-variable.C-SBB-bw.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:swap;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}@font-face{font-family:IBM Plex Mono;src:url(/_astro/ibm-plex-mono-variable.C-SBB-bw.woff2)format("woff2");font-weight:100 700;font-style:italic;font-display:swap;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}:root{--font-display:"Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}.site-header{z-index:40;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);position:sticky;top:0}.site-header__bar{justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;margin-inline:auto;padding:.75rem 1rem;display:flex}.site-header__brand{font-family:var(--font-display);color:var(--color-foreground);font-size:1.125rem;font-weight:600;text-decoration:none}.site-header__desktop-nav{display:none}.site-header__desktop-nav [data-scope=navigation-menu][data-part=list]{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.site-header__desktop-nav [data-scope=navigation-menu][data-part=link],.site-header__desktop-nav [data-scope=navigation-menu][data-part=trigger]{color:var(--color-foreground);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.9375rem;text-decoration:none}.site-header__desktop-nav [data-scope=navigation-menu][data-part=link][data-active],.site-header__desktop-nav [data-scope=navigation-menu][data-part=trigger][data-state=open]{color:var(--focus-ring)}.site-header__desktop-nav [data-scope=navigation-menu][data-part=item]{position:relative}.site-header__desktop-nav [data-scope=navigation-menu][data-part=content]{z-index:50;top:100%;padding-top:.5rem;position:absolute;inset-inline-end:0}.site-header__dropdown-list{border:1px solid var(--color-border);background-color:var(--color-surface-raised);border-radius:.5rem;flex-direction:column;gap:.5rem;min-width:12rem;margin:0;padding:.75rem;list-style:none;display:flex;box-shadow:0 4px 16px #0000001f}.site-header__mobile-trigger{display:block}.site-header__hamburger-button{width:2.75rem;height:2.75rem;color:var(--color-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex}.site-header__hamburger-button:hover{background-color:var(--color-surface-raised)}@media (width>=768px){.site-header__desktop-nav{display:block}.site-header__mobile-trigger{display:none}}.site-header__hamburger{flex-direction:column;justify-content:center;gap:4px;width:1.25rem;height:1.25rem;display:inline-flex}.site-header__hamburger span{background-color:currentColor;border-radius:1px;height:2px;display:block}.site-header__drawer-backdrop{z-index:50;background-color:#0006;position:fixed;inset:0}.site-header__drawer-content{z-index:51;background-color:var(--color-surface);border-inline-end:1px solid var(--color-border);flex-direction:column;gap:1rem;width:min(20rem,85vw);padding:1rem;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.site-header__drawer-content[data-state=closed]{display:none}.site-header__drawer-header{justify-content:space-between;align-items:center;display:flex}.site-header__drawer-title{font-family:var(--font-display);margin:0;font-size:1.125rem}.site-header__drawer-description{color:var(--color-foreground-muted);margin:0;font-size:.875rem}.site-header__drawer-nav ul{flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.site-header__drawer-nav a{color:var(--color-foreground);font-family:var(--font-body);font-size:1rem;text-decoration:none}.site-header__drawer-nav a[aria-current=page]{color:var(--focus-ring)}.site-header__drawer-group-label{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){.site-header__drawer-content{transition:transform .2s ease-out}}.site-header__actions{align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.language-switcher{border:1px solid var(--color-border);min-width:2.75rem;min-height:2.75rem;color:var(--color-foreground);cursor:pointer;font:inherit;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;display:inline-flex}.language-switcher:hover{background:var(--color-surface-raised)}@media not all and (width>=40rem){.site-header__bar{gap:.5rem}.site-header__actions{gap:.25rem}.language-switcher__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.theme-toggle{border:1px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-foreground);cursor:pointer;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;transition:background-color .1s;display:inline-flex}.theme-toggle:hover{background-color:var(--color-surface-raised)}.theme-toggle__icon{justify-content:center;align-items:center;display:none}.theme-toggle[data-theme-preference=system] [data-theme-icon=system],.theme-toggle[data-theme-preference=light] [data-theme-icon=light],.theme-toggle[data-theme-preference=dark] [data-theme-icon=dark]{display:inline-flex}@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}}.language-switcher:disabled{cursor:not-allowed;opacity:.6}.site-header__cta{border-radius:var(--sol-radius-sm,8px);color:#fff;font-family:var(--font-body);white-space:nowrap;background-color:#5750d6;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:none}.site-header__cta:hover{background-color:#4c46c5}@media (width>=768px){.site-header__cta{display:inline-flex}}.site-footer{color:#f1f5f9;background-color:#0f172a;border-top:1px solid #ffffff0f}.site-footer__inner{grid-template-columns:1fr;gap:2.5rem;max-width:72rem;margin:0 auto;padding:3rem 1.5rem;display:grid}.site-footer__logo{color:#f1f5f9;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.site-footer__wordmark{font-family:var(--font-display);font-size:1.125rem;font-weight:700}.site-footer__description{color:#94a3b8cc;margin:0;font-size:.875rem;line-height:1.6}.site-footer__col-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:#f1f5f999;margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.site-footer__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.site-footer__list a{color:#f1f5f9cc;font-size:.875rem;text-decoration:none;transition:color .15s}.site-footer__list a:hover{color:#fff}.site-footer__subscribe-copy{color:#94a3b8cc;margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.site-footer__form-row{gap:.5rem;display:flex}.site-footer__input{border-radius:var(--sol-radius-sm,8px);color:#f1f5f9;min-width:0;font-family:var(--font-body);background-color:#ffffff0d;border:1px solid #ffffff1f;flex:1;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .15s}.site-footer__input::placeholder{color:#94a3b880}.site-footer__input:focus{border-color:var(--sol-primary,#5750d6);outline:none}.site-footer__submit{border-radius:var(--sol-radius-sm,8px);color:#fff;font-family:var(--font-body);white-space:nowrap;cursor:pointer;background-color:#5750d6;border:none;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s}.site-footer__submit:hover{background-color:#4c46c5}.site-footer__social{gap:.75rem;margin-top:1.25rem;display:flex}.site-footer__social-link{border-radius:var(--sol-radius-sm,8px);color:#94a3b8b3;justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .15s,background-color .15s;display:flex}.site-footer__social-link:hover{color:#f1f5f9;background-color:#ffffff14}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.site-footer__inner{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:2rem;padding-block:4rem 3rem}}@media not all and (width>=768px){.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__brand,.site-footer__subscribe{grid-column:1/-1}}.site-search [data-scope=dialog][data-part=trigger],.site-search [data-scope=dialog][data-part=close]{appearance:none;border:1px solid var(--color-border);color:var(--color-foreground);font:inherit;cursor:pointer;background:0 0}.site-search [data-scope=dialog][data-part=trigger]{border-radius:.375rem;min-height:2.75rem}.site-search__trigger-content{align-items:center;gap:.5rem;padding:.5rem .75rem;display:inline-flex}.site-search__trigger-icon{font-size:1.25rem;line-height:1;display:none}.site-search__trigger-content kbd{color:var(--color-foreground-muted);font-size:.75rem}.site-search [data-scope=dialog][data-part=trigger]:hover,.site-search [data-scope=dialog][data-part=close]:hover{background:var(--color-surface-raised)}.site-search__backdrop{z-index:50;background:var(--color-foreground);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.site-search__backdrop{background:color-mix(in srgb, var(--color-foreground) 55%, transparent)}}.site-search__content{z-index:51;border:1px solid var(--color-border);background:var(--color-surface-raised);width:min(100vw - 2rem,42rem);max-height:min(70vh,42rem);box-shadow:var(--sol-shadow-lg);border-radius:.75rem;gap:1rem;padding:1rem;display:grid;position:fixed;top:min(15vh,8rem);left:50%;overflow:auto;transform:translate(-50%)}.site-search__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.site-search__title,.site-search__description,.site-search__message{margin:0}.site-search__title{font-family:var(--font-display);font-size:1.25rem}.site-search__description,.site-search__message{color:var(--color-foreground-muted)}.site-search [data-scope=dialog][data-part=close]{border-radius:.375rem;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:inline-grid}.site-search__close-content{font-size:1.5rem;line-height:1}.site-search__form{margin:0}.site-search__input{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-foreground);font:inherit;border-radius:.5rem;padding:.625rem .75rem}.site-search__input:focus{border-color:var(--focus-ring);outline:2px solid var(--focus-ring);outline-offset:2px}.site-search__filters{flex-wrap:wrap;gap:.375rem;display:flex}.site-search__filter-pill{appearance:none;border:1px solid var(--color-border);color:var(--color-foreground-muted);font:inherit;cursor:pointer;background:0 0;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1}.site-search__filter-pill:hover{background:var(--color-surface-raised);color:var(--color-foreground)}.site-search__filter-pill[aria-pressed=true]{background:var(--sol-primary);border-color:var(--sol-primary);color:var(--sol-on-primary)}.site-search__results{min-height:1.5rem}.site-search__result-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.site-search__result-list a{border:1px solid var(--color-border);color:var(--color-foreground);border-radius:.5rem;gap:.25rem;padding:.75rem;text-decoration:none;display:grid}.site-search__result-list a:hover{background:var(--sol-interactive-hover)}.site-search__result-title{color:var(--sol-secondary);font-weight:650}.site-search__result-excerpt{color:var(--color-foreground-muted);font-size:.875rem}.site-search__visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-search__fallback{color:var(--color-foreground-muted);margin:0;font-size:.875rem}@media (width<=40rem){.site-search [data-scope=dialog][data-part=trigger]{min-width:2.75rem}.site-search__trigger-content{padding:.5rem}.site-search__trigger-icon{display:inline}.site-search__trigger-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-search__trigger-content kbd{display:none}}@media (width<=30rem){.site-search__content{max-height:calc(100vh - 2rem);top:1rem}}@media (forced-colors:active){.site-search [data-scope=dialog][data-part=trigger],.site-search [data-scope=dialog][data-part=close],.site-search__input,.site-search__result-list a{border-color:buttontext}}.docs-shell{max-width:90rem;margin-inline:auto;padding-inline:1rem}.docs-shell__mobile-bar{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding-block:.75rem;display:flex}.docs-shell__mobile-label{font-family:var(--font-display);color:var(--color-foreground);font-weight:600}.docs-shell__grid{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:1.5rem;display:grid}.docs-shell__sidebar{display:none}.docs-shell__sidebar-group{margin-bottom:1.5rem}.docs-shell__sidebar-group-label,.docs-shell__toc-label{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.8125rem}.docs-shell__sidebar-group ul,.docs-shell__toc ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.docs-shell__sidebar-group a,.docs-shell__toc a{color:var(--color-foreground);font-family:var(--font-body);font-size:.9375rem;text-decoration:none}.docs-shell__sidebar-group a:hover,.docs-shell__toc a:hover{color:var(--focus-ring);text-decoration:underline}.docs-shell__sidebar-group a[aria-current=page]{color:var(--focus-ring);font-weight:600}.docs-shell__sidebar-empty,.docs-mobile-nav__empty{color:var(--color-foreground-muted);font-family:var(--font-body);font-size:.9375rem}.docs-shell__article{min-width:0}.docs-shell__article h2,.docs-shell__article h3,.docs-shell__article h4{scroll-margin-top:5rem}.docs-shell__adjacent{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:grid}.docs-shell__adjacent-link{border:1px solid var(--color-border);color:var(--color-foreground);border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem 1rem;text-decoration:none;display:flex}.docs-shell__adjacent-link:hover{border-color:var(--focus-ring)}.docs-shell__adjacent-link--next{text-align:end;align-items:flex-end}.docs-shell__adjacent-direction{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.docs-shell__adjacent-label{font-family:var(--font-body);font-size:.9375rem}.docs-shell__toc{display:none}@media (width>=768px){.docs-shell__mobile-bar{display:none}.docs-shell__grid{grid-template-columns:16rem minmax(0,1fr)}.docs-shell__sidebar{align-self:start;max-height:calc(100vh - 5.5rem);display:block;position:sticky;top:4.5rem;overflow-y:auto}}@media (width>=1024px){.docs-shell__grid{grid-template-columns:16rem minmax(0,1fr) 14rem}.docs-shell__toc{align-self:start;max-height:calc(100vh - 5.5rem);display:block;position:sticky;top:4.5rem;overflow-y:auto}}.docs-shell__blog-meta{margin-bottom:1.5rem}.docs-shell__blog-meta--info{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.docs-shell__blog-meta--info dt{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.docs-shell__blog-meta--info dd{color:var(--color-foreground);margin:0;font-size:.875rem}.docs-shell__blog-meta--tags dd{font-family:var(--font-mono,"IBM Plex Mono", monospace);word-break:break-word;font-size:.8125rem}.docs-shell__blog-meta--author{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.docs-shell__blog-meta--avatar{object-fit:cover;border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:3rem;height:3rem}.docs-shell__blog-meta--name{margin:0;font-size:.9375rem;font-weight:600}.docs-shell__blog-meta--name a{color:var(--color-foreground);text-decoration:none}.docs-shell__blog-meta--name a:hover{color:var(--focus-ring);text-decoration:underline}.docs-shell__blog-meta--bio{color:var(--color-foreground-muted);margin:.25rem 0 .5rem;font-size:.8125rem;line-height:1.4}.docs-shell__blog-meta--links{gap:.75rem;display:flex}.docs-shell__blog-meta--links a{color:var(--color-foreground-muted);font-size:.8125rem;text-decoration:none}.docs-shell__blog-meta--links a:hover{color:var(--focus-ring);text-decoration:underline}.docs-mobile-nav__trigger{width:2.5rem;height:2.5rem;color:var(--color-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex}.docs-mobile-nav__trigger:hover{background-color:var(--color-surface-raised)}.docs-mobile-nav__hamburger{flex-direction:column;justify-content:center;gap:4px;width:1.25rem;height:1.25rem;display:inline-flex}.docs-mobile-nav__hamburger span{background-color:currentColor;border-radius:1px;height:2px;display:block}.docs-mobile-nav__drawer-backdrop{z-index:50;background-color:#0006;position:fixed;inset:0}.docs-mobile-nav__drawer-content{z-index:51;background-color:var(--color-surface);border-inline-end:1px solid var(--color-border);flex-direction:column;gap:1rem;width:min(20rem,85vw);padding:1rem;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.docs-mobile-nav__drawer-content[data-state=closed]{display:none}.docs-mobile-nav__drawer-header{justify-content:space-between;align-items:center;display:flex}.docs-mobile-nav__drawer-title{font-family:var(--font-display);margin:0;font-size:1.125rem}.docs-mobile-nav__drawer-description{color:var(--color-foreground-muted);margin:0;font-size:.875rem}.docs-mobile-nav__group{margin-bottom:1.25rem}.docs-mobile-nav__group-label{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.8125rem}.docs-mobile-nav__nav ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.docs-mobile-nav__nav a{color:var(--color-foreground);font-family:var(--font-body);font-size:1rem;text-decoration:none}.docs-mobile-nav__nav a[aria-current=page]{color:var(--focus-ring)}@media (prefers-reduced-motion:no-preference){.docs-mobile-nav__drawer-content{transition:transform .2s ease-out}}.primitive-header{gap:.75rem;margin-bottom:1.5rem;display:grid}.primitive-header h1,.primitive-header p{margin:0}.primitive-header__meta{color:var(--color-foreground-muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.875rem;display:flex}.component-header{border-inline-start:3px solid var(--sol-secondary,#a78bfa);gap:.75rem;margin-bottom:1.5rem;padding-inline-start:1rem;display:grid}.component-header h1,.component-header p{margin:0}.component-header__meta{color:var(--color-foreground-muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.875rem;display:flex}.component-preview-wrap{border:1px solid var(--sol-secondary,#a78bfa);background:var(--sol-secondary,#a78bfa);border-inline-start-width:3px;border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}@supports (color:color-mix(in lab, red, red)){.component-preview-wrap{background:color-mix(in srgb, var(--sol-secondary,#a78bfa) 6%, var(--color-surface-raised))}}.component-preview-wrap>div{background:0 0;border:none;border-radius:0;margin-block:0;padding:0}.primitive-tabs{border-bottom:1px solid var(--color-border);margin-block:1.5rem 2rem;overflow-x:auto}.primitive-tabs ul{gap:.25rem;width:max-content;min-width:100%;margin:0;padding:0;list-style:none;display:flex}.primitive-tabs a{color:var(--color-foreground-muted);border-bottom:2px solid #0000;padding:.625rem .875rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:block}.primitive-tabs a:hover{color:var(--color-foreground)}.primitive-tabs a[aria-current=page]{border-color:var(--focus-ring);color:var(--color-foreground)}.primitive-install{gap:.75rem;margin-top:2rem;display:grid}.primitive-install pre,.api-reference__signature{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.5rem;padding:.875rem 1rem;overflow-x:auto}.primitive-install pre{margin:0}.catalog-notice{border-inline-start:3px solid var(--color-border-strong,var(--focus-ring));background:var(--color-surface-raised);color:var(--color-foreground-muted);padding:1rem}.api-reference__eyebrow{color:var(--color-foreground-muted);font-size:.875rem}.api-reference__exports{gap:2rem;margin-top:1.5rem;display:grid}.api-reference__export{border-top:1px solid var(--color-border);padding-top:1.5rem}.api-reference__export h3{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.api-reference__export h3 span{color:var(--color-foreground-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:400}.api-reference__signature{margin-block:1rem}.api-reference__signature code{white-space:pre}.api-reference__members dl{gap:.75rem;display:grid}.api-reference__members dl>div{gap:.25rem;display:grid}.api-reference__members dt,.api-reference__members dd{margin:0}.api-reference__source{font-size:.875rem}.primitive-metadata{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:1.25rem;margin-top:2rem;padding:1.25rem;display:grid}.primitive-metadata h2,.primitive-metadata h3,.primitive-metadata p{margin:0}.primitive-metadata__summary,.primitive-metadata__integrity{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin:0;display:grid}.primitive-metadata__summary div,.primitive-metadata__integrity div{gap:.25rem;display:grid}.primitive-metadata__summary dt,.primitive-metadata__integrity dt{color:var(--color-foreground-muted);font-size:.8125rem}.primitive-metadata__summary dd,.primitive-metadata__integrity dd{overflow-wrap:anywhere;min-width:0;margin:0}.primitive-metadata__sections{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem;display:grid}.primitive-metadata__sections section{align-content:start;gap:.5rem;display:grid}.primitive-metadata__sections pre,.primitive-metadata__sections ul{margin:0}.primitive-metadata__sections ul{padding-inline-start:1.25rem}.dialog-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;place-items:start;min-height:10rem;margin-top:1.5rem;padding:1.5rem;display:grid}.dialog-example [data-part=trigger],.dialog-example [data-part=close]{appearance:none;color:inherit;font:inherit;background:0 0;border:0;padding:0}.dialog-example__trigger,.dialog-example__button{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.625rem .875rem;font-weight:650;display:inline-flex}.dialog-example__trigger{background:var(--color-foreground);color:var(--color-surface)}.dialog-example__backdrop{z-index:50;background:var(--color-foreground);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.dialog-example__backdrop{background:color-mix(in srgb, var(--color-foreground) 55%, transparent)}}.dialog-example__content{z-index:51;border:1px solid var(--color-border);background:var(--color-surface-raised);width:min(100vw - 2rem,32rem);box-shadow:0 1.25rem 3rem var(--color-foreground);border-radius:.75rem;gap:1rem;padding:1.5rem;display:grid;position:fixed;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.dialog-example__content{box-shadow:0 1.25rem 3rem color-mix(in srgb, var(--color-foreground) 30%, transparent)}}.dialog-example__content{transform:translate(-50%,-50%)}.dialog-example__title,.dialog-example__description{margin:0}.dialog-example__description{color:var(--color-foreground-muted)}.dialog-example__actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.dialog-example__button--secondary{border:1px solid var(--color-border);background:var(--color-surface)}.dialog-example__button--danger{border:2px solid var(--sol-destructive);background:var(--color-surface);color:var(--color-foreground)}.accordion-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.preview-styling-note{background:var(--color-surface-raised);color:var(--color-foreground-muted,#a0a0b0);border-radius:.375rem;margin-top:.75rem;margin-bottom:1.5rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.5}.accordion-example [data-scope=accordion][data-part=root]{flex-direction:column;gap:0;width:100%;display:flex}.accordion-example [data-scope=accordion][data-part=item]{border-bottom:1px solid var(--color-border)}.accordion-example [data-scope=accordion][data-part=item]:last-child{border-bottom:none}.accordion-example [data-scope=accordion][data-part=trigger]{appearance:none;width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem .5rem;font-size:.9375rem;font-weight:600;transition:color .15s;display:flex}.accordion-example [data-scope=accordion][data-part=trigger]:hover{color:var(--sol-primary,#6d9fff)}.accordion-example [data-scope=accordion][data-part=trigger]:after{content:"+";font-size:1.25rem;font-weight:400;transition:transform .2s}.accordion-example [data-scope=accordion][data-part=trigger][aria-expanded=true]:after{content:"−"}.accordion-example [data-scope=accordion][data-part=content]{color:var(--color-foreground-muted,#a0a0b0);padding:0 .5rem 1rem;font-size:.875rem;line-height:1.6;overflow:hidden}.accessibility-evidence{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-top:2rem;padding:1.25rem}.accessibility-evidence__eyebrow,.accessibility-evidence__notice,.accessibility-evidence__ids{color:var(--color-foreground-muted);font-size:.875rem}.accessibility-evidence__summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.accessibility-evidence__summary div{background:var(--color-surface);border-radius:.5rem;padding:.75rem}.accessibility-evidence__summary dt{color:var(--color-foreground-muted);font-size:.8125rem}.accessibility-evidence__summary dd{margin:.25rem 0 0;font-size:1.25rem;font-weight:700}@media (width<=30rem){.accessibility-evidence__summary{grid-template-columns:1fr}}.accessibility-contract{border:1px solid var(--color-border);border-radius:.75rem;margin-top:2rem;padding:1.25rem}.accessibility-contract__group{margin-top:1.25rem}.accessibility-contract__group:first-of-type{margin-top:1rem}.accessibility-contract__group h4{margin:0 0 .5rem;font-size:.9375rem}.accessibility-contract__keyboard,.accessibility-contract__non-applicable{grid-template-columns:auto 1fr;gap:.375rem .75rem;margin:0;display:grid}.accessibility-contract__keyboard dt,.accessibility-contract__non-applicable dt{color:var(--color-foreground-muted);font-weight:600}.accessibility-contract__keyboard dd,.accessibility-contract__non-applicable dd{margin:0}.accessibility-contract__review-status,.accessibility-contract__notice{color:var(--color-foreground-muted);margin-top:1.25rem;font-size:.875rem}.example-source{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-top:1.5rem}.example-source summary{color:var(--color-foreground);cursor:pointer;padding:.875rem 1rem;font-weight:650}.example-source pre{border-top:1px solid var(--color-border);border-radius:0;max-height:32rem;margin:0;overflow:auto}.primitive-directory__header{gap:.5rem;margin-bottom:1.5rem;display:grid}.primitive-directory__header h1,.primitive-directory__header p{margin:0}.primitive-directory__count{color:var(--color-foreground-muted);font-size:.875rem}.primitive-directory__filters:not([data-ready]){display:none}.primitive-directory__filters{gap:1rem;display:grid}.primitive-directory__filter-controls{flex-wrap:wrap;gap:1rem;display:flex}.primitive-directory__filter-controls label{min-width:min(100%,13rem);color:var(--color-foreground-muted);gap:.375rem;font-size:.875rem;font-weight:600;display:grid}.primitive-directory__filter-controls select{border:1px solid var(--color-border);background:var(--color-surface);min-height:2.5rem;color:var(--color-foreground);font:inherit;border-radius:.375rem;padding-inline:.625rem}.primitive-directory__filtered-count,.primitive-directory__empty{color:var(--color-foreground-muted);margin:0;font-size:.875rem}.primitive-directory__empty{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;padding:1rem}.primitive-directory__grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.primitive-directory__item{display:block}.primitive-directory__link{border:1px solid var(--color-border);height:100%;color:inherit;border-radius:.75rem;gap:.5rem;padding:1rem;text-decoration:none;display:grid}.primitive-directory__link:hover,.primitive-directory__link:focus-visible{border-color:var(--focus-ring)}.primitive-directory__name{font-weight:650}.primitive-directory__description{color:var(--color-foreground-muted);font-size:.875rem}.primitive-directory__meta{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.02em;gap:.5rem;margin-top:.25rem;font-size:.75rem;display:flex}.catalog-breadcrumbs{color:var(--color-foreground-muted);margin-bottom:1rem;font-size:.875rem}.catalog-breadcrumbs ol,.catalog-breadcrumbs li{align-items:center;display:flex}.catalog-breadcrumbs ol{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.catalog-breadcrumbs li{gap:.375rem}.catalog-breadcrumbs a{color:inherit}.catalog-breadcrumbs [aria-current=page]{color:var(--color-foreground)}.home-page{gap:3rem;max-width:64rem;margin:0 auto;padding:3rem 1.5rem;display:grid}.home-page__header{gap:.75rem;display:grid}.home-page__header h1{margin:0;font-size:2.5rem;font-weight:800;line-height:1.1}.home-page__tagline{color:var(--color-foreground-muted);max-width:36rem;margin:0;font-size:1.125rem}.home-page__status{color:var(--color-foreground-muted);align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.home-page__areas{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.25rem;display:grid}.home-page__area{border:1px solid var(--color-border);border-radius:var(--sol-radius-md);background:var(--color-surface-raised);gap:.5rem;padding:1.25rem;display:grid}.home-page__area-header{gap:.25rem;display:grid}.home-page__area-title{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.home-page__area-title h2{margin:0;font-size:1rem;font-weight:700}.home-page__area-description{color:var(--color-foreground-muted);margin:0;font-size:.875rem;line-height:1.5}.home-page__area-link{color:var(--sol-secondary);margin-top:.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.home-page__area-link:hover{text-decoration:underline}.home-page__area-unavailable{color:var(--color-foreground-muted);margin-top:.25rem;font-size:.75rem;font-style:italic;display:inline-block}.primitive-directory__header h1{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:1.25rem;margin-block:1.5rem;padding:1.5rem;display:grid}.button-example__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button-example [data-scope=button][data-part=root]{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);min-height:2.5rem;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button-example [data-scope=button][data-part=root]:hover{border-color:var(--focus-ring);background:var(--color-surface-raised)}.button-example [data-scope=button][data-part=root][data-loading]{opacity:.6;cursor:wait}.button-example [data-scope=button][data-part=toggle-button]{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);min-height:2.5rem;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button-example [data-scope=button][data-part=toggle-button][data-state=on]{background:var(--sol-primary,#6d9fff);border-color:var(--sol-primary,#6d9fff);color:#fff}.button-example [data-scope=button][data-part=button-group]{gap:0;display:inline-flex}.button-example [data-scope=button][data-part=button-group] [data-part=root]{border-right-width:0;border-radius:0}.button-example [data-scope=button][data-part=button-group] [data-part=root]:first-child{border-radius:.5rem 0 0 .5rem}.button-example [data-scope=button][data-part=button-group] [data-part=root]:last-child{border-right-width:1px;border-radius:0 .5rem .5rem 0}.checkbox-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:flex}.checkbox-example [data-scope=checkbox][data-part=root]{appearance:none;border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:background .15s,border-color .15s;display:inline-flex}.checkbox-example [data-scope=checkbox][data-part=root][data-state=checked]{background:var(--sol-primary,#6d9fff);border-color:var(--sol-primary,#6d9fff)}.checkbox-example [data-scope=checkbox][data-part=indicator]{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.checkbox-example span{color:var(--color-foreground-muted);font-size:.875rem}.combobox-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:.5rem;margin-block:1.5rem;padding:1.5rem;display:grid}.combobox-example__label{color:var(--color-foreground-muted);font-size:.875rem;font-weight:600}.combobox-example__input,.combobox-example [data-scope=combobox][data-part=input]{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:20rem;min-height:2.5rem;color:var(--color-foreground);font:inherit;border-radius:.5rem;padding:.5rem .75rem}.combobox-example__input:focus,.combobox-example [data-scope=combobox][data-part=input]:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.combobox-example__content,.combobox-example [data-scope=combobox][data-part=content]{border:1px solid var(--color-border);background:var(--color-surface);max-width:20rem;box-shadow:0 .5rem 1.5rem var(--color-foreground);border-radius:.5rem}@supports (color:color-mix(in lab, red, red)){.combobox-example__content,.combobox-example [data-scope=combobox][data-part=content]{box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--color-foreground) 10%, transparent)}}.combobox-example [data-scope=combobox][data-part=item]{cursor:pointer;align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.combobox-example [data-scope=combobox][data-part=item]:hover,.combobox-example [data-scope=combobox][data-part=item][data-highlighted]{background:var(--color-surface-raised)}.combobox-example [data-scope=combobox][data-part=item][data-state=checked]{color:var(--sol-primary,#6d9fff);font-weight:600}.data-table-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem;overflow-x:auto}.data-table-example [data-scope=data-table][data-part=root]{border-collapse:collapse;width:100%;font-size:.875rem}.data-table-example [data-scope=data-table][data-part=header]{border-bottom:2px solid var(--color-border)}.data-table-example [data-scope=data-table][data-part=header-cell]{text-align:left;color:var(--color-foreground-muted);cursor:pointer;user-select:none;padding:.75rem 1rem;font-weight:700}.data-table-example [data-scope=data-table][data-part=header-cell]:hover{color:var(--color-foreground)}.data-table-example [data-scope=data-table][data-part=row]{border-bottom:1px solid var(--color-border)}.data-table-example [data-scope=data-table][data-part=row]:last-child{border-bottom:none}.data-table-example [data-scope=data-table][data-part=cell]{padding:.625rem 1rem}.data-table-example__header-label{font-weight:700}.data-table-example__cell-text{color:var(--color-foreground)}.menu-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;place-items:start;min-height:10rem;margin-block:1.5rem;padding:1.5rem;display:grid}.menu-example [data-scope=menu][data-part=trigger]{appearance:none;border:1px solid var(--color-border);background:var(--color-foreground);min-height:2.5rem;color:var(--color-surface);font:inherit;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:inline-flex}.menu-example [data-scope=menu][data-part=content]{border:1px solid var(--color-border);background:var(--color-surface);min-width:10rem;box-shadow:0 .5rem 1.5rem var(--color-foreground);border-radius:.5rem;padding:.25rem}@supports (color:color-mix(in lab, red, red)){.menu-example [data-scope=menu][data-part=content]{box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--color-foreground) 10%, transparent)}}.menu-example [data-scope=menu][data-part=item]{cursor:pointer;border-radius:.375rem;align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.menu-example [data-scope=menu][data-part=item]:hover,.menu-example [data-scope=menu][data-part=item][data-highlighted]{background:var(--color-surface-raised)}.navigation-menu-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.navigation-menu-example [data-scope=navigation-menu][data-part=root]{position:relative}.navigation-menu-example [data-scope=navigation-menu][data-part=list]{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.navigation-menu-example [data-scope=navigation-menu][data-part=trigger]{appearance:none;min-height:2.25rem;color:var(--color-foreground);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.navigation-menu-example [data-scope=navigation-menu][data-part=trigger]:hover{background:var(--color-surface)}.navigation-menu-example [data-scope=navigation-menu][data-part=content]{border:1px solid var(--color-border);background:var(--color-surface);min-width:12rem;box-shadow:0 .5rem 1.5rem var(--color-foreground);border-radius:.5rem;margin-top:.25rem;padding:.5rem;position:absolute;top:100%;left:0}@supports (color:color-mix(in lab, red, red)){.navigation-menu-example [data-scope=navigation-menu][data-part=content]{box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--color-foreground) 10%, transparent)}}.navigation-menu-example [data-scope=navigation-menu][data-part=link]{color:var(--color-foreground);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;display:block}.navigation-menu-example [data-scope=navigation-menu][data-part=link]:hover{background:var(--color-surface-raised)}.pagination-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.pagination-example [data-scope=pagination][data-part=root]{align-items:center;gap:.25rem;display:flex}.pagination-example [data-scope=pagination][data-part=previous-button],.pagination-example [data-scope=pagination][data-part=next-button]{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);min-height:2.25rem;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.pagination-example [data-scope=pagination][data-part=previous-button]:disabled,.pagination-example [data-scope=pagination][data-part=next-button]:disabled{opacity:.4;cursor:not-allowed}.pagination-example [data-scope=pagination][data-part=content]{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.pagination-example [data-scope=pagination][data-part=item] button{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.pagination-example [data-scope=pagination][data-part=item] button:hover{background:var(--color-surface-raised)}.pagination-example [data-scope=pagination][data-part=item] button[aria-current=page]{background:var(--sol-primary,#6d9fff);border-color:var(--sol-primary,#6d9fff);color:#fff;font-weight:700}.popover-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;place-items:start;min-height:8rem;margin-block:1.5rem;padding:1.5rem;display:grid}.popover-example [data-scope=popover][data-part=trigger]{appearance:none;border:1px solid var(--color-border);background:var(--color-foreground);min-height:2.5rem;color:var(--color-surface);font:inherit;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:inline-flex}.popover-example [data-scope=popover][data-part=content]{border:1px solid var(--color-border);background:var(--color-surface);max-width:20rem;box-shadow:0 .5rem 1.5rem var(--color-foreground);border-radius:.5rem;padding:1rem}@supports (color:color-mix(in lab, red, red)){.popover-example [data-scope=popover][data-part=content]{box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--color-foreground) 10%, transparent)}}.popover-example [data-scope=popover][data-part=content] p{color:var(--color-foreground-muted);margin:0 0 .75rem;font-size:.875rem}.popover-example [data-scope=popover][data-part=close]{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem .5rem;display:inline-flex}.radio-group-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.radio-group-example [data-scope=radio-group][data-part=root]{flex-direction:column;gap:.75rem;display:flex}.radio-group-example [data-scope=radio-group][data-part=item]{cursor:pointer;align-items:center;gap:.625rem;font-size:.9375rem;display:flex}.radio-group-example [data-scope=radio-group][data-part=indicator]{border:2px solid var(--color-border);background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:border-color .15s;display:inline-flex}.radio-group-example [data-scope=radio-group][data-part=item][data-state=checked] [data-part=indicator]{border-color:var(--sol-primary,#6d9fff)}.radio-group-example [data-scope=radio-group][data-part=item][data-state=checked] [data-part=indicator]:after{content:"";background:var(--sol-primary,#6d9fff);border-radius:50%;width:.5rem;height:.5rem;display:block}.select-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;place-items:start;min-height:10rem;margin-block:1.5rem;padding:1.5rem;display:grid}.select-example [data-scope=select][data-part=trigger]{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);min-width:14rem;min-height:2.5rem;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:inline-flex}.select-example [data-scope=select][data-part=trigger]:after{content:"▾";color:var(--color-foreground-muted);margin-left:.5rem;font-size:.75rem}.select-example [data-scope=select][data-part=content]{border:1px solid var(--color-border);background:var(--color-surface);min-width:14rem;box-shadow:0 .5rem 1.5rem var(--color-foreground);border-radius:.5rem;padding:.25rem}@supports (color:color-mix(in lab, red, red)){.select-example [data-scope=select][data-part=content]{box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--color-foreground) 10%, transparent)}}.select-example [data-scope=select][data-part=item]{cursor:pointer;border-radius:.375rem;align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.select-example [data-scope=select][data-part=item]:hover,.select-example [data-scope=select][data-part=item][data-highlighted]{background:var(--color-surface-raised)}.select-example [data-scope=select][data-part=item][data-state=checked]{color:var(--sol-primary,#6d9fff);font-weight:600}.sheet-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;place-items:start;min-height:8rem;margin-block:1.5rem;padding:1.5rem;display:grid}.sheet-example [data-scope=sheet][data-part=trigger]{appearance:none;border:1px solid var(--color-border);background:var(--color-foreground);min-height:2.5rem;color:var(--color-surface);font:inherit;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:inline-flex}.sheet-example [data-scope=sheet][data-part=content]{z-index:51;background:var(--color-surface);border-left:1px solid var(--color-border);width:min(24rem,100vw - 2rem);box-shadow:-.5rem 0 2rem var(--color-foreground);inset-block:0;gap:1rem;padding:1.5rem;display:grid;position:fixed;right:0}@supports (color:color-mix(in lab, red, red)){.sheet-example [data-scope=sheet][data-part=content]{box-shadow:-.5rem 0 2rem color-mix(in srgb, var(--color-foreground) 10%, transparent)}}.sheet-example [data-scope=sheet][data-part=title]{margin:0;font-size:1.125rem;font-weight:700}.sheet-example [data-scope=sheet][data-part=description]{color:var(--color-foreground-muted);margin:0;font-size:.875rem;line-height:1.5}.sheet-example [data-scope=sheet][data-part=close]{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);min-height:2.25rem;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;display:inline-flex}.switch-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:flex}.switch-example [data-scope=switch][data-part=root]{cursor:pointer;align-items:center;gap:.625rem;font-size:.9375rem;display:inline-flex}.switch-example [data-scope=switch][data-part=thumb]{border:2px solid var(--color-border);background:var(--color-surface);border-radius:9999px;flex-shrink:0;align-items:center;width:2.75rem;height:1.5rem;transition:background .2s,border-color .2s;display:inline-flex;position:relative}.switch-example [data-scope=switch][data-part=thumb]:after{content:"";background:var(--color-foreground-muted);border-radius:50%;width:1rem;height:1rem;transition:transform .2s,background .2s;display:block;transform:translate(.125rem)}.switch-example [data-scope=switch][data-part=root][data-state=checked] [data-part=thumb]{background:var(--sol-primary,#6d9fff);border-color:var(--sol-primary,#6d9fff)}.switch-example [data-scope=switch][data-part=root][data-state=checked] [data-part=thumb]:after{background:#fff;transform:translate(1.375rem)}.tabs-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.tabs-example [data-scope=tabs][data-part=list]{border-bottom:1px solid var(--color-border);gap:0;margin:0;padding:0;list-style:none;display:flex}.tabs-example [data-scope=tabs][data-part=trigger]{appearance:none;color:var(--color-foreground-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.tabs-example [data-scope=tabs][data-part=trigger]:hover{color:var(--color-foreground)}.tabs-example [data-scope=tabs][data-part=trigger][data-state=active]{color:var(--color-foreground);border-bottom-color:var(--sol-primary,#6d9fff)}.tabs-example [data-scope=tabs][data-part=content]{color:var(--color-foreground-muted);padding:1rem .25rem;font-size:.875rem;line-height:1.6}.prose-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.prose-example [data-scope=prose]{max-width:45rem;color:var(--color-foreground);line-height:1.7}.prose-example [data-scope=prose] h1{letter-spacing:-.025em;margin:0 0 1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.prose-example [data-scope=prose] h2{letter-spacing:-.015em;margin:2rem 0 .75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.prose-example [data-scope=prose] p{color:var(--color-foreground-muted);margin:0 0 1rem;font-size:1rem}.prose-example [data-scope=prose] p:last-child{margin-bottom:0}.prose-example [data-scope=prose] ul{margin:0 0 1rem;padding-inline-start:1.5rem}.prose-example [data-scope=prose] ul li{color:var(--color-foreground-muted);margin-bottom:.375rem;font-size:.9375rem;line-height:1.6}.prose-example [data-scope=prose] ul li:last-child{margin-bottom:0}.prose-example [data-scope=prose] code{background:var(--color-surface);font-size:.875em;font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);color:var(--color-foreground);border-radius:.25rem;padding:.125rem .375rem}.prose-example [data-scope=prose] a{color:var(--sol-primary,#6d9fff);text-underline-offset:.15em;text-decoration:underline;transition:color .15s}.prose-example [data-scope=prose] a:hover{color:var(--color-foreground)}.typeset-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.typeset-example [data-scope=typeset][data-part=heading-1]{letter-spacing:-.025em;color:var(--color-foreground);margin:0 0 1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.typeset-example [data-scope=typeset][data-part=lead]{color:var(--color-foreground);margin:0 0 1rem;font-size:1.125rem;font-weight:500;line-height:1.5}.typeset-example [data-scope=typeset][data-part=paragraph]{color:var(--color-foreground-muted);margin:0 0 1rem;font-size:1rem;line-height:1.7}.typeset-example [data-scope=typeset][data-part=blockquote]{border-inline-start:3px solid var(--sol-primary,#6d9fff);background:var(--color-surface);color:var(--color-foreground);margin:1.5rem 0;padding:1rem 1.25rem;font-size:1rem;font-style:italic;line-height:1.6}.typeset-example [data-scope=typeset][data-part=muted]{color:var(--color-foreground-muted);margin:0;font-size:.875rem;line-height:1.5}.alert-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:grid}.alert-example [data-scope=alert][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.5}.alert-example [data-scope=alert][data-part=root][data-state=info]{border-inline-start:3px solid var(--sol-primary,#6d9fff)}.alert-example [data-scope=alert][data-part=root][data-state=success]{border-inline-start:3px solid var(--sol-success,#22c55e)}.alert-example [data-scope=alert][data-part=root][data-state=warning]{border-inline-start:3px solid var(--sol-warning,#f59e0b)}.alert-example [data-scope=alert][data-part=root][data-state=error]{border-inline-start:3px solid var(--sol-destructive,#ef4444)}.alert-example [data-scope=alert][data-part=title]{color:var(--color-foreground);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.alert-example [data-scope=alert][data-part=description]{color:var(--color-foreground-muted);margin:0;font-size:.8125rem}.avatar-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.avatar-example__stack{gap:.5rem;display:flex}.avatar-example [data-scope=avatar][data-part=root]{background:var(--color-surface);border:2px solid var(--color-border);width:2.5rem;height:2.5rem;color:var(--color-foreground-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex;overflow:hidden}.avatar-example [data-scope=avatar][data-part=image]{object-fit:cover;width:100%;height:100%;display:block}.badge-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.badge-example__row{flex-wrap:wrap;gap:.375rem;display:flex}.badge-example [data-scope=badge][data-part=root]{background:var(--sol-primary,#6d9fff);border-radius:9999px;align-items:center;padding:.125rem .5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge-example [data-scope=badge][data-part=root]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.badge-example [data-scope=badge][data-part=root]{color:var(--sol-primary,#6d9fff);white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.5}.breadcrumb-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.breadcrumb-example [data-scope=breadcrumb][data-part=list]{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-example [data-scope=breadcrumb][data-part=link]{color:var(--color-foreground-muted);padding:.25rem 0;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-block}.breadcrumb-example [data-scope=breadcrumb][data-part=link]:hover{color:var(--color-foreground)}.breadcrumb-example [data-scope=breadcrumb][data-part=link][aria-current=page]{color:var(--color-foreground);font-weight:600}.breadcrumb-example [data-scope=breadcrumb][data-part=separator]{color:var(--color-foreground-muted);user-select:none;font-size:.75rem;display:inline-block}.breadcrumb-example [data-scope=breadcrumb][data-part=ellipsis]{color:var(--color-foreground-muted);user-select:none;font-size:.75rem}.card-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.card-example [data-scope=card][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;gap:.75rem;max-width:28rem;padding:1.25rem;display:grid}.card-example [data-scope=card][data-part=header]{gap:.25rem;display:grid}.card-example [data-scope=card][data-part=title]{color:var(--color-foreground);margin:0;font-size:1rem;font-weight:700}.card-example [data-scope=card][data-part=description]{color:var(--color-foreground-muted);margin:0;font-size:.8125rem}.card-example [data-scope=card][data-part=content]{color:var(--color-foreground-muted);font-size:.875rem;line-height:1.6}.card-example [data-scope=card][data-part=footer]{border-top:1px solid var(--color-border);color:var(--sol-primary,#6d9fff);padding-top:.5rem;font-size:.875rem;font-weight:600}.separator-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.separator-example__text{color:var(--color-foreground-muted);margin:.5rem 0;font-size:.875rem}.separator-example [data-scope=separator][data-part=root]{background:var(--color-border);height:1px}.separator-example [data-scope=separator][data-part=root][data-orientation=vertical]{width:1px;height:auto;min-height:3rem}.kbd-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.kbd-example__row{align-items:center;gap:.375rem;display:flex}.kbd-example [data-scope=kbd][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);min-width:1.5rem;color:var(--color-foreground);font-family:var(--font-mono,ui-monospace, SFMono-Regular, monospace);user-select:none;border-bottom-width:2px;border-radius:.25rem;justify-content:center;align-items:center;padding:.125rem .375rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.kbd-example__label{color:var(--color-foreground-muted);margin-inline-start:.25rem;font-size:.8125rem}.visually-hidden-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.visually-hidden-example__demo{margin-bottom:1rem;display:flex}.visually-hidden-example__button{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-foreground);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.25rem;transition:background .15s;display:inline-flex}.visually-hidden-example__button:hover{background:var(--color-surface-raised)}.visually-hidden-example__notice{color:var(--color-foreground-muted);margin-bottom:1rem;font-size:.8125rem}.visually-hidden-example__notice [data-scope=visually-hidden][data-part=root]{clip:unset;white-space:normal;border-width:auto;width:auto;height:auto;color:var(--sol-primary,#6d9fff);margin:0;padding:0;font-size:.8125rem;font-style:italic;position:relative;overflow:visible}.visually-hidden-example__article{border:1px dashed var(--color-border);border-radius:.375rem;padding:1rem}.visually-hidden-example__list{color:var(--color-foreground-muted);margin:0;padding-inline-start:1.25rem;font-size:.875rem}.visually-hidden-example__list li{margin-bottom:.25rem}.visually-hidden-example__list li:last-child{margin-bottom:0}.input-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:grid}.input-example__row{align-items:center;gap:.5rem;display:flex}.input-example [data-scope=input][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:16rem;color:var(--color-foreground);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.input-example [data-scope=input][data-part=root]:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.input-example [data-scope=input][data-part=root]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--focus-ring) 30%, transparent)}}.input-example [data-scope=input][data-part=root][data-disabled]{opacity:.5;cursor:not-allowed}.input-example [data-scope=input][data-part=root][data-invalid]{border-color:var(--sol-destructive,#ef4444)}.spinner-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.spinner-example__row{align-items:center;gap:1rem;display:flex}.spinner-example [data-scope=spinner][data-part=root]{border:2px solid var(--color-border);border-top-color:var(--sol-primary,#6d9fff);border-radius:50%;width:1.5rem;height:1.5rem;animation:.6s linear infinite spinner-example-rotate;display:inline-block}@keyframes spinner-example-rotate{to{transform:rotate(360deg)}}.skeleton-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:grid}.skeleton-example__row{align-items:center;gap:.5rem;display:flex}.skeleton-example [data-scope=skeleton][data-part=root]{background:var(--color-surface);border-radius:.25rem;animation:1.5s ease-in-out infinite skeleton-example-pulse}.skeleton-example [data-scope=skeleton][data-part=root][data-variant=text]{height:1rem}.skeleton-example [data-scope=skeleton][data-part=root][data-variant=circular]{border-radius:50%}@keyframes skeleton-example-pulse{0%,to{opacity:1}50%{opacity:.4}}.label-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:1rem;margin-block:1.5rem;padding:1.5rem;display:grid}.label-example__row{gap:.375rem;display:grid}.label-example [data-scope=label][data-part=root]{color:var(--color-foreground);font-size:.875rem;font-weight:600}.label-example [data-scope=label][data-part=root][data-required]:after{content:" *";color:var(--sol-destructive,#ef4444)}.label-example [data-scope=label][data-part=root][data-invalid]{color:var(--sol-destructive,#ef4444)}.label-example [data-scope=label][data-part=root][data-disabled]{opacity:.5}.toggle-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.toggle-example__row{border:1px solid var(--color-border);border-radius:.5rem;display:inline-flex;overflow:hidden}.toggle-example [data-scope=toggle][data-part=root]{background:var(--color-surface);color:var(--color-foreground-muted);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.toggle-example [data-scope=toggle][data-part=root]:hover{background:var(--color-surface-raised)}.toggle-example [data-scope=toggle][data-part=root][data-pressed=true]{background:var(--sol-primary,#6d9fff)}@supports (color:color-mix(in lab, red, red)){.toggle-example [data-scope=toggle][data-part=root][data-pressed=true]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.toggle-example [data-scope=toggle][data-part=root][data-pressed=true]{color:var(--sol-primary,#6d9fff)}.toggle-example [data-scope=toggle][data-part=root]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.tooltip-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.tooltip-example [data-scope=tooltip][data-part=trigger]{display:inline-block}.tooltip-example [data-scope=tooltip][data-part=trigger] button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .15s}.tooltip-example [data-scope=tooltip][data-part=trigger] button:hover{background:var(--color-surface-raised)}.tooltip-example [data-scope=tooltip][data-part=content]{z-index:50;background:var(--color-foreground);color:var(--color-surface);white-space:nowrap;pointer-events:none;border-radius:.375rem;padding:.375rem .625rem;font-size:.75rem;position:absolute}.progress-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:grid}.progress-example__row{align-items:center;gap:.75rem;display:flex}.progress-example [data-scope=progress][data-part=root]{background:var(--color-surface);border-radius:9999px;width:100%;max-width:16rem;height:.5rem;overflow:hidden}.progress-example [data-scope=progress][data-part=indicator]{background:var(--sol-primary,#6d9fff);border-radius:9999px;height:100%;transition:width .3s;display:block}.progress-example [data-scope=progress][data-part=root][data-state=loading] [data-part=indicator]{width:30%;animation:1.5s ease-in-out infinite progress-example-indefinite}.progress-example [data-scope=progress][data-part=root][data-state=complete] [data-part=indicator]{width:100%}@keyframes progress-example-indefinite{0%{width:30%;margin-inline-start:0}50%{width:60%}to{width:30%;margin-inline-start:70%}}.meter-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:grid}.meter-example__row{align-items:center;gap:.75rem;display:flex}.meter-example [data-scope=meter][data-part=root]{appearance:none;background:var(--color-surface);border:none;border-radius:9999px;width:100%;max-width:16rem;height:.75rem}.meter-example [data-scope=meter][data-part=root]::-webkit-meter-bar{background:var(--color-surface);border-radius:9999px}.meter-example [data-scope=meter][data-part=root][data-status=safe]::-webkit-meter-optimum-value{background:var(--sol-success,#22c55e)}.meter-example [data-scope=meter][data-part=root][data-status=caution]::-webkit-meter-optimum-value{background:var(--sol-warning,#f59e0b)}.meter-example [data-scope=meter][data-part=root][data-status=danger]::-webkit-meter-optimum-value{background:var(--sol-destructive,#ef4444)}.empty-state-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.empty-state-example [data-scope=empty-state][data-part=root]{text-align:center;justify-items:center;gap:.75rem;padding:2rem 1rem;display:grid}.empty-state-example [data-scope=empty-state][data-part=icon]{font-size:2rem;line-height:1}.empty-state-example [data-scope=empty-state][data-part=title]{color:var(--color-foreground);margin:0;font-size:1rem;font-weight:600}.empty-state-example [data-scope=empty-state][data-part=description]{max-width:20rem;color:var(--color-foreground-muted);margin:0;font-size:.875rem;line-height:1.5}.empty-state-example [data-scope=empty-state][data-part=action] button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s}.empty-state-example [data-scope=empty-state][data-part=action] button:hover{background:var(--color-surface-raised)}.collapsible-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.collapsible-example [data-scope=collapsible][data-part=trigger]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.collapsible-example [data-scope=collapsible][data-part=trigger]:hover{background:var(--color-surface-raised)}.collapsible-example [data-scope=collapsible][data-part=content]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground-muted);border-radius:.5rem;margin-top:.75rem;padding:.75rem;font-size:.8125rem;line-height:1.5}.slider-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.slider-example__row{align-items:center;gap:.75rem;width:100%;max-width:16rem;display:flex}.slider-example [data-scope=slider][data-part=root]{flex-grow:1;align-items:center;padding:.5rem 0;display:flex;position:relative}.slider-example [data-scope=slider][data-part=track]{background:var(--color-surface);border-radius:9999px;width:100%;height:.375rem;position:relative}.slider-example [data-scope=slider][data-part=range]{background:var(--sol-primary,#6d9fff);border-radius:9999px;height:100%;position:absolute}.slider-example [data-scope=slider][data-part=thumb]{background:var(--color-foreground);cursor:grab;border-radius:50%;width:1rem;height:1rem;margin-left:-.25rem;transition:transform .1s;position:absolute}.slider-example [data-scope=slider][data-part=thumb]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.toggle-group-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.toggle-group-example [data-scope=toggle-group][data-part=root]{border:1px solid var(--color-border);border-radius:.5rem;display:inline-flex;overflow:hidden}.toggle-group-example [data-scope=toggle-group][data-part=item]{background:var(--color-surface);color:var(--color-foreground-muted);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.toggle-group-example [data-scope=toggle-group][data-part=item]:hover{background:var(--color-surface-raised)}.toggle-group-example [data-scope=toggle-group][data-part=item][data-state=on]{background:var(--sol-primary,#6d9fff)}@supports (color:color-mix(in lab, red, red)){.toggle-group-example [data-scope=toggle-group][data-part=item][data-state=on]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.toggle-group-example [data-scope=toggle-group][data-part=item][data-state=on]{color:var(--sol-primary,#6d9fff)}.toolbar-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.toolbar-example [data-scope=toolbar][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;align-items:center;gap:.25rem;padding:.375rem;display:inline-flex}.toolbar-example [data-scope=toolbar][data-part=button]{color:var(--color-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:inline-flex}.toolbar-example [data-scope=toolbar][data-part=button]:hover{background:var(--color-surface-raised)}.toolbar-example [data-scope=toolbar][data-part=separator]{background:var(--color-border);width:1px;height:1.25rem;margin:0 .125rem}.toolbar-example [data-scope=toolbar][data-part=toggle-item]{color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;transition:background-color .15s;display:inline-flex}.toolbar-example [data-scope=toolbar][data-part=toggle-item][data-state=on]{background:var(--sol-primary,#6d9fff)}@supports (color:color-mix(in lab, red, red)){.toolbar-example [data-scope=toolbar][data-part=toggle-item][data-state=on]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.toolbar-example [data-scope=toolbar][data-part=toggle-item][data-state=on]{color:var(--sol-primary,#6d9fff)}.field-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.field-example [data-scope=field][data-part=root]{gap:.375rem;max-width:16rem;display:grid}.field-example [data-scope=field][data-part=label]{color:var(--color-foreground);font-size:.875rem;font-weight:600}.field-example [data-scope=field][data-part=description]{color:var(--color-foreground-muted);font-size:.8125rem}.field-example [data-scope=field][data-part=error]{color:var(--sol-destructive,#ef4444);font-size:.8125rem}.field-example input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-foreground);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.field-example input:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.field-example input:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--focus-ring) 30%, transparent)}}.scroll-area-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.scroll-area-example [data-scope=scroll-area][data-part=root]{border:1px solid var(--color-border);border-radius:.5rem;max-height:12rem;position:relative;overflow:hidden}.scroll-area-example [data-scope=scroll-area][data-part=viewport]{scrollbar-width:none;height:100%;padding:.5rem;overflow-y:scroll}.scroll-area-example__item{color:var(--color-foreground-muted);border-bottom:1px solid var(--color-border);padding:.375rem .5rem;font-size:.8125rem}.scroll-area-example [data-scope=scroll-area][data-part=scrollbar]{width:.5rem;height:100%;position:absolute;top:0;right:0}.scroll-area-example [data-scope=scroll-area][data-part=thumb]{background:#8080804d;border-radius:9999px}.resizable-panels-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.resizable-panels-example [data-scope=resizable-panels][data-part=group]{border:1px solid var(--color-border);border-radius:.5rem;height:8rem;display:flex;overflow:hidden}.resizable-panels-example__panel{background:var(--color-surface);color:var(--color-foreground-muted);justify-content:center;align-items:center;padding:1rem;font-size:.8125rem;display:flex;overflow:hidden}.resizable-panels-example [data-scope=resizable-panels][data-part=handle]{background:var(--color-border);cursor:col-resize;width:4px;transition:background-color .15s}.resizable-panels-example [data-scope=resizable-panels][data-part=handle]:hover{background:var(--sol-primary,#6d9fff)}.toast-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem;position:relative}.toast-example__trigger{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s}.toast-example__trigger:hover{background:var(--color-surface-raised)}.toast-example [data-scope=toast][data-part=region]{gap:.5rem;padding-top:.5rem;display:grid;position:absolute;top:100%;left:0;right:0}.toast-example [data-scope=toast][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex;box-shadow:0 4px 12px #0000001a}.toast-example [data-scope=toast][data-part=title]{color:var(--color-foreground);font-size:.8125rem;font-weight:600}.toast-example [data-scope=toast][data-part=description]{color:var(--color-foreground-muted);font-size:.75rem}.toast-example [data-scope=toast][data-part=close]{color:var(--color-foreground-muted);cursor:pointer;background:0 0;border:none;margin-inline-start:auto;padding:.125rem .375rem;font-size:.75rem}.hover-card-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.hover-card-example [data-scope=hover-card][data-part=trigger]{cursor:pointer;color:var(--sol-primary,#6d9fff)}.hover-card-example [data-scope=hover-card][data-part=content]{z-index:50;border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;width:16rem;padding:.75rem;position:absolute;box-shadow:0 4px 12px #0000001a}.hover-card-example__title{color:var(--color-foreground);font-size:.875rem;font-weight:600}.hover-card-example__description{color:var(--color-foreground-muted);margin-top:.25rem;font-size:.8125rem;line-height:1.4}.listbox-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.listbox-example [data-scope=listbox][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;gap:.125rem;max-height:10rem;padding:.375rem;display:grid;overflow-y:auto}.listbox-example [data-scope=listbox][data-part=item]{color:var(--color-foreground);cursor:pointer;border-radius:.375rem;padding:.375rem .625rem;font-size:.8125rem;transition:background-color .1s}.listbox-example [data-scope=listbox][data-part=item][data-highlighted]{background:var(--sol-primary,#6d9fff)}@supports (color:color-mix(in lab, red, red)){.listbox-example [data-scope=listbox][data-part=item][data-highlighted]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.listbox-example [data-scope=listbox][data-part=item][data-highlighted]{color:var(--sol-primary,#6d9fff)}.listbox-example [data-scope=listbox][data-part=item][data-state=checked]{font-weight:600}.input-otp-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.input-otp-example [data-scope=input-otp][data-part=root]{flex-direction:column;align-items:center;gap:.5rem;display:flex}.input-otp-example [data-scope=input-otp][data-part=group]{gap:.375rem;display:flex}.input-otp-example [data-scope=input-otp][data-part=slot]{border:1px solid var(--color-border);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-foreground);border-radius:.5rem;justify-content:center;align-items:center;font-size:1rem;font-weight:600;transition:border-color .15s;display:flex}.input-otp-example [data-scope=input-otp][data-part=slot][data-state=active]{border-color:var(--focus-ring);box-shadow:0 0 0 2px var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.input-otp-example [data-scope=input-otp][data-part=slot][data-state=active]{box-shadow:0 0 0 2px color-mix(in srgb, var(--focus-ring) 30%, transparent)}}.input-otp-example [data-scope=input-otp][data-part=slot][data-filled]{border-color:var(--sol-primary,#6d9fff)}.alert-dialog-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.alert-dialog-example [data-scope=alert-dialog][data-part=content]{z-index:100;border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;width:90%;max-width:24rem;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0003}.alert-dialog-example [data-scope=alert-dialog][data-part=title]{color:var(--color-foreground);margin:0 0 .5rem;font-size:1rem;font-weight:600}.alert-dialog-example [data-scope=alert-dialog][data-part=description]{color:var(--color-foreground-muted);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.alert-dialog-example [data-scope=alert-dialog][data-part=cancel] button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem}.alert-dialog-example [data-scope=alert-dialog][data-part=action] button{background:var(--sol-destructive,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem}.context-menu-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.context-menu-example [data-scope=context-menu][data-part=content]{z-index:50;border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;min-width:12rem;padding:.375rem;position:absolute;box-shadow:0 4px 12px #0000001a}.context-menu-example [data-scope=context-menu][data-part=item]{color:var(--color-foreground);cursor:pointer;border-radius:.375rem;align-items:center;padding:.375rem .625rem;font-size:.8125rem;display:flex}.context-menu-example [data-scope=context-menu][data-part=item][data-highlighted]{background:var(--sol-primary,#6d9fff)}@supports (color:color-mix(in lab, red, red)){.context-menu-example [data-scope=context-menu][data-part=item][data-highlighted]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.context-menu-example [data-scope=context-menu][data-part=separator]{background:var(--color-border);height:1px;margin:.25rem 0}.drawer-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.drawer-example [data-scope=drawer][data-part=trigger]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.drawer-example [data-scope=drawer][data-part=content]{z-index:100;border-inline-start:1px solid var(--color-border);background:var(--color-surface);width:18rem;height:100%;padding:1.5rem;position:fixed;top:0;right:0}.drawer-example [data-scope=drawer][data-part=title]{margin:0 0 .5rem;font-size:1rem;font-weight:600}.drawer-example [data-scope=drawer][data-part=description]{color:var(--color-foreground-muted);margin:0 0 1rem;font-size:.875rem}.drawer-example [data-scope=drawer][data-part=close] button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem}.command-palette-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.command-palette-example [data-scope=command-palette][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;max-width:24rem;overflow:hidden}.command-palette-example [data-scope=command-palette][data-part=input]{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-foreground);background:0 0;outline:none;padding:.75rem 1rem;font-size:.875rem}.command-palette-example [data-scope=command-palette][data-part=list]{max-height:12rem;padding:.375rem;overflow-y:auto}.command-palette-example [data-scope=command-palette][data-part=group]{padding:.25rem 0}.command-palette-example [data-scope=command-palette][data-part=group-heading]{color:var(--color-foreground-muted);padding:.25rem .625rem;font-size:.75rem;font-weight:600}.command-palette-example [data-scope=command-palette][data-part=item]{color:var(--color-foreground);cursor:pointer;border-radius:.375rem;align-items:center;padding:.375rem .625rem;font-size:.8125rem;display:flex}.command-palette-example [data-scope=command-palette][data-part=item][data-highlighted]{background:var(--sol-primary,#6d9fff)}@supports (color:color-mix(in lab, red, red)){.command-palette-example [data-scope=command-palette][data-part=item][data-highlighted]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.tree-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.tree-example [data-scope=tree][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;max-width:16rem;padding:.5rem}.tree-example [data-scope=tree][data-part=item]{color:var(--color-foreground);cursor:pointer;user-select:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;display:flex}.tree-example [data-scope=tree][data-part=item][data-selected]{background:var(--sol-primary,#6d9fff)}@supports (color:color-mix(in lab, red, red)){.tree-example [data-scope=tree][data-part=item][data-selected]{background:color-mix(in srgb, var(--sol-primary,#6d9fff) 12%, transparent)}}.tree-example [data-scope=tree][data-part=item][aria-expanded=true]{font-weight:600}.tree-example [data-scope=tree][data-part=branch]{padding-inline-start:1rem}.tree-example [data-scope=tree][data-part=item-indicator]{text-align:center;width:1.25rem;font-size:.875rem}.virtual-list-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.virtual-list-example [data-scope=virtual-list][data-part=root]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.virtual-list-example [data-scope=virtual-list][data-part=item]{border-bottom:1px solid var(--color-border);color:var(--color-foreground-muted);align-items:center;padding:0 .75rem;font-size:.8125rem;display:flex}.calendar-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.calendar-example [data-scope=calendar][data-part=root]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;gap:.75rem;max-width:16rem;padding:.75rem;display:grid}.calendar-example [data-scope=calendar][data-part=header]{justify-content:space-between;align-items:center;display:flex}.calendar-example [data-scope=calendar][data-part=title]{color:var(--color-foreground);font-size:.875rem;font-weight:600}.calendar-example [data-scope=calendar][data-part=prev-button],.calendar-example [data-scope=calendar][data-part=next-button]{border:1px solid var(--color-border);background:var(--color-surface);width:1.5rem;height:1.5rem;color:var(--color-foreground);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.calendar-example [data-scope=calendar][data-part=grid]{border-collapse:collapse;width:100%}.calendar-example [data-scope=calendar][data-part=cell]{text-align:center;cursor:pointer;border-radius:.25rem;padding:.25rem;font-size:.8125rem}.calendar-example [data-scope=calendar][data-part=cell][data-selected]{background:var(--sol-primary,#6d9fff);color:#fff;font-weight:600}.calendar-example [data-scope=calendar][data-part=cell][data-today]{border:1px solid var(--sol-primary,#6d9fff)}.date-picker-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;justify-content:center;align-items:center;margin-block:1.5rem;padding:1.5rem;display:flex}.date-picker-example [data-scope=date-picker][data-part=root]{flex-direction:column;gap:.5rem;display:inline-flex;position:relative}.date-picker-example [data-scope=date-picker][data-part=input]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);border-radius:.5rem;min-width:10rem;padding:.5rem .75rem;font-size:.875rem}.date-picker-example [data-scope=date-picker][data-part=trigger]{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.5rem;align-items:center;padding:.375rem .5rem;font-size:1rem;display:inline-flex}.date-picker-example [data-scope=date-picker][data-part=content]{z-index:50;border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;margin-top:.5rem;padding:.75rem;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.carousel-example{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;margin-block:1.5rem;padding:1.5rem;display:flex}.carousel-example [data-scope=carousel][data-part=root]{flex-direction:column;align-items:center;gap:.5rem;display:flex}.carousel-example [data-scope=carousel][data-part=viewport]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.carousel-example__slide{background:var(--color-surface);width:180px;height:100px;color:var(--color-foreground-muted);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.carousel-example [data-scope=carousel][data-part=prev-button],.carousel-example [data-scope=carousel][data-part=next-button]{border:1px solid var(--color-border);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-foreground);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.prose{max-width:100%;font-family:var(--font-body);color:var(--color-foreground);font-size:1rem;line-height:1.75}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-display);color:var(--color-foreground);font-weight:600;line-height:1.25}.prose h1{margin:0 0 1.5rem;font-size:2.25rem}.prose h2{border-top:1px solid var(--color-border);margin:2.5rem 0 1rem;padding-top:.5rem;font-size:1.625rem}.prose h2:first-child{border-top:none;margin-top:0;padding-top:0}.prose h3{margin:2rem 0 .75rem;font-size:1.25rem}.prose h4{margin:1.75rem 0 .5rem;font-size:1.0625rem}.prose h5,.prose h6{text-transform:uppercase;letter-spacing:.03em;color:var(--color-foreground-muted);margin:1.5rem 0 .5rem;font-size:.9375rem}.heading-anchor{width:1em;color:var(--color-foreground-muted);opacity:0;vertical-align:baseline;justify-content:center;align-items:center;margin-inline:-1.35em .35em;text-decoration:none;display:inline-flex}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor,.prose h4:hover .heading-anchor,.prose h5:hover .heading-anchor,.prose h6:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.heading-anchor:hover,.heading-anchor:focus-visible{color:var(--focus-ring)}@media not all and (width>=768px){.heading-anchor{opacity:1;margin-inline:0 .35em}}.prose p{margin:0 0 1.25rem}.prose strong{font-weight:600}.prose a{color:var(--focus-ring);text-decoration:underline;-webkit-text-decoration-color:var(--focus-ring);-webkit-text-decoration-color:var(--focus-ring);text-decoration-color:var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.prose a{-webkit-text-decoration-color:color-mix(in srgb, var(--focus-ring) 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--focus-ring) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--focus-ring) 40%, transparent)}}.prose a{text-underline-offset:.15em}.prose a:hover{text-decoration-color:currentColor}.prose ul,.prose ol{margin:0 0 1.25rem;padding-inline-start:1.5rem}.prose li,.prose li>ul,.prose li>ol{margin:.375rem 0}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose blockquote{border-inline-start:3px solid var(--color-border);color:var(--color-foreground-muted);margin:0 0 1.25rem;padding-inline-start:1rem;font-style:italic}.prose blockquote>:last-child{margin-bottom:0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.prose img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0}.prose figure{margin:1.5rem 0}.prose figcaption{color:var(--color-foreground-muted);text-align:center;margin-top:.5rem;font-size:.875rem}.prose :not(pre)>code{font-family:var(--font-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:.3em;padding:.15em .4em;font-size:.875em}.prose kbd{font-family:var(--font-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:0 1px 0 var(--color-border);border-radius:.3em;padding:.15em .45em;font-size:.8125em}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.5rem;font-size:.9375rem}.prose thead{border-bottom:2px solid var(--color-border)}.prose th{font-family:var(--font-display);text-align:start;padding:.6rem .9rem;font-weight:600}.prose td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:.6rem .9rem}.prose tbody tr:last-child td{border-bottom:none}.prose .table-wrapper{overscroll-behavior-inline:contain;border-radius:.25rem;max-width:100%;margin:0 0 1.5rem;overflow-x:auto}.prose .table-wrapper>table{min-width:36rem;margin-bottom:0}@media (prefers-reduced-motion:reduce){.heading-anchor{transition:none}}:root[data-theme=light] pre.astro-code,:root[data-theme=light] pre.astro-code span{color:var(--shiki-light)!important;background-color:var(--shiki-light-bg)!important;font-style:var(--shiki-light-font-style)!important;font-weight:var(--shiki-light-font-weight)!important;-webkit-text-decoration:var(--shiki-light-text-decoration)!important;-webkit-text-decoration:var(--shiki-light-text-decoration)!important;text-decoration:var(--shiki-light-text-decoration)!important}:root[data-theme=dark] pre.astro-code,:root[data-theme=dark] pre.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) pre.astro-code,:root:not([data-theme=light]):not([data-theme=dark]) pre.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.code-block{border:1px solid var(--color-border);border-radius:.5rem;margin:0 0 1.5rem;position:relative;overflow:hidden}.code-block pre.astro-code{font-family:var(--font-mono);margin:0;padding:1rem 1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.code-block pre.astro-code code{counter-reset:line;font-family:inherit}.code-block__copy{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-foreground-muted);font-family:var(--font-body);cursor:pointer;opacity:0;border-radius:.375rem;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.75rem;line-height:1;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.code-block:hover .code-block__copy,.code-block:focus-within .code-block__copy,.code-block__copy:focus-visible{opacity:1}.code-block__copy:hover{border-color:var(--focus-ring);color:var(--color-foreground)}.code-block__copy[data-copy-state=copied]{color:var(--focus-ring);border-color:var(--focus-ring);opacity:1}.code-block__copy[data-copy-state=error]{color:#b42318;opacity:1;border-color:currentColor}:root[data-theme=dark] .code-block__copy[data-copy-state=error]{color:#ff746a}@media not all and (width>=768px){.code-block__copy{opacity:1}}@media (prefers-reduced-motion:no-preference){.code-block__copy{transition:opacity .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}}.callout{--callout-accent:var(--focus-ring);border:1px solid var(--color-border);border-inline-start:3px solid var(--callout-accent);background-color:var(--color-surface-raised);border-radius:.5rem;margin:0 0 1.25rem;padding:.85rem 1rem}.callout[data-callout=tip]{--callout-accent:#0f6f4a}.callout[data-callout=warning]{--callout-accent:#7a5700}.callout[data-callout=danger]{--callout-accent:#c4453a}:root[data-theme=dark] .callout[data-callout=tip]{--callout-accent:#3fbf8f}:root[data-theme=dark] .callout[data-callout=warning]{--callout-accent:#d6a72a}:root[data-theme=dark] .callout[data-callout=danger]{--callout-accent:#ff746a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .callout[data-callout=tip]{--callout-accent:#3fbf8f}:root:not([data-theme=light]):not([data-theme=dark]) .callout[data-callout=warning]{--callout-accent:#d6a72a}:root:not([data-theme=light]):not([data-theme=dark]) .callout[data-callout=danger]{--callout-accent:#ff746a}}.callout__title{font-family:var(--font-display);color:var(--callout-accent);margin:0 0 .4rem;font-size:.875rem;font-weight:600}.callout__body{font-family:var(--font-body);color:var(--color-foreground);font-size:.9375rem;line-height:1.65}.callout__body>:last-child{margin-bottom:0}.theme-builder{flex-direction:column;height:100%;min-height:60vh;display:flex}.theme-builder__header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.theme-builder__header-left{align-items:center;gap:.75rem;display:flex}.theme-builder__title{color:var(--color-foreground);margin:0;font-size:1.125rem;font-weight:600}.theme-builder__badge{border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-primary-foreground);vertical-align:middle;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.theme-builder__header-right{align-items:center;gap:.75rem;display:flex}.theme-builder__mode-toggle{color:var(--color-foreground-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.theme-builder__body{flex:1;grid-template-columns:320px 1fr;display:grid;overflow:hidden}.theme-builder__panel-editor{border-right:1px solid var(--color-border);background-color:var(--color-surface);padding:1.5rem;overflow-y:auto}.theme-builder__panel-placeholder{text-align:center;min-height:200px;color:var(--color-foreground-subtle);flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;display:flex}.theme-builder__panel-placeholder-title{color:var(--color-foreground-muted);margin-bottom:.25rem;font-weight:500}.theme-builder__panel-preview{flex-direction:column;display:flex;overflow:hidden}.theme-builder__preview-toolbar{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);color:var(--color-foreground-subtle);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.8125rem;display:flex}.theme-builder__preview-container{flex:1;padding:1.5rem;transition:background-color .2s,color .2s;overflow-y:auto}.theme-builder__preview-container--light,.theme-builder__preview-container--dark{background-color:var(--color-surface);color:var(--color-foreground)}.theme-builder__preview-surface{max-width:640px;margin:0 auto}.theme-builder__preview-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem;display:grid}.theme-builder__preview-swatch{border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden}.theme-builder__preview-swatch-color{height:48px}.theme-builder__preview-swatch-label{font-size:.75rem;font-family:var(--font-mono);color:var(--color-foreground-muted);background-color:var(--color-surface-raised);padding:.5rem}@media (width<=767px){.theme-builder__body{grid-template-columns:1fr}.theme-builder__panel-editor{border-right:none;border-bottom:1px solid var(--color-border);min-height:180px}.theme-builder__header{padding:.75rem 1rem}.theme-builder__panel-editor,.theme-builder__preview-container{padding:1rem}}.theme-builder__editor-mode-toggle{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.theme-builder__mode-label{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.theme-builder__mode-segmented{border:1px solid var(--color-border);border-radius:var(--radius);display:flex;overflow:hidden}.theme-builder__mode-btn{background:var(--color-surface);color:var(--color-foreground-muted);cursor:pointer;border:none;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s}.theme-builder__mode-btn+.theme-builder__mode-btn{border-left:1px solid var(--color-border)}.theme-builder__mode-btn:hover{background:var(--color-surface-raised);color:var(--color-foreground)}.theme-builder__mode-btn--active{background:var(--color-primary);color:var(--color-primary-foreground)}.theme-builder__mode-btn--active:hover{background:var(--color-primary-hover)}.theme-builder__editor-actions{gap:.5rem;margin-bottom:1.5rem;display:flex}.theme-builder__btn-undo,.theme-builder__btn-reset{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-foreground-muted);cursor:pointer;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.theme-builder__btn-undo:hover:not(:disabled),.theme-builder__btn-reset:hover{background:var(--color-surface-raised);color:var(--color-foreground)}.theme-builder__btn-undo:disabled{opacity:.4;cursor:not-allowed}.theme-builder__token-groups{flex-direction:column;gap:.5rem;display:flex}.theme-builder__token-group{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.theme-builder__token-group-header{background:var(--color-surface-raised);width:100%;color:var(--color-foreground);cursor:pointer;text-align:left;border:none;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;transition:background-color .15s;display:flex}.theme-builder__token-group-header:hover{background:var(--color-surface-overlay)}.theme-builder__group-chevron{color:var(--color-foreground-subtle);text-align:center;width:.75rem;font-size:.625rem}.theme-builder__group-count{color:var(--color-foreground-subtle);background:var(--color-surface);border-radius:var(--radius-full);margin-left:auto;padding:.125rem .375rem;font-size:.6875rem;font-weight:400}.theme-builder__token-group-body{border-top:1px solid var(--color-border);flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.theme-builder__token-row{border-radius:var(--radius-sm);outline:none;padding:.5rem;transition:background-color .15s}.theme-builder__token-row:focus-visible{background:var(--color-surface-raised);box-shadow:0 0 0 2px var(--color-focus-ring)}.theme-builder__token-row--error{background:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.theme-builder__token-row--error{background:color-mix(in srgb, var(--color-destructive) 6%, transparent)}}.theme-builder__token-label{align-items:center;gap:.375rem;margin-bottom:.375rem;display:flex}.theme-builder__token-name{font-size:.75rem;font-family:var(--font-mono);color:var(--color-foreground);font-weight:500}.theme-builder__token-ref-badge{border-radius:var(--radius-sm);background:var(--color-secondary);color:var(--color-primary-foreground);text-transform:uppercase;letter-spacing:.04em;padding:.0625rem .3125rem;font-size:.625rem;font-weight:600}.theme-builder__token-inputs{align-items:center;gap:.375rem;display:flex}.theme-builder__color-inputs{flex:1;align-items:center;gap:.375rem;display:flex}.theme-builder__token-color{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.theme-builder__color-swatch{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;width:28px;height:28px;transition:border-color .15s}.theme-builder__color-swatch:hover{border-color:var(--color-border-active)}.theme-builder__token-text{font-size:.75rem;font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-foreground);flex:1;min-width:0;padding:.375rem .5rem;transition:border-color .15s}.theme-builder__token-text:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 1px var(--color-focus-ring);outline:none}.theme-builder__ref-token{flex:1;align-items:center;gap:.5rem;display:flex}.theme-builder__ref-text{font-size:.75rem;font-family:var(--font-mono);color:var(--color-secondary);white-space:nowrap}.theme-builder__token-reset{border-radius:var(--radius-sm);color:var(--color-foreground-subtle);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;padding:.375rem .5rem;font-size:.75rem;transition:all .15s}.theme-builder__token-reset:hover{background:var(--color-surface-raised);color:var(--color-foreground);border-color:var(--color-border)}.theme-builder__token-error{color:var(--color-destructive);background:var(--color-destructive);margin-top:.375rem;padding:.375rem .5rem;font-size:.6875rem;line-height:1.4}@supports (color:color-mix(in lab, red, red)){.theme-builder__token-error{background:color-mix(in srgb, var(--color-destructive) 8%, transparent)}}.theme-builder__token-error{border-radius:var(--radius-sm);border-left:2px solid var(--color-destructive)}.theme-builder__error-rule{margin-right:.25rem;font-weight:600}.theme-builder__validation-summary{border:1px solid var(--color-destructive);border-radius:var(--radius);background:var(--color-destructive);margin-top:1.5rem;padding:1rem}@supports (color:color-mix(in lab, red, red)){.theme-builder__validation-summary{background:color-mix(in srgb, var(--color-destructive) 4%, var(--color-surface))}}.theme-builder__validation-summary h3{color:var(--color-destructive);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}@media (width<=767px){.theme-builder__editor-mode-toggle{z-index:1;position:relative}.theme-builder__editor-actions{flex-wrap:wrap}.theme-builder__token-group-header{padding:.5rem .75rem}.theme-builder__token-row{padding:.375rem}.theme-builder__color-inputs{flex-wrap:wrap}.theme-builder__export-output-wrapper{max-height:300px}.theme-builder__export-dialog{max-width:95vw;max-height:90vh}.theme-builder__export-format-options{flex-wrap:wrap}}.theme-builder__btn-export{border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-foreground);cursor:pointer;padding:.375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s}.theme-builder__btn-export:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.theme-builder__export-backdrop{background:#0009;animation:.15s theme-builder-fade-in;position:fixed;inset:0}.theme-builder__export-dialog{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90vw;max-width:720px;max-height:85vh;box-shadow:var(--sol-shadow-lg);flex-direction:column;animation:.2s theme-builder-scale-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.theme-builder__export-header{justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem .75rem;display:flex}.theme-builder__export-title{color:var(--color-foreground);margin:0;font-size:1rem;font-weight:600}.theme-builder__export-description{color:var(--color-foreground-muted);margin:.25rem 0 0;font-size:.8125rem}.theme-builder__export-close{width:1.5rem;height:1.5rem;color:var(--color-foreground-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.125rem;line-height:1;transition:all .15s;display:flex}.theme-builder__export-close:hover{background:var(--color-surface-overlay);color:var(--color-foreground)}.theme-builder__export-format{flex-direction:column;gap:.5rem;padding:.75rem 1.5rem;display:flex}.theme-builder__export-format-label{color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.theme-builder__export-format-options{gap:.375rem;display:flex}.theme-builder__export-format-option{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-foreground-muted);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.theme-builder__export-format-option input[type=radio]{display:none}.theme-builder__export-format-option:hover{background:var(--color-surface-raised);color:var(--color-foreground);border-color:var(--color-border-active)}.theme-builder__export-format-option--active{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.theme-builder__export-format-option--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.theme-builder__export-output-wrapper{flex:1;min-height:0;max-height:360px;margin:0 1.5rem;display:flex;overflow:hidden}.theme-builder__export-output{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.75rem;font-family:var(--font-mono);color:var(--color-foreground);tab-size:2;flex:1;min-height:0;margin:0;padding:1rem;line-height:1.6;overflow:auto}.theme-builder__export-output code{white-space:pre;word-wrap:normal}.theme-builder__export-actions{justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem 1.25rem;display:flex}.theme-builder__export-btn{border-radius:var(--radius);cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.theme-builder__export-btn--copy{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground)}.theme-builder__export-btn--copy:hover{background:var(--color-surface-raised);border-color:var(--color-border-active)}.theme-builder__export-btn--download{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-foreground)}.theme-builder__export-btn--download:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@keyframes theme-builder-fade-in{0%{opacity:0}to{opacity:1}}@keyframes theme-builder-scale-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.theme-builder__preview-dual{grid-template-columns:1fr 1fr;gap:1rem;height:100%;display:grid}.theme-builder__preview-pane{border:1px solid var(--color-border);border-radius:var(--sol-radius-md,var(--radius-md,12px));flex-direction:column;display:flex;overflow:hidden}.theme-builder__preview-pane-header{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.theme-builder__preview-pane--light .theme-builder__preview-pane-header{background:var(--sio-surface-raised,var(--sol-surface-raised,#fff));color:var(--sio-foreground,var(--sol-foreground,#111827))}.theme-builder__preview-pane--dark .theme-builder__preview-pane-header{background:var(--sio-surface-raised,#1e293b);color:var(--sio-foreground,#f1f5f9)}.theme-builder__preview-pane--dark{--sio-surface:#0f172a;--sio-surface-raised:#1e293b;--sio-foreground:#f1f5f9;--sio-foreground-muted:#94a3b8;--sio-foreground-subtle:#94a3b8;--sio-border:#334155;--sio-border-muted:#1e293b;--sio-border-active:#8b83f8;--sio-primary:#8b83f8;--sio-primary-hover:#a19bfa;--sio-primary-foreground:#0f172a;--sio-success:#4ade80;--sio-warning:#fbbf24;--sio-destructive:#f87171;--sio-interactive-hover:#8b83f81a}.theme-builder__preview-pane--light{--sio-surface:#f8fafc;--sio-surface-raised:#fff;--sio-foreground:#111827;--sio-foreground-muted:#334155;--sio-foreground-subtle:#64748b;--sio-border:#cbd5e1;--sio-border-muted:#e2e8f0;--sio-border-active:#5750d6;--sio-primary:#5750d6;--sio-primary-hover:#4c46c5;--sio-primary-foreground:#fff;--sio-success:#22c55e;--sio-warning:#f59e0b;--sio-destructive:#e5484d;--sio-interactive-hover:#5750d60f}.theme-builder__preview-pane--light .theme-builder__preview-badge--success{color:#166534}.theme-builder__preview-pane--light .theme-builder__preview-badge--warning{color:#92400e}.theme-builder__preview-pane--light .theme-builder__preview-badge--destructive{color:#b91c1c}.theme-builder__preview-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.theme-builder__preview-dot--light{background:#fbbf24}.theme-builder__preview-dot--dark{background:#6366f1}.theme-builder__preview-scroll{flex:1;padding:1rem;overflow-y:auto}.theme-builder__preview-pane--light .theme-builder__preview-scroll{background:var(--sio-surface,var(--sol-surface-base,#f8fafc));color:var(--sio-foreground,var(--sol-foreground,#111827))}.theme-builder__preview-pane--dark .theme-builder__preview-scroll{background:var(--sio-surface,#0f172a);color:var(--sio-foreground,#f1f5f9)}.theme-builder__preview-section{margin-bottom:1.25rem}.theme-builder__preview-section:last-child{margin-bottom:0}.theme-builder__preview-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--sio-foreground-subtle,var(--sol-foreground-subtle,#64748b));margin:0 0 .75rem;font-size:.6875rem;font-weight:600}.theme-builder__preview-pane--dark .theme-builder__preview-section-title,.theme-builder__preview-pane--dark .theme-builder__preview-progress-label{color:#94a3b8}.theme-builder__preview-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.theme-builder__preview-btn{appearance:none;border-radius:var(--sio-radius-sm,8px);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.theme-builder__preview-btn--primary{background:var(--sio-primary,#6961f1);color:var(--sio-primary-foreground,#fff)}.theme-builder__preview-btn--primary:hover{background:var(--sio-primary-hover,#5b54e0)}.theme-builder__preview-btn--secondary{background:var(--sio-surface,var(--sol-surface-base,#f8fafc));color:var(--sio-foreground,var(--sol-foreground,#111827));border-color:var(--sio-border,var(--sol-border,#cbd5e1))}.theme-builder__preview-btn--secondary:hover{background:var(--sio-surface-raised,var(--sol-surface-raised,#fff))}.theme-builder__preview-btn--destructive{background:var(--sio-destructive,#e5484d);color:var(--sio-primary-foreground,#fff)}.theme-builder__preview-pane--light .theme-builder__preview-btn--destructive{color:#111827}.theme-builder__preview-btn--ghost{color:var(--sio-foreground,var(--sol-foreground,#111827));background:0 0}.theme-builder__preview-btn--ghost:hover{background:var(--sio-interactive-hover,#6961f10f)}.theme-builder__preview-btn--icon{min-width:2.25rem;height:2.25rem;padding:.5rem}.theme-builder__preview-btn--toggle{background:var(--sio-surface,var(--sol-surface-base,#f8fafc));color:var(--sio-foreground-muted,var(--sol-foreground-muted,#334155));border-color:var(--sio-border,var(--sol-border,#cbd5e1))}.theme-builder__preview-btn--toggle[data-state=on]{background:var(--sio-primary,#6961f1);color:var(--sio-primary-foreground,#fff);border-color:var(--sio-primary,#6961f1)}.theme-builder__preview-card{border:1px solid var(--sio-border,var(--sol-border,#cbd5e1));border-radius:var(--sio-radius-md,var(--sol-radius-md,12px));background:var(--sio-surface-raised,var(--sol-surface-raised,#fff));box-shadow:var(--sio-shadow-sm,var(--sol-shadow-sm,none));max-width:280px;overflow:hidden}.theme-builder__preview-card-header{padding:1rem 1rem .5rem}.theme-builder__preview-card-title{color:var(--sio-foreground,var(--sol-foreground,#111827));margin:0;font-size:.875rem;font-weight:600}.theme-builder__preview-card-description{color:var(--sio-foreground-muted,var(--sol-foreground-muted,#334155));margin:.25rem 0 0;font-size:.75rem}.theme-builder__preview-card-content{color:var(--sio-foreground-muted,var(--sol-foreground-muted,#334155));padding:.75rem 1rem;font-size:.8125rem;line-height:1.5}.theme-builder__preview-card-footer{border-top:1px solid var(--sio-border-muted,var(--sol-border-muted,#e2e8f0));gap:.5rem;padding:.75rem 1rem;display:flex}.theme-builder__preview-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.theme-builder__preview-badge{border-radius:var(--sio-radius-full,999px);white-space:nowrap;align-items:center;padding:.2rem .6rem;font-size:.6875rem;font-weight:600;display:inline-flex}.theme-builder__preview-badge--default{background:var(--sio-primary,#6961f1)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-badge--default{background:color-mix(in srgb, var(--sio-primary,#6961f1) 10%, transparent)}}.theme-builder__preview-badge--default{color:var(--sio-primary,#6961f1)}.theme-builder__preview-badge--success{background:var(--sio-success,#22c55e)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-badge--success{background:color-mix(in srgb, var(--sio-success,#22c55e) 10%, transparent)}}.theme-builder__preview-badge--success{color:var(--sio-success,#22c55e)}.theme-builder__preview-badge--warning{background:var(--sio-warning,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-badge--warning{background:color-mix(in srgb, var(--sio-warning,#f59e0b) 10%, transparent)}}.theme-builder__preview-badge--warning{color:var(--sio-warning,#f59e0b)}.theme-builder__preview-badge--destructive{background:var(--sio-destructive,#e5484d)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-badge--destructive{background:color-mix(in srgb, var(--sio-destructive,#e5484d) 10%, transparent)}}.theme-builder__preview-badge--destructive{color:var(--sio-destructive,#e5484d)}.theme-builder__preview-form-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.theme-builder__preview-field{flex-direction:column;gap:.375rem;display:flex}.theme-builder__preview-label{color:var(--sio-foreground,var(--sol-foreground,#111827));font-size:.75rem;font-weight:600}.theme-builder__preview-input{appearance:none;border:1px solid var(--sio-border,var(--sol-border,#cbd5e1));border-radius:var(--sio-radius-sm,8px);background:var(--sio-surface,var(--sol-surface-base,#f8fafc));color:var(--sio-foreground,var(--sol-foreground,#111827));outline:none;min-width:180px;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s}.theme-builder__preview-input:focus{border-color:var(--sio-primary,#6961f1);box-shadow:0 0 0 2px var(--sio-interactive-hover,#6961f10f)}.theme-builder__preview-input::placeholder{color:var(--sio-foreground-subtle,var(--sol-foreground-subtle,#64748b))}.theme-builder__preview-checkbox{appearance:none;border:1px solid var(--sio-border,var(--sol-border,#cbd5e1));background:var(--sio-surface,var(--sol-surface-base,#f8fafc));cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:all .15s;display:inline-flex}.theme-builder__preview-checkbox:checked{background:var(--sio-primary,#6961f1);border-color:var(--sio-primary,#6961f1)}.theme-builder__preview-checkbox:checked:after{content:"";border:solid var(--sio-primary-foreground,#fff);border-width:0 2px 2px 0;width:6px;height:10px;display:block;transform:rotate(45deg)translate(-.5px,-.5px)}.theme-builder__preview-checkbox-label{color:var(--sio-foreground,var(--sol-foreground,#111827));cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.theme-builder__preview-switch{appearance:none;border-radius:var(--sio-radius-full,999px);background:var(--sio-border,var(--sol-border,#cbd5e1));cursor:pointer;flex-shrink:0;width:2.5rem;height:1.5rem;transition:background-color .2s;position:relative}.theme-builder__preview-switch:after{content:"";background:var(--sio-surface-raised,var(--sol-surface-raised,#fff));width:1.25rem;height:1.25rem;box-shadow:var(--sio-shadow-sm,var(--sol-shadow-sm,none));border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.theme-builder__preview-switch:checked{background:var(--sio-primary,#6961f1)}.theme-builder__preview-switch:checked:after{transform:translate(1rem)}.theme-builder__preview-switch-label{color:var(--sio-foreground,var(--sol-foreground,#111827));cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.theme-builder__preview-toggle{appearance:none;border:1px solid var(--sio-border,var(--sol-border,#cbd5e1));border-radius:var(--sio-radius-sm,8px);background:var(--sio-surface,var(--sol-surface-base,#f8fafc));color:var(--sio-foreground-muted,var(--sol-foreground-muted,#334155));cursor:pointer;justify-content:center;align-items:center;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.theme-builder__preview-toggle[data-state=on]{background:var(--sio-surface-raised,var(--sol-surface-raised,#fff));border-color:var(--sio-border-active,var(--sol-border-active,#6961f1));color:var(--sio-primary,#6961f1)}.theme-builder__preview-tabs{flex-direction:column;gap:.75rem;display:flex}.theme-builder__preview-tablist{border-bottom:2px solid var(--sio-border-muted,var(--sol-border-muted,#e2e8f0));gap:0;display:flex}.theme-builder__preview-tablist [data-scope=tabs][data-part=trigger]{appearance:none;color:var(--sio-foreground-muted,var(--sol-foreground-muted,#334155));cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.theme-builder__preview-tablist [data-scope=tabs][data-part=trigger][data-state=active]{color:var(--sio-primary,#6961f1);border-bottom-color:var(--sio-primary,#6961f1)}.theme-builder__preview-tabpanel{color:var(--sio-foreground-muted,var(--sol-foreground-muted,#334155));padding:.25rem 0;font-size:.8125rem;line-height:1.5}.theme-builder__preview-progress{flex-direction:column;gap:.75rem;display:flex}.theme-builder__preview-progress-track{border-radius:var(--sio-radius-full,999px);background:var(--sio-border-muted,var(--sol-border-muted,#e2e8f0));height:.5rem;overflow:hidden}.theme-builder__preview-progress-fill{border-radius:var(--sio-radius-full,999px);background:var(--sio-primary,#6961f1);height:100%;transition:width .3s}.theme-builder__preview-progress-label{color:var(--sio-foreground-subtle,var(--sol-foreground-subtle,#64748b));font-size:.6875rem}.theme-builder__preview-alerts{flex-direction:column;gap:.5rem;display:flex}.theme-builder__preview-alert{border-radius:var(--sio-radius-sm,8px);align-items:flex-start;gap:.625rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.theme-builder__preview-alert--info{background:var(--sio-primary,#6961f1)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--info{background:color-mix(in srgb, var(--sio-primary,#6961f1) 6%, var(--sio-surface-raised,#fff))}}.theme-builder__preview-alert--info{border:1px solid var(--sio-primary,#6961f1)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--info{border:1px solid color-mix(in srgb, var(--sio-primary,#6961f1) 20%, transparent)}}.theme-builder__preview-alert--info{color:var(--sio-foreground,var(--sol-foreground,#111827))}.theme-builder__preview-alert--success{background:var(--sio-success,#22c55e)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--success{background:color-mix(in srgb, var(--sio-success,#22c55e) 6%, var(--sio-surface-raised,#fff))}}.theme-builder__preview-alert--success{border:1px solid var(--sio-success,#22c55e)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--success{border:1px solid color-mix(in srgb, var(--sio-success,#22c55e) 20%, transparent)}}.theme-builder__preview-alert--success{color:var(--sio-foreground,var(--sol-foreground,#111827))}.theme-builder__preview-alert--warning{background:var(--sio-warning,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--warning{background:color-mix(in srgb, var(--sio-warning,#f59e0b) 6%, var(--sio-surface-raised,#fff))}}.theme-builder__preview-alert--warning{border:1px solid var(--sio-warning,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--warning{border:1px solid color-mix(in srgb, var(--sio-warning,#f59e0b) 20%, transparent)}}.theme-builder__preview-alert--warning{color:var(--sio-foreground,var(--sol-foreground,#111827))}.theme-builder__preview-alert--error{background:var(--sio-destructive,#e5484d)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--error{background:color-mix(in srgb, var(--sio-destructive,#e5484d) 6%, var(--sio-surface-raised,#fff))}}.theme-builder__preview-alert--error{border:1px solid var(--sio-destructive,#e5484d)}@supports (color:color-mix(in lab, red, red)){.theme-builder__preview-alert--error{border:1px solid color-mix(in srgb, var(--sio-destructive,#e5484d) 20%, transparent)}}.theme-builder__preview-alert--error{color:var(--sio-foreground,var(--sol-foreground,#111827))}.theme-builder__preview-alert-icon{flex-shrink:0;margin-top:.125rem;font-size:1rem;line-height:1}.theme-builder__preview-separator{background:var(--sio-border-muted,var(--sol-border-muted,#e2e8f0));border:none;height:1px;margin:.75rem 0}.theme-builder__preview-grid{grid-template-columns:1fr auto;align-items:start;gap:1rem;display:grid}@media (width<=960px){.theme-builder__preview-dual{grid-template-columns:1fr}}@media (width<=767px){.theme-builder__preview-grid{grid-template-columns:1fr}}.maturity-badge{align-items:center;display:inline-flex}.maturity-badge__label{border-radius:var(--sol-radius-full);text-transform:uppercase;letter-spacing:.04em;cursor:default;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;line-height:1.4;display:inline-block}.maturity-badge__label[data-maturity=stable]{color:#111827;background-color:var(--sol-success)}.maturity-badge__label[data-maturity=beta]{color:var(--sol-foreground-on-primary);background-color:var(--sol-secondary)}.maturity-badge__label[data-maturity=alpha]{color:#111827;background-color:var(--sol-warning)}.maturity-badge__label[data-maturity=upcoming],.maturity-badge__label[data-maturity=dynamic]{color:var(--sol-foreground-muted);background-color:var(--sol-border)}.beta-banner{background-color:var(--sol-secondary);color:var(--sol-foreground-on-primary);text-align:center;border-bottom:1px solid var(--sol-border);justify-content:center;align-items:center;padding:.375rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.beta-banner__link{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.beta-banner__link:hover{text-decoration:underline}.beta-banner__badge{border-radius:var(--sol-radius-full);text-transform:uppercase;letter-spacing:.04em;background-color:var(--sol-foreground-on-primary);color:var(--sol-secondary);padding:.0625rem .375rem;font-size:.6875rem;font-weight:700;display:inline-block}.beta-banner__text{white-space:nowrap}.hero{color:#f1f5f9;border-radius:0 0 var(--sol-radius-xl) var(--sol-radius-xl);background:linear-gradient(#0f172a 0%,#1e293b 100%);grid-template-columns:1fr;align-items:center;gap:2rem;max-width:72rem;margin:0 auto;padding:4rem 1.5rem 3rem;display:grid}.homepage .hero{margin-top:-1px}.homepage{--hero-bg:#0f172a}:root .homepage .hero{max-width:none;padding-inline:max(1.5rem,50% - 34.5rem)}.hero__content{flex-direction:column;gap:1.25rem;max-width:38rem;display:flex}.hero__badge{border-radius:var(--sol-radius-full);width:fit-content;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;border:1px solid #ffffff26;align-items:center;padding:.25rem .75rem;font-size:.6875rem;font-weight:500;display:inline-flex}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero__accent{color:#4ade80}.hero__subtitle{color:#f1f5f9b3;max-width:32rem;margin:0;font-size:1rem;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.hero__cta{border-radius:var(--sol-radius-sm);font-family:var(--font-body);align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s;display:inline-flex}.hero__cta:hover{transform:translateY(-1px)}.hero__cta--primary{color:#fff;background-color:#5750d6}.hero__cta--primary:hover{background-color:#4c46c5}.hero__cta--secondary{color:#fff;background-color:#ffffff14;border:1px solid #fff3}.hero__cta--secondary:hover{background-color:#ffffff1f}.hero__install{border-radius:var(--sol-radius-sm);background-color:#0000004d;border:1px solid #ffffff1a;align-items:center;gap:.75rem;width:fit-content;margin-top:.5rem;padding:.5rem .75rem;display:inline-flex}.hero__install code{font-family:var(--font-mono);color:#fffc;font-size:.8125rem}.hero__copy{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:inline-flex}.hero__copy:hover{color:#ffffffe6}.hero__visual{display:none}.hero__grid{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:20rem;display:grid;transform:perspective(800px)rotateX(15deg)rotateY(-10deg)rotate(2deg)}.hero__grid-cell{border-radius:var(--sol-radius-sm);background:#ffffff0a;border:1px solid #ffffff14;transition:background .3s}.hero__grid-cell--accent{background:#4ade8026;border-color:#4ade804d}.hero__grid-cell--primary{background:#5750d633;border-color:#5750d666}.hero__grid-cell--highlight{background:#60a5fa1f;border-color:#60a5fa40}@media (width>=768px){.hero{grid-template-columns:1fr 1fr;padding-block:5rem 4rem}.hero__visual{justify-content:center;align-items:center;display:flex}}@media (width>=1024px){.hero{padding-block:6rem 5rem}.hero__title{font-size:3.5rem}}.features{max-width:72rem;margin:0 auto;padding:3rem 1.5rem}.features__grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;display:grid}.features__item{border:1px solid var(--sol-border-muted);border-radius:var(--sol-radius-md);background:var(--sol-surface-raised);flex-direction:column;gap:.5rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.features__item:hover{border-color:var(--sol-border);box-shadow:var(--sol-shadow-sm)}.features__icon{border-radius:var(--sol-radius-sm);color:#fff;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.features__icon--solid{background:#5750d6}.features__icon--a11y{background:#2563eb}.features__icon--headless{background:#06b6d4}.features__icon--source{background:#22c55e}.features__icon--compose{background:#f59e0b}.features__item h3{font-family:var(--font-body);color:var(--sol-foreground);margin:0;font-size:.875rem;font-weight:600}.features__item p{color:var(--sol-foreground-muted);margin:0;font-size:.8125rem;line-height:1.5}.layers{max-width:72rem;margin:0 auto;padding:3rem 1.5rem 4rem}.layers__header{text-align:center;margin-bottom:2.5rem}.layers__header h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--sol-foreground);margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.layers__header p{color:var(--sol-foreground-muted);margin:0;font-size:1rem}.layers__grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem;display:grid}.layers__card{border:1px solid var(--sol-border-muted);border-radius:var(--sol-radius-lg);background:var(--sol-surface-raised);flex-direction:column;gap:.75rem;padding:1.5rem;transition:border-color .15s,box-shadow .2s;display:flex}.layers__card:hover{border-color:var(--sol-primary);box-shadow:var(--sol-shadow-md)}.layers__card-icon{border-radius:var(--sol-radius-sm);background:var(--sol-surface-sunken);width:2.5rem;height:2.5rem;color:var(--sol-primary);justify-content:center;align-items:center;display:flex}.layers__card h3{font-family:var(--font-body);color:var(--sol-foreground);margin:0;font-size:1.125rem;font-weight:700}.layers__card p{color:var(--sol-foreground-muted);flex:1;margin:0;font-size:.875rem;line-height:1.6}.layers__link{color:var(--sol-primary);align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.layers__link:hover{color:var(--sol-primary-hover);text-decoration:underline}.trust{text-align:center;border-top:1px solid var(--sol-border-muted);max-width:72rem;margin:0 auto;padding:3rem 1.5rem}.trust__label{font-family:var(--font-display);color:var(--sol-foreground);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.trust__sublabel{color:var(--sol-foreground-muted);margin:0 0 2rem;font-size:.875rem}.trust__logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 3rem;display:flex}.trust__logo{font-family:var(--font-body);color:var(--sol-foreground-muted);opacity:.85;font-size:1rem;font-weight:600;transition:opacity .15s}.trust__logo:hover{opacity:1}.ownership{max-width:72rem;margin:0 auto;padding:3rem 1.5rem 5rem}.ownership__header{text-align:center;margin-bottom:2.5rem}.ownership__header h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--sol-foreground);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.ownership__grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem;display:grid}.ownership__card{border:1px solid var(--sol-border-muted);border-radius:var(--sol-radius-lg);background:var(--sol-surface-raised);flex-direction:column;gap:.75rem;padding:1.5rem;transition:border-color .15s,box-shadow .2s;display:flex}.ownership__card:hover{border-color:var(--sol-border);box-shadow:var(--sol-shadow-sm)}.ownership__card-icon{border-radius:var(--sol-radius-sm);background:var(--sol-surface-sunken);width:2.25rem;height:2.25rem;color:var(--sol-primary);justify-content:center;align-items:center;display:flex}.ownership__card h3{font-family:var(--font-body);color:var(--sol-foreground);margin:0;font-size:1rem;font-weight:700}.ownership__card p{color:var(--sol-foreground-muted);margin:0;font-size:.875rem;line-height:1.6}:root[data-theme=dark] .hero{background:linear-gradient(#020617 0%,#0f172a 100%)}:root[data-theme=dark] .features__item,:root[data-theme=dark] .layers__card,:root[data-theme=dark] .ownership__card{border-color:var(--sol-border)}@media (width>=768px){.features__grid{grid-template-columns:repeat(5,1fr)}.layers__grid,.ownership__grid{grid-template-columns:repeat(3,1fr)}}@media not all and (width>=768px){.hero{padding-block:3rem 2.5rem}.layers__header,.ownership__header{text-align:left}.trust__logos{gap:1.5rem 2rem}}@media print{.skip-link,.site-header,.site-footer,.docs-shell__mobile-bar,.docs-shell__sidebar,.docs-shell__toc,.docs-shell__adjacent,.code-block__copy,.heading-anchor{display:none!important}.docs-shell__grid{display:block}.docs-shell__article{max-width:none}html,body{color:#000;background-color:#fff}*{box-shadow:none!important;text-shadow:none!important}a,a:visited{color:#000;text-decoration:underline}.prose a[href^=http]:after{content:" (" attr(href) ")";color:#333;font-size:.8em;font-weight:400}.code-block,.callout,.prose pre,.prose blockquote{border:1px solid #999;background-color:#fff!important}.prose pre.astro-code,.prose pre.astro-code span{color:#000!important;background-color:#0000!important}.prose h2,.prose h3,.prose h4{break-after:avoid}.prose pre,.prose table,.prose blockquote,.callout{break-inside:avoid}.prose img{max-width:100%!important}}:root,:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{border-color:var(--color-border)}html,body{background-color:var(--color-surface);color:var(--color-foreground);font-family:var(--font-body)}body{flex-direction:column;min-height:100vh;display:flex}code,kbd,pre,samp{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.skip-link{z-index:100;background-color:var(--color-surface-raised);color:var(--color-foreground);font-family:var(--font-body);border-radius:.375rem;padding:.5rem 1rem;text-decoration:none;transition:top .15s ease-in-out;position:absolute;top:-3rem;left:.75rem}.skip-link:focus-visible{top:.75rem}.focus-root{outline:none;flex:1}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible{outline-offset:2px;outline:2px solid canvastext}.skip-link:focus-visible{outline:2px solid linktext}.theme-toggle{border:1px solid buttontext}}html{overflow-x:hidden}body{max-width:100vw;overflow-x:hidden}@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-font-weight{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}