@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";[class*=cz-],[class*=cz-]:before,[class*=cz-]:after{box-sizing:border-box;margin:0}:root{--cz-color-bg: 0 0% 100%;--cz-color-fg: 220 15% 10%;--cz-color-primary: 222 47% 45%;--cz-color-primaryFg: 0 0% 100%;--cz-color-secondary: 220 10% 95%;--cz-color-secondaryFg: 220 15% 10%;--cz-color-muted: 220 10% 95%;--cz-color-mutedFg: 220 10% 40%;--cz-color-danger: 0 70% 55%;--cz-color-dangerFg: 0 0% 100%;--cz-color-success: 142 70% 45%;--cz-color-successFg: 0 0% 100%;--cz-color-warning: 38 92% 50%;--cz-color-warningFg: 0 0% 100%;--cz-color-border: 220 13% 90%;--cz-color-ring: 222 47% 45%;--cz-radius-none: 0;--cz-radius-sm: .25rem;--cz-radius-md: .5rem;--cz-radius-lg: .75rem;--cz-radius-xl: 1rem;--cz-radius-full: 9999px;--cz-shadow-none: none;--cz-shadow-sm: 0 1px 2px rgb(0 0 0 / .05);--cz-shadow-md: 0 2px 4px rgb(0 0 0 / .08);--cz-shadow-lg: 0 4px 12px rgb(0 0 0 / .12);--cz-spacing-xs: .25rem;--cz-spacing-sm: .5rem;--cz-spacing-md: .75rem;--cz-spacing-lg: 1rem;--cz-spacing-xl: 1.5rem;--cz-spacing-2xl: 2rem;--cz-transition-fast: .15s ease;--cz-transition-normal: .2s ease;--cz-transition-slow: .3s ease;--cz-font-fontFamily: Inter, system-ui, -apple-system, sans-serif;--cz-font-size-xs: .75rem;--cz-font-size-sm: .875rem;--cz-font-size-md: 1rem;--cz-font-size-lg: 1.125rem;--cz-font-size-xl: 1.25rem;--cz-font-weight-normal: 400;--cz-font-weight-medium: 500;--cz-font-weight-semibold: 600;--cz-font-weight-bold: 700;--cz-font-lineHeight-tight: 1.25;--cz-font-lineHeight-normal: 1.5;--cz-font-lineHeight-relaxed: 1.75}.dark{--cz-color-bg: 220 40% 3%;--cz-color-fg: 210 40% 96%;--cz-color-primary: 210 80% 65%;--cz-color-primaryFg: 220 40% 3%;--cz-color-secondary: 220 8% 25%;--cz-color-secondaryFg: 210 40% 96%;--cz-color-muted: 220 8% 20%;--cz-color-mutedFg: 220 10% 60%;--cz-color-danger: 0 80% 65%;--cz-color-dangerFg: 0 0% 100%;--cz-color-success: 142 70% 55%;--cz-color-successFg: 0 0% 100%;--cz-color-warning: 38 92% 60%;--cz-color-warningFg: 0 0% 0%;--cz-color-border: 220 10% 20%;--cz-color-ring: 210 80% 65%}.cz-inline-flex{display:inline-flex}.cz-flex{display:flex}.cz-flex-col{flex-direction:column}.cz-items-center{align-items:center}.cz-justify-center{justify-content:center}.cz-flex-wrap{flex-wrap:wrap}.cz-gap-1{gap:.25rem}.cz-gap-1\.5{gap:.375rem}.cz-gap-2{gap:.5rem}.cz-w-full{width:100%}.cz-whitespace-nowrap{white-space:nowrap}.cz-opacity-25{opacity:.25}.cz-opacity-50{opacity:.5}.cz-opacity-75{opacity:.75}@keyframes cz-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cz-animate-spin{animation:cz-spin 1s linear infinite}.cz-h-4{height:1rem}.cz-w-4{width:1rem}.cz-h-8{height:2rem}.cz-h-10{height:2.5rem}.cz-h-12{height:3rem}.cz-px-2{padding-left:.5rem;padding-right:.5rem}.cz-px-3{padding-left:.75rem;padding-right:.75rem}.cz-px-4{padding-left:1rem;padding-right:1rem}.cz-px-6{padding-left:1.5rem;padding-right:1.5rem}.cz-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.cz-p-lg{padding:var(--cz-spacing-lg)}.cz-pb-md{padding-bottom:var(--cz-spacing-md)}.cz-pt-md{padding-top:var(--cz-spacing-md)}.cz-px-1\.5{padding-left:.375rem;padding-right:.375rem}.cz-mb-md{margin-bottom:var(--cz-spacing-md)}.cz-mt-md{margin-top:var(--cz-spacing-md)}.cz-text-xs{font-size:var(--cz-font-size-xs)}.cz-text-sm{font-size:var(--cz-font-size-sm)}.cz-text-md{font-size:var(--cz-font-size-md)}.cz-text-lg{font-size:var(--cz-font-size-lg)}.cz-font-medium{font-weight:var(--cz-font-weight-medium)}.cz-font-semibold{font-weight:var(--cz-font-weight-semibold)}.cz-leading-tight{line-height:var(--cz-font-lineHeight-tight)}.cz-bg-bg{background-color:hsl(var(--cz-color-bg))}.cz-bg-primary{background-color:hsl(var(--cz-color-primary))}.cz-bg-secondary{background-color:hsl(var(--cz-color-secondary))}.cz-bg-muted{background-color:hsl(var(--cz-color-muted))}.cz-bg-danger{background-color:hsl(var(--cz-color-danger))}.cz-bg-success{background-color:hsl(var(--cz-color-success))}.cz-bg-warning{background-color:hsl(var(--cz-color-warning))}.cz-bg-transparent{background-color:transparent}.cz-text-fg{color:hsl(var(--cz-color-fg))}.cz-text-primary-fg{color:hsl(var(--cz-color-primaryFg))}.cz-text-secondary-fg{color:hsl(var(--cz-color-secondaryFg))}.cz-text-muted-fg{color:hsl(var(--cz-color-mutedFg))}.cz-text-danger{color:hsl(var(--cz-color-danger))}.cz-text-danger-fg{color:hsl(var(--cz-color-dangerFg))}.cz-text-success-fg{color:hsl(var(--cz-color-successFg))}.cz-text-warning-fg{color:hsl(var(--cz-color-warningFg))}.cz-border{border-width:1px;border-style:solid}.cz-border-b{border-bottom-width:1px;border-bottom-style:solid}.cz-border-t{border-top-width:1px;border-top-style:solid}.cz-border-border{border-color:hsl(var(--cz-color-border))}.cz-border-danger{border-color:hsl(var(--cz-color-danger))}.cz-rounded-sm{border-radius:var(--cz-radius-sm)}.cz-rounded-md{border-radius:var(--cz-radius-md)}.cz-rounded-lg{border-radius:var(--cz-radius-lg)}.cz-rounded-full{border-radius:var(--cz-radius-full)}.cz-shadow-sm{box-shadow:var(--cz-shadow-sm)}.cz-transition{transition:all var(--cz-transition-fast)}.cz-disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.cz-focus-ring:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-bg)),0 0 0 4px hsl(var(--cz-color-ring))}.cz-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-bg)),0 0 0 4px hsl(var(--cz-color-ring))}.cz-hover-opacity:hover{opacity:.9}.cz-hover-muted:hover{background-color:hsl(var(--cz-color-muted))}.cz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--cz-radius-md);font-weight:var(--cz-font-weight-medium);transition:var(--cz-btn-transition, all .2s cubic-bezier(.4, 0, .2, 1));cursor:pointer;border:none}.cz-btn:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-bg)),0 0 0 4px hsl(var(--cz-color-ring))}.cz-btn:not(:disabled):active{transform:scale(.98)}.cz-btn:disabled{pointer-events:none;opacity:.5}@media(prefers-reduced-motion:reduce){.cz-btn{transition-duration:1ms}.cz-btn:not(:disabled):active{transform:none}}.cz-btn-sm{height:2rem;padding:0 .75rem;font-size:var(--cz-font-size-sm)}.cz-btn-md{height:2.5rem;padding:0 1rem;font-size:var(--cz-font-size-md)}.cz-btn-lg{height:3rem;padding:0 1.5rem;font-size:var(--cz-font-size-lg)}.cz-btn-primary{background-color:hsl(var(--cz-color-primary));color:hsl(var(--cz-color-primaryFg))}.cz-btn-primary:hover{filter:brightness(.94)}.cz-btn-secondary{background-color:hsl(var(--cz-color-secondary));color:hsl(var(--cz-color-secondaryFg))}.cz-btn-secondary:hover{background-color:hsl(var(--cz-color-muted))}.cz-btn-outline{background-color:transparent;border:1px solid hsl(var(--cz-color-border));color:hsl(var(--cz-color-fg))}.cz-btn-outline:hover{background-color:hsl(var(--cz-color-muted))}.cz-btn-ghost{background-color:transparent;color:hsl(var(--cz-color-fg))}.cz-btn-ghost:hover{background-color:hsl(var(--cz-color-muted))}.cz-btn-danger{background-color:hsl(var(--cz-color-danger));color:hsl(var(--cz-color-dangerFg))}.cz-btn-danger:hover{filter:brightness(.94)}.cz-btn-link{background-color:transparent;color:hsl(var(--cz-color-primary));text-decoration:underline;text-underline-offset:4px}.cz-btn-link:hover{text-decoration-thickness:2px}.cz-btn-icon{width:2.5rem;height:2.5rem;padding:0}.cz-btn-icon.cz-btn-sm{width:2rem;height:2rem}.cz-btn-icon.cz-btn-lg{width:3rem;height:3rem}.cz-btn-loading{position:relative}.cz-btn-spinner{width:1rem;height:1rem;animation:cz-spin .75s linear infinite;flex-shrink:0}.cz-btn-content{opacity:1}.cz-input-field{display:flex;flex-direction:column;gap:.375rem}.cz-input-wrapper{position:relative;display:flex;align-items:center;width:100%;--cz-input-icon-spacing-current: 2.5rem;--cz-input-icon-size-current: 1rem;--cz-input-clear-icon-size-current: var(--cz-input-icon-size-current)}.cz-input-wrapper-sm{--cz-input-icon-spacing-current: 2rem;--cz-input-icon-size-current: .875rem;--cz-input-clear-icon-size-current: var(--cz-input-icon-size-current)}.cz-input-wrapper-md{--cz-input-icon-spacing-current: 2.5rem;--cz-input-icon-size-current: 1rem;--cz-input-clear-icon-size-current: var(--cz-input-icon-size-current)}.cz-input-wrapper-lg{--cz-input-icon-spacing-current: 3rem;--cz-input-icon-size-current: 1.125rem;--cz-input-clear-icon-size-current: var(--cz-input-icon-size-current)}.cz-input{width:100%;border-radius:var(--cz-radius-md);border:1px solid hsl(var(--cz-color-border));background-color:hsl(var(--cz-color-bg));color:hsl(var(--cz-color-fg));transition:all var(--cz-transition-fast)}.cz-input::placeholder{color:hsl(var(--cz-color-mutedFg))}.cz-input:focus{outline:none;border-color:hsl(var(--cz-color-ring));box-shadow:0 0 0 2px hsl(var(--cz-color-ring) / .2)}.cz-input:disabled{cursor:not-allowed;opacity:.5;background-color:hsl(var(--cz-color-muted));color:hsl(var(--cz-color-mutedFg))}.cz-input:read-only{cursor:default;background-color:hsl(var(--cz-color-muted));color:hsl(var(--cz-color-mutedFg))}.cz-input-error{border-color:hsl(var(--cz-color-danger))}.cz-input-error:focus{border-color:hsl(var(--cz-color-danger));box-shadow:0 0 0 2px hsl(var(--cz-color-danger) / .2)}.cz-input-has-left-icon .cz-input{padding-left:var(--cz-input-icon-spacing-current)}.cz-input-has-right-icon .cz-input{padding-right:var(--cz-input-icon-spacing-current)}.cz-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--cz-input-icon-spacing-current);height:100%;color:hsl(var(--cz-color-mutedFg));pointer-events:none;transition:color var(--cz-transition-fast)}.cz-input-icon svg{width:var(--cz-input-icon-size-current);height:var(--cz-input-icon-size-current)}.cz-input-icon-left{left:0}.cz-input-icon-right{right:0}.cz-input-wrapper:focus-within .cz-input-icon{color:hsl(var(--cz-color-primary))}.cz-input-wrapper-error .cz-input-icon{color:hsl(var(--cz-color-danger))}.cz-input-clear{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:var(--cz-input-icon-spacing-current);height:100%;color:hsl(var(--cz-color-mutedFg));background:transparent;border:none;border-radius:var(--cz-radius-sm);cursor:pointer;transition:color var(--cz-transition-fast),background-color var(--cz-transition-fast)}.cz-input-clear:hover{color:hsl(var(--cz-color-danger));background-color:hsl(var(--cz-color-muted))}.cz-input-clear svg{width:var(--cz-input-clear-icon-size-current);height:var(--cz-input-clear-icon-size-current)}.cz-input-password-toggle{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:var(--cz-input-icon-spacing-current);height:100%;color:hsl(var(--cz-color-mutedFg));background:transparent;border:none;border-radius:var(--cz-radius-sm);cursor:pointer;transition:color var(--cz-transition-fast),background-color var(--cz-transition-fast)}.cz-input-password-toggle:hover{color:hsl(var(--cz-color-primary));background-color:hsl(var(--cz-color-muted))}.cz-input-password-toggle svg{width:var(--cz-input-clear-icon-size-current);height:var(--cz-input-clear-icon-size-current)}.cz-input-description{font-size:var(--cz-font-size-xs);color:hsl(var(--cz-color-mutedFg))}.cz-input-sm{height:2rem;padding:0 .5rem;font-size:var(--cz-font-size-sm)}.cz-input-md{height:2.5rem;padding:0 .75rem;font-size:var(--cz-font-size-md)}.cz-input-lg{height:3rem;padding:0 1rem;font-size:var(--cz-font-size-lg)}.cz-card{border-radius:var(--cz-radius-lg);border:1px solid hsl(var(--cz-color-border));background-color:hsl(var(--cz-color-bg));box-shadow:var(--cz-shadow-sm);padding:var(--cz-spacing-lg)}.cz-card-no-padding{padding:0}.cz-card-header{display:flex;flex-direction:column;gap:.375rem;padding-bottom:var(--cz-spacing-md);border-bottom:1px solid hsl(var(--cz-color-border));margin-bottom:var(--cz-spacing-md)}.cz-card-title{font-size:var(--cz-font-size-lg);font-weight:var(--cz-font-weight-semibold);color:hsl(var(--cz-color-fg));line-height:var(--cz-font-lineHeight-tight)}.cz-card-description{font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-mutedFg))}.cz-card-body{color:hsl(var(--cz-color-fg))}.cz-card-footer{display:flex;align-items:center;gap:.5rem;padding-top:var(--cz-spacing-md);margin-top:var(--cz-spacing-md);border-top:1px solid hsl(var(--cz-color-border))}.cz-badge{display:inline-flex;align-items:center;border-radius:var(--cz-radius-full);font-weight:var(--cz-font-weight-medium);white-space:nowrap}.cz-badge-sm{padding:.125rem .375rem;font-size:.7rem}.cz-badge-md{padding:.125rem .5rem;font-size:var(--cz-font-size-xs)}.cz-badge-default{background-color:hsl(var(--cz-color-secondary));color:hsl(var(--cz-color-secondaryFg))}.cz-badge-primary{background-color:hsl(var(--cz-color-primary));color:hsl(var(--cz-color-primaryFg))}.cz-badge-success{background-color:hsl(var(--cz-color-success));color:hsl(var(--cz-color-successFg))}.cz-badge-danger{background-color:hsl(var(--cz-color-danger));color:hsl(var(--cz-color-dangerFg))}.cz-badge-warning{background-color:hsl(var(--cz-color-warning));color:hsl(var(--cz-color-warningFg))}.cz-badge-outline{background-color:transparent;border:1px solid hsl(var(--cz-color-border));color:hsl(var(--cz-color-fg))}.cz-label{font-size:var(--cz-font-size-sm);font-weight:var(--cz-font-weight-medium);color:hsl(var(--cz-color-fg))}.cz-error{font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-danger))}.cz-textarea-field{display:flex;flex-direction:column;gap:.375rem}.cz-textarea{width:100%;min-height:5rem;border-radius:var(--cz-radius-md);border:1px solid hsl(var(--cz-color-border));background-color:hsl(var(--cz-color-bg));color:hsl(var(--cz-color-fg));transition:all var(--cz-transition-fast);resize:vertical;font-family:inherit}.cz-textarea::placeholder{color:hsl(var(--cz-color-mutedFg))}.cz-textarea:focus{outline:none;border-color:hsl(var(--cz-color-ring));box-shadow:0 0 0 2px hsl(var(--cz-color-ring) / .2)}.cz-textarea:disabled{cursor:not-allowed;opacity:.5}.cz-textarea-error{border-color:hsl(var(--cz-color-danger))}.cz-textarea-error:focus{border-color:hsl(var(--cz-color-danger));box-shadow:0 0 0 2px hsl(var(--cz-color-danger) / .2)}.cz-textarea-auto-resize{overflow:hidden;resize:none}.cz-textarea-description{font-size:var(--cz-font-size-xs);color:hsl(var(--cz-color-mutedFg))}.cz-textarea-sm{padding:.375rem .5rem;font-size:var(--cz-font-size-sm)}.cz-textarea-md{padding:.5rem .75rem;font-size:var(--cz-font-size-md)}.cz-textarea-lg{padding:.75rem 1rem;font-size:var(--cz-font-size-lg)}.cz-switch{all:unset;box-sizing:border-box;position:relative;display:inline-block;flex-shrink:0;vertical-align:middle;width:var(--cz-switch-width, 2.75rem);height:var(--cz-switch-height, 1.5rem);border-radius:var(--cz-radius-full);background-color:var(--cz-switch-bg, hsl(var(--cz-color-muted)));transition:background-color .16s ease;cursor:pointer}.cz-switch:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-bg)),0 0 0 4px hsl(var(--cz-color-ring) / .6)}.cz-switch[data-state=checked],.cz-switch.cz-switch-checked{background-color:var(--cz-switch-bg-checked, hsl(var(--cz-color-primary)))}.cz-switch.cz-disabled,.cz-switch:disabled{opacity:.5;cursor:not-allowed}.cz-switch-thumb{position:absolute;top:var(--cz-switch-padding, .125rem);left:var(--cz-switch-padding, .125rem);width:calc(var(--cz-switch-height, 1.5rem) - 2 * var(--cz-switch-padding, .125rem));height:calc(var(--cz-switch-height, 1.5rem) - 2 * var(--cz-switch-padding, .125rem));border-radius:var(--cz-radius-full);background-color:var(--cz-switch-thumb-bg, hsl(var(--cz-color-bg)));box-shadow:0 1px 2px #0003,0 0 0 .5px #0000000a;transition:transform .18s cubic-bezier(.16,1,.3,1);transform:translate(0)}.cz-switch[data-state=checked] .cz-switch-thumb,.cz-switch.cz-switch-checked .cz-switch-thumb{transform:translate(calc(var(--cz-switch-width, 2.75rem) - var(--cz-switch-height, 1.5rem)))}.cz-switch-sm{--cz-switch-width: 2rem;--cz-switch-height: 1.125rem}.cz-switch-md{--cz-switch-width: 2.75rem;--cz-switch-height: 1.5rem}.cz-switch-lg{--cz-switch-width: 3.5rem;--cz-switch-height: 1.875rem}@media(prefers-reduced-motion:reduce){.cz-switch-thumb{transition:none}}.cz-switch-container{display:inline-flex;align-items:flex-start;gap:.75rem;cursor:pointer}.cz-switch-container.cz-disabled{opacity:.5;cursor:not-allowed}.cz-switch-label-left{flex-direction:row-reverse}.cz-switch-label-right{flex-direction:row}.cz-switch-text{display:flex;flex-direction:column;gap:.125rem}.cz-switch-label{font-size:var(--cz-font-size-sm);font-weight:var(--cz-font-weight-medium);color:hsl(var(--cz-color-fg));line-height:1.5}.cz-switch-description{font-size:var(--cz-font-size-xs);color:hsl(var(--cz-color-mutedFg))}.cz-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--cz-radius-full);background-color:hsl(var(--cz-color-muted));overflow:hidden;flex-shrink:0}.cz-avatar-image{width:100%;height:100%;object-fit:cover}.cz-avatar-fallback{font-weight:var(--cz-font-weight-medium);color:hsl(var(--cz-color-mutedFg));text-transform:uppercase}.cz-avatar-sm{width:2rem;height:2rem;font-size:var(--cz-font-size-xs)}.cz-avatar-md{width:2.5rem;height:2.5rem;font-size:var(--cz-font-size-sm)}.cz-avatar-lg{width:3.5rem;height:3.5rem;font-size:var(--cz-font-size-md)}.cz-separator{background-color:hsl(var(--cz-color-border));flex-shrink:0}.cz-separator-horizontal{height:1px;width:100%}.cz-separator-vertical{width:1px;height:100%;align-self:stretch}.cz-alert{display:flex;flex-direction:column;gap:.25rem;padding:var(--cz-spacing-md) var(--cz-spacing-lg);border-radius:var(--cz-radius-md);border:1px solid transparent}.cz-alert-title{font-weight:var(--cz-font-weight-semibold);font-size:var(--cz-font-size-sm)}.cz-alert-content{font-size:var(--cz-font-size-sm)}.cz-alert-info{background-color:hsl(var(--cz-color-primary) / .1);border-color:hsl(var(--cz-color-primary) / .3);color:hsl(var(--cz-color-primary))}.cz-alert-success{background-color:hsl(var(--cz-color-success) / .1);border-color:hsl(var(--cz-color-success) / .3);color:hsl(var(--cz-color-success))}.cz-alert-warning{background-color:hsl(var(--cz-color-warning) / .1);border-color:hsl(var(--cz-color-warning) / .3);color:hsl(var(--cz-color-warning))}.cz-alert-danger{background-color:hsl(var(--cz-color-danger) / .1);border-color:hsl(var(--cz-color-danger) / .3);color:hsl(var(--cz-color-danger))}.cz-checkbox-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.cz-checkbox-wrapper.cz-disabled{cursor:not-allowed;opacity:.5}.cz-checkbox{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--cz-checkbox-size, 1rem);height:var(--cz-checkbox-size, 1rem);border-radius:var(--cz-checkbox-radius, var(--cz-radius-sm));border:2px solid var(--cz-checkbox-border, hsl(var(--cz-color-border)));background-color:var(--cz-checkbox-bg, hsl(var(--cz-color-bg)));color:var(--cz-checkbox-check-color, hsl(var(--cz-color-primaryFg)));transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;flex-shrink:0;cursor:pointer}.cz-checkbox:hover:not(:disabled){border-color:hsl(var(--cz-color-primary))}.cz-checkbox:not(:disabled):active{transform:scale(.94)}.cz-checkbox:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-bg)),0 0 0 4px hsl(var(--cz-color-ring) / .6)}.cz-checkbox:disabled{cursor:not-allowed;opacity:.5}.cz-checkbox[data-state=checked],.cz-checkbox[data-state=indeterminate]{background-color:var(--cz-checkbox-bg-checked, hsl(var(--cz-color-primary)));border-color:var(--cz-checkbox-bg-checked, hsl(var(--cz-color-primary)))}.cz-checkbox-indicator{display:flex;align-items:center;justify-content:center;color:inherit;width:100%;height:100%;animation:cz-checkbox-pop .16s cubic-bezier(.16,1,.3,1)}@keyframes cz-checkbox-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cz-checkbox-indicator svg{width:.75rem;height:.75rem}@media(prefers-reduced-motion:reduce){.cz-checkbox{transition-duration:1ms}.cz-checkbox:not(:disabled):active{transform:none}.cz-checkbox-indicator{animation:none}}.cz-checkbox-label{font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-fg))}.cz-checkbox-sm{width:.875rem;height:.875rem}.cz-checkbox-sm .cz-checkbox-indicator svg{width:9px;height:9px}.cz-checkbox-md{width:1rem;height:1rem}.cz-checkbox-md .cz-checkbox-indicator svg{width:10px;height:10px}.cz-checkbox-lg{width:1.25rem;height:1.25rem}.cz-checkbox-lg .cz-checkbox-indicator svg{width:13px;height:13px}.cz-checkbox-wrapper-with-description{align-items:flex-start}.cz-checkbox-wrapper-with-description .cz-checkbox{margin-top:.125rem}.cz-checkbox-text{display:flex;flex-direction:column;gap:.125rem}.cz-checkbox-description{font-size:var(--cz-font-size-xs);color:hsl(var(--cz-color-mutedFg))}.cz-radio-group{display:flex;gap:.5rem}.cz-radio-group-vertical{flex-direction:column}.cz-radio-group-horizontal{flex-direction:row;flex-wrap:wrap}.cz-radio-wrapper-with-description{align-items:flex-start}.cz-radio-wrapper-with-description .cz-radio{margin-top:.125rem}.cz-radio{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--cz-radio-size, 1.25rem);height:var(--cz-radio-size, 1.25rem);border-radius:var(--cz-radius-full);border:2px solid var(--cz-radio-border, hsl(var(--cz-color-border)));background-color:var(--cz-radio-bg, hsl(var(--cz-color-bg)));transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;flex-shrink:0;cursor:pointer}.cz-radio:hover:not(:disabled){border-color:hsl(var(--cz-color-primary))}.cz-radio:not(:disabled):active{transform:scale(.94)}.cz-radio:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-bg)),0 0 0 4px hsl(var(--cz-color-ring) / .6)}.cz-radio[data-state=checked]{border-color:var(--cz-radio-checked, hsl(var(--cz-color-primary)))}.cz-radio-indicator{width:.625rem;height:.625rem;border-radius:var(--cz-radius-full);background-color:var(--cz-radio-dot, hsl(var(--cz-color-primary)));transform:scale(0);opacity:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .14s ease}.cz-radio[data-state=checked] .cz-radio-indicator{transform:scale(1);opacity:1}@media(prefers-reduced-motion:reduce){.cz-radio{transition-duration:1ms}.cz-radio:not(:disabled):active{transform:none}.cz-radio-indicator{transition-duration:1ms}}.cz-radio-text{display:flex;flex-direction:column;gap:.125rem}.cz-radio-description{font-size:var(--cz-font-size-xs);color:hsl(var(--cz-color-mutedFg))}.cz-tooltip-wrapper{position:relative;display:inline-flex}.cz-tooltip{position:absolute;z-index:50;padding:.375rem .75rem;font-size:var(--cz-font-size-sm);background-color:hsl(var(--cz-color-fg));color:hsl(var(--cz-color-bg));border-radius:var(--cz-radius-md);white-space:nowrap;pointer-events:none;box-shadow:var(--cz-shadow-md)}.cz-tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem}.cz-tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:.5rem}.cz-tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:.5rem}.cz-tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:.5rem}.cz-progress{width:100%;background-color:hsl(var(--cz-color-muted));border-radius:var(--cz-radius-full);overflow:hidden}.cz-progress-bar{height:100%;width:100%;border-radius:var(--cz-radius-full);transition:transform var(--cz-transition-normal)}.cz-progress-sm{height:.375rem}.cz-progress-md{height:.5rem}.cz-progress-lg{height:.75rem}.cz-progress-default{background-color:hsl(var(--cz-color-primary))}.cz-progress-success{background-color:hsl(var(--cz-color-success))}.cz-progress-warning{background-color:hsl(var(--cz-color-warning))}.cz-progress-danger{background-color:hsl(var(--cz-color-danger))}@keyframes cz-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.cz-skeleton{background-color:hsl(var(--cz-color-muted));animation:cz-skeleton-pulse 1.5s ease-in-out infinite}.cz-skeleton-text{height:1rem;width:100%;border-radius:var(--cz-radius-sm)}.cz-skeleton-circular{border-radius:var(--cz-radius-full)}.cz-skeleton-rectangular{border-radius:var(--cz-radius-md)}.cz-tabs{display:flex;flex-direction:column;width:100%}.cz-tabs-list{display:inline-flex;align-items:center;gap:.25rem;border-bottom:1px solid hsl(var(--cz-color-border));padding-bottom:0}.cz-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:var(--cz-font-size-sm);font-weight:var(--cz-font-weight-medium);color:hsl(var(--cz-color-mutedFg));background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all var(--cz-transition-fast)}.cz-tabs-trigger:hover{color:hsl(var(--cz-color-fg))}.cz-tabs-trigger-active{color:hsl(var(--cz-color-primary));border-bottom-color:hsl(var(--cz-color-primary))}.cz-tabs-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-ring));border-radius:var(--cz-radius-sm)}.cz-tabs-content{padding-top:var(--cz-spacing-lg)}.cz-dialog-overlay{position:fixed;inset:0;z-index:50;background-color:#00000080}.cz-dialog-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;background-color:hsl(var(--cz-color-bg));border-radius:var(--cz-radius-lg);box-shadow:var(--cz-shadow-lg);max-width:32rem;width:calc(100% - 2rem);max-height:calc(100vh - 4rem);overflow-y:auto;padding:var(--cz-spacing-lg)}.cz-dialog-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--cz-radius-sm);font-size:1.25rem;color:hsl(var(--cz-color-mutedFg));cursor:pointer;transition:all var(--cz-transition-fast)}.cz-dialog-close:hover{background-color:hsl(var(--cz-color-muted));color:hsl(var(--cz-color-fg))}.cz-dialog-header{display:flex;flex-direction:column;gap:.25rem;padding-bottom:var(--cz-spacing-md)}.cz-dialog-title{font-size:var(--cz-font-size-lg);font-weight:var(--cz-font-weight-semibold);color:hsl(var(--cz-color-fg));margin:0}.cz-dialog-description{font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-mutedFg));margin:0}.cz-dialog-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:var(--cz-spacing-lg)}.cz-modal-overlay{position:fixed;inset:0;z-index:60;background-color:var(--cz-modal-overlay-bg, rgb(2 6 23 / .5));-webkit-backdrop-filter:blur(var(--cz-modal-overlay-blur, 4px));backdrop-filter:blur(var(--cz-modal-overlay-blur, 4px))}.cz-modal-overlay[data-state=open]{animation:cz-modal-overlay-show .2s ease-out}.cz-modal-overlay[data-state=closed]{animation:cz-modal-overlay-hide .15s ease-in}.cz-modal-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;z-index:61;background-color:var(--cz-modal-content-bg, hsl(var(--cz-color-bg)));border-radius:var(--cz-modal-content-border-radius, var(--cz-radius-xl));border:1px solid var(--cz-modal-content-border-color, hsl(var(--cz-color-border)));box-shadow:var(--cz-modal-content-shadow, 0 24px 56px -16px rgb(2 6 23 / .4), 0 8px 24px -12px rgb(2 6 23 / .25));width:min(36rem,calc(100% - 2rem));max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;overflow:hidden}.cz-modal-content[data-state=open]{animation:cz-modal-content-show .22s cubic-bezier(.16,1,.3,1)}.cz-modal-content[data-state=closed]{animation:cz-modal-content-hide .15s ease-in}.cz-modal-top{top:0;transform:translate(-50%);margin-top:clamp(1rem,6vh,5rem);max-height:calc(100dvh - clamp(2rem,12vh,8rem))}.cz-modal-top[data-state=open]{animation:cz-modal-top-show .22s cubic-bezier(.16,1,.3,1)}.cz-modal-top[data-state=closed]{animation:cz-modal-top-hide .15s ease-in}.cz-modal-size-xs{width:min(22rem,calc(100% - 2rem))}.cz-modal-size-sm{width:min(28rem,calc(100% - 2rem))}.cz-modal-size-md{width:min(36rem,calc(100% - 2rem))}.cz-modal-size-lg{width:min(48rem,calc(100% - 2rem))}.cz-modal-size-xl{width:min(64rem,calc(100% - 2rem))}.cz-modal-size-full{width:min(96vw,96rem)}.cz-modal-full-height{height:calc(100dvh - 2rem)}.cz-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--cz-spacing-md);padding:var(--cz-modal-header-padding, var(--cz-spacing-lg) var(--cz-spacing-xl) var(--cz-spacing-md));border-bottom:1px solid hsl(var(--cz-color-border));flex-shrink:0}.cz-modal-header-text{min-width:0;display:flex;flex-direction:column;gap:.25rem}.cz-modal-title{margin:0;font-size:var(--cz-modal-title-font-size, var(--cz-font-size-lg));font-weight:var(--cz-font-weight-semibold);color:var(--cz-modal-title-color, hsl(var(--cz-color-fg)));line-height:var(--cz-font-lineHeight-tight);letter-spacing:-.01em}.cz-modal-description{margin:0;font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-mutedFg));line-height:var(--cz-font-lineHeight-normal)}.cz-modal-close-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--cz-modal-close-icon-size, 2rem);height:var(--cz-modal-close-icon-size, 2rem);padding:var(--cz-modal-close-icon-padding, .5rem);flex-shrink:0;border:0;border-radius:var(--cz-modal-close-icon-radius, var(--cz-radius-md));background:var(--cz-modal-close-icon-bg, transparent);color:var(--cz-modal-close-icon-color, hsl(var(--cz-color-mutedFg)));cursor:pointer;transition:all var(--cz-modal-close-icon-transition, .2s ease)}.cz-modal-close-icon:hover{background:var(--cz-modal-close-icon-hover-bg, hsl(var(--cz-color-muted)));color:var(--cz-modal-close-icon-hover-color, hsl(var(--cz-color-fg)))}.cz-modal-close-icon:focus,.cz-modal-close-icon:focus-visible{outline:none;box-shadow:var(--cz-modal-close-icon-focus-ring, none)}.cz-modal-close-btn{flex-shrink:0}.cz-modal-tab-btn:focus,.cz-modal-tab-btn:focus-visible{outline:none;box-shadow:none}.cz-modal-body{padding:var(--cz-modal-body-padding, var(--cz-spacing-md) var(--cz-spacing-xl) var(--cz-spacing-xl));overflow-y:auto;flex:1;color:hsl(var(--cz-color-fg));font-size:var(--cz-font-size-sm);line-height:var(--cz-font-lineHeight-normal)}.cz-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--cz-modal-footer-gap, var(--cz-spacing-sm, .5rem));padding:var(--cz-modal-footer-padding, var(--cz-spacing-md) var(--cz-spacing-xl));border-top:1px solid hsl(var(--cz-color-border));flex-shrink:0}@supports not (gap: .75rem){.cz-modal-footer>*+*{margin-left:var(--cz-modal-footer-gap, var(--cz-spacing-md, .75rem))}}@keyframes cz-modal-overlay-show{0%{opacity:0}to{opacity:1}}@keyframes cz-modal-overlay-hide{0%{opacity:1}to{opacity:0}}@keyframes cz-modal-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cz-modal-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.96)}}@keyframes cz-modal-top-show{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes cz-modal-top-hide{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.cz-modal-overlay,.cz-modal-content,.cz-modal-top{animation-duration:1ms}}.cz-data-table-page-btn{transition:all var(--cz-transition-fast)}.cz-data-table-page-btn:hover:not(:disabled){background:var(--cz-data-table-pagination-button-hover-bg, transparent);border-color:var(--cz-data-table-pagination-button-border-color, transparent)}.cz-data-table-shimmer{background-size:200% 100%;animation:cz-data-table-shimmer 1.5s infinite}@keyframes cz-data-table-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cz-select{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:2.5rem;padding:0 .75rem;border-radius:var(--cz-radius-md);border:1px solid hsl(var(--cz-color-border));background-color:hsl(var(--cz-color-bg));color:hsl(var(--cz-color-fg));font-size:var(--cz-font-size-md);transition:all var(--cz-transition-fast);cursor:pointer}.cz-select:hover{border-color:hsl(var(--cz-color-primary))}.cz-select:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-ring))}.cz-select:disabled,.cz-select[data-disabled]{cursor:not-allowed;opacity:.5}.cz-select[data-placeholder]{color:hsl(var(--cz-color-mutedFg))}.cz-select-icon{color:hsl(var(--cz-color-mutedFg));margin-left:.5rem;flex-shrink:0}.cz-select-sm{height:2rem;padding:0 .5rem;font-size:var(--cz-font-size-sm)}.cz-select-md{height:2.5rem;padding:0 .75rem;font-size:var(--cz-font-size-md)}.cz-select-lg{height:3rem;padding:0 1rem;font-size:var(--cz-font-size-lg)}.cz-select-content{z-index:50;min-width:8rem;max-height:15rem;overflow:hidden;background-color:hsl(var(--cz-color-bg));border:1px solid hsl(var(--cz-color-border));border-radius:var(--cz-radius-md);box-shadow:var(--cz-shadow-lg)}.cz-select-viewport{padding:.25rem}.cz-select-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-fg));border-radius:var(--cz-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.cz-select-item:hover,.cz-select-item[data-highlighted]{background-color:hsl(var(--cz-color-muted))}.cz-select-item[data-disabled]{opacity:.5;cursor:not-allowed}.cz-select-item-indicator{width:1rem;display:flex;align-items:center;justify-content:center;color:hsl(var(--cz-color-primary))}.cz-select-separator{height:1px;background-color:hsl(var(--cz-color-border));margin:.25rem 0}.cz-select-label{padding:.375rem .75rem;font-size:var(--cz-font-size-xs);font-weight:var(--cz-font-weight-semibold);color:hsl(var(--cz-color-mutedFg))}.cz-radio-group{display:flex}.cz-radio-group-vertical{flex-direction:column;gap:.5rem}.cz-radio-group-horizontal{flex-direction:row;gap:1rem}.cz-radio-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.cz-radio-wrapper.cz-disabled{cursor:not-allowed;opacity:.5}.cz-radio{all:unset;box-sizing:border-box;width:1.25rem;height:1.25rem;border-radius:var(--cz-radius-full);border:2px solid hsl(var(--cz-color-border));background-color:hsl(var(--cz-color-bg));transition:all var(--cz-transition-fast);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.cz-radio:hover{border-color:hsl(var(--cz-color-primary))}.cz-radio:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--cz-color-bg)),0 0 0 4px hsl(var(--cz-color-ring))}.cz-radio:disabled{cursor:not-allowed;opacity:.5}.cz-radio[data-state=checked]{border-color:hsl(var(--cz-color-primary))}.cz-radio-indicator{width:.625rem;height:.625rem;border-radius:var(--cz-radius-full);background-color:hsl(var(--cz-color-primary))}.cz-radio-label{font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-fg))}:root{--cz-table-border-radius: var(--cz-radius-md);--cz-table-border-width: 1px;--cz-table-cell-padding: .75rem 1rem}.cz-table-wrapper{width:100%;overflow-x:auto;border-radius:var(--cz-table-border-radius)}.cz-table{width:100%;border-collapse:collapse;font-size:var(--cz-font-size-sm)}.cz-table-header{background-color:hsl(var(--cz-color-muted))}.cz-table-row{border-bottom:1px solid hsl(var(--cz-color-border));transition:background-color var(--cz-transition-fast)}.cz-table-body .cz-table-row:hover{background-color:hsl(var(--cz-color-muted) / .5)}.cz-table-head{padding:var(--cz-table-cell-padding);text-align:left;font-weight:var(--cz-font-weight-semibold);color:hsl(var(--cz-color-fg));white-space:nowrap;border-bottom:var(--cz-table-border-width) solid hsl(var(--cz-color-border))}.cz-table-cell{padding:var(--cz-table-cell-padding);color:hsl(var(--cz-color-fg));border-bottom:var(--cz-table-border-width) solid hsl(var(--cz-color-border))}.cz-accordion{display:flex;flex-direction:column;width:100%}.cz-accordion-item{border-bottom:1px solid hsl(var(--cz-color-border))}.cz-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;font-size:var(--cz-font-size-md);font-weight:var(--cz-font-weight-medium);color:hsl(var(--cz-color-fg));background:transparent;border:none;cursor:pointer;text-align:left;transition:all var(--cz-transition-fast)}.cz-accordion-trigger:hover{color:hsl(var(--cz-color-primary))}.cz-accordion-icon{transition:transform var(--cz-transition-fast);color:hsl(var(--cz-color-mutedFg))}.cz-accordion-icon-expanded,.cz-accordion-trigger[data-state=open] .cz-accordion-icon{transform:rotate(180deg)}.cz-accordion-content{overflow:hidden;font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-mutedFg))}.cz-accordion-content[data-state=open]{animation:cz-accordion-down var(--cz-transition-fast) ease-out}.cz-accordion-content[data-state=closed]{animation:cz-accordion-up var(--cz-transition-fast) ease-out}.cz-accordion-content-inner{padding-bottom:1rem}@keyframes cz-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes cz-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.cz-stack{display:flex}.cz-stack-row{flex-direction:row}.cz-stack-column{flex-direction:column}.cz-stack-gap-xs{gap:var(--cz-spacing-xs)}.cz-stack-gap-sm{gap:var(--cz-spacing-sm)}.cz-stack-gap-md{gap:var(--cz-spacing-md)}.cz-stack-gap-lg{gap:var(--cz-spacing-lg)}.cz-stack-gap-xl{gap:var(--cz-spacing-xl)}.cz-stack-align-start{align-items:flex-start}.cz-stack-align-center{align-items:center}.cz-stack-align-end{align-items:flex-end}.cz-stack-align-stretch{align-items:stretch}.cz-stack-justify-start{justify-content:flex-start}.cz-stack-justify-center{justify-content:center}.cz-stack-justify-end{justify-content:flex-end}.cz-stack-justify-between{justify-content:space-between}.cz-stack-justify-around{justify-content:space-around}.cz-stack-wrap{flex-wrap:wrap}.cz-spinner{display:inline-flex;animation:cz-spin 1s linear infinite}.cz-spinner-svg{width:100%;height:100%}.cz-spinner-track{opacity:.2}.cz-spinner-indicator{opacity:1}.cz-spinner-sm{width:1rem;height:1rem}.cz-spinner-md{width:1.5rem;height:1.5rem}.cz-spinner-lg{width:2rem;height:2rem}.cz-spinner-default{color:hsl(var(--cz-color-fg))}.cz-spinner-primary{color:hsl(var(--cz-color-primary))}.cz-aspect-ratio{position:relative;width:100%}.cz-aspect-ratio-content{position:absolute;inset:0}.cz-aspect-ratio-content>*{width:100%;height:100%;object-fit:cover}.cz-breadcrumb{display:flex;align-items:center}.cz-breadcrumb-list{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.cz-breadcrumb-item{display:inline-flex;align-items:center;gap:.25rem}.cz-breadcrumb-link{font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-mutedFg));text-decoration:none;transition:color var(--cz-transition-fast)}.cz-breadcrumb-link:hover{color:hsl(var(--cz-color-fg))}.cz-breadcrumb-separator{color:hsl(var(--cz-color-mutedFg));display:inline-flex}.cz-breadcrumb-page{font-size:var(--cz-font-size-sm);font-weight:var(--cz-font-weight-medium);color:hsl(var(--cz-color-fg))}.cz-label-required{color:hsl(var(--cz-color-danger));margin-left:.125rem}.cz-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cz-container{width:100%;padding-left:var(--cz-spacing-lg);padding-right:var(--cz-spacing-lg)}.cz-container-centered{margin-left:auto;margin-right:auto}.cz-container-sm{max-width:640px}.cz-container-md{max-width:768px}.cz-container-lg{max-width:1024px}.cz-container-xl{max-width:1280px}.cz-container-full{max-width:100%}.cz-grid{display:grid}.cz-grid-cols-1{grid-template-columns:repeat(1,1fr)}.cz-grid-cols-2{grid-template-columns:repeat(2,1fr)}.cz-grid-cols-3{grid-template-columns:repeat(3,1fr)}.cz-grid-cols-4{grid-template-columns:repeat(4,1fr)}.cz-grid-cols-5{grid-template-columns:repeat(5,1fr)}.cz-grid-cols-6{grid-template-columns:repeat(6,1fr)}.cz-grid-cols-12{grid-template-columns:repeat(12,1fr)}.cz-grid-gap-xs{gap:var(--cz-spacing-xs)}.cz-grid-gap-sm{gap:var(--cz-spacing-sm)}.cz-grid-gap-md{gap:var(--cz-spacing-md)}.cz-grid-gap-lg{gap:var(--cz-spacing-lg)}.cz-grid-gap-xl{gap:var(--cz-spacing-xl)}.cz-kbd{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;font-size:var(--cz-font-size-xs);font-family:var(--cz-font-mono, ui-monospace, monospace);font-weight:var(--cz-font-weight-medium);background-color:hsl(var(--cz-color-muted));color:hsl(var(--cz-color-fg));border:1px solid hsl(var(--cz-color-border));border-radius:var(--cz-radius-sm);box-shadow:0 1px hsl(var(--cz-color-border))}.cz-code{display:inline;padding:.125rem .375rem;font-size:.875em;font-family:var(--cz-font-mono, ui-monospace, monospace);background-color:hsl(var(--cz-color-muted));color:hsl(var(--cz-color-fg));border-radius:var(--cz-radius-sm)}.cz-scroll-area{overflow:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--cz-color-border)) transparent}.cz-scroll-area::-webkit-scrollbar{width:8px;height:8px}.cz-scroll-area::-webkit-scrollbar-track{background:transparent}.cz-scroll-area::-webkit-scrollbar-thumb{background-color:hsl(var(--cz-color-border));border-radius:var(--cz-radius-full)}.cz-scroll-area::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--cz-color-mutedFg))}.cz-dropdown{position:relative;display:inline-block}.cz-dropdown-trigger{display:inline-flex;align-items:center;gap:.25rem}.cz-dropdown-content{position:absolute;top:100%;margin-top:.25rem;z-index:50;min-width:10rem;background-color:hsl(var(--cz-color-bg));border:1px solid hsl(var(--cz-color-border));border-radius:var(--cz-radius-md);box-shadow:var(--cz-shadow-lg);padding:.25rem;animation:cz-fade-in .15s ease-out}.cz-dropdown-align-start{left:0}.cz-dropdown-align-center{left:50%;transform:translate(-50%)}.cz-dropdown-align-end{right:0}.cz-dropdown-item{display:flex;align-items:center;width:100%;padding:.5rem .75rem;font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-fg));background:transparent;border:none;border-radius:var(--cz-radius-sm);cursor:pointer;text-align:left;transition:all var(--cz-transition-fast)}.cz-dropdown-item:hover{background-color:hsl(var(--cz-color-muted))}.cz-dropdown-item:focus{outline:none;background-color:hsl(var(--cz-color-muted))}.cz-dropdown-separator{height:1px;background-color:hsl(var(--cz-color-border));margin:.25rem 0}.cz-dropdown-label{padding:.5rem .75rem;font-size:var(--cz-font-size-xs);font-weight:var(--cz-font-weight-semibold);color:hsl(var(--cz-color-mutedFg))}.cz-toaster{position:fixed;z-index:100;display:flex;flex-direction:column;gap:.5rem;padding:1rem;max-width:24rem;width:100%;pointer-events:none}.cz-toaster-top-left{top:0;left:0}.cz-toaster-top-center{top:0;left:50%;transform:translate(-50%)}.cz-toaster-top-right{top:0;right:0}.cz-toaster-bottom-left{bottom:0;left:0}.cz-toaster-bottom-center{bottom:0;left:50%;transform:translate(-50%)}.cz-toaster-bottom-right{bottom:0;right:0}.cz-toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:hsl(var(--cz-color-bg));border:1px solid hsl(var(--cz-color-border));border-radius:var(--cz-radius-lg);box-shadow:var(--cz-shadow-lg);pointer-events:auto;animation:cz-slide-in .3s ease-out}@keyframes cz-slide-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.cz-toast-content{flex:1;min-width:0}.cz-toast-title{font-size:var(--cz-font-size-sm);font-weight:var(--cz-font-weight-semibold);color:hsl(var(--cz-color-fg))}.cz-toast-description{font-size:var(--cz-font-size-sm);color:hsl(var(--cz-color-mutedFg));margin-top:.125rem}.cz-toast-close{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:hsl(var(--cz-color-mutedFg));cursor:pointer;border-radius:var(--cz-radius-sm);font-size:1rem;transition:all var(--cz-transition-fast)}.cz-toast-close:hover{background-color:hsl(var(--cz-color-muted));color:hsl(var(--cz-color-fg))}.cz-toast-success{border-left:4px solid hsl(var(--cz-color-success))}.cz-toast-warning{border-left:4px solid hsl(var(--cz-color-warning))}.cz-toast-danger{border-left:4px solid hsl(var(--cz-color-danger))}.cz-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--cz-radius-full);font-weight:var(--cz-font-weight-medium);transition:all var(--cz-transition-fast)}.cz-tag-content{display:inline-flex;align-items:center}.cz-tag-remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;color:inherit;opacity:.6;transition:opacity var(--cz-transition-fast);border-radius:var(--cz-radius-full)}.cz-tag-remove:hover{opacity:1}.cz-tag-sm{padding:.125rem .5rem;font-size:var(--cz-font-size-xs)}.cz-tag-md{padding:.25rem .625rem;font-size:var(--cz-font-size-sm)}.cz-tag-lg{padding:.375rem .75rem;font-size:var(--cz-font-size-md)}.cz-tag-default{background-color:hsl(var(--cz-color-muted));color:hsl(var(--cz-color-fg))}.cz-tag-primary{background-color:hsl(var(--cz-color-primary));color:hsl(var(--cz-color-primaryFg))}.cz-tag-secondary{background-color:hsl(var(--cz-color-secondary));color:hsl(var(--cz-color-secondaryFg))}.cz-tag-success{background-color:#16a249;color:#fff}.cz-tag-warning{background-color:#f59f0a;color:#fff}.cz-tag-danger{background-color:hsl(var(--cz-color-danger));color:#fff}.cz-scroll-area{overflow:hidden}.cz-scroll-area-viewport{width:100%;height:100%;border-radius:inherit}.cz-scroll-area-scrollbar{display:flex;touch-action:none;-webkit-user-select:none;user-select:none;padding:2px;background-color:transparent;transition:background-color var(--cz-transition-fast)}.cz-scroll-area-scrollbar:hover{background-color:hsl(var(--cz-color-muted) / .5)}.cz-scroll-area-scrollbar-vertical{width:10px}.cz-scroll-area-scrollbar-horizontal{flex-direction:column;height:10px}.cz-scroll-area-thumb{flex:1;background-color:hsl(var(--cz-color-border));border-radius:var(--cz-radius-full);position:relative;transition:background-color var(--cz-transition-fast)}.cz-scroll-area-thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.cz-scroll-area-thumb:hover{background-color:hsl(var(--cz-color-mutedFg))}.cz-scroll-area-corner{background-color:hsl(var(--cz-color-muted))}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--bg: #ffffff;--bg-elev: #f6f9fd;--bg-sunken: #eef3fb;--bg-code: #0b1220;--ink: #0a1726;--ink-soft: #4d6076;--ink-mute: #8696ac;--line: rgba(10, 23, 38, .1);--line-strong: rgba(10, 23, 38, .22);--accent: #1e6cf0;--accent-hover: #155ed8;--accent-ink: #ffffff;--accent-soft: rgba(30, 108, 240, .09);--accent-line: rgba(30, 108, 240, .32);--cz-color-primary: 217 87% 53%;--cz-color-ring: 217 87% 53%;--cz-font-fontFamily: "Inter", system-ui, sans-serif;color-scheme:light}.dark{--bg: #070b11;--bg-elev: #0d131c;--bg-sunken: #04070b;--bg-code: #0a0f18;--ink: #e8eef7;--ink-soft: #97a6bb;--ink-mute: #5b6878;--line: rgba(255, 255, 255, .085);--line-strong: rgba(255, 255, 255, .17);--accent: #4f9bff;--accent-hover: #6aabff;--accent-ink: #060c16;--accent-soft: rgba(79, 155, 255, .13);--accent-line: rgba(79, 155, 255, .3);--cz-color-primary: 214 100% 66%;--cz-color-ring: 214 100% 66%;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.6;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .2s ease,color .2s ease}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}.mono-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.site-header-inner{max-width:1180px;margin:0 auto;height:60px;padding:0 clamp(16px,4vw,40px);display:flex;align-items:center;gap:clamp(16px,4vw,40px)}.site-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.site-mark{display:grid;place-items:center;width:26px;height:26px;border:1.5px solid var(--ink);font-family:var(--font-mono);font-weight:600;font-size:14px;line-height:1;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.site-brand:hover .site-mark{border-color:var(--accent);color:var(--accent)}.site-wordmark{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.02em}.site-nav{display:flex;align-items:center;gap:4px;margin-left:8px}.site-nav-link{display:inline-flex;align-items:center;height:30px;padding:0 12px;font-size:13.5px;font-weight:450;color:var(--ink-soft);text-decoration:none;border:1px solid transparent;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.site-nav-link:hover{color:var(--ink)}.site-nav-link.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.site-header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:12px}.site-version{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-mute)}.theme-toggle{display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;color:var(--ink-soft);border:1px solid var(--line-strong);cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}@media(max-width:720px){.site-nav,.site-version{display:none}}.landing-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}.landing-main{flex:1}.landing-footer{border-top:1px solid var(--line);background:var(--bg-elev)}.landing-footer-inner{max-width:1180px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between}.landing-footer-tagline{margin:16px 0 0;max-width:30ch;color:var(--ink-soft);font-size:14px}.landing-footer-cols{display:flex;gap:clamp(40px,8vw,96px)}.landing-footer-col{display:flex;flex-direction:column;gap:12px}.landing-footer-head{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:2px}.landing-footer-col a{color:var(--ink-soft);text-decoration:none;font-size:14px;width:fit-content;transition:color .18s ease}.landing-footer-col a:hover{color:var(--accent)}.landing-footer-bottom{max-width:1180px;margin:0 auto;padding:18px clamp(16px,4vw,40px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;color:var(--ink-mute)}.landing-footer-mono{font-family:var(--font-mono);letter-spacing:.02em}@media(max-width:720px){.landing-footer-inner{flex-direction:column;gap:36px}}.czc-trigger{position:fixed;bottom:22px;right:22px;z-index:80;display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border:none;cursor:pointer;box-shadow:0 6px 22px -8px var(--accent);transition:background-color .18s ease,transform .18s ease}.czc-trigger:hover{background:var(--accent-hover);transform:translateY(-1px)}.czc-trigger svg{flex-shrink:0}.czc-trigger-dot{width:6px;height:6px;margin-left:1px;background:var(--accent-ink);border-radius:50%}.czc{display:flex;flex-direction:column;background:var(--bg)}.czc.is-hidden{display:none}.czc.is-docked{position:fixed;top:60px;right:0;bottom:0;width:340px;z-index:40;border-left:1px solid var(--line)}.czc.is-drawer{position:fixed;top:0;right:0;height:100dvh;width:360px;max-width:90vw;z-index:90;border-left:1px solid var(--line-strong);box-shadow:-20px 0 50px -30px #02061780;animation:czc-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes czc-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.czc-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--line)}.czc-eyebrow{display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.czc-title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.czc-close{display:grid;place-items:center;width:30px;height:30px;color:var(--ink-soft);background:transparent;border:1px solid var(--line-strong);cursor:pointer;transition:color .15s ease,border-color .15s ease}.czc-close:hover{color:var(--ink);border-color:var(--ink-mute)}.czc-modes{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.czc-mode{position:relative;height:38px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);background:transparent;border:none;cursor:pointer;transition:color .15s ease}.czc-mode:first-child{border-right:1px solid var(--line)}.czc-mode:hover{color:var(--ink-soft)}.czc-mode.is-active{color:var(--ink)}.czc-mode.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.czc-scroll{flex:1;overflow-y:auto}.czc-stage{display:flex;flex-direction:column;gap:12px;padding:22px;border-bottom:1px solid var(--line);background-color:var(--bg-elev);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:15px 15px;background-position:-1px -1px}.czc-stage-row{display:flex;align-items:center;gap:12px}.czc-block{padding:18px 22px;border-bottom:1px solid var(--line)}.czc-label{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.czc-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.czc-swatches{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-top:12px}.czc-swatch{position:relative;width:100%;aspect-ratio:1;padding:0;border:none;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .14s ease}.czc-swatch:hover{transform:scale(1.08)}.czc-swatch.is-active{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--ink)}.czc-swatch-custom{overflow:hidden;background:conic-gradient(from 90deg,#f43f5e,#f59e0b,#10b981,#3b82f6,#8b5cf6,#f43f5e)}.czc-swatch-custom input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.czc-seg{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid var(--line-strong)}.czc-seg-btn{height:34px;font-size:12px;color:var(--ink-soft);background:transparent;border:none;border-right:1px solid var(--line);cursor:pointer;transition:color .15s ease,background-color .15s ease}.czc-seg-btn:last-child{border-right:none}.czc-seg-btn:hover{color:var(--ink);background:var(--bg-elev)}.czc-seg-btn.is-active{color:var(--accent-ink);background:var(--accent)}.czc-group{border-bottom:1px solid var(--line)}.czc-group-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:transparent;border:none;cursor:pointer}.czc-group-head:hover .czc-label{color:var(--ink-soft)}.czc-chev{color:var(--ink-mute);transition:transform .2s ease}.czc-chev.is-open{transform:rotate(180deg)}.czc-group-body{padding:0 22px 18px}.czc-edit-theme{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;font-size:11.5px;color:var(--ink-mute)}.czc-edit-theme strong{color:var(--ink);font-weight:600;text-transform:capitalize}.czc-mini{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:transparent;border:1px solid var(--line-strong);padding:4px 8px;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.czc-mini:hover{color:var(--ink);border-color:var(--ink-mute)}.czc-rows{display:flex;flex-direction:column;gap:8px}.czc-row{display:flex;align-items:center;gap:10px}.czc-row.is-wide{flex-direction:column;align-items:stretch;gap:5px}.czc-row-name{flex:1;min-width:0;font-size:12.5px;color:var(--ink-soft);text-transform:capitalize}.czc-color{position:relative;width:24px;height:24px;flex-shrink:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0000002e}.czc-color span{display:block;width:100%;height:100%}.czc-color input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.czc-text{width:116px;height:28px;padding:0 8px;font-family:var(--font-mono);font-size:11px;color:var(--ink);background:var(--bg-elev);border:1px solid var(--line-strong)}.czc-row.is-wide .czc-text{width:100%}.czc-text:focus{outline:none;border-color:var(--accent)}.czc-copy{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);background:transparent;border:1px solid var(--line-strong);padding:5px 10px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.czc-copy:hover{color:var(--ink);border-color:var(--ink-mute)}.czc-copy.is-copied{color:var(--accent);border-color:var(--accent-line)}.czc-code{margin:0;padding:14px 16px;background:var(--bg-code);color:#c7d6ee;overflow-x:auto;font-family:var(--font-mono);font-size:11.5px;line-height:1.65;white-space:pre;border:1px solid var(--line)}.czc-code code{background:transparent;color:inherit;padding:0}.czc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--line)}.czc-reset{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:transparent;border:1px solid var(--line-strong);height:32px;padding:0 16px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.czc-reset:hover:not(:disabled){color:var(--ink);border-color:var(--ink-mute)}.czc-reset:disabled{opacity:.4;cursor:not-allowed}.czc-hint{font-size:11px;color:var(--ink-mute)}.czc-overlay{position:fixed;inset:0;z-index:85;background:#0206176b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media(max-width:720px){.czc-trigger{bottom:16px;right:16px;padding:0;width:40px;justify-content:center}.czc-trigger span{display:none}}.docs-layout{min-height:100vh;background:var(--bg);color:var(--ink)}.docs-container{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:236px minmax(0,1fr);align-items:start}.rail-docked .docs-container{max-width:none;margin:0;padding-right:340px}.rail-docked .site-header-inner{max-width:none}.sidebar{position:sticky;top:60px;align-self:start;height:calc(100vh - 60px);overflow-y:auto;padding:28px 22px 64px;border-right:1px solid var(--line)}.sidebar-section{margin-bottom:26px}.sidebar-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px}.sidebar-links{display:flex;flex-direction:column}.sidebar-links a{display:block;padding:5px 10px;margin-left:-10px;font-size:13.5px;color:var(--ink-soft);text-decoration:none;border-left:1px solid transparent;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.sidebar-links a:hover{color:var(--ink)}.sidebar-links a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.docs-content{min-width:0;padding:44px clamp(20px,4vw,56px) 96px;border-left:1px solid var(--line)}@media(max-width:900px){.docs-container{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 28px;padding:18px clamp(16px,4vw,40px)}.sidebar-section{margin-bottom:0}.docs-content{border-left:none;padding-top:32px}}.home{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:-.01em;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(ellipse 78% 64% at 30% 0%,#000,transparent 76%);mask-image:radial-gradient(ellipse 78% 64% at 30% 0%,#000,transparent 76%);opacity:.7}.hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(48px,8vw,104px) clamp(16px,4vw,40px) clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}.hero-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--accent)}.hero-title{margin:18px 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,6vw,4.1rem);line-height:1.02;letter-spacing:-.035em;color:var(--ink)}.hero-title-accent{color:var(--ink-soft)}.hero-lead{margin:22px 0 0;max-width:46ch;font-size:16px;line-height:1.6;color:var(--ink-soft)}.hero-lead code{font-family:var(--font-mono);font-size:.86em;color:var(--accent);background:var(--accent-soft);padding:1px 5px}.hero-install{margin:28px 0 0;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 6px 0 14px;border:1px solid var(--line-strong);background:var(--bg-elev);font-family:var(--font-mono);font-size:13.5px}.hero-install-prompt{color:var(--ink-mute)}.hero-install-cmd{color:var(--ink)}.hero-install-copy{margin-left:6px;height:30px;padding:0 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:transparent;border:1px solid var(--line-strong);cursor:pointer;transition:color .18s ease,border-color .18s ease}.hero-install-copy:hover{color:var(--accent);border-color:var(--accent-line)}.hero-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.hero-panel{border:1px solid var(--line-strong);background:var(--bg-elev)}.hero-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}.hero-panel-file{font-family:var(--font-mono);font-size:12px;color:var(--ink-mute);letter-spacing:.02em}.hero-swatches{display:flex;gap:7px}.hero-swatch{width:16px;height:16px;padding:0;border:1px solid var(--line-strong);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.hero-swatch.is-active{box-shadow:0 0 0 2px var(--bg-elev),0 0 0 3px var(--ink)}.hero-panel-body{padding:16px;display:grid;gap:16px}.hero-tokens{margin:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:var(--ink-soft);overflow-x:auto}.hero-tokens .tline{display:block;white-space:pre}.hero-tokens .tsel{color:var(--ink-mute)}.hero-tokens .tk{color:var(--accent)}.hero-tokens .tv{color:var(--ink)}.hero-demo{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.hero-demo-row{display:flex;gap:10px;flex-wrap:wrap}.hero-demo-inline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-panel-foot{padding:11px 14px;border-top:1px solid var(--line)}.hero-panel-comment{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute)}.section{max-width:1180px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(16px,4vw,40px)}.section-head{max-width:64ch;margin-bottom:36px}.section-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.section-title{margin:14px 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.1;letter-spacing:-.03em;color:var(--ink)}.section-sub{margin:14px 0 0;max-width:52ch;font-size:15px;color:var(--ink-soft)}.grid-rule{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.cols-3{grid-template-columns:repeat(3,1fr)}.cell{background:var(--bg)}.principle{padding:28px clamp(20px,2.4vw,32px) 32px;transition:background-color .2s ease}.principle:hover{background:var(--bg-elev)}.principle-k{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--accent)}.principle-t{margin:18px 0 0;font-family:var(--font-display);font-weight:600;font-size:1.18rem;letter-spacing:-.02em;color:var(--ink)}.principle-d{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--ink-soft)}.manifest{grid-template-columns:repeat(4,1fr)}.manifest-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:background-color .16s ease,color .16s ease}.manifest-item:hover{background:var(--accent-soft);color:var(--accent)}.manifest-name{font-family:var(--font-mono);font-size:13px;letter-spacing:-.01em}.manifest-arrow{font-size:12px;color:var(--ink-mute);opacity:0;transition:opacity .16s ease,color .16s ease}.manifest-item:hover .manifest-arrow{opacity:1;color:var(--accent)}.steps{align-items:stretch}.step{padding:26px clamp(20px,2.4vw,30px) 28px}.step-k{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--accent)}.step-t{margin:14px 0 16px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--ink)}.code-snippet{margin:0;padding:14px 16px;background:var(--bg-code);border:1px solid var(--line);font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:#c7d6ee;overflow-x:auto;white-space:pre}.cta-box{border:1px solid var(--line-strong);background:var(--bg-elev);padding:clamp(36px,5vw,64px);text-align:center}.cta-title{margin:0 auto 26px;max-width:22ch;font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.08;letter-spacing:-.03em;color:var(--ink)}.cta .hero-cta{justify-content:center}@media(max-width:880px){.hero-inner{grid-template-columns:1fr}.hero-panel{order:2}.manifest{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.cols-3,.steps{grid-template-columns:1fr}}.docs-page{max-width:760px}.docs-page h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:0 0 14px;color:var(--ink)}.docs-page .lead{font-size:17px;line-height:1.55;color:var(--ink-soft);margin:0 0 36px;max-width:58ch}.docs-page h2{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.025em;margin:48px 0 16px;padding-top:28px;border-top:1px solid var(--line);color:var(--ink)}.docs-page h2:first-of-type{margin-top:8px;border-top:none;padding-top:0}.docs-page h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em;margin:28px 0 12px;color:var(--ink)}.docs-page p{line-height:1.65;margin:0 0 16px;color:var(--ink-soft)}.docs-page p strong{color:var(--ink);font-weight:600}.docs-page a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-line)}.docs-page a:hover{border-bottom-color:var(--accent)}.docs-page code{font-family:var(--font-mono);font-size:.85em;color:var(--accent);background:var(--accent-soft);padding:1.5px 6px}.docs-page .code-block{background:var(--bg-code);color:#c7d6ee;padding:16px 18px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.65;margin:0 0 20px;border:1px solid var(--line);white-space:pre}.docs-page .code-block code{background:transparent;color:inherit;padding:0;font-size:inherit}.docs-page .token-table{width:100%;border-collapse:collapse;margin:8px 0 28px;font-size:14px}.docs-page .token-table th,.docs-page .token-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}.docs-page .token-table thead th{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);border-bottom:1px solid var(--line-strong)}.docs-page .token-table td:first-child{white-space:nowrap;color:var(--ink)}.cz-preview{margin:0 0 26px;border:1px solid var(--line-strong);background:var(--bg)}.cz-preview-bar{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg-elev)}.cz-preview-tabs{display:flex}.cz-preview-tab{position:relative;height:40px;padding:0 18px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);background:transparent;border:none;border-right:1px solid var(--line);cursor:pointer;transition:color .15s ease,background-color .15s ease}.cz-preview-tab:hover{color:var(--ink-soft)}.cz-preview-tab.is-active{color:var(--ink);background:var(--bg)}.cz-preview-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.cz-preview-copy{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);background:transparent;border:none;border-left:1px solid var(--line);cursor:pointer;transition:color .15s ease,background-color .15s ease}.cz-preview-copy:hover{color:var(--ink);background:var(--bg)}.cz-preview-copy.is-copied{color:var(--accent)}.cz-preview-copy svg{flex-shrink:0}.cz-preview-canvas{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:clamp(28px,5vw,48px) clamp(20px,3vw,36px);background-color:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px;background-position:-1px -1px}.cz-preview-canvas.align-center{justify-content:center}.cz-preview-canvas.align-start{justify-content:flex-start}.cz-preview-canvas.align-stretch{flex-direction:column;align-items:stretch;justify-content:flex-start}.cz-preview-code{margin:0;padding:20px clamp(20px,3vw,32px);background:var(--bg-code);color:#c7d6ee;overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;white-space:pre}.cz-preview-code code{background:transparent;color:inherit;padding:0;font-size:inherit}.props-table-container{overflow-x:auto;margin:0 0 24px;border:1px solid var(--line)}.props-table{width:100%;border-collapse:collapse;font-size:13.5px}.props-table th{text-align:left;padding:11px 14px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);background:var(--bg-elev);border-bottom:1px solid var(--line-strong);white-space:nowrap}.props-table td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft);vertical-align:top;line-height:1.55}.props-table tbody tr{transition:background-color .12s ease}.props-table tbody tr:hover{background:var(--bg-elev)}.props-table tr:last-child td{border-bottom:none}.props-table code{font-family:var(--font-mono);font-size:12px;padding:1.5px 6px}.prop-name{color:var(--ink);background:var(--bg-elev);border:1px solid var(--line)}.prop-type{color:var(--accent);background:var(--accent-soft)}.prop-default{color:var(--ink-soft);background:var(--bg-elev)}.prop-none{color:var(--ink-mute)}