@import"https://fonts.googleapis.com/css2?family=Signika:wght@300..700&family=Rubik:ital,wght@0,300;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";:root{--primary-hue: 0;--primary-saturation: 69%;--primary-lightness: 31%;--primary-lightness-hover: undefined%;--primary-lightness-active: undefined%;--primary-lightness-disabled: undefined%;--secondary-hue: 16;--secondary-saturation: 63%;--secondary-lightness: 23%;--secondary-lightness-hover: undefined%;--secondary-lightness-active: undefined%;--secondary-lightness-disabled: undefined%;--accent-hue: 0;--accent-saturation: 89%;--accent-lightness: 41%;--accent-lightness-hover: undefined%;--accent-lightness-active: undefined%;--accent-lightness-disabled: undefined%;--success-hue: 140;--success-saturation: 100%;--success-lightness: 19%;--success-lightness-hover: undefined%;--success-lightness-active: undefined%;--warning-hue: 34;--warning-saturation: 100%;--warning-lightness: 31%;--warning-lightness-hover: undefined%;--warning-lightness-active: undefined%;--error-hue: 264;--error-saturation: 0%;--error-lightness: 14%;--error-lightness-hover: undefined%;--error-lightness-active: undefined%;--info-hue: 261;--info-saturation: 69%;--info-lightness: 31%;--info-lightness-hover: undefined%;--info-lightness-active: undefined%}:root{--font-family-base: "Rubik", sans-serif;--font-family-heading: "Signika", sans-serif;--font-family-mono: "Fira Code", "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-light: 200;--font-weight-normal: 300;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em}:root{--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-14: 56px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-28: 112px;--spacing-32: 128px;--spacing-36: 144px;--spacing-40: 160px;--spacing-44: 176px;--spacing-48: 192px;--spacing-52: 208px;--spacing-56: 224px;--spacing-60: 240px;--spacing-64: 256px;--spacing-72: 288px;--spacing-80: 320px;--spacing-96: 384px;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}:root{--motion-duration-fast: .15s;--motion-duration-base: .2s;--motion-duration-slow: .3s;--motion-duration-slower: .5s;--motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--motion-easing-decelerate: cubic-bezier(0, 0, .2, 1);--motion-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--motion-easing-sharp: cubic-bezier(.4, 0, .6, 1);--motion-transition-fast: var(--motion-duration-fast) var(--motion-easing-standard);--motion-transition-base: var(--motion-duration-base) var(--motion-easing-standard);--motion-transition-slow: var(--motion-duration-slow) var(--motion-easing-standard);--motion-transition-slower: var(--motion-duration-slower) var(--motion-easing-standard);--motion-transition-color: color var(--motion-transition-base);--motion-transition-background: background-color var(--motion-transition-base);--motion-transition-transform: transform var(--motion-transition-base);--motion-transition-scale: transform var(--motion-transition-fast);--motion-transition-opacity: opacity var(--motion-transition-base);--motion-transition-fade-in: opacity var(--motion-duration-base) var(--motion-easing-decelerate);--motion-transition-fade-out: opacity var(--motion-duration-base) var(--motion-easing-accelerate);--motion-transition-border: border-color var(--motion-transition-base);--motion-transition-shadow: box-shadow var(--motion-transition-base);--motion-easing-linear: linear;--motion-transition-color-hover-in: color var(--motion-duration-fast) var(--motion-easing-linear);--motion-transition-color-hover-out: color var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-transition-background-hover-in: background-color var(--motion-duration-fast) var(--motion-easing-linear);--motion-transition-background-hover-out: background-color var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-transition-hover-in: color var(--motion-duration-fast) var(--motion-easing-linear), background-color var(--motion-duration-fast) var(--motion-easing-linear), box-shadow var(--motion-duration-fast) var(--motion-easing-linear), outline var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-transition-hover-out: color var(--motion-duration-fast) var(--motion-easing-accelerate), background-color var(--motion-duration-fast) var(--motion-easing-accelerate), box-shadow var(--motion-duration-fast) var(--motion-easing-accelerate), outline var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-keyframes-fade-in: fadeIn .2s ease-out;--motion-keyframes-fade-out: fadeOut .2s ease-in;--motion-keyframes-slide-in-right: slideInRight .3s ease-out;--motion-keyframes-slide-out-right: slideOutRight .3s ease-in;--motion-keyframes-slide-in-left: slideInLeft .3s ease-out;--motion-keyframes-slide-out-left: slideOutLeft .3s ease-in;--motion-keyframes-slide-in-top: slideInTop .3s ease-out;--motion-keyframes-slide-out-top: slideOutTop .3s ease-in;--motion-keyframes-slide-in-bottom: slideInBottom .3s ease-out;--motion-keyframes-slide-out-bottom: slideOutBottom .3s ease-in;--motion-keyframes-scale-in: scaleIn .2s ease-out;--motion-keyframes-scale-out: scaleOut .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@media (prefers-reduced-motion: reduce){:root{--motion-duration-fast: .01s;--motion-duration-base: .01s;--motion-duration-slow: .01s;--motion-duration-slower: .01s}*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}:root{--z-base: 1;--z-dropdown-shadow: 5;--z-hover-state: 10;--z-focus-ring: 15;--z-floating-base: 100;--z-tooltip: 150;--z-badge: 120;--z-floating-action: 180;--z-popover-base: 1000;--z-select-dropdown: 1050;--z-popover: 1100;--z-context-menu: 1150;--z-date-picker: 1200;--z-time-picker: 1200;--z-modal-base: 2000;--z-drawer: 2100;--z-dialog: 2200;--z-lightbox: 2300;--z-notification-base: 3000;--z-toast: 3100;--z-alert: 3200;--z-banner: 3300;--z-fixed-base: 4000;--z-sticky-header: 4100;--z-sticky-footer: 4100;--z-fixed-nav: 4200;--z-overlay-base: 5000;--z-modal-backdrop: 5100;--z-drawer-backdrop: 5100}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-2);font-weight:var(--font-weight-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}ul,ol{margin:var(--spacing-4) 0 var(--spacing-4) var(--spacing-6);padding:0}li{margin-bottom:var(--spacing-2)}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none;transition:var(--motion-transition-color)}a:hover{color:var(--color-primary-dark)}a.link-action{color:var(--color-foreground-2);font-weight:400;transition:var(--motion-transition-color);border-bottom:2px solid var(--color-accent)}a.link-action:hover{color:var(--color-on-primary);background-color:var(--color-accent)}code.inline-code{background-color:var(--color-bg-2);padding:.2rem .4rem;border-radius:4px;font-family:var(--font-family-mono);font-size:.875em}:root{--motion-duration-fast: .15s;--motion-duration-base: .2s;--motion-duration-slow: .3s;--motion-duration-slower: .5s;--motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--motion-easing-decelerate: cubic-bezier(0, 0, .2, 1);--motion-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--motion-easing-sharp: cubic-bezier(.4, 0, .6, 1);--motion-transition-fast: var(--motion-duration-fast) var(--motion-easing-standard);--motion-transition-base: var(--motion-duration-base) var(--motion-easing-standard);--motion-transition-slow: var(--motion-duration-slow) var(--motion-easing-standard);--motion-transition-color: color var(--motion-transition-base);--motion-transition-background: background-color var(--motion-transition-base);--motion-transition-transform: transform var(--motion-transition-base);--motion-transition-opacity: opacity var(--motion-transition-base)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-fast: .01s;--motion-duration-base: .01s;--motion-duration-slow: .01s;--motion-duration-slower: .01s}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}:root{--motion-keyframes-slide-in-right: slide-in-right var(--motion-duration-slower) var(--motion-easing-decelerate);--motion-keyframes-slide-out-right: slide-out-right var(--motion-duration-slow) var(--motion-easing-accelerate);--motion-keyframes-slide-in-left: slide-in-left var(--motion-duration-slower) var(--motion-easing-decelerate);--motion-keyframes-slide-out-left: slide-out-left var(--motion-duration-slow) var(--motion-easing-accelerate);--motion-keyframes-slide-in-top: slide-in-top var(--motion-duration-slower) var(--motion-easing-decelerate);--motion-keyframes-slide-out-top: slide-out-top var(--motion-duration-slow) var(--motion-easing-accelerate);--motion-keyframes-slide-in-bottom: slide-in-bottom var(--motion-duration-slower) var(--motion-easing-decelerate);--motion-keyframes-slide-out-bottom: slide-out-bottom var(--motion-duration-slow) var(--motion-easing-accelerate);--motion-keyframes-scale-in: scale-in var(--motion-duration-slow) var(--motion-easing-decelerate);--motion-keyframes-scale-out: scale-out var(--motion-duration-base) var(--motion-easing-accelerate)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.demo-content{margin:1rem 0;padding:1rem;background-color:var(--color-surface-variant);border-radius:4px;border:1px solid var(--color-outline)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-1);border-radius:6px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:6px;border:2px solid var(--color-bg-1);transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:#000}::-webkit-scrollbar-corner{background:var(--color-bg-1)}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) var(--color-bg-2)}:root,:root[data-theme=light]{--lightness-foreground-1: 20%;--lightness-foreground-2: 12%;--lightness-foreground-3: 4%;--lightness-foreground-4: 8%;--lightness-foreground-5: 16%;--lightness-foreground-6: 24%;--lightness-bg-1: 80%;--lightness-bg-2: 88%;--lightness-bg-3: 96%;--color-primary: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);--color-on-primary: hsla(var(--primary-hue), 0%, 100%, 1);--color-secondary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-secondary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-tertiary: var(--color-secondary);--color-on-tertiary: var(--color-on-secondary);--color-accent: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness), 1);--color-on-accent: hsla(var(--accent-hue), 0%, 100%, 1);--color-success: hsla(var(--success-hue), var(--success-saturation), var(--success-lightness), 1);--color-on-success: hsla(var(--success-hue), 0%, 100%, 1);--color-warning: hsla(var(--warning-hue), var(--warning-saturation), var(--warning-lightness), 1);--color-on-warning: hsla(var(--warning-hue), 0%, 100%, 1);--color-error: hsla(var(--error-hue), var(--error-saturation), var(--error-lightness), 1);--color-on-error: hsla(var(--error-hue), 0%, 100%, 1);--color-info: hsla(var(--info-hue), var(--info-saturation), var(--info-lightness), 1);--color-on-info: hsla(var(--info-hue), 0%, 100%, 1);--color-foreground-1: hsla(0, 0%, var(--lightness-foreground-1), 1);--color-foreground-2: hsla(0, 0%, var(--lightness-foreground-2), 1);--color-foreground-3: hsla(0, 0%, var(--lightness-foreground-3), 1);--color-foreground-4: hsla(0, 0%, var(--lightness-foreground-4), 1);--color-foreground-5: hsla(0, 0%, var(--lightness-foreground-5), 1);--color-foreground-6: hsla(0, 0%, var(--lightness-foreground-6), 1);--color-bg-1: hsla(var(--primary-hue), 0%, var(--lightness-bg-1), 1);--color-bg-2: hsla(var(--primary-hue), 10%, var(--lightness-bg-2), 1);--color-bg-3: hsla(var(--primary-hue), 30%, var(--lightness-bg-3), 1);--color-primary-hover: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 10%), 1);--color-primary-active: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 5%), 1);--color-primary-disabled: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 20%), .5);--color-secondary-hover: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 10%), 1);--color-secondary-active: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 5%), 1);--color-secondary-disabled: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) - 20%), .5);--color-accent-hover: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 10%), 1);--color-accent-active: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 5%), 1);--color-accent-disabled: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) - 20%), .5);--color-success-hover: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 10%), 1);--color-success-active: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 5%), 1);--color-warning-hover: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 10%), 1);--color-warning-active: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 5%), 1);--color-error-hover: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 10%), 1);--color-error-active: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 5%), 1);--color-info-hover: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 10%), 1);--color-info-active: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 5%), 1)}@media (prefers-color-scheme: light){:root:not([data-theme]){--lightness-foreground-1: 20%;--lightness-foreground-2: 12%;--lightness-foreground-3: 4%;--lightness-foreground-4: 8%;--lightness-foreground-5: 16%;--lightness-foreground-6: 24%;--lightness-bg-1: 80%;--lightness-bg-2: 88%;--lightness-bg-3: 96%;--color-primary: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);--color-on-primary: hsla(var(--primary-hue), 0%, 100%, 1);--color-secondary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-secondary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-tertiary: var(--color-secondary);--color-on-tertiary: var(--color-foreground-1);--color-accent: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness), 1);--color-on-accent: hsla(var(--accent-hue), 0%, 100%, 1);--color-success: hsla(var(--success-hue), var(--success-saturation), 50%, 1);--color-on-success: hsla(var(--success-hue), 0%, 100%, 1);--color-warning: hsla(var(--warning-hue), var(--warning-saturation), 50%, 1);--color-on-warning: hsla(var(--warning-hue), 0%, 100%, 1);--color-error: hsla(var(--error-hue), var(--error-saturation), 50%, 1);--color-on-error: hsla(var(--error-hue), 0%, 100%, 1);--color-info: hsla(var(--info-hue), var(--info-saturation), 50%, 1);--color-on-info: hsla(var(--info-hue), 0%, 100%, 1);--color-foreground-1: hsla(0, 0%, var(--lightness-foreground-1), 1);--color-foreground-2: hsla(0, 0%, var(--lightness-foreground-2), 1);--color-foreground-3: hsla(0, 0%, var(--lightness-foreground-3), 1);--color-foreground-4: hsla(0, 0%, var(--lightness-foreground-4), 1);--color-foreground-5: hsla(0, 0%, var(--lightness-foreground-5), 1);--color-foreground-6: hsla(0, 0%, var(--lightness-foreground-6), 1);--color-bg-1: hsla(0, 0%, var(--lightness-bg-1), 1);--color-bg-2: hsla(0, 0%, var(--lightness-bg-2), 1);--color-bg-3: hsla(0, 0%, var(--lightness-bg-3), 1);--color-primary-hover: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness-hover), 1);--color-primary-active: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness-active), 1);--color-primary-disabled: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness-disabled), .5);--color-secondary-hover: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness-hover), 1);--color-secondary-active: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness-active), 1);--color-secondary-disabled: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness-disabled), .5);--color-accent-hover: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness-hover), 1);--color-accent-active: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness-active), 1);--color-accent-disabled: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness-disabled), .5)}}:root[data-theme=dark]{--lightness-foreground-1: 96%;--lightness-foreground-2: 88%;--lightness-foreground-3: 80%;--lightness-foreground-4: 64%;--lightness-foreground-5: 48%;--lightness-foreground-6: 32%;--lightness-bg-1: 4%;--lightness-bg-2: 12%;--lightness-bg-3: 20%;--color-primary: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);--color-on-primary: hsla(var(--primary-hue), 0%, 100%, 1);--color-secondary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-secondary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-tertiary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-tertiary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-accent: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness), 1);--color-on-accent: hsla(var(--accent-hue), 0%, 100%, 1);--color-success: hsla(var(--success-hue), var(--success-saturation), var(--success-lightness), 1);--color-on-success: hsla(var(--success-hue), 0%, 100%, 1);--color-warning: hsla(var(--warning-hue), var(--warning-saturation), var(--warning-lightness), 1);--color-on-warning: hsla(var(--warning-hue), 0%, 100%, 1);--color-error: hsla(var(--error-hue), var(--error-saturation), var(--error-lightness), 1);--color-on-error: hsla(var(--error-hue), 0%, 100%, 1);--color-info: hsla(var(--info-hue), var(--info-saturation), var(--info-lightness), 1);--color-on-info: hsla(var(--info-hue), 0%, 100%, 1);--color-foreground-1: hsla(0, 0%, var(--lightness-foreground-1), 1);--color-foreground-2: hsla(0, 0%, var(--lightness-foreground-2), 1);--color-foreground-3: hsla(0, 0%, var(--lightness-foreground-3), 1);--color-foreground-4: hsla(0, 0%, var(--lightness-foreground-4), 1);--color-foreground-5: hsla(0, 0%, var(--lightness-foreground-5), 1);--color-foreground-6: hsla(0, 0%, var(--lightness-foreground-6), 1);--color-bg-1: hsla(var(--primary-hue), 10%, var(--lightness-bg-1), 1);--color-bg-2: hsla(var(--primary-hue), 30%, var(--lightness-bg-2), 1);--color-bg-3: hsla(var(--primary-hue), 50%, var(--lightness-bg-3), 1);--color-primary-hover: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 10%), 1);--color-primary-active: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 5%), 1);--color-primary-disabled: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 20%), .5);--color-secondary-hover: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 10%), 1);--color-secondary-active: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 5%), 1);--color-secondary-disabled: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) - 20%), .5);--color-accent-hover: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 10%), 1);--color-accent-active: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 5%), 1);--color-accent-disabled: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) - 20%), .5);--color-success-hover: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 10%), 1);--color-success-active: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 5%), 1);--color-warning-hover: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 10%), 1);--color-warning-active: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 5%), 1);--color-error-hover: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 10%), 1);--color-error-active: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 5%), 1);--color-info-hover: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 10%), 1);--color-info-active: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 5%), 1)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--lightness-foreground-1: 96%;--lightness-foreground-2: 88%;--lightness-foreground-3: 80%;--lightness-foreground-4: 64%;--lightness-foreground-5: 48%;--lightness-foreground-6: 32%;--lightness-bg-1: 4%;--lightness-bg-2: 12%;--lightness-bg-3: 20%;--color-primary: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);--color-on-primary: hsla(var(--primary-hue), 0%, 100%, 1);--color-secondary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-secondary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-tertiary: var(--color-secondary);--color-on-tertiary: var(--color-on-secondary);--color-accent: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness), 1);--color-on-accent: hsla(var(--accent-hue), 0%, 100%, 1);--color-success: hsla(var(--success-hue), var(--success-saturation), 50%, 1);--color-on-success: hsla(var(--success-hue), 0%, 100%, 1);--color-warning: hsla(var(--warning-hue), var(--warning-saturation), 50%, 1);--color-on-warning: hsla(var(--warning-hue), 0%, 100%, 1);--color-error: hsla(var(--error-hue), var(--error-saturation), 50%, 1);--color-on-error: hsla(var(--error-hue), 0%, 100%, 1);--color-info: hsla(var(--info-hue), var(--info-saturation), 50%, 1);--color-on-info: hsla(var(--info-hue), 0%, 100%, 1);--color-foreground-1: hsla(0, 0%, var(--lightness-foreground-1), 1);--color-foreground-2: hsla(0, 0%, var(--lightness-foreground-2), 1);--color-foreground-3: hsla(0, 0%, var(--lightness-foreground-3), 1);--color-foreground-4: hsla(0, 0%, var(--lightness-foreground-4), 1);--color-foreground-5: hsla(0, 0%, var(--lightness-foreground-5), 1);--color-foreground-6: hsla(0, 0%, var(--lightness-foreground-6), 1);--color-bg-1: hsla(0, 0%, var(--lightness-bg-1), 1);--color-bg-2: hsla(0, 0%, var(--lightness-bg-2), 1);--color-bg-3: hsla(0, 0%, var(--lightness-bg-3), 1);--color-primary-hover: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 10%), 1);--color-primary-active: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 5%), 1);--color-primary-disabled: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 20%), .5);--color-secondary-hover: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 10%), 1);--color-secondary-active: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 5%), 1);--color-secondary-disabled: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) - 20%), .5);--color-accent-hover: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 10%), 1);--color-accent-active: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 5%), 1);--color-accent-disabled: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) - 20%), .5)}}:root{--color-text-primary: var(--color-foreground-1);--color-text-secondary: var(--color-foreground-2);--color-text-tertiary: var(--color-foreground-3);--color-primary-dark: var(--color-primary-active);--color-surface-variant: var(--color-bg-3);--color-outline: var(--color-foreground-2);--color-surface-primary: var(--color-primary);--color-surface-secondary: var(--color-secondary);--color-on-surface-primary: var(--color-on-primary);--color-on-surface-secondary: var(--color-on-secondary);--color-status-error: var(--color-error);--color-status-success: var(--color-success);--color-status-warning: var(--color-warning);--color-status-info: var(--color-info);--color-on-status-error: var(--color-on-error);--color-on-status-success: var(--color-on-success);--color-on-status-warning: var(--color-on-warning);--color-on-status-info: var(--color-on-info);--color-action-primary: var(--color-accent);--color-on-action-primary: var(--color-on-accent);--color-action-primary-hover: var(--color-accent-hover);--color-action-primary-active: var(--color-accent-active);--color-action-primary-disabled: var(--color-accent-disabled);--color-action-secondary: var(--color-secondary);--color-on-action-secondary: var(--color-on-secondary);--color-action-secondary-hover: var(--color-secondary-hover);--color-action-secondary-active: var(--color-secondary-active);--color-action-secondary-disabled: var(--color-secondary-disabled);--color-action-tertiary: var(--color-tertiary);--color-on-action-tertiary: var(--color-on-tertiary);--color-action-tertiary-hover: var(--color-tertiary-hover);--color-action-tertiary-active: var(--color-tertiary-active);--color-action-tertiary-disabled: var(--color-tertiary-disabled)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-base);border:1px solid transparent;font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);transition:var(--motion-transition-hover-in),transform var(--motion-duration-fast) var(--motion-easing-linear);cursor:pointer}.btn:not(:hover):not(:active){transition:var(--motion-transition-hover-out),transform var(--motion-duration-fast) var(--motion-easing-accelerate)}.btn--xs{padding:var(--spacing-1);font-size:var(--font-size-xs)}.btn--sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.btn--md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.btn--lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.btn--icon-only{padding:var(--spacing-2);width:auto;aspect-ratio:1}.btn--icon-only.btn--xs{padding:var(--spacing-1);min-width:24px;min-height:24px}.btn--icon-only.btn--sm{padding:var(--spacing-1);min-width:32px;min-height:32px}.btn--icon-only.btn--md{padding:var(--spacing-2);min-width:40px;min-height:40px}.btn--icon-only.btn--lg{padding:var(--spacing-3);min-width:48px;min-height:48px}.btn--primary{background-color:var(--color-action-primary);outline:0px solid var(--color-action-primary);box-shadow:0 0 0 0 var(--color-action-primary);color:var(--color-on-action-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-action-primary-hover);box-shadow:0 0 0 2px var(--color-action-primary-hover);outline:2px solid var(--color-action-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-action-primary-active);transform:scale(.98)}.btn--primary:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn--secondary{background-color:var(--color-action-secondary);color:var(--color-on-action-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-action-secondary-hover)}.btn--secondary:active:not(:disabled){background-color:var(--color-action-secondary-active);transform:scale(.98)}.btn--secondary:focus-visible:not(:disabled){outline:2px solid var(--color-action-secondary);outline-offset:2px}.btn--tertiary{background-color:transparent;color:var(--color-foreground-2);border-color:var(--color-action-tertiary);border-width:2px}.btn--tertiary:hover:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-hover),.2);border-color:var(--color-action-primary-hover);color:var(--color-foreground-2)}.btn--tertiary:active:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-active),.2);border-color:var(--color-action-primary-active);color:var(--color-action-primary-active);transform:scale(.98)}.btn--tertiary:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn--ghost{background-color:transparent;color:var(--color-foreground-2);border-color:transparent;border-width:2px}.btn--ghost:hover:not(:disabled){background-color:transparent;border-color:var(--color-action-primary-hover);color:var(--color-foreground-2)}.btn--ghost:active:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-active),.2);border-color:var(--color-action-primary-active);color:var(--color-action-primary-active);transform:scale(.98)}.btn--ghost:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn:disabled{background-color:var(--color-primary-disabled);color:var(--color-foreground-2);cursor:not-allowed;border-color:var(--color-primary-disabled)}.btn--full-width{width:100%}@media (hover: none) and (pointer: coarse){.btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn--secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.btn--tertiary:active:not(:disabled){background-color:hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness-active),.2)}.btn--ghost:active:not(:disabled){background-color:hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness-active),.2)}}.btn__spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:btn-spin .6s linear infinite}.btn__icon,.btn__icon-placeholder{flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.checkbox{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}.checkbox__container{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-foreground-2);border-radius:4px;background-color:var(--color-bg-1);transition:all .2s ease}.checkbox__icon{color:var(--color-on-primary);transition:opacity .2s ease}.checkbox__label{font-size:var(--font-size-md);color:var(--color-foreground-1);line-height:1.5}.checkbox--sm .checkbox__box{width:16px;height:16px}.checkbox--sm .checkbox__label{font-size:var(--font-size-sm)}.checkbox--md .checkbox__box{width:20px;height:20px}.checkbox--lg .checkbox__box{width:24px;height:24px}.checkbox--lg .checkbox__label{font-size:var(--font-size-lg)}.checkbox__input[aria-checked=true]+.checkbox__box,.checkbox__input:checked+.checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input[aria-checked=mixed]+.checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:focus-visible+.checkbox__box{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox__container:hover .checkbox__box{border-color:var(--color-primary)}.checkbox__container:hover .checkbox__input[aria-checked=true]+.checkbox__box,.checkbox__container:hover .checkbox__input:checked+.checkbox__box,.checkbox__container:hover .checkbox__input[aria-checked=mixed]+.checkbox__box{background-color:HSLA(var(--primary-hue),var(--primary-saturation),calc(var(--primary-lightness) - 5%),1)}.checkbox--disabled .checkbox__container{cursor:not-allowed;opacity:.5}.checkbox--disabled .checkbox__box{background-color:var(--color-bg-2);border-color:var(--color-foreground-3)}.checkbox--error .checkbox__box{border-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.checkbox--error .checkbox__input:focus-visible+.checkbox__box{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.checkbox__feedback{padding-left:calc(var(--spacing-2) + 20px)}.checkbox__error-text{font-size:var(--font-size-sm);color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);display:block}.checkbox__helper-text{font-size:var(--font-size-sm);color:var(--color-foreground-2);display:block}.header{background-color:var(--color-bg-2);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;padding:var(--spacing-8) var(--spacing-8) 0 var(--spacing-8);transition:background-color var(--motion-transition-background),border-color var(--motion-transition-color)}.header__container{width:100%;max-width:1200px;margin:0 auto}.header__title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-foreground-1)}.header__subtitle{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-foreground-2)}@media (min-width: 768px){.header{padding:var(--spacing-2) var(--spacing-4) 0 var(--spacing-4)}}@media (min-width: 1024px){.header{padding:var(--spacing-4) var(--spacing-8) 0 var(--spacing-8)}}.page{width:100%;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.page--full{max-width:none;padding:0}.page--wide{max-width:1400px}.page--medium{max-width:1200px}.page--narrow{max-width:800px}@media (min-width: 768px){.page{padding:var(--spacing-8) var(--spacing-6)}.page--full{padding:0}}@media (min-width: 1024px){.page{padding:var(--spacing-10) var(--spacing-8)}.page--full{padding:0}}.section{padding:var(--spacing-8) var(--spacing-4);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;width:100%;transition:border-color var(--motion-transition-color)}.section:last-of-type{border-bottom:none}.section__title{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground-1)}.section__content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-foreground-2)}.section--sm{padding:var(--spacing-4) var(--spacing-4)}.section--lg{padding:var(--spacing-12) var(--spacing-4)}@media (min-width: 768px){.section{padding:var(--spacing-8) var(--spacing-6)}.section--sm{padding:var(--spacing-4) var(--spacing-6)}.section--lg{padding:var(--spacing-12) var(--spacing-6)}}@media (min-width: 1024px){.section{padding:var(--spacing-8) var(--spacing-8);max-width:1200px;margin:0 auto}.section--sm{padding:var(--spacing-4) var(--spacing-8)}.section--lg{padding:var(--spacing-12) var(--spacing-8)}}.navbar{width:100%;height:100vh;background-color:var(--color-bg-2);border-right:1px solid var(--color-foreground-2);border-right-color:#0000001a;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:background-color var(--transition-base, .2s ease)}.navbar::-webkit-scrollbar{width:8px}.navbar::-webkit-scrollbar-track{background:transparent}.navbar::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px;transition:background-color .2s ease}.navbar:hover::-webkit-scrollbar-thumb{background-color:#000}.navbar--header{font-size:1.4rem;margin:0 0 8px;color:var(--color-foreground-1);display:flex;align-items:center;gap:var(--spacing-1, .25rem)}.navbar__content{padding:var(--spacing-4, 1rem);display:flex;flex-direction:column;gap:var(--spacing-2, .5rem)}.expanded .navbar__content{min-width:210px}.navbar__menu-item{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);color:var(--color-foreground-2);border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-sm, .875rem);font-weight:500;width:100%;position:relative;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left}.navbar__menu-item[href]{text-decoration:none}.navbar__menu-item:not(:hover):not(:active):not(.navbar__menu-item--active){transition:background-color var(--motion-duration-fast) var(--motion-easing-accelerate),color var(--motion-duration-fast) var(--motion-easing-accelerate)}.navbar__menu-item:hover:not(:disabled){background-color:var(--color-action-primary);color:var(--color-on-action-primary)}.navbar__menu-item:active:not(:disabled){background-color:var(--color-action-primary-active);color:var(--color-on-action-primary)}.navbar__menu-item:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.navbar__menu-item--active{background-color:var(--color-action-primary);color:var(--color-on-action-primary)}.navbar__menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.navbar__menu-item-label{flex:1;min-width:0}.collapsed .navbar__menu-item-label{display:none}.collapsed .navbar__menu-item{width:auto;padding:var(--spacing-2);justify-content:center}.navbar--logo{display:none}.expanded .navbar--logo{display:inline-block}.navbar__menu-group{display:flex;flex-direction:column}.navbar__content .navbar__menu-group>.navbar__menu-group-content{margin-left:var(--spacing-8, 2rem)}.navbar__menu-group-header-expanded{display:block}.navbar__menu-group-header-collapsed,.collapsed .navbar__menu-group-header-expanded{display:none}.collapsed .navbar__menu-group-header-collapsed{display:block}.collapsed .navbar__menu-group-content{display:none}.navbar__menu-group-header{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);background:none;border:none;text-align:left;color:var(--color-foreground-2);border-radius:var(--border-radius-sm, 4px);transition:background-color var(--motion-duration-fast) var(--motion-easing-linear),color var(--motion-duration-fast) var(--motion-easing-linear);font-size:var(--font-size-sm, .875rem);font-weight:600;cursor:pointer;width:100%}.navbar__menu-group-header--collapsed{justify-content:center;padding:var(--spacing-2)}.navbar__menu-group-header--collapsed.navbar__menu-group-header--has-active{background-color:var(--color-action-primary);color:var(--color-on-action-primary)}.navbar__menu-group-header--toggle{background-color:var(--color-action-secondary);color:var(--color-on-action-secondary);box-shadow:0 0 0 2px var(--color-action-primary)}.navbar__menu-group-header--toggle:hover:not(:disabled){background-color:var(--color-action-secondary-hover);color:var(--color-on-action-secondary)}.navbar__menu-group-header--active{background-color:var(--color-action-primary);color:var(--color-on-action-primary)}.navbar__menu-group-header:not(:hover){transition:background-color var(--motion-duration-fast) var(--motion-easing-accelerate),color var(--motion-duration-fast) var(--motion-easing-accelerate)}.navbar__menu-group-header:hover:not(:disabled){background-color:var(--color-bg-2);color:var(--color-foreground-1)}.navbar__menu-group-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.navbar__menu-group-title{flex:1;min-width:0}.collapsed .navbar__menu-group-title{display:none}.navbar__menu-group-chevron{display:flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;transition:transform .2s ease}.collapsed .navbar__menu-group-chevron{display:none}.navbar__menu-group-chevron--expanded{transform:rotate(180deg)}.navbar__menu-group-header--static{cursor:default;font-weight:300;color:var(--color-foreground-5);background-color:transparent;margin:var(--spacing-2) 0 0 0}.navbar__menu-group-header--static:hover{background-color:transparent;color:var(--color-foreground-5)}.navbar__menu-category{font-size:var(--font-size-xs);font-weight:600;color:var(--color-foreground-3);letter-spacing:.5px;margin-top:var(--spacing-2)}@media (max-width: 768px){.navbar{width:280px}.navbar__content{padding:var(--spacing-3, .75rem)}}.navbar__menu-category{display:flex;flex-direction:column}.navbar__menu-category-title{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 300);color:var(--color-foreground-5);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .02em);padding:var(--spacing-1, .5rem) var(--spacing-3, .75rem)}.collapsed .navbar__menu-category-title{display:none}.navbar__menu-category-content{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem)}.navbar__menu-group-popover{min-width:200px;max-width:300px}.navbar__menu-group-popover-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-1);padding:var(--spacing-2) var(--spacing-3) 0 var(--spacing-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-1)}.navbar__menu-group-popover-content{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2)}.navbar__menu-group-popover-content .navbar__menu-item{width:100%}.navbar__menu-group-popover-content .navbar__menu-item-label{display:block}.code-block{background-color:var(--color-bg-2);border:1px solid var(--color-foreground-2);border-color:#0000001a;border-radius:var(--radius-base);padding:var(--spacing-4);margin:var(--spacing-4) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-x:auto;transition:background-color var(--transition-base, .2s ease)}.code-block code{background:none;padding:0;border-radius:0;color:var(--color-foreground-1)}.code-block--inline{background:none;border:none;border-radius:0;padding:0;margin:0;font-family:var(--font-family-mono);font-size:inherit;color:var(--color-primary);display:inline}.radio{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-foreground-2);border-radius:50%;background-color:var(--color-bg-1);transition:all .2s ease}.radio__dot{width:50%;height:50%;border-radius:50%;background-color:var(--color-on-primary);opacity:0;transform:scale(0);transition:all .2s ease}.radio__label{font-size:var(--font-size-md);color:var(--color-foreground-1);line-height:1.5}.radio--sm .radio__box{width:16px;height:16px}.radio--sm .radio__label{font-size:var(--font-size-sm)}.radio--md .radio__box{width:20px;height:20px}.radio--lg .radio__box{width:24px;height:24px}.radio--lg .radio__label{font-size:var(--font-size-lg)}.radio__input[aria-checked=true]+.radio__box,.radio__input:checked+.radio__box{background-color:var(--color-primary);border-color:var(--color-primary)}.radio__input[aria-checked=true]+.radio__box .radio__dot,.radio__input:checked+.radio__box .radio__dot{opacity:1;transform:scale(1)}.radio__input:focus-visible+.radio__box{outline:2px solid var(--color-primary);outline-offset:2px}.radio:hover .radio__box{border-color:var(--color-primary)}.radio:hover .radio__input[aria-checked=true]+.radio__box,.radio:hover .radio__input:checked+.radio__box{background-color:HSLA(var(--primary-hue),var(--primary-saturation),calc(var(--primary-lightness) - 5%),1)}.radio--disabled{cursor:not-allowed;opacity:.5}.radio--disabled .radio__box{background-color:var(--color-bg-2);border-color:var(--color-foreground-3)}.radio--error .radio__box{border-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.radio--error .radio__input:focus-visible+.radio__box{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.radio-group__label{font-size:var(--font-size-md);font-weight:600;color:var(--color-foreground-1);margin-bottom:var(--spacing-1)}.radio-group__container{display:flex;gap:var(--spacing-3)}.radio-group--vertical .radio-group__container{flex-direction:column}.radio-group--horizontal .radio-group__container{flex-direction:row;flex-wrap:wrap}.radio-group__feedback{margin-top:var(--spacing-1)}.radio-group__error-text{font-size:var(--font-size-sm);color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);display:block}.radio-group__helper-text{font-size:var(--font-size-sm);color:var(--color-foreground-2);display:block}.radio-group--error .radio__box{border-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.radio-group--error .radio__input:focus-visible+.radio__box{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.icon{display:inline-flex;align-items:center;justify-content:center}.icon--skeleton{background:linear-gradient(90deg,#0000000f,#00000008,#0000000f);border-radius:4px;animation:hb-skeleton 1.2s ease-in-out infinite}@keyframes hb-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.icon{display:inline-block;flex-shrink:0;transition:color var(--transition-base, .2s ease)}.icon--interactive{cursor:pointer;color:var(--color-foreground-1)}.icon--interactive:hover:not(:disabled){color:var(--color-action-primary-hover)}.icon--interactive:active:not(:disabled){color:var(--color-action-primary-active)}.icon--interactive:disabled{cursor:not-allowed;color:var(--color-foreground-2)}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);border-radius:999px;white-space:nowrap;transition:all var(--transition-base, .2s ease)}.badge--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);min-height:20px}.badge--md{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);min-height:24px}.badge--lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);min-height:32px}.badge--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.badge--secondary{background-color:var(--color-secondary);color:var(--color-on-secondary)}.badge--tertiary{background-color:var(--color-tertiary);color:var(--color-on-tertiary)}.badge--accent{background-color:var(--color-accent);color:var(--color-on-accent)}.badge--success{background-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),1);color:hsla(var(--success-hue),0%,100%,1)}.badge--warning{background-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness),1);color:hsla(var(--warning-hue),0%,100%,1)}.badge--error{background-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);color:hsla(var(--error-hue),0%,100%,1)}.badge--info{background-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),1);color:hsla(var(--info-hue),0%,100%,1)}.switch__wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}.switch__label{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}.switch__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.switch{position:relative;display:inline-block;flex-shrink:0}.switch__track{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-full);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-foreground-3);outline-offset:-2px;transition:outline-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);overflow:hidden}.switch__thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-action-primary);border:2px solid var(--color-action-primary);box-shadow:0 2px 6px #0000004d;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease,background-color .1s ease;z-index:1}.switch__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-foreground-2);transition:all .2s ease;opacity:0;pointer-events:none}.switch--sm,.switch--sm .switch__track{width:36px;height:20px}.switch--sm .switch__thumb{width:14px;height:14px;margin:0 2px}.switch--sm.switch--checked .switch__thumb{transform:translate(16px)}.switch--md,.switch--md .switch__track{width:44px;height:24px}.switch--md .switch__thumb{width:18px;height:18px;margin:0 2px}.switch--md.switch--checked .switch__thumb{transform:translate(20px)}.switch--lg,.switch--lg .switch__track{width:52px;height:28px}.switch--lg .switch__thumb{width:22px;height:22px;margin:0 2px}.switch--lg.switch--checked .switch__thumb{transform:translate(24px)}.switch--checked .switch__track{background-color:var(--color-accent);outline-color:var(--color-accent)}.switch--checked .switch__thumb{background-color:var(--color-on-accent);border-color:var(--color-accent);box-shadow:0 2px 6px #0000004d}.switch__input:hover+.switch__track{outline-color:var(--color-action-primary-hover)}.switch__input:focus+.switch__track{outline-color:var(--color-action-primary);box-shadow:0 0 0 3px hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.1)}.switch__input:hover+.switch__track .switch__thumb,.switch__input:focus+.switch__track .switch__thumb{border-color:var(--color-action-primary-hover);box-shadow:0 4px 8px #0006}.switch--checked .switch__input:hover+.switch__track{outline-color:var(--color-accent)}.switch--checked .switch__input:focus+.switch__track{outline-color:var(--color-accent);box-shadow:0 0 0 3px hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.1)}.switch--checked .switch__input:hover+.switch__track .switch__thumb,.switch--checked .switch__input:focus+.switch__track .switch__thumb{border-color:var(--color-accent)}.switch__input:active+.switch__track .switch__thumb{transform:scale(1.2);border-color:var(--color-action-primary-active);box-shadow:0 6px 12px #00000080}.switch--checked .switch__input:active+.switch__track .switch__thumb{border-color:var(--color-accent)}.switch--checked .switch__icon--on{opacity:1;color:var(--color-accent)}.switch--checked .switch__icon--off{opacity:0}.switch:not(.switch--checked) .switch__icon--off{opacity:1;color:var(--color-foreground-2)}.switch:not(.switch--checked) .switch__icon--on{opacity:0}.switch--disabled{opacity:.5;cursor:not-allowed}.switch--disabled .switch__label{cursor:not-allowed}.switch--disabled .switch__thumb{border-color:var(--color-foreground-3);background-color:var(--color-bg-3);opacity:.6}.switch--error .switch__track{outline-color:var(--color-error)}.switch--error.switch--checked .switch__track{background-color:var(--color-error);outline-color:var(--color-error)}.switch__text{font-size:var(--font-size-sm);color:var(--color-foreground-1);line-height:1.5}.switch__message{margin-top:var(--spacing-1)}.switch__error-text{font-size:var(--font-size-xs);color:var(--color-error)}.switch__helper-text{font-size:var(--font-size-xs);color:var(--color-foreground-3)}:root[data-theme=dark] .switch__track{background-color:var(--color-bg-2);outline-color:var(--color-foreground-4)}:root[data-theme=dark] .switch:not(.switch--checked) .switch__icon--off{color:var(--color-foreground-4)}.drag-handle{position:relative;background-color:var(--color-bg-1);border-color:#0000001a;transition:all var(--transition-base, .2s ease);z-index:10}.drag-handle:hover:not(:disabled){background-color:var(--color-action-primary)}.drag-handle:active:not(:disabled),.drag-handle--dragging{background-color:var(--color-action-primary-hover)}.drag-handle--dragging .drag-handle__indicator,.drag-handle:active:not(:disabled) .drag-handle__indicator{background-color:var(--color-on-action-primary)}.drag-handle--vertical{width:6px;cursor:col-resize;margin:0 -4px}.drag-handle--vertical .drag-handle__indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:32px;background-color:var(--color-foreground-2);border-radius:1px;transition:all var(--transition-base, .2s ease)}.drag-handle--vertical:hover .drag-handle__indicator{width:4px}.drag-handle--horizontal{height:8px;cursor:row-resize;margin:-4px 0}.drag-handle--horizontal .drag-handle__indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:2px;width:24px;background-color:var(--color-foreground-2);border-radius:1px;transition:background-color var(--transition-base, .2s ease)}.layout{min-height:100vh}.layout--single{display:flex;flex-direction:column}.layout--single .layout__container{flex:1;display:flex;flex-direction:column}.layout--single .layout__main{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.layout--single .layout__header,.layout--single .layout__footer,.layout--single .layout__bottom-bar{flex-shrink:0}.layout--stacked{display:flex;flex-direction:column}.layout--stacked .layout__container{flex:1;display:flex;flex-direction:column}.layout--stacked .layout__main{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.layout--stacked .layout__header,.layout--stacked .layout__footer,.layout--stacked .layout__bottom-bar{flex-shrink:0}.layout--sidebar-main-sidebar{display:flex;flex-direction:row;min-height:100vh}.layout--sidebar-main-sidebar .layout__container{flex:1;display:flex;flex-direction:column;min-width:0;max-height:100vh;overflow-y:auto;overflow-x:hidden}.layout--sidebar-main-sidebar .layout__sidebar{flex-shrink:0;max-height:100vh;background-color:var(--color-bg-1);border-right:1px solid var(--color-foreground-2);border-right-color:#0000001a;overflow-y:auto;overflow-x:hidden}.layout--sidebar-main-sidebar .layout__sidebar--right{border-right:none;border-left:1px solid var(--color-foreground-2);border-left-color:#0000001a;background-color:var(--color-bg-2)}.layout--sidebar-main-sidebar .drag-handle{flex-shrink:0}.layout--sidebar-main-sidebar .layout__container{flex:1;display:flex;flex-direction:column;min-width:0}.layout--sidebar-main-sidebar .layout__main{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.layout--sidebar-main-sidebar .layout__header,.layout--sidebar-main-sidebar .layout__footer,.layout--sidebar-main-sidebar .layout__bottom-bar{flex-shrink:0}.layout__header,.layout__page-header{background-color:var(--color-bg-1);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;padding:var(--spacing-6) var(--spacing-4);transition:all var(--transition-base, .2s ease)}.layout__footer,.layout__page-footer{background-color:var(--color-bg-1);border-top:1px solid var(--color-foreground-2);border-top-color:#0000001a;transition:all var(--transition-base, .2s ease);margin-top:auto}@media (max-width: 1024px){.layout--sidebar-main-sidebar .layout__sidebar{width:240px}}@media (max-width: 768px){.layout--sidebar-main-sidebar,.layout--sidebar-main-sidebar .layout__container{flex-direction:column}.layout--sidebar-main-sidebar .layout__sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a}.layout--sidebar-main-sidebar .layout__sidebar--right{border-left:none;border-top:1px solid var(--color-foreground-2);border-top-color:#0000001a;border-bottom:none}}.layout__bottom-bar{flex-shrink:0;background-color:var(--color-bg-1);border-top:1px solid var(--color-foreground-2);border-top-color:#0000001a;min-height:60px;display:flex;align-items:center;padding:0 var(--spacing-4)}.tooltip{position:fixed;background:var(--color-bg-1);border:1px solid var(--color-bg-3);border-color:#00000026;border-radius:var(--radius-base);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:200px;padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--color-foreground-1);white-space:nowrap;animation:tooltip-fade-in var(--transition-fast, .15s ease);opacity:0;visibility:hidden;pointer-events:none}.tooltip--top{margin-bottom:var(--spacing-1)}.tooltip--bottom{margin-top:var(--spacing-1)}.tooltip--left{margin-right:var(--spacing-1)}.tooltip--right{margin-left:var(--spacing-1)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.popover{position:fixed;background:var(--color-bg-1);border-radius:var(--radius-base);outline:2px solid var(--color-bg-3);outline-offset:-2px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:9999;min-width:200px;margin-top:var(--spacing-1);animation:popover-slide-in var(--transition-base, .2s ease);opacity:0;visibility:hidden;pointer-events:none}.popover--right{margin-top:0;margin-left:var(--spacing-2)}.popover:hover{outline:2px solid var(--color-primary-hover)}@keyframes popover-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-control{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem)}.theme-control__option{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-2, .5rem);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:all var(--transition-base, .2s ease);color:var(--color-foreground-1)}.theme-control__option:hover:not(:disabled){background:var(--color-bg-2)}.theme-control__option:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.theme-control__option--active{background:var(--color-action-primary);color:var(--color-on-action-primary)}.theme-control__icon{width:20px;height:20px}.card{background-color:var(--color-bg-1);border-radius:8px;padding:var(--spacing-4);border:none;transition:box-shadow var(--transition-base),transform var(--transition-base),background-color var(--transition-base);overflow:visible}.card--default{border:1px solid var(--color-foreground-2);border-color:#0000001a}.card--elevated{box-shadow:0 2px 8px #0000001a}.card--outlined{border:2px solid var(--color-foreground-2);border-color:#00000026}.card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-bg-2)}.card--interactive:hover{background-color:hsla(0,0%,var(--lightness-bg-2),.8);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card--interactive:active{background-color:hsla(0,0%,var(--lightness-bg-2),.9);transform:translateY(0)}.card--interactive:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}@media (hover: none) and (pointer: coarse){.card--interactive:active{background-color:hsla(0,0%,var(--lightness-bg-2),.8);transform:translateY(-1px)}}.slider{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.slider__header{display:flex;justify-content:space-between;align-items:center}.slider__label{font-weight:500;color:var(--color-foreground-1);font-size:var(--font-size-sm)}.slider__value{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-foreground-2);background-color:var(--color-bg-2);padding:var(--spacing-1) var(--spacing-2);border-radius:4px;min-width:3rem;text-align:center;transition:all var(--transition-base, .2s ease)}.slider__container{position:relative;width:100%;cursor:grab}.slider--dragging .slider__container{cursor:grabbing}.slider__input{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-action-primary)}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:none;background:transparent;cursor:grab;pointer-events:auto;margin-top:-16px}.slider__input::-webkit-slider-thumb:hover,.slider__input::-webkit-slider-thumb:active,.slider--dragging .slider__input::-webkit-slider-thumb{border:none;background:transparent;cursor:grabbing}.slider__input::-moz-range-thumb{width:32px;height:32px;border:none;background:transparent;cursor:grab;pointer-events:auto}.slider__input::-moz-range-thumb:hover,.slider__input::-moz-range-thumb:active{border:none;background:transparent;cursor:grabbing}.slider__input::-ms-thumb{width:32px;height:32px;border:none;background:transparent;cursor:grab;pointer-events:auto}.slider--disabled .slider__input{cursor:not-allowed;filter:brightness(.6)}.slider__marks{position:absolute;top:-6px;left:0;right:0;height:8px;pointer-events:none}.slider__thumb{position:absolute;top:-4px;pointer-events:none;z-index:1}.slider__thumb-icon{width:32px;height:32px;border-radius:50%;background-color:var(--color-action-primary);border:2px solid var(--color-action-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}.slider__input:hover+.slider__thumb .slider__thumb-icon,.slider__input:focus+.slider__thumb .slider__thumb-icon{border-color:var(--color-action-primary-hover);box-shadow:0 4px 8px #0006}.slider__input:active+.slider__thumb .slider__thumb-icon,.slider--dragging .slider__thumb .slider__thumb-icon{transform:scale(1.2);border-color:var(--color-action-primary-active);box-shadow:0 6px 12px #00000080}.slider--disabled .slider__thumb .slider__thumb-icon{border-color:var(--color-foreground-3);background-color:var(--color-bg-3);opacity:.6}.color-control{width:100%}.color-control__header{margin-bottom:var(--spacing-6)}.color-control__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-foreground-1);margin:0 0 var(--spacing-2) 0}.color-control__description{color:var(--color-foreground-2);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.color-control__sliders{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.color-control__slider{display:flex;align-items:center;gap:var(--spacing-3)}.color-control__slider .slider{flex:1}.color-control__slider .slider__header{margin-bottom:var(--spacing-1)}.color-control__preview{width:40px;height:40px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.color-control__actions{margin-bottom:var(--spacing-6)}.color-control__reset-btn{background-color:var(--color-bg-2);color:var(--color-foreground-1);border:1px solid var(--color-foreground-2);border-color:#0000001a;padding:var(--spacing-2) var(--spacing-4);border-radius:6px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.color-control__reset-btn:hover:not(:disabled){background-color:var(--color-action-primary);color:var(--color-on-action-primary);border-color:var(--color-action-primary)}.color-control__reset-btn:active:not(:disabled){background-color:var(--color-action-primary-active)}.color-control__reset-btn:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.color-control__reset-btn:disabled{cursor:not-allowed;opacity:.5}.color-control__preview-section{border-top:1px solid var(--color-foreground-2);border-top-color:#0000001a;padding-top:var(--spacing-4)}.color-control__preview-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-foreground-1);margin:0 0 var(--spacing-3) 0}.color-control__color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.color-control__color-sample{padding:var(--spacing-3);border-radius:8px;color:#fff;font-size:var(--font-size-sm);font-weight:500;text-align:center;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:border-color var(--transition-base)}.color-control__color-sample:hover{border-color:#ffffff4d}.grid{display:grid;gap:var(--grid-gap, 1rem)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-width, 250px),1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-width, 250px),1fr))}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-5{grid-template-columns:repeat(5,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-7{grid-template-columns:repeat(7,1fr)}.grid--cols-8{grid-template-columns:repeat(8,1fr)}.grid--cols-9{grid-template-columns:repeat(9,1fr)}.grid--cols-10{grid-template-columns:repeat(10,1fr)}.grid--cols-11{grid-template-columns:repeat(11,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.footer{background-color:var(--color-bg-2);border-top:1px solid var(--color-bg-3);margin-top:auto;padding:var(--spacing-6) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-foreground-3);position:relative;z-index:1}.footer__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.footer__bottom{display:flex;flex-direction:column;gap:var(--spacing-2);text-align:center}.footer__copyright{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-3)}@media (max-width: 768px){.footer{padding:var(--spacing-4) 0}.footer__content{grid-template-columns:1fr;gap:var(--spacing-4)}.footer__bottom{flex-direction:column}}.input-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.input-container--full-width{width:100%}.input__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-foreground-1);cursor:pointer}.input__wrapper{position:relative;display:flex;align-items:center}.input{width:100%;font-family:inherit;font-size:var(--font-size-base);line-height:1.5;color:var(--color-foreground-1);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-foreground-3);outline-offset:-2px;border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3);transition:outline-color var(--transition-base),box-shadow var(--transition-base)}.input--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.input--lg{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4)}.input--error{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.input--error:focus{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1);box-shadow:0 0 0 3px hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),.1)}.input--disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-bg-2)}.input:focus{outline-color:var(--color-action-primary);box-shadow:0 0 0 3px hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.1)}.input:hover:not(:disabled):not(.input--error){outline-color:var(--color-action-primary-hover)}.input::placeholder{color:var(--color-foreground-2);opacity:.7}.input--has-icon-left{padding-left:var(--spacing-10)}.input--has-icon-right{padding-right:var(--spacing-10)}.input--sm.input--has-icon-left{padding-left:var(--spacing-8)}.input--sm.input--has-icon-right{padding-right:var(--spacing-8)}.input--lg.input--has-icon-left{padding-left:var(--spacing-12)}.input--lg.input--has-icon-right{padding-right:var(--spacing-12)}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-foreground-2);pointer-events:none}.input__icon--left{left:var(--spacing-3)}.input__icon--right{right:var(--spacing-3);pointer-events:auto;background:none;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.input__icon--right:hover:not(:disabled){background-color:var(--color-bg-3);color:var(--color-action-primary-hover)}.input__icon--right:active:not(:disabled){background-color:var(--color-bg-2);color:var(--color-action-primary-active)}.input__icon--right:disabled{cursor:not-allowed;opacity:.6}.input__icon--right:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.input__message{font-size:var(--font-size-sm);margin:0;color:var(--color-foreground-2)}.input__message--error{color:hsla(var(--error-hue),var(--error-saturation),60%,1)}:root[data-theme=dark] .input{background-color:var(--color-bg-2)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-foreground-1);-webkit-box-shadow:0 0 0 1000px var(--color-bg-1) inset;transition:background-color 5000s ease-in-out 0s}:root[data-theme=dark] .input:-webkit-autofill,:root[data-theme=dark] .input:-webkit-autofill:hover,:root[data-theme=dark] .input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-bg-2) inset}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input__datetime-picker{padding:var(--spacing-3);min-width:300px}.input__datetime-combined{display:flex;gap:var(--spacing-3)}.input__trigger-wrapper{position:relative;display:flex;align-items:center;width:100%}.date-picker{display:flex;flex-direction:column;gap:var(--spacing-2)}.date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-foreground-2)}.date-picker__nav{background:none;border:none;color:var(--color-foreground-1);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.date-picker__nav:hover:not(:disabled){background-color:var(--color-bg-3)}.date-picker__nav:disabled{opacity:.5;cursor:not-allowed}.date-picker__title{display:flex;gap:var(--spacing-2);align-items:center}.date-picker__select{background-color:var(--color-bg-1);color:var(--color-foreground-1);border:1px solid var(--color-foreground-2);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1);margin-top:var(--spacing-2)}.date-picker__weekday{text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-foreground-2);padding:var(--spacing-1)}.date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1)}.date-picker__day{aspect-ratio:1;background:none;border:none;color:var(--color-foreground-1);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);padding:var(--spacing-1)}.date-picker__day:hover:not(:disabled):not(.date-picker__day--empty){background-color:var(--color-bg-3)}.date-picker__day--selected{background-color:var(--color-action-primary);color:#fff;font-weight:600}.date-picker__day--empty{cursor:default;visibility:hidden}.date-picker__day:disabled{opacity:.5;cursor:not-allowed}.time-picker{display:flex;gap:var(--spacing-2);min-width:240px}.time-picker__column{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.time-picker__label{text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-foreground-2);padding:var(--spacing-1)}.time-picker__scroll{max-height:200px;overflow-y:auto;border-radius:var(--radius-sm);scrollbar-width:thin;background:var(--color-bg-2)}.time-picker__scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-sm)}.time-picker__item{width:100%;background:none;border:none;color:var(--color-foreground-1);font-size:var(--font-size-sm);padding:var(--spacing-2);cursor:pointer;transition:background-color var(--transition-fast);text-align:center;font-variant-numeric:tabular-nums}.time-picker__item:hover:not(:disabled){background-color:var(--color-bg-3)}.time-picker__item--selected{background-color:var(--color-action-primary);color:#fff;font-weight:600}.time-picker__item:disabled{opacity:.5;cursor:not-allowed}.list{display:flex;flex-direction:column;gap:var(--spacing-1);padding:0;margin:0}.list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background-color var(--motion-duration-fast) var(--motion-easing-linear),color var(--motion-duration-fast) var(--motion-easing-linear);color:var(--color-foreground-1);background-color:transparent}.list-item:not(:hover):not(:active){transition:background-color var(--motion-duration-fast) var(--motion-easing-accelerate),color var(--motion-duration-fast) var(--motion-easing-accelerate)}.list-item--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.list-item--interactive:hover:not(.list-item--disabled){background-color:var(--color-accent-hover)}.list-item--interactive:active:not(.list-item--disabled){background-color:var(--color-accent-active)}.list-item--interactive:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.list-item--selected{background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.12);color:var(--color-on-primary);font-weight:500}.list-item--selected:hover:not(.list-item--disabled){background-color:var(--color-accent-active)}.list-item--disabled{cursor:not-allowed;opacity:.5}.list-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-foreground-2)}.list-item--selected .list-item__icon{color:var(--color-on-primary)}.list-item__content{flex:1;font-size:var(--font-size-base);display:flex;flex-direction:column;gap:var(--spacing-1)}.list-item__category{font-size:var(--font-size-xs);color:var(--color-foreground-3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.list-category{display:flex;flex-direction:column;gap:var(--spacing-2)}.list-category__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-foreground-2);padding:var(--spacing-2) var(--spacing-2) 0;text-transform:uppercase;letter-spacing:.5px}.list-category__items{display:flex;flex-direction:column;gap:var(--spacing-1)}.list-item__indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-action-primary)}:root[data-theme=dark] .list-item--interactive:hover:not(.list-item--disabled){background-color:var(--color-accent-hover)}:root[data-theme=dark] .list-item--selected{background-color:var(--color-accent-active)}.field{width:100%;font-family:inherit;font-size:var(--font-size-base);line-height:1.5;color:var(--color-foreground-1);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-bg-3);outline-offset:-2px;border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3);transition:outline-color var(--transition-base),box-shadow var(--transition-base);cursor:pointer}.field--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.field--lg{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4)}.field:focus,.field:focus-visible{outline-color:var(--color-action-primary);box-shadow:0 0 0 3px hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.1)}.field:hover:not(:disabled):not(.field--error){outline-color:var(--color-action-primary-hover)}.field--error{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.field--error:focus,.field--error:focus-visible{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1);box-shadow:0 0 0 3px hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),.1)}.field:disabled,.field--disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-bg-2)}.field--open{outline-color:var(--color-action-primary)}.select-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.select-container--full-width{width:100%}.select__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-foreground-1);cursor:pointer}.select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);font-family:inherit;font-size:var(--font-size-base);line-height:1.5;color:var(--color-foreground-1);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-foreground-3);outline-offset:-2px;border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:outline-color var(--motion-duration-fast) var(--motion-easing-linear),box-shadow var(--motion-duration-fast) var(--motion-easing-linear);text-align:left}.select__trigger:not(:hover):not(:focus-visible):not(.select__trigger--open){transition:outline-color var(--motion-duration-fast) var(--motion-easing-accelerate),box-shadow var(--motion-duration-fast) var(--motion-easing-accelerate)}.select__trigger--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.select__trigger--lg{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4)}.select__trigger-content{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.select__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__trigger-icon{flex-shrink:0;color:var(--color-foreground-2);transition:transform var(--transition-fast)}.select__trigger--open .select__trigger-icon{transform:rotate(180deg)}.select__trigger:focus-visible{outline-color:var(--color-action-primary);box-shadow:0 0 0 3px hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.1)}.select__trigger:hover:not(:disabled):not(.select__trigger--error){outline-color:var(--color-action-primary-hover)}.select__trigger--open{outline-color:var(--color-action-primary)}.select__trigger--error{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.select__trigger--error:focus-visible{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1);box-shadow:0 0 0 3px hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),.1)}.select__trigger:disabled,.select__trigger--disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-bg-2)}.select__dropdown{min-width:200px;max-height:300px;overflow-y:auto;padding:var(--spacing-2)}.select__message{font-size:var(--font-size-sm);margin:0;color:var(--color-foreground-2)}.select__message--error{color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1)}:root[data-theme=dark] .select__trigger{background-color:var(--color-bg-2)}.banner{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-4);border-radius:var(--border-radius-md, 8px);margin-bottom:var(--spacing-4);font-weight:500;gap:var(--spacing-3)}.banner__content{display:flex;align-items:flex-start;gap:var(--spacing-3);flex:1}.banner__message{flex:1;line-height:1.5;margin:var(--spacing-1) var(--spacing-1) var(--spacing-1) 0}.banner--info{background-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),1);color:hsla(var(--info-hue),0%,100%,1)}.banner--warning{background-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness),1);color:hsla(var(--warning-hue),0%,100%,1)}.banner--error{background-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);color:hsla(var(--error-hue),0%,100%,1)}.banner--success{background-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),1);color:hsla(var(--success-hue),0%,100%,1)}.floating-bar{position:sticky;width:100%;z-index:var(--z-floating-base);margin-top:var(--spacing-8);margin-bottom:var(--spacing-8);background-color:var(--color-bg-1);border-radius:var(--radius-base)}.floating-bar--top{top:0}.floating-bar--bottom{bottom:0}.floating-bar__content{padding:0 var(--spacing-4)}.floating-bar--top .floating-bar__content{box-shadow:0 2px 42px #0003}.floating-bar--bottom .floating-bar__content{box-shadow:0 -2px 42px #000c}.drawer{position:fixed;background-color:var(--color-bg-1);border:1px solid var(--color-foreground-2);border-color:#0000001a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:background-color var(--motion-transition-background);opacity:0;visibility:hidden;pointer-events:none}.drawer[data-enter]{opacity:1;visibility:visible;pointer-events:auto;animation:var(--motion-keyframes-slide-in-right),fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer[data-leave]{opacity:0;visibility:hidden;pointer-events:none;animation:var(--motion-keyframes-slide-out-right),fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--right{top:0;right:0;bottom:0}.drawer--left{top:0;left:0;bottom:0}.drawer--top{top:0;left:0;right:0}.drawer--bottom{bottom:0;left:0;right:0}.drawer__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity var(--motion-duration-base) var(--motion-easing-standard),visibility var(--motion-duration-base) var(--motion-easing-standard)}.drawer__backdrop[data-enter]{opacity:1;visibility:visible;animation:fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer__backdrop[data-leave]{opacity:0;visibility:hidden;animation:fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer__content{display:flex;flex-direction:column;height:100%;overflow:hidden}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4, 1rem);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;flex-shrink:0}.drawer__title{margin:0;font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-foreground-1)}.drawer__close{background:none;border:none;padding:var(--spacing-2, .5rem);cursor:pointer;border-radius:var(--radius-base);color:var(--color-foreground-1);font-size:var(--font-size-lg, 1.125rem);display:flex;align-items:center;justify-content:center;transition:var(--motion-transition-background),var(--motion-transition-color)}.drawer__close:hover:not(:disabled){background-color:hsla(0,0%,var(--lightness-bg-2),.5);color:var(--color-foreground-1)}.drawer__close:active:not(:disabled){background-color:hsla(0,0%,var(--lightness-bg-3),.7)}.drawer__close:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}@media (hover: none) and (pointer: coarse){.drawer__close:active:not(:disabled){background-color:hsla(0,0%,var(--lightness-bg-2),.6)}}.drawer__body{flex:1;overflow-y:auto;padding:var(--spacing-4, 1rem);color:var(--color-foreground-1)}.drawer--right[data-enter]{animation:slideInRight .3s ease-out,fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--right[data-leave]{animation:slideOutRight .3s ease-in,fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--left[data-enter]{animation:slideInLeft .3s ease-out,fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--left[data-leave]{animation:slideOutLeft .3s ease-in,fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--top[data-enter]{animation:slideInTop .3s ease-out,fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--top[data-leave]{animation:slideOutTop .3s ease-in,fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--bottom[data-enter]{animation:slideInBottom .3s ease-out,fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--bottom[data-leave]{animation:slideOutBottom .3s ease-in,fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.table--sm{font-size:var(--font-size-xs)}.table--sm .table__cell,.table--sm .table__cell--header{padding:var(--spacing-2) var(--spacing-3)}.table--md .table__cell,.table--md .table__cell--header{padding:var(--spacing-3) var(--spacing-4)}.table--lg .table__cell,.table--lg .table__cell--header{padding:var(--spacing-4) var(--spacing-6)}.table__cell,.table__cell--header{padding:var(--spacing-3) var(--spacing-4);text-align:left;vertical-align:top}.table__cell--header{font-weight:var(--font-weight-semibold);background-color:var(--color-bg-2);border-bottom:1px solid var(--color-foreground-2);color:var(--color-foreground-1)}.table__cell{color:var(--color-foreground-1);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;transition:background-color var(--transition-base, .2s ease)}.table__row:hover .table__cell:not(.table__cell--header){background-color:transparent}.table--bordered{border:1px solid var(--color-foreground-2);border-color:#0000001a}.table--bordered .table__cell,.table--bordered .table__cell--header{border-right:1px solid var(--color-foreground-2);border-right-color:#0000001a}.table--bordered .table__cell:last-child,.table--bordered .table__cell--header:last-child{border-right:none}.table--bordered .table__row:last-child .table__cell{border-bottom:none}.table--striped tbody .table__row:nth-child(odd){background-color:var(--color-bg-3)}.table--striped tbody .table__row:nth-child(2n){background-color:var(--color-bg-2)}.table--striped tbody .table__row:nth-child(2n) .table__cell{background-color:transparent}.table--striped tbody .table__row:nth-child(odd) .table__cell{background-color:transparent}.table--hover tbody .table__row:hover{background-color:var(--color-bg-2);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.table--hover tbody .table__row:hover .table__cell{background-color:transparent}.table-container{overflow-x:auto;margin:var(--spacing-4) 0}.page-index{padding:var(--spacing-4)}.page-index__title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-5);text-transform:uppercase;letter-spacing:.05em}.page-index__nav{overflow-y:auto;max-height:calc(100vh - 200px)}.page-index__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.page-index__item{margin:0;padding:0}.page-index__item--level-1{margin-top:var(--spacing-2)}.page-index__item--level-1:first-child{margin-top:0}.page-index__item--level-2{margin-left:var(--spacing-3)}.page-index__item--level-3{margin-left:var(--spacing-6)}.page-index__item--level-4{margin-left:var(--spacing-9)}.page-index__item--level-5{margin-left:var(--spacing-12)}.page-index__item--level-6{margin-left:var(--spacing-15)}.page-index__link{width:100%;padding:var(--spacing-1) var(--spacing-2);background:none;border:none;border-radius:var(--radius-sm);text-align:left;font-size:var(--font-size-sm);color:var(--color-foreground-2);cursor:pointer;transition:all .15s ease;display:block;text-decoration:none;line-height:1.4}.page-index__link:hover{background-color:var(--color-bg-2);color:var(--color-foreground-1)}.page-index__link--active{background-color:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-medium)}.page-index__link--active:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.page-index__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page-index--collapsed{padding:var(--spacing-2);width:48px;text-align:center}.page-index--collapsed .page-index__title{display:none}.page-index--collapsed .page-index__list{gap:var(--spacing-1)}.page-index--collapsed .page-index__item--level-2,.page-index--collapsed .page-index__item--level-3,.page-index--collapsed .page-index__item--level-4,.page-index--collapsed .page-index__item--level-5,.page-index--collapsed .page-index__item--level-6{margin-left:0}.page-index--collapsed .page-index__link{padding:var(--spacing-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.page-index--collapsed .page-index__link-text--collapsed{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.page-index__nav::-webkit-scrollbar{width:4px}.page-index__nav::-webkit-scrollbar-track{background:var(--color-bg-2);border-radius:2px}.page-index__nav::-webkit-scrollbar-thumb{background:var(--color-bg-3);border-radius:2px}.page-index__nav::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-3)}.category-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-5);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3)}.component-preview{min-height:320px;width:100%;position:relative;display:flex;flex-direction:column;background-color:var(--color-bg-1);overflow:visible;padding:var(--spacing-16);isolation:isolate}.component-preview--centered{justify-content:center;align-items:center}.component-preview:not(.component-preview--centered){justify-content:flex-start;align-items:stretch}.component-preview__options{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:100;display:flex;gap:var(--spacing-3);flex-wrap:wrap;justify-content:flex-end;min-width:200px}.component-preview__content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex:1}.component-preview__multiple{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:400px;width:100%}.component-preview__multiple-item{width:100%}.component-preview--checkerboard{background-color:transparent;background-image:linear-gradient(45deg,#0000001a 25%,#ffffff1a 25%),linear-gradient(45deg,#ffffff1a 75%,#0000001a 75%),linear-gradient(45deg,#ffffff1a 75%,#0000001a 75%),linear-gradient(45deg,#0000001a 25%,#ffffff1a 25%);background-size:40px 40px;background-position:0 0,0 0,-20px -20px,20px 20px}.component-preview__checkerboard-toggle{position:absolute;top:var(--spacing-3);left:var(--spacing-3);z-index:100}.full-page-demo{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-1)}.full-page-demo__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:flex-end;background:var(--color-bg-2);flex-shrink:0}.full-page-demo__content{flex:1;overflow:auto;padding:var(--spacing-4);max-height:90vh;max-width:90vw;margin:0 auto;display:flex;flex-direction:column}.full-page-demo__content>*{max-height:100%;overflow:auto}