.cb-props-table{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-6);overflow:hidden}.cb-props-table__header{display:flex;align-items:center;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground)}.cb-props-table__header:before{content:"";display:inline-block;width:3px;height:14px;background:var(--ds-primary);border-radius:2px;-webkit-margin-end:var(--ds-space-2);margin-inline-end:var(--ds-space-2)}.cb-props-table__table{width:100%;border-collapse:collapse}.cb-props-table__table th{text-align:start;padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-muted-foreground)}.cb-props-table__row,.cb-props-table__table th{border-bottom:1px solid var(--ds-border)}.cb-props-table__row:last-child{border-bottom:none}.cb-props-table__cell{padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-font-sm);color:var(--ds-card-foreground)}.cb-props-table__cell--name{color:var(--ds-primary);font-family:monospace;font-size:var(--ds-font-sm)}.cb-props-table__cell--type{display:inline-block;padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-muted);border-radius:var(--ds-radius-sm);font-family:monospace;font-size:var(--ds-font-xs);color:var(--ds-muted-foreground)}.cb-props{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-6);overflow:hidden}.cb-props__header{display:flex;align-items:center;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground)}.cb-props__header:before{content:"";display:inline-block;width:3px;height:14px;background:var(--ds-primary);border-radius:2px;-webkit-margin-end:var(--ds-space-2);margin-inline-end:var(--ds-space-2)}.cb-props__table{width:100%;border-collapse:collapse}.cb-props__table th{text-align:start;font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-muted-foreground)}.cb-props__table td,.cb-props__table th{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border)}.cb-props__table td{font-size:var(--ds-font-sm);color:var(--ds-card-foreground)}.cb-props__table tr:last-child td{border-bottom:none}.cb-props__name{color:var(--ds-primary);font-family:monospace;font-size:var(--ds-font-sm)}.cb-props__type{display:inline-block;padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-muted);border-radius:var(--ds-radius-sm);font-family:monospace;font-size:var(--ds-font-xs);color:var(--ds-muted-foreground)}.cb-props__control{min-width:120px}.cb-control-input,.cb-control-select,.cb-props__control input[type=number],.cb-props__control input[type=text],.cb-props__control select{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-font-xs);background:var(--ds-muted);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-foreground);outline:none;transition:border-color .2s}.cb-control-input:focus,.cb-control-select:focus,.cb-props__control input[type=number]:focus,.cb-props__control input[type=text]:focus,.cb-props__control select:focus{border-color:var(--ds-ring)}.cb-control-checkbox,.cb-props__control input[type=checkbox]{accent-color:var(--ds-primary)}.cb-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cb-radio{display:inline-flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--ds-font-sm);color:var(--ds-foreground);position:relative}.cb-radio--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cb-radio__dot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border-radius:var(--ds-radius-full);border:2px solid var(--ds-muted-foreground,#6b7280);background:var(--ds-card,transparent);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.cb-radio__dot:after{content:"";display:block;width:.375rem;height:.375rem;border-radius:var(--ds-radius-full);background:transparent;transition:background .15s ease,transform .15s ease;transform:scale(0)}.cb-radio--checked .cb-radio__dot{border-color:var(--ds-primary);background:var(--ds-card,transparent)}.cb-radio--checked .cb-radio__dot:after{background:var(--ds-primary);transform:scale(1)}.cb-radio:focus-within .cb-radio__dot{box-shadow:0 0 0 3px var(--ds-ring,rgba(102,126,234,.3))}.cb-radio:not(.cb-radio--disabled):hover .cb-radio__dot{border-color:var(--ds-primary)}.cb-radio__label{line-height:1.4}.cb-radio-group{display:flex;gap:var(--ds-space-3)}.cb-radio-group--vertical{flex-direction:column}.cb-radio-group--horizontal{flex-direction:row;flex-wrap:wrap}.cb-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cb-checkbox{display:inline-flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--ds-font-sm);color:var(--ds-foreground);position:relative}.cb-checkbox--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cb-checkbox__box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--ds-radius-sm);border:2px solid var(--ds-muted-foreground,#6b7280);background:var(--ds-card,transparent);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;color:var(--ds-primary-foreground,#fff)}.cb-checkbox--sm .cb-checkbox__box{width:1rem;height:1rem}.cb-checkbox--md .cb-checkbox__box{width:1.125rem;height:1.125rem}.cb-checkbox--lg .cb-checkbox__box{width:1.375rem;height:1.375rem}.cb-checkbox--checked .cb-checkbox__box,.cb-checkbox--indeterminate .cb-checkbox__box{border-color:var(--ds-primary);background:var(--ds-primary)}.cb-checkbox:focus-within .cb-checkbox__box{box-shadow:0 0 0 3px var(--ds-ring,rgba(102,126,234,.3))}.cb-checkbox:not(.cb-checkbox--disabled):hover .cb-checkbox__box{border-color:var(--ds-primary)}.cb-checkbox__icon{display:block;color:var(--ds-primary-foreground,#fff)}.cb-checkbox--sm .cb-checkbox__icon{width:.625rem;height:.625rem}.cb-checkbox--md .cb-checkbox__icon{width:.75rem;height:.75rem}.cb-checkbox--lg .cb-checkbox__icon{width:.875rem;height:.875rem}.cb-checkbox__label{line-height:1.4}.ui-tooltip-wrapper{position:relative;display:inline-block}.ui-tooltip{position:absolute;z-index:var(--global-z-tooltip,9999);background:var(--ds-foreground,#0f0f1a);color:var(--ds-background,#fff);font-size:var(--ds-font-xs,.75rem);line-height:1.4;padding:.375rem .625rem;border-radius:var(--ds-radius-sm,.25rem);white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none;animation:ui-tooltip-in .12s ease}@keyframes ui-tooltip-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.ui-tooltip:after{content:"";position:absolute;border:5px solid transparent}.ui-tooltip-wrapper--top .ui-tooltip{bottom:calc(100% + 8px);inset-inline-start:50%;transform:translateX(-50%)}.ui-tooltip-wrapper--top .ui-tooltip:after{top:100%;inset-inline-start:50%;transform:translateX(-50%);border-top-color:var(--ds-foreground,#0f0f1a)}.ui-tooltip-wrapper--bottom .ui-tooltip{top:calc(100% + 8px);inset-inline-start:50%;transform:translateX(-50%)}.ui-tooltip-wrapper--bottom .ui-tooltip:after{bottom:100%;inset-inline-start:50%;transform:translateX(-50%);border-bottom-color:var(--ds-foreground,#0f0f1a)}.ui-tooltip-wrapper--left .ui-tooltip{inset-inline-end:calc(100% + 8px);top:50%;transform:translateY(-50%)}.ui-tooltip-wrapper--left .ui-tooltip:after{inset-inline-start:100%;top:50%;transform:translateY(-50%);border-inline-start-color:var(--ds-foreground,#0f0f1a)}.ui-tooltip-wrapper--right .ui-tooltip{inset-inline-start:calc(100% + 8px);top:50%;transform:translateY(-50%)}.ui-tooltip-wrapper--right .ui-tooltip:after{inset-inline-end:100%;top:50%;transform:translateY(-50%);border-inline-end-color:var(--ds-foreground,#0f0f1a)}.cb-preview{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-6);overflow:visible}.cb-preview__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground)}.cb-preview__header:before{content:"";display:inline-block;width:3px;height:14px;background:var(--ds-primary);border-radius:2px;-webkit-margin-end:var(--ds-space-2);margin-inline-end:var(--ds-space-2)}.cb-preview__canvas{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--ds-space-8);background-color:var(--ds-card);background-image:radial-gradient(circle,var(--ds-border) 1px,transparent 1px);background-size:20px 20px}.cb-preview__canvas--padded{padding:var(--ds-space-12)}.cb-preview__toolbar{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border-top:1px solid var(--ds-border);background:var(--ds-background)}.cb-preview__toolbar-btn{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);background:transparent;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);cursor:pointer;transition:all .2s}.cb-preview__toolbar-btn:hover{color:var(--ds-foreground);border-color:var(--ds-ring)}.cb-preview__toolbar-btn--active{color:var(--ds-primary);border-color:var(--ds-primary);background:var(--ds-accent)}.cb-preview__actions{display:flex;align-items:center;gap:var(--ds-space-2)}.cb-preview__action-btn{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);background:transparent;border:none;border-radius:var(--ds-radius-sm);cursor:pointer;transition:all .2s}.cb-preview__action-btn:hover{color:var(--ds-foreground);background:var(--ds-muted)}.cb-playground{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-6);overflow:visible}.cb-playground--fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0;margin:0;display:flex;flex-direction:column;overflow:auto}.cb-playground--fullscreen .cb-playground__canvas{flex:1 1;min-height:0}.cb-playground__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground);gap:var(--ds-space-3)}.cb-playground__header:before{content:"";display:inline-block;width:3px;height:14px;background:var(--ds-primary);border-radius:2px;-webkit-margin-end:var(--ds-space-2);margin-inline-end:var(--ds-space-2);flex-shrink:0}.cb-playground__title{flex:1 1;min-width:0}.cb-playground__header-actions{display:flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0}.cb-playground__story-tabs{display:flex;align-items:center;gap:6px;padding:var(--ds-space-2) var(--ds-space-4);border-bottom:1px solid var(--ds-border);background:var(--ds-background);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cb-playground__story-tabs::-webkit-scrollbar{display:none}.cb-playground__story-tab{display:inline-flex;align-items:center;padding:3px 12px;font-size:var(--ds-font-xs);font-weight:var(--ds-weight-medium);color:var(--ds-muted-foreground);background:transparent;border:1px solid var(--ds-border);border-radius:9999px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .15s,background .15s,border-color .15s;line-height:1.5}.cb-playground__story-tab:hover{color:var(--ds-foreground);border-color:var(--ds-ring);background:var(--ds-muted)}.cb-playground__story-tab--active,.cb-playground__story-tab--active:hover{color:var(--ds-primary-foreground,#fff);background:var(--ds-primary);border-color:var(--ds-primary)}.cb-playground__viewport-group{display:flex;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);overflow:hidden}.cb-playground__viewport-btn{padding:3px 8px;font-size:10px;font-family:monospace;font-weight:var(--ds-weight-medium);color:var(--ds-muted-foreground);background:transparent;border:none;-webkit-border-end:1px solid var(--ds-border);border-inline-end:1px solid var(--ds-border);cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.cb-playground__viewport-btn:last-child{-webkit-border-end:none;border-inline-end:none}.cb-playground__viewport-btn:hover{color:var(--ds-foreground);background:var(--ds-muted)}.cb-playground__viewport-btn--active{color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 10%,transparent)}.cb-playground__viewport-btn--active:hover{color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 15%,transparent)}.cb-playground__canvas{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--ds-space-8);background-color:var(--ds-card);background-image:radial-gradient(circle,var(--ds-border) 1px,transparent 1px);background-size:20px 20px;transition:background .2s,max-width .3s;box-sizing:border-box;overflow:visible}.cb-playground--bg-white{background-color:var(--ds-background,#fff);background-image:none}.cb-playground--bg-dark{background-color:var(--ds-foreground,#111827);background-image:none}.cb-playground--bg-grid{background-color:var(--ds-card);background-image:linear-gradient(to right,var(--ds-border) 1px,transparent 1px),linear-gradient(to bottom,var(--ds-border) 1px,transparent 1px);background-size:24px 24px}.cb-playground__toolbar-btn{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);background:transparent;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);cursor:pointer;transition:all .2s;white-space:nowrap}.cb-playground__toolbar-btn:hover{color:var(--ds-foreground);border-color:var(--ds-ring)}.cb-playground__toolbar-btn--active{color:var(--ds-primary);border-color:var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 10%,transparent)}.cb-playground__code-view{background:var(--ds-foreground,#1e1e2e);color:var(--ds-background,#cdd6f4);font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;border-top:1px solid var(--ds-border,#313244);overflow-x:auto}.cb-playground__code-view-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid color-mix(in srgb,var(--ds-background,#cdd6f4) 15%,transparent)}.cb-playground__code-view-label{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.cb-playground__code-view-header .cb-playground__toolbar-btn{font-size:11px;color:color-mix(in srgb,var(--ds-background,#cdd6f4) 70%,transparent);border-color:color-mix(in srgb,var(--ds-background,#cdd6f4) 25%,transparent);background:transparent}.cb-playground__code-view-header .cb-playground__toolbar-btn:hover{color:var(--ds-background,#cdd6f4);border-color:color-mix(in srgb,var(--ds-background,#cdd6f4) 60%,transparent);background:color-mix(in srgb,var(--ds-background,#cdd6f4) 10%,transparent)}.cb-playground__code-view-header .cb-playground__toolbar-btn--active{color:var(--ds-primary,#89b4fa);border-color:var(--ds-primary,#89b4fa);background:color-mix(in srgb,var(--ds-primary,#89b4fa) 15%,transparent)}.cb-playground__code-view-pre{margin:0;padding:16px;overflow-x:auto;white-space:pre;line-height:1.6;color:inherit;font-family:inherit;font-size:inherit}.cb-playground__code-view-pre code{font-family:inherit;font-size:inherit;color:inherit;background:none;padding:0}.cb-variant-showcase{margin-bottom:var(--ds-space-4)}.cb-variant-showcase__title{font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground);margin:0 0 var(--ds-space-3) 0}.cb-variant-showcase__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.cb-variant-showcase__item{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-4);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);min-height:80px;max-height:300px;overflow-y:auto;overflow-x:hidden;position:static}.cb-variant-showcase__label{font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);font-family:monospace}.cb-size-showcase{margin-bottom:var(--ds-space-4)}.cb-size-showcase__title{font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground);margin:0 0 var(--ds-space-3) 0}.cb-size-showcase__row{display:flex;align-items:flex-end;gap:var(--ds-space-4);flex-wrap:wrap}.cb-size-showcase__item{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2)}.cb-size-showcase__label{font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);font-family:monospace}.cb-state-showcase{margin-bottom:var(--ds-space-4)}.cb-state-showcase__title{font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground);margin:0 0 var(--ds-space-3) 0}.cb-state-showcase__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.cb-state-showcase__item{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-4);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.cb-state-showcase__label{font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);font-family:monospace}.cb-error-boundary{flex-direction:column;padding:2rem;text-align:center;gap:.5rem;min-height:120px;color:var(--ds-muted-foreground)}.cb-error-boundary,.cb-error-boundary__icon{display:flex;align-items:center;justify-content:center}.cb-error-boundary__icon{width:32px;height:32px;border-radius:50%;background:var(--ds-destructive,#f59e0b);color:#fff;font-weight:700;font-size:1.25rem}.cb-error-boundary__title{font-weight:600;color:var(--ds-foreground);margin:0}.cb-error-boundary__detail{font-family:monospace}.cb-error-boundary__detail,.cb-error-boundary__hint{font-size:.8rem;color:var(--ds-muted-foreground);margin:0}.cb-theme-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow:hidden;transition:all .2s}.cb-theme-card:hover{border-color:var(--ds-ring);transform:translateY(-2px)}.cb-theme-card--active{border-color:var(--ds-primary);box-shadow:0 0 0 2px var(--ds-accent)}.cb-theme-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border)}.cb-theme-card__title{font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground)}.cb-theme-card__badge{font-size:var(--ds-font-xs);padding:var(--ds-space-0) var(--ds-space-2);border-radius:var(--ds-radius-full);background:var(--ds-accent);color:var(--ds-accent-foreground);font-weight:var(--ds-weight-medium)}.cb-theme-card__swatch{display:flex;gap:var(--ds-space-1);padding:var(--ds-space-3) var(--ds-space-4)}.cb-theme-card__swatch-color{flex:1 1;height:32px;border-radius:var(--ds-radius-sm)}.cb-theme-card__swatch-color:first-child{border-radius:var(--ds-radius-sm) 0 0 var(--ds-radius-sm)}.cb-theme-card__swatch-color:last-child{border-radius:0 var(--ds-radius-sm) var(--ds-radius-sm) 0}.cb-theme-card__label{padding:var(--ds-space-2) var(--ds-space-4);font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);border-top:1px solid var(--ds-border)}.cb-color-swatch{display:flex;flex-direction:column;border-radius:var(--ds-radius-md);overflow:hidden;border:1px solid var(--ds-border)}.cb-color-swatch__preview{height:64px;transition:transform .2s}.cb-color-swatch__preview:hover{transform:scale(1.02)}.cb-color-swatch__info{padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-card)}.cb-color-swatch__name{font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground);margin-bottom:var(--ds-space-1)}.cb-color-swatch__value{font-size:var(--ds-font-xs);font-family:monospace;color:var(--ds-muted-foreground)}.cb-type-specimen{padding:var(--ds-space-4) var(--ds-space-0);border-bottom:1px solid var(--ds-border)}.cb-type-specimen:last-child{border-bottom:none}.cb-type-specimen__label{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-2);font-family:monospace}.cb-type-specimen__label,.cb-type-specimen__meta{font-size:var(--ds-font-xs);color:var(--ds-muted-foreground)}.cb-type-specimen__meta{background:var(--ds-muted);padding:var(--ds-space-0) var(--ds-space-2);border-radius:var(--ds-radius-sm)}.cb-type-specimen__sample{color:var(--ds-foreground);line-height:1.4}.cb-spacing-demo{display:flex;flex-direction:column;gap:var(--ds-space-3)}.cb-spacing-demo__item{display:flex;align-items:center;gap:var(--ds-space-4)}.cb-spacing-demo__label{min-width:100px;font-size:var(--ds-font-xs);font-family:monospace;color:var(--ds-muted-foreground)}.cb-spacing-demo__bar{height:16px;background:var(--ds-primary);border-radius:var(--ds-radius-sm);opacity:.6;transition:opacity .2s}.cb-spacing-demo__bar:hover{opacity:1}.cb-spacing-demo__value{font-size:var(--ds-font-xs);font-family:monospace;color:var(--ds-muted-foreground)}.cb-radius-demo{display:flex;flex-wrap:wrap;gap:var(--ds-space-4)}.cb-radius-demo__item{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2)}.cb-radius-demo__preview{width:64px;height:64px;background:var(--ds-primary);opacity:.6;transition:opacity .2s}.cb-radius-demo__preview:hover{opacity:1}.cb-radius-demo__label{font-size:var(--ds-font-xs);font-family:monospace;color:var(--ds-muted-foreground);text-align:center}.cb-colors-page,.cb-themes-page,.cb-typography-page{max-width:960px;display:flex;flex-direction:column;gap:var(--ds-space-4)}.cb-colors-page__header,.cb-themes-page__header,.cb-typography-page__header{margin-bottom:var(--ds-space-2)}.cb-colors-page__title,.cb-themes-page__title,.cb-typography-page__title{font-size:var(--ds-font-3xl);font-weight:var(--ds-weight-bold);color:var(--ds-foreground);margin-bottom:var(--ds-space-2)}.cb-colors-page__description,.cb-themes-page__description,.cb-typography-page__description{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.6}.cb-themes-page__section-heading{font-size:var(--ds-font-xl);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground);margin-top:var(--ds-space-4);margin-bottom:var(--ds-space-3)}.cb-themes-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.cb-themes-page__token-label{font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground);margin-bottom:var(--ds-space-3)}.cb-themes-page__token-table{width:100%;border-collapse:collapse;font-size:var(--ds-font-sm)}.cb-themes-page__token-table th{text-align:start;font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-muted-foreground)}.cb-themes-page__token-table td,.cb-themes-page__token-table th{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-font-xs);border-bottom:1px solid var(--ds-border)}.cb-themes-page__token-table td{color:var(--ds-card-foreground);font-family:monospace}.cb-themes-page__token-table tr:last-child td{border-bottom:none}.cb-colors-page__section{margin-bottom:var(--ds-space-2)}.cb-colors-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--ds-space-3);gap:var(--ds-space-3)}.cb-colors-page__pair{display:flex;flex-direction:column;gap:var(--ds-space-2)}.cb-typography-page__section{margin-bottom:var(--ds-space-2)}.cb-typography-page__specimens{display:flex;flex-direction:column}.cb-typography-page__specimen{display:flex;align-items:baseline;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-0);border-bottom:1px solid var(--ds-border)}.cb-typography-page__specimen:last-child{border-bottom:none}.cb-typography-page__specimen-text{color:var(--ds-foreground);line-height:1.4;flex:1 1}.cb-typography-page__specimen-var{font-size:var(--ds-font-xs);font-family:monospace;color:var(--ds-muted-foreground);background:var(--ds-muted);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);white-space:nowrap}.cb-spacing-page{max-width:960px;display:flex;flex-direction:column;gap:var(--ds-space-4)}.cb-spacing-page__header,.cb-spacing-page__title{margin-bottom:var(--ds-space-2)}.cb-spacing-page__title{font-size:var(--ds-font-3xl);font-weight:var(--ds-weight-bold);color:var(--ds-foreground)}.cb-spacing-page__description{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.6}.cb-spacing-page__guidelines{font-size:var(--ds-font-sm)}.cb-spacing-page__table{width:100%;border-collapse:collapse}.cb-spacing-page__table th{text-align:start;font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-muted-foreground)}.cb-spacing-page__table td,.cb-spacing-page__table th{padding:var(--ds-space-2) var(--ds-space-3);border-bottom:1px solid var(--ds-border)}.cb-spacing-page__table td{color:var(--ds-card-foreground);font-size:var(--ds-font-sm)}.cb-spacing-page__table tr:last-child td{border-bottom:none}.cb-radius-page{max-width:960px;display:flex;flex-direction:column;gap:var(--ds-space-4)}.cb-radius-page__header,.cb-radius-page__title{margin-bottom:var(--ds-space-2)}.cb-radius-page__title{font-size:var(--ds-font-3xl);font-weight:var(--ds-weight-bold);color:var(--ds-foreground)}.cb-radius-page__description{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.6}.cb-radius-page__guidelines{font-size:var(--ds-font-sm)}.cb-radius-page__table{width:100%;border-collapse:collapse}.cb-radius-page__table th{text-align:start;font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-muted-foreground)}.cb-radius-page__table td,.cb-radius-page__table th{padding:var(--ds-space-2) var(--ds-space-3);border-bottom:1px solid var(--ds-border)}.cb-radius-page__table td{color:var(--ds-card-foreground);font-size:var(--ds-font-sm)}.cb-radius-page__table tr:last-child td{border-bottom:none}.cb-shadows-page{max-width:960px;display:flex;flex-direction:column;gap:var(--ds-space-4)}.cb-shadows-page__header,.cb-shadows-page__title{margin-bottom:var(--ds-space-2)}.cb-shadows-page__title{font-size:var(--ds-font-3xl);font-weight:var(--ds-weight-bold);color:var(--ds-foreground)}.cb-shadows-page__description{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.6}.cb-shadow-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--ds-space-6);gap:var(--ds-space-6)}.cb-shadow-demo__item{display:flex;flex-direction:column;gap:var(--ds-space-3)}.cb-shadow-demo__preview{width:100%;height:80px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);transition:box-shadow .3s}.cb-shadow-demo__info{display:flex;flex-direction:column;gap:var(--ds-space-1)}.cb-shadow-demo__label{font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground)}.cb-shadow-demo__token{font-size:var(--ds-font-xs);font-family:monospace;color:var(--ds-primary)}.cb-shadow-demo__desc{font-size:var(--ds-font-xs);color:var(--ds-muted-foreground)}.cb-shadows-page__guidelines{font-size:var(--ds-font-sm)}.cb-shadows-page__table{width:100%;border-collapse:collapse}.cb-shadows-page__table th{text-align:start;font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-muted-foreground)}.cb-shadows-page__table td,.cb-shadows-page__table th{padding:var(--ds-space-2) var(--ds-space-3);border-bottom:1px solid var(--ds-border)}.cb-shadows-page__table td{color:var(--ds-card-foreground);font-size:var(--ds-font-sm)}.cb-shadows-page__table tr:last-child td{border-bottom:none}.cb-opacity-page{max-width:960px;display:flex;flex-direction:column;gap:var(--ds-space-4)}.cb-opacity-page__header,.cb-opacity-page__title{margin-bottom:var(--ds-space-2)}.cb-opacity-page__title{font-size:var(--ds-font-3xl);font-weight:var(--ds-weight-bold);color:var(--ds-foreground)}.cb-opacity-page__description{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.6}.cb-opacity-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.cb-opacity-demo__item{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2)}.cb-opacity-demo__preview-wrapper{width:64px;height:64px;border-radius:var(--ds-radius-md);background-image:repeating-conic-gradient(var(--ds-muted) 0 25%,transparent 0 50%);background-size:8px 8px;overflow:hidden}.cb-opacity-demo__preview{width:100%;height:100%;background:var(--ds-primary);transition:opacity .2s}.cb-opacity-demo__label{font-size:var(--ds-font-xs);font-family:monospace;color:var(--ds-muted-foreground);text-align:center}.cb-opacity-demo__value{font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground)}.cb-opacity-page__guidelines{font-size:var(--ds-font-sm)}.cb-opacity-page__table{width:100%;border-collapse:collapse}.cb-opacity-page__table th{text-align:start;font-size:var(--ds-font-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-muted-foreground)}.cb-opacity-page__table td,.cb-opacity-page__table th{padding:var(--ds-space-2) var(--ds-space-3);border-bottom:1px solid var(--ds-border)}.cb-opacity-page__table td{color:var(--ds-card-foreground);font-size:var(--ds-font-sm)}.cb-opacity-page__table tr:last-child td{border-bottom:none}@media (max-width:768px){.cb-themes-page__grid{grid-template-columns:1fr}.cb-colors-page__grid{grid-template-columns:repeat(2,1fr)}.cb-typography-page__specimen{flex-direction:column;gap:var(--ds-space-1)}}.cb-landing{max-width:960px;margin:0 auto;padding:var(--ds-space-8) var(--ds-space-6);display:flex;flex-direction:column;gap:var(--ds-space-10)}.cb-landing__header{text-align:start}.cb-landing__title{font-size:2.25rem;font-weight:var(--ds-weight-bold);color:var(--ds-foreground);margin:0 0 var(--ds-space-2) 0;line-height:1.2}.cb-landing__subtitle{font-size:var(--ds-font-base);color:var(--ds-muted-foreground);margin:0}.cb-landing__hero-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.cb-landing__hero-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);text-decoration:none;display:flex;flex-direction:column;gap:var(--ds-space-3);transition:border-color .2s,box-shadow .2s;cursor:pointer}.cb-landing__hero-card:hover{border-color:var(--ds-primary);box-shadow:0 4px 16px rgba(0,0,0,.06)}.cb-landing__hero-card-header{display:flex;align-items:center;gap:var(--ds-space-2)}.cb-landing__hero-card-title{font-size:var(--ds-font-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground);margin:0}.cb-landing__hero-card-badge{font-size:.6875rem;font-weight:var(--ds-weight-semibold);padding:2px 8px;border-radius:var(--ds-radius-full);background:var(--ds-primary);color:var(--ds-primary-foreground);white-space:nowrap}.cb-landing__hero-card-desc{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.5;margin:0}.cb-landing__hero-illustration{margin-top:auto;padding-top:var(--ds-space-3)}.cb-landing__hero-shapes{display:flex;gap:var(--ds-space-2);align-items:center;margin-bottom:var(--ds-space-2)}.cb-landing__shape--rect{width:40px;height:28px;border-radius:var(--ds-radius-sm);background:var(--ds-primary);opacity:.2}.cb-landing__shape--circle{width:24px;height:24px;border-radius:50%;background:var(--ds-primary);opacity:.15}.cb-landing__hero-lines{display:flex;flex-direction:column;gap:6px}.cb-landing__shape--line{height:6px;border-radius:3px;background:var(--ds-muted);width:100%}.cb-landing__shape--line-short{width:60%}.cb-landing__shape--line-medium{width:80%}.cb-landing__hero-cards-stack{display:flex;flex-direction:column;gap:4px}.cb-landing__mini-card{height:28px;border-radius:var(--ds-radius-sm);background:var(--ds-muted);border:1px solid var(--ds-border)}.cb-landing__mini-card:first-child{opacity:.6}.cb-landing__mini-card:nth-child(2){opacity:.8}.cb-landing__hero-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.cb-landing__theme-swatch{height:24px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border)}.cb-landing__theme-swatch--1{background:var(--ds-primary)}.cb-landing__theme-swatch--2{background:var(--ds-secondary)}.cb-landing__theme-swatch--3{background:var(--ds-accent)}.cb-landing__theme-swatch--4{background:var(--ds-destructive)}.cb-landing__theme-swatch--5{background:var(--ds-ring)}.cb-landing__theme-swatch--6{background:var(--ds-muted-foreground)}.cb-landing__section-title{font-size:var(--ds-font-xl);font-weight:var(--ds-weight-semibold);color:var(--ds-foreground);margin:0 0 var(--ds-space-2) 0}.cb-landing__section-header{margin-bottom:var(--ds-space-4)}.cb-landing__section-subtitle{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);margin:var(--ds-space-1) 0 0 0}.cb-landing__principles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ds-space-4);gap:var(--ds-space-4);margin-top:var(--ds-space-4)}.cb-landing__principle-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);display:flex;flex-direction:column;gap:var(--ds-space-3)}.cb-landing__principle-icon{width:40px;height:40px;border-radius:var(--ds-radius-md);background:var(--ds-accent);display:flex;align-items:center;justify-content:center;color:var(--ds-primary)}.cb-landing__principle-title{font-size:var(--ds-font-base);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground);margin:0}.cb-landing__principle-desc{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.6;margin:0}.cb-landing__components-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.cb-landing__component-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);text-decoration:none;display:flex;flex-direction:column;gap:var(--ds-space-2);transition:border-color .2s,box-shadow .2s;cursor:pointer}.cb-landing__component-card:hover{border-color:var(--ds-primary);box-shadow:0 4px 16px rgba(0,0,0,.06)}.cb-landing__component-card-header{display:flex;align-items:center;justify-content:space-between}.cb-landing__component-icon{width:36px;height:36px;border-radius:var(--ds-radius-md);background:var(--ds-accent);display:flex;align-items:center;justify-content:center;color:var(--ds-primary)}.cb-landing__component-count{font-size:.6875rem;font-weight:var(--ds-weight-medium);color:var(--ds-muted-foreground);white-space:nowrap}.cb-landing__component-title{font-size:var(--ds-font-base);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground);margin:var(--ds-space-1) 0 0 0}.cb-landing__component-desc{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.5;margin:0}.cb-landing__branding{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-6);padding:var(--ds-space-6);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg)}.cb-landing__branding-info{flex:1 1}.cb-landing__branding-logo{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.cb-landing__branding-logo-icon{width:28px;height:28px;border-radius:var(--ds-radius-md);background:var(--ds-primary);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:var(--ds-weight-bold);color:var(--ds-primary-foreground)}.cb-landing__branding-name{font-size:var(--ds-font-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-card-foreground)}.cb-landing__branding-desc{font-size:var(--ds-font-sm);color:var(--ds-muted-foreground);line-height:1.5;margin:0;max-width:420px}.cb-landing__branding-stats{display:flex;gap:var(--ds-space-6)}.cb-landing__branding-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.cb-landing__branding-stat-number{font-size:var(--ds-font-xl);font-weight:var(--ds-weight-bold);color:var(--ds-foreground)}.cb-landing__branding-stat-label{font-size:var(--ds-font-xs);color:var(--ds-muted-foreground)}@media (max-width:768px){.cb-landing{padding:var(--ds-space-4);gap:var(--ds-space-6)}.cb-landing__components-grid,.cb-landing__hero-grid,.cb-landing__principles-grid{grid-template-columns:1fr}.cb-landing__branding{flex-direction:column;text-align:center}.cb-landing__branding-logo{justify-content:center}.cb-landing__branding-desc{max-width:none}}@media (min-width:769px) and (max-width:1024px){.cb-landing__components-grid,.cb-landing__hero-grid{grid-template-columns:repeat(2,1fr)}}.cb-landing__stats{margin-bottom:var(--ds-space-2)}.cb-landing__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ds-space-5);gap:var(--ds-space-5)}.cb-landing__card,.cb-landing__quick-links,.cb-landing__recent{display:none}.cb-stats-banner{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.cb-stats-banner__stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4) var(--ds-space-3);text-align:center;display:flex;flex-direction:column;gap:var(--ds-space-1)}.cb-stats-banner__number{font-size:var(--ds-font-2xl);font-weight:var(--ds-weight-bold);color:var(--ds-primary)}.cb-stats-banner__label{font-size:var(--ds-font-xs);color:var(--ds-muted-foreground);text-transform:uppercase;letter-spacing:.05em}@media (max-width:480px){.cb-layout{grid-template-rows:auto 1fr auto}.cb-layout,.cb-layout--with-assistant{grid-template-columns:1fr}.cb-sidebar{display:none}.cb-layout__content,.cb-main{padding:var(--ds-space-3)}.cb-landing__title{font-size:var(--ds-font-xl)}.cb-landing__grid{grid-template-columns:1fr;gap:var(--ds-space-3)}.cb-component-header{flex-direction:column;gap:var(--ds-space-2)}.cb-component-header__title{font-size:var(--ds-font-xl)}.cb-playground__canvas,.cb-preview__canvas{min-height:120px;padding:var(--ds-space-4)}.cb-level-meta{flex-direction:column;align-items:flex-start;gap:var(--ds-space-2)}.cb-level-meta__divider{display:none}}@media (max-width:640px){.cb-landing__grid{grid-template-columns:1fr}.cb-layout__content,.cb-main{padding:var(--ds-space-4)}.cb-header{padding:var(--ds-space-2) var(--ds-space-3)}.cb-header__title{font-size:var(--ds-font-sm)}.cb-props-table__table,.cb-props__table{font-size:var(--ds-font-xs)}.cb-radius-demo{gap:var(--ds-space-2)}}@media (max-width:768px){.cb-layout,.cb-layout--with-assistant{grid-template-columns:1fr}.cb-header{grid-column:1/-1}.cb-mobile-menu{display:inline-flex}.cb-sidebar{display:none;position:fixed;top:0;inset-inline-start:0;bottom:0;width:280px;z-index:100;box-shadow:4px 0 24px rgba(0,0,0,.15)}.cb-sidebar--open{display:flex}.cb-footer{flex-direction:column;gap:var(--ds-space-1);text-align:center}.cb-header__version,.cb-theme-switcher__label{display:none}}@media (max-width:1024px){.cb-layout,.cb-layout--with-assistant{grid-template-columns:200px 1fr}.cb-sidebar__item{font-size:var(--ds-font-xs);padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) var(--ds-space-4)}.cb-sidebar__group-header{font-size:var(--ds-font-xs);padding:var(--ds-space-1) var(--ds-space-2)}}@media (max-width:1280px){.cb-layout{grid-template-columns:240px 1fr}.cb-layout--with-assistant{grid-template-columns:240px 1fr 280px}}@media (min-width:1440px){.cb-layout{grid-template-columns:280px 1fr}.cb-layout--with-assistant{grid-template-columns:280px 1fr 360px}.cb-layout__content,.cb-main{padding:var(--ds-space-12)}.cb-landing{max-width:1100px}.cb-landing__grid{grid-template-columns:repeat(4,1fr)}}.cb-docs-trigger{position:fixed;bottom:24px;inset-inline-end:24px;display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--ds-primary,#6c2bd9);color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:.8125rem;font-weight:500;font-family:inherit;box-shadow:0 4px 16px rgba(108,43,217,.35);transition:transform .15s,box-shadow .15s,background .15s;z-index:var(--global-z-tooltip,9999)}.cb-docs-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,43,217,.45)}.cb-docs-trigger--active{background:var(--ds-foreground,#0f0f1a)}.cb-assistant{position:fixed;top:0;inset-inline-end:0;width:380px;height:100vh;background:var(--ds-card,#fff);-webkit-border-start:1px solid var(--ds-border,#eeebf4);border-inline-start:1px solid var(--ds-border,#eeebf4);display:flex;flex-direction:column;z-index:calc(var(--global-z-tooltip, 9999) - 1);box-shadow:-4px 0 24px rgba(0,0,0,.08);animation:cb-slide-in .2s ease}@keyframes cb-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.cb-assistant__header{justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ds-border,#eeebf4);flex-shrink:0}.cb-assistant__header,.cb-assistant__header-left{display:flex;align-items:center;gap:8px}.cb-assistant__header-right{display:flex;align-items:center;gap:6px}.cb-assistant__title{font-size:.875rem;font-weight:600;color:var(--ds-foreground,#0f0f1a)}.cb-assistant__tabs{display:flex;gap:2px;background:var(--ds-background,#f8f7ff);border-radius:var(--ds-radius-md,.5rem);padding:2px;border:1px solid var(--ds-border,#eeebf4)}.cb-assistant__tab{padding:3px 10px;border:none;border-radius:calc(var(--ds-radius-md, .5rem) - 2px);background:transparent;font-size:.75rem;font-family:inherit;cursor:pointer;color:var(--ds-muted-foreground,#64748b);transition:background .1s,color .1s}.cb-assistant__tab--active{background:var(--ds-card,#fff);color:var(--ds-foreground,#0f0f1a);font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.08)}.cb-assistant__close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:none;cursor:pointer;border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-muted-foreground,#64748b);transition:background .1s}.cb-assistant__close:hover{background:var(--ds-background,#f8f7ff)}.cb-assistant__docs{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.cb-assistant__section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-muted-foreground,#64748b);margin:0 0 8px}.cb-assistant__section-text{font-size:.8125rem;color:var(--ds-foreground,#0f0f1a);line-height:1.6;margin:0}.cb-assistant__props-table{width:100%;border-collapse:collapse;font-size:.75rem}.cb-assistant__props-table th{text-align:start;padding:4px 8px;color:var(--ds-muted-foreground,#64748b);border-bottom:1px solid var(--ds-border,#eeebf4);font-weight:500}.cb-assistant__props-table td{padding:5px 8px;border-bottom:1px solid color-mix(in srgb,var(--ds-border,#eeebf4) 50%,transparent);color:var(--ds-foreground,#0f0f1a);vertical-align:top}.cb-assistant__props-table td code{font-size:.6875rem;background:color-mix(in srgb,var(--ds-primary,#6c2bd9) 8%,transparent);color:var(--ds-primary,#6c2bd9);padding:1px 4px;border-radius:3px}.cb-assistant__type-badge{font-size:.6875rem;background:var(--ds-background,#f8f7ff);color:var(--ds-muted-foreground,#64748b);padding:1px 5px;border-radius:3px;border:1px solid var(--ds-border,#eeebf4)}.cb-assistant__story-list{display:flex;flex-wrap:wrap;gap:4px}.cb-assistant__story-chip{font-size:.6875rem;padding:3px 8px;background:color-mix(in srgb,var(--ds-primary,#6c2bd9) 8%,transparent);color:var(--ds-primary,#6c2bd9);border-radius:12px}.cb-assistant__tag-chip{padding:3px 8px;background:var(--ds-background,#f8f7ff);border:1px solid var(--ds-border,#eeebf4);border-radius:12px}.cb-assistant__source-path,.cb-assistant__tag-chip{font-size:.6875rem;color:var(--ds-muted-foreground,#64748b)}.cb-assistant__source-path{word-break:break-all}.cb-assistant__chat-cta{margin-top:auto;padding:12px;background:color-mix(in srgb,var(--ds-primary,#6c2bd9) 6%,transparent);border-radius:var(--ds-radius-md,.5rem);border:1px solid color-mix(in srgb,var(--ds-primary,#6c2bd9) 20%,transparent);display:flex;align-items:center;justify-content:space-between;gap:8px}.cb-assistant__chat-cta p{font-size:.8125rem;color:var(--ds-foreground,#0f0f1a);margin:0}.cb-assistant__cta-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;background:var(--ds-primary,#6c2bd9);color:#fff;border:none;border-radius:var(--ds-radius-md,.5rem);font-size:.75rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.cb-assistant__cta-btn:hover{opacity:.88}.cb-assistant__messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.cb-assistant__empty{flex:1 1;flex-direction:column;text-align:center;gap:8px;padding:32px 16px;min-height:200px}.cb-assistant__empty,.cb-assistant__empty-icon{display:flex;align-items:center;justify-content:center}.cb-assistant__empty-icon{width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--ds-primary,#6c2bd9) 10%,transparent);margin-bottom:4px}.cb-assistant__empty-title{font-size:.9375rem;font-weight:600;color:var(--ds-foreground,#0f0f1a);margin:0}.cb-assistant__empty-subtitle{font-size:.8125rem;color:var(--ds-muted-foreground,#64748b);margin:0;line-height:1.5}.cb-assistant__suggestions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px}.cb-assistant__suggestion{padding:8px 12px;background:var(--ds-background,#f8f7ff);border:1px solid var(--ds-border,#eeebf4);border-radius:var(--ds-radius-md,.5rem);font-size:.8125rem;font-family:inherit;color:var(--ds-foreground,#0f0f1a);cursor:pointer;text-align:start;transition:background .1s,border-color .1s}.cb-assistant__suggestion:hover{background:color-mix(in srgb,var(--ds-primary,#6c2bd9) 6%,transparent);border-color:color-mix(in srgb,var(--ds-primary,#6c2bd9) 30%,transparent)}.cb-assistant__message{display:flex;gap:8px;align-items:flex-start}.cb-assistant__message--user{flex-direction:row-reverse}.cb-assistant__avatar{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--ds-primary,#6c2bd9) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ds-primary,#6c2bd9)}.cb-assistant__bubble{max-width:calc(100% - 40px);padding:10px 12px;border-radius:var(--ds-radius-md,.5rem);font-size:.8125rem;line-height:1.6}.cb-assistant__message--user .cb-assistant__bubble{background:var(--ds-primary,#6c2bd9);color:#fff;border-bottom-right-radius:4px}.cb-assistant__message--assistant .cb-assistant__bubble{background:var(--ds-background,#f8f7ff);color:var(--ds-foreground,#0f0f1a);border:1px solid var(--ds-border,#eeebf4);border-bottom-left-radius:4px}.cb-assistant-md{font-size:.8125rem;line-height:1.6}.cb-assistant-inline-code{background:color-mix(in srgb,var(--ds-primary,#6c2bd9) 10%,transparent);color:var(--ds-primary,#6c2bd9);padding:1px 4px;border-radius:3px;font-size:.75rem}.cb-assistant-code-block{margin:8px 0;border-radius:var(--ds-radius-md,.5rem);overflow:hidden;border:1px solid var(--ds-border,#eeebf4)}.cb-assistant-code-lang{display:block;padding:4px 10px;background:var(--ds-foreground,#0f0f1a);color:var(--ds-muted-foreground,#94a3b8);font-size:.6875rem;font-family:monospace}.cb-assistant-code-block pre{margin:0;padding:12px;background:color-mix(in srgb,var(--ds-foreground,#0f0f1a) 92%,transparent);overflow-x:auto}.cb-assistant-code-block code{color:#e2e8f0;font-size:.75rem;font-family:Fira Code,Consolas,monospace;white-space:pre}.cb-assistant__typing{display:inline-flex;gap:3px;align-items:center;padding:4px 0}.cb-assistant__typing span{width:6px;height:6px;border-radius:50%;background:var(--ds-muted-foreground,#94a3b8);animation:cb-bounce 1.2s infinite}.cb-assistant__typing span:nth-child(2){animation-delay:.2s}.cb-assistant__typing span:nth-child(3){animation-delay:.4s}@keyframes cb-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.cb-assistant__input-area{border-top:1px solid var(--ds-border,#eeebf4);padding:12px 16px;flex-shrink:0}.cb-assistant__input-row{display:flex;gap:8px;align-items:flex-end}.cb-assistant__input{flex:1 1;padding:8px 12px;background:var(--ds-background,#f8f7ff);border:1px solid var(--ds-border,#eeebf4);border-radius:var(--ds-radius-md,.5rem);font-size:.8125rem;font-family:inherit;color:var(--ds-foreground,#0f0f1a);resize:none;outline:none;max-height:100px;min-height:36px;line-height:1.5;transition:border-color .15s}.cb-assistant__input:focus{border-color:var(--ds-primary,#6c2bd9)}.cb-assistant__input:disabled{opacity:.6;cursor:not-allowed}.cb-assistant__send{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary,#6c2bd9);color:#fff;border:none;border-radius:var(--ds-radius-md,.5rem);cursor:pointer;flex-shrink:0;transition:opacity .15s}.cb-assistant__send:disabled{opacity:.4;cursor:not-allowed}.cb-assistant__send:not(:disabled):hover{opacity:.85}.cb-assistant__spin{animation:cb-spin 1s linear infinite}@keyframes cb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cb-assistant__input-hint{font-size:.625rem;color:var(--ds-muted-foreground,#94a3b8);margin:6px 0 0;text-align:end}@media (max-width:500px){.cb-assistant{width:100%}}:root{--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-skin=default]{--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-skin=sharp-compact]{--ds-radius-sm:2px;--ds-radius-md:4px;--ds-radius-lg:6px;--ds-radius-full:6px;--ds-space-unit:0.85;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.06);--ds-shadow-md:0 2px 4px rgba(0,0,0,.1);--ds-shadow-lg:0 4px 8px rgba(0,0,0,.12)}[data-skin=rounded-spacious]{--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-full:9999px;--ds-space-unit:1.15;--ds-shadow-sm:0 1px 3px rgba(0,0,0,.04);--ds-shadow-md:0 4px 8px rgba(0,0,0,.08);--ds-shadow-lg:0 12px 24px rgba(0,0,0,.12)}[data-skin=minimal]{--ds-radius-sm:0;--ds-radius-md:2px;--ds-radius-lg:4px;--ds-radius-full:4px;--ds-space-unit:1;--ds-shadow-sm:none;--ds-shadow-md:none;--ds-shadow-lg:0 1px 2px rgba(0,0,0,.05)}:root{--ds-font-xs:0.75rem;--ds-font-sm:0.875rem;--ds-font-base:1rem;--ds-font-lg:1.125rem;--ds-font-xl:1.25rem;--ds-font-2xl:1.5rem;--ds-font-3xl:1.875rem;--ds-weight-light:300;--ds-weight-normal:400;--ds-weight-medium:500;--ds-weight-semibold:600;--ds-weight-bold:700;--ds-space-0:0;--ds-space-1:0.25rem;--ds-space-2:0.5rem;--ds-space-3:0.75rem;--ds-space-4:1rem;--ds-space-5:1.25rem;--ds-space-6:1.5rem;--ds-space-8:2rem;--ds-space-10:2.5rem;--ds-space-12:3rem;--ds-space-16:4rem;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-xl:1rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--ds-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--ds-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--ds-shadow-none:0 0 #0000;--ds-opacity-0:0;--ds-opacity-5:0.05;--ds-opacity-10:0.1;--ds-opacity-25:0.25;--ds-opacity-50:0.5;--ds-opacity-75:0.75;--ds-opacity-90:0.9;--ds-opacity-100:1}:root,[data-theme=infinity-violet]{--ds-primary:#6c2bd9;--ds-primary-foreground:#fff;--ds-secondary:#e8dbfa;--ds-secondary-foreground:#6c2bd9;--ds-accent:#f0eafc;--ds-accent-foreground:#5521b0;--ds-muted:#f1f0f3;--ds-muted-foreground:#6b7280;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#fafafe;--ds-foreground:#0f0f1a;--ds-card:#fff;--ds-card-foreground:#0f0f1a;--ds-border:#eeebf4;--ds-ring:#6c2bd9;--ds-chart-1:#6c2bd9;--ds-chart-2:#a78bfa;--ds-chart-3:#c4b5fd;--ds-chart-4:#8b5cf6;--ds-chart-5:#4c1d95;--ds-brand-50:#f5f0ff;--ds-brand-100:#ede5ff;--ds-brand-200:#dccbff;--ds-brand-300:#c4a1ff;--ds-brand-400:#a76ef7;--ds-brand-500:#6c2bd9;--ds-brand-600:#5b22bf;--ds-brand-700:#4a1a9e;--ds-brand-800:#3d1580;--ds-brand-900:#2d0f63;--ds-gradient-from:#6c2bd9;--ds-gradient-via:#a78bfa;--ds-gradient-to:#c4b5fd}[data-theme=infinity-violet]{--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-theme=ocean-blue]{--ds-primary:#2563eb;--ds-primary-foreground:#fff;--ds-secondary:#dbeafe;--ds-secondary-foreground:#1d4ed8;--ds-accent:#eff6ff;--ds-accent-foreground:#1d4ed8;--ds-muted:#f1f5f9;--ds-muted-foreground:#6b7280;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#fafbfe;--ds-foreground:#0f172a;--ds-card:#fff;--ds-card-foreground:#0f172a;--ds-border:#e8edf6;--ds-ring:#2563eb;--ds-chart-1:#2563eb;--ds-chart-2:#60a5fa;--ds-chart-3:#93c5fd;--ds-chart-4:#3b82f6;--ds-chart-5:#1e40af;--ds-brand-50:#eff6ff;--ds-brand-100:#dbeafe;--ds-brand-200:#bfdbfe;--ds-brand-300:#93c5fd;--ds-brand-400:#60a5fa;--ds-brand-500:#2563eb;--ds-brand-600:#1d4ed8;--ds-brand-700:#1e3a8a;--ds-brand-800:#1e3070;--ds-brand-900:#172554;--ds-gradient-from:#2563eb;--ds-gradient-via:#60a5fa;--ds-gradient-to:#93c5fd;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-theme=emerald]{--ds-primary:#047857;--ds-primary-foreground:#fff;--ds-secondary:#d1fae5;--ds-secondary-foreground:#047857;--ds-accent:#ecfdf5;--ds-accent-foreground:#047857;--ds-muted:#f0fdf4;--ds-muted-foreground:#6b7280;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#fafdfb;--ds-foreground:#0f1a14;--ds-card:#fff;--ds-card-foreground:#0f1a14;--ds-border:#e6f4ec;--ds-ring:#047857;--ds-chart-1:#047857;--ds-chart-2:#34d399;--ds-chart-3:#6ee7b7;--ds-chart-4:#10b981;--ds-chart-5:#065f46;--ds-brand-50:#ecfdf5;--ds-brand-100:#d1fae5;--ds-brand-200:#a7f3d0;--ds-brand-300:#6ee7b7;--ds-brand-400:#34d399;--ds-brand-500:#047857;--ds-brand-600:#047857;--ds-brand-700:#065f46;--ds-brand-800:#064e3b;--ds-brand-900:#022c22;--ds-gradient-from:#047857;--ds-gradient-via:#34d399;--ds-gradient-to:#6ee7b7;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-theme=sunset-amber]{--ds-primary:#b45309;--ds-primary-foreground:#fff;--ds-secondary:#fef3c7;--ds-secondary-foreground:#92400e;--ds-accent:#fffbeb;--ds-accent-foreground:#b45309;--ds-muted:#fefce8;--ds-muted-foreground:#6b7280;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#fffcfa;--ds-foreground:#1a150f;--ds-card:#fff;--ds-card-foreground:#1a150f;--ds-border:#f5eddf;--ds-ring:#b45309;--ds-chart-1:#b45309;--ds-chart-2:#fbbf24;--ds-chart-3:#fcd34d;--ds-chart-4:#f59e0b;--ds-chart-5:#92400e;--ds-brand-50:#fffbeb;--ds-brand-100:#fef3c7;--ds-brand-200:#fde68a;--ds-brand-300:#fcd34d;--ds-brand-400:#fbbf24;--ds-brand-500:#b45309;--ds-brand-600:#b45309;--ds-brand-700:#92400e;--ds-brand-800:#78350f;--ds-brand-900:#451a03;--ds-gradient-from:#b45309;--ds-gradient-via:#fbbf24;--ds-gradient-to:#fcd34d;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-theme=rose]{--ds-primary:#e11d48;--ds-primary-foreground:#fff;--ds-secondary:#ffe4e6;--ds-secondary-foreground:#be123c;--ds-accent:#fff1f2;--ds-accent-foreground:#be123c;--ds-muted:#fff1f2;--ds-muted-foreground:#6b7280;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#fffafb;--ds-foreground:#1a0f12;--ds-card:#fff;--ds-card-foreground:#1a0f12;--ds-border:#f5e6ea;--ds-ring:#e11d48;--ds-chart-1:#e11d48;--ds-chart-2:#fb7185;--ds-chart-3:#fda4af;--ds-chart-4:#f43f5e;--ds-chart-5:#9f1239;--ds-brand-50:#fff1f2;--ds-brand-100:#ffe4e6;--ds-brand-200:#fecdd3;--ds-brand-300:#fda4af;--ds-brand-400:#fb7185;--ds-brand-500:#e11d48;--ds-brand-600:#be123c;--ds-brand-700:#9f1239;--ds-brand-800:#881337;--ds-brand-900:#4c0519;--ds-gradient-from:#e11d48;--ds-gradient-via:#fb7185;--ds-gradient-to:#fda4af;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-theme=slate-pro]{--ds-primary:#475569;--ds-primary-foreground:#fff;--ds-secondary:#e2e8f0;--ds-secondary-foreground:#475569;--ds-accent:#f1f5f9;--ds-accent-foreground:#334155;--ds-muted:#f1f5f9;--ds-muted-foreground:#6b7280;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#fafafa;--ds-foreground:#0f172a;--ds-card:#fff;--ds-card-foreground:#0f172a;--ds-border:#e2e8f0;--ds-ring:#475569;--ds-chart-1:#475569;--ds-chart-2:#94a3b8;--ds-chart-3:#cbd5e1;--ds-chart-4:#64748b;--ds-chart-5:#1e293b;--ds-brand-50:#f8fafc;--ds-brand-100:#f1f5f9;--ds-brand-200:#e2e8f0;--ds-brand-300:#cbd5e1;--ds-brand-400:#94a3b8;--ds-brand-500:#475569;--ds-brand-600:#334155;--ds-brand-700:#1e293b;--ds-brand-800:#0f172a;--ds-brand-900:#020617;--ds-gradient-from:#475569;--ds-gradient-via:#94a3b8;--ds-gradient-to:#cbd5e1;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-theme=midnight]{--ds-primary:#7c3aed;--ds-primary-foreground:#fff;--ds-secondary:#1e1b4b;--ds-secondary-foreground:#a78bfa;--ds-accent:#1a1740;--ds-accent-foreground:#a78bfa;--ds-muted:#16142e;--ds-muted-foreground:#9ca3af;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#0a0a1a;--ds-foreground:#f0f0f5;--ds-card:#121228;--ds-card-foreground:#f0f0f5;--ds-border:#1e1c3a;--ds-ring:#7c3aed;--ds-chart-1:#7c3aed;--ds-chart-2:#a78bfa;--ds-chart-3:#c4b5fd;--ds-chart-4:#8b5cf6;--ds-chart-5:#6d28d9;--ds-brand-50:#2e2a5e;--ds-brand-100:#2a2554;--ds-brand-200:#26204a;--ds-brand-300:#8b5cf6;--ds-brand-400:#a78bfa;--ds-brand-500:#7c3aed;--ds-brand-600:#7c3aed;--ds-brand-700:#6d28d9;--ds-brand-800:#5b21b6;--ds-brand-900:#4c1d95;--ds-gradient-from:#7c3aed;--ds-gradient-via:#a78bfa;--ds-gradient-to:#c4b5fd;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}[data-theme=deep-ocean]{--ds-primary:#60a5fa;--ds-primary-foreground:#0a1628;--ds-secondary:#172554;--ds-secondary-foreground:#60a5fa;--ds-accent:#0f1d3d;--ds-accent-foreground:#93c5fd;--ds-muted:#0f1a2e;--ds-muted-foreground:#9ca3af;--ds-destructive:#dc2626;--ds-destructive-foreground:#fff;--ds-background:#0a1628;--ds-foreground:#e2e8f0;--ds-card:#0f1e36;--ds-card-foreground:#e2e8f0;--ds-border:#1a2d4a;--ds-ring:#60a5fa;--ds-chart-1:#60a5fa;--ds-chart-2:#93c5fd;--ds-chart-3:#bfdbfe;--ds-chart-4:#3b82f6;--ds-chart-5:#2563eb;--ds-brand-50:#1e3a5f;--ds-brand-100:#1a3355;--ds-brand-200:#172d4b;--ds-brand-300:#60a5fa;--ds-brand-400:#93c5fd;--ds-brand-500:#60a5fa;--ds-brand-600:#3b82f6;--ds-brand-700:#2563eb;--ds-brand-800:#1d4ed8;--ds-brand-900:#1e3a8a;--ds-gradient-from:#60a5fa;--ds-gradient-via:#93c5fd;--ds-gradient-to:#bfdbfe;--ds-radius-sm:0.25rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-full:9999px;--ds-space-unit:1;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,.1);--ds-shadow-lg:0 10px 15px rgba(0,0,0,.15)}