.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,[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)}