:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--code-bg:220 13% 96.5%;--radius:.5rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--max-w:1400px;--nav-h:56px}[data-theme=dark]{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--code-bg:222 30% 13%}*{box-sizing:border-box}html,body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;padding:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}code,pre,kbd{font-family:var(--font-mono)}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit;font-size:14px}input,select,textarea{font-family:inherit}::selection{background:hsl(var(--accent))}.oc-nav{z-index:50;background:hsl(var(--background)/.85);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid hsl(var(--border));position:sticky;top:0}.oc-nav__inner{max-width:var(--max-w);height:var(--nav-h);align-items:center;gap:32px;margin:0 auto;padding:0 24px;display:flex}.oc-nav__logo{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.oc-nav__logo-mark{border-radius:var(--radius-md);background:hsl(var(--foreground));width:22px;height:22px;color:hsl(var(--background));justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.oc-nav__links{align-items:center;gap:24px;display:flex}.oc-nav__item{color:hsl(var(--muted-foreground));font-size:13px;transition:color .15s}.oc-nav__item:hover,.oc-nav__item.is-active{color:hsl(var(--foreground))}.oc-nav__spacer{flex:1}.oc-nav__icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:hsl(var(--muted-foreground));justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.oc-nav__icon-btn:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.btn{border-radius:var(--radius-md);cursor:pointer;height:36px;color:hsl(var(--foreground));background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn--primary:hover{opacity:.9}.btn--outline{border-color:hsl(var(--border));background:hsl(var(--background))}.btn--outline:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn--ghost{color:hsl(var(--muted-foreground))}.btn--ghost:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.btn--sm{height:30px;padding:0 12px;font-size:12px}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.hero{border-bottom:1px solid hsl(var(--border));padding:80px 0 56px}.hero__badge{color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:9999px;align-items:center;margin-bottom:20px;padding:4px 10px;font-size:12px;display:inline-flex}.hero h1{letter-spacing:-.02em;max-width:720px;margin:0 0 16px;font-size:48px;font-weight:700;line-height:1.1}.hero p{color:hsl(var(--muted-foreground));max-width:580px;margin:0 0 28px;font-size:16px}.hero__actions{gap:12px;margin-bottom:32px;display:flex}.hero__cli{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);font-family:var(--font-mono);color:hsl(var(--muted-foreground));align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.hero__cli code{color:hsl(var(--foreground))}.hero__stats{grid-template-columns:repeat(4,1fr);gap:16px;max-width:720px;margin-top:56px;display:grid}.hero__stat{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:16px}.hero__stat-value{font-size:24px;font-weight:700}.hero__stat-label{color:hsl(var(--muted-foreground));margin-top:4px;font-size:12px}.quickstart{padding:64px 0}.quickstart__title{margin:0 0 24px;font-size:24px;font-weight:600}.quickstart__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quickstart__card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:20px}.quickstart__step{background:hsl(var(--muted));width:24px;height:24px;color:hsl(var(--muted-foreground));border-radius:9999px;justify-content:center;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:inline-flex}.quickstart__heading{margin:0 0 8px;font-size:14px;font-weight:600}.quickstart__body{color:hsl(var(--muted-foreground));margin:0 0 12px;font-size:13px}.docs-layout{max-width:var(--max-w);grid-template-columns:240px minmax(0,1fr);gap:48px;margin:0 auto;padding:32px 24px;display:grid}.docs-sidebar{top:calc(var(--nav-h) + 32px);max-height:calc(100vh - var(--nav-h) - 64px);align-self:start;padding-right:12px;position:sticky;overflow-y:auto}.docs-sidebar__group{margin-bottom:20px}.docs-sidebar__group-title{text-transform:capitalize;margin:0 0 8px;padding:0 8px;font-size:13px;font-weight:600}.docs-sidebar__link{color:hsl(var(--muted-foreground));border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;transition:background .15s,color .15s;display:block}.docs-sidebar__link:hover{color:hsl(var(--foreground))}.docs-sidebar__link.is-active{color:hsl(var(--foreground));background:hsl(var(--accent));font-weight:500}.docs-content{min-width:0}.comp-gallery__header{margin-bottom:24px}.comp-gallery__title{letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:700}.comp-gallery__desc{color:hsl(var(--muted-foreground));margin:0 0 20px}.comp-gallery__search{border:1px solid hsl(var(--border));border-radius:var(--radius-md);background:hsl(var(--background));width:100%;max-width:360px;height:36px;color:hsl(var(--foreground));padding:0 12px;font-size:13px}.comp-gallery__search:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.15);outline:none}.comp-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:24px;display:grid}.comp-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:16px;transition:background .15s,border-color .15s;display:block}.comp-card:hover{background:hsl(var(--accent))}.comp-card__title{margin:0 0 4px;font-size:14px;font-weight:600}.comp-card__category{color:hsl(var(--muted-foreground));text-transform:capitalize;font-size:11px}.comp-detail{grid-template-columns:minmax(0,1fr) 200px;gap:56px;display:grid}.comp-detail__main{min-width:0}.comp-detail__breadcrumb{color:hsl(var(--muted-foreground));align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.comp-detail__breadcrumb a:hover{color:hsl(var(--foreground))}.comp-detail__breadcrumb-sep{color:hsl(var(--muted-foreground))}.comp-detail__title{letter-spacing:-.025em;scroll-margin-top:calc(var(--nav-h) + 24px);margin:0 0 8px;font-size:36px;font-weight:700}.comp-detail__lead{color:hsl(var(--muted-foreground));margin:0 0 32px;font-size:16px}.comp-detail__section{scroll-margin-top:calc(var(--nav-h) + 24px);margin:0 0 48px}.comp-detail__section-title{letter-spacing:-.01em;scroll-margin-top:calc(var(--nav-h) + 24px);margin:0 0 16px;font-size:22px;font-weight:600}.comp-detail__section-desc{color:hsl(var(--muted-foreground));margin:0 0 16px;font-size:14px}.tabs{border-bottom:1px solid hsl(var(--border));align-items:center;gap:4px;margin-bottom:16px;display:flex}.tabs__tab{color:hsl(var(--muted-foreground));border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tabs__tab:hover{color:hsl(var(--foreground))}.tabs__tab.is-active{color:hsl(var(--foreground));border-bottom-color:hsl(var(--foreground))}.tabs__panel{display:none}.tabs__panel.is-active{display:block}.pc-tabs{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--card));overflow:hidden}.pc-tabs__bar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));align-items:center;padding:4px 8px;display:flex}.pc-tabs__tab{color:hsl(var(--muted-foreground));border-radius:var(--radius-sm);margin:2px;padding:6px 12px;font-size:13px;font-weight:500;transition:color .15s,background .15s}.pc-tabs__tab:hover{color:hsl(var(--foreground))}.pc-tabs__tab.is-active{color:hsl(var(--foreground));background:hsl(var(--accent))}.pc-tabs__spacer{flex:1}.pc-tabs__panel{display:none}.pc-tabs__panel.is-active{display:block}.pc-tabs__preview{justify-content:center;align-items:center;min-height:400px;padding:56px 32px;display:flex}.pc-tabs__code{background:hsl(var(--code-bg))}.pc-tabs__preview{align-items:stretch;min-height:0;padding:0}.pc-tabs__preview>main{color:hsl(var(--foreground))!important;font-family:var(--font-sans)!important;background:0 0!important;min-height:0!important;padding:32px!important}.pc-tabs__preview>main>section{max-width:none!important;margin:0!important}.pc-tabs__preview>main>section>header{display:none!important}.pc-tabs__preview>main section,.pc-tabs__preview>main>section>div,.pc-tabs__preview>main>section>section>div,.pc-tabs__preview>main>section>section>div>div{background:0 0!important}.pc-tabs__preview select,.pc-tabs__preview input[type=text],.pc-tabs__preview textarea,.pc-tabs__preview label{background:hsl(var(--background))!important;color:hsl(var(--foreground))!important;border-color:hsl(var(--border))!important}.pc-tabs__code pre{color:hsl(var(--foreground));margin:0;padding:16px 20px;font-size:13px;line-height:1.6;overflow-x:auto}.code-block{background:hsl(var(--code-bg));border:1px solid hsl(var(--border));border-radius:var(--radius-md);position:relative;overflow:hidden}.code-block pre{color:hsl(var(--foreground));margin:0;padding:16px 20px;font-size:13px;line-height:1.6;overflow-x:auto}.code-block__copy{height:28px;color:hsl(var(--muted-foreground));background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);align-items:center;gap:4px;padding:0 10px;font-size:11px;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:8px;right:8px}.code-block__copy:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.install{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--card));overflow:hidden}.install__bar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));align-items:center;gap:4px;padding:6px 8px;display:flex}.install__pm-row{align-items:center;gap:4px;padding:12px 12px 0;display:flex}.install__pm-pill{color:hsl(var(--muted-foreground));border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:500}.install__pm-pill:hover,.install__pm-pill.is-active{color:hsl(var(--foreground));background:hsl(var(--accent))}.install__cmd{background:hsl(var(--code-bg));border-radius:var(--radius-md);font-family:var(--font-mono);align-items:center;gap:8px;margin:12px;padding:14px 16px;font-size:13px;display:flex;position:relative}.install__cmd-prompt{color:hsl(var(--muted-foreground))}.install__cmd code{color:hsl(var(--foreground));flex:1}.install__cmd-copy{height:26px;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--background));padding:0 8px;font-size:11px}.install__cmd-copy:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.install__manual{padding:16px}.install__manual-step{grid-template-columns:28px 1fr;gap:12px;margin-bottom:16px;display:grid}.install__manual-num{background:hsl(var(--muted));width:24px;height:24px;color:hsl(var(--muted-foreground));border-radius:9999px;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:600;display:inline-flex}.install__manual-body{min-width:0}.install__manual-text{color:hsl(var(--foreground));margin:0 0 8px;font-size:14px}.install__manual-files{font-size:12px;font-family:var(--font-mono);color:hsl(var(--muted-foreground));margin:0;padding:0;list-style:none}.install__manual-files li{border-bottom:1px dashed hsl(var(--border));padding:4px 0}.install__manual-files li:last-child{border-bottom:0}.on-this-page{top:calc(var(--nav-h) + 32px);align-self:start;font-size:13px;position:sticky}.on-this-page__title{margin:0 0 12px;font-size:13px;font-weight:600}.on-this-page__list{margin:0;padding:0;list-style:none}.on-this-page__link{color:hsl(var(--muted-foreground));padding:4px 0;font-size:12.5px;transition:color .15s;display:block}.on-this-page__link:hover{color:hsl(var(--foreground))}.on-this-page__link.is-active{color:hsl(var(--foreground));font-weight:500}.props-table{border-collapse:collapse;border:1px solid hsl(var(--border));border-radius:var(--radius-md);width:100%;font-size:13px;overflow:hidden}.props-table thead th{text-align:left;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));padding:10px 14px;font-size:12px;font-weight:600}.props-table tbody td{vertical-align:top;border-bottom:1px solid hsl(var(--border));padding:12px 14px}.props-table tbody tr:last-child td{border-bottom:0}.props-table tbody td code{background:hsl(var(--muted));border-radius:var(--radius-sm);padding:2px 5px;font-size:12px}.props-table tbody td:nth-child(4){color:hsl(var(--muted-foreground))}.vars-page{max-width:var(--max-w);min-height:calc(100vh - var(--nav-h));grid-template-columns:260px minmax(0,1fr);margin:0 auto;padding:0;display:grid}.vars-sidebar{top:var(--nav-h);height:calc(100vh - var(--nav-h));border-right:1px solid hsl(var(--border));align-self:start;padding:20px 12px;font-size:13px;position:sticky;overflow-y:auto}.vars-sidebar__heading{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;padding:6px 12px;font-size:12px;font-weight:600}.vars-sidebar__row{border-radius:var(--radius-sm);color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;padding:6px 12px;transition:background .15s,color .15s;display:flex}.vars-sidebar__row:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.vars-sidebar__row--collection{color:hsl(var(--foreground));font-weight:600}.vars-sidebar__row--group{padding-left:24px;font-weight:400}.vars-sidebar__count{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;font-size:11px}.vars-main{min-width:0;padding:24px 32px 64px}.vars-main__header{margin-bottom:32px}.vars-table{border-collapse:collapse;border-top:1px solid hsl(var(--border));width:100%;font-size:13px}.vars-table thead th{text-align:left;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/.4);padding:10px 16px;font-size:12px;font-weight:500}.vars-table tbody td{vertical-align:middle;border-bottom:1px solid hsl(var(--border-subtle,var(--border)));padding:10px 16px}.vars-table tbody tr:hover{background:hsl(var(--accent)/.6)}.vars-table tbody td code{color:hsl(var(--foreground));background:0 0;padding:0;font-size:13px}.vars-alias-chip{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--card));align-items:center;gap:6px;max-width:100%;padding:4px 8px 4px 6px;display:inline-flex;overflow:hidden}.vars-alias-chip code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:960px){.vars-page{grid-template-columns:1fr}.vars-sidebar{border-right:0;border-bottom:1px solid hsl(var(--border));height:auto;position:static}.vars-main{padding:24px 16px 64px}.docs-layout{grid-template-columns:1fr;gap:24px}.docs-sidebar{max-height:none;position:static}.comp-detail{grid-template-columns:1fr}.on-this-page{display:none}.hero h1{font-size:36px}.hero__stats,.quickstart__grid{grid-template-columns:1fr}}