.code-tabs{border-bottom:1px solid var(--border);font-family:var(--font-geist-mono), monospace;align-items:center;gap:24px;margin-bottom:16px;font-size:11px;display:flex}.code-tab{color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding-bottom:10px;transition:color .15s,border-color .15s}.code-tab:hover{color:var(--foreground)}.code-tab.is-active{border-color:var(--foreground);color:var(--foreground);font-weight:500}.docs-demo{border:1px solid var(--border);background:var(--panel);padding:24px}.docs-demo-dashed{border:1px dashed var(--border);background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.demo-grid-2{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:768px){.demo-grid-2{grid-template-columns:repeat(2,1fr)}}.demo-grid-4{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (min-width:768px){.demo-grid-4{grid-template-columns:repeat(4,1fr)}}.demo-field-label{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);margin-bottom:12px;font-size:11px;display:block}.demo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-col{flex-direction:column;gap:12px;display:flex}.demo-hint{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);font-size:11px}.info-card{border:1px solid var(--border);background:color-mix(in srgb, var(--muted) 40%, transparent);font-family:var(--font-geist-mono), monospace;padding:12px}.info-card p{margin:0;font-size:11px}.info-card .strong{color:var(--foreground);font-weight:600}.info-card .muted{color:var(--muted-foreground)}.info-card .red{color:var(--destructive)}.size-picker [aria-pressed=true],.side-picker [aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.side-picker,.size-picker{gap:8px;display:inline-flex}.side-picker button,.size-picker button{border:1px solid var(--border);background:var(--background);color:var(--foreground);height:32px;font-family:var(--font-geist-mono), monospace;cursor:pointer;padding-inline:14px;font-size:12px;transition:all .15s}.side-picker button:hover,.size-picker button:hover{background:var(--muted)}.size-picker .small{height:28px;padding-inline:12px;font-size:11px}.size-picker .large{height:40px;padding-inline:18px}.api-table{border:1px solid var(--border);background:var(--panel);overflow-x:auto}.api-table-inner{min-width:540px}.api-head{background:color-mix(in srgb, var(--muted) 40%, transparent);border-bottom:1px solid var(--border);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);grid-template-columns:repeat(4,1fr);padding:8px 16px;font-size:10px;display:grid}.api-row{font-family:var(--font-geist-mono), monospace;border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding:12px 16px;font-size:11px;display:grid}.api-row:last-child{border-bottom:0}.api-row .name{color:var(--foreground);font-weight:600}.api-row .type{color:var(--muted-foreground);padding-right:8px;font-size:10px}.api-row .def,.api-row .desc{color:var(--muted-foreground)}.token-chips{border:1px solid var(--border);background:var(--panel);flex-wrap:wrap;gap:8px;padding:16px;display:flex}.token-chips code{font-family:var(--font-geist-mono), monospace;background:var(--background);border:1px solid var(--border);color:var(--foreground);padding:4px 8px;font-size:11px;transition:border-color .15s,color .15s}.token-chips code:hover{border-color:var(--destructive);color:var(--destructive)}.token-chips code.is-hook{color:var(--muted-foreground)}.token-chips code.is-hook:hover{color:var(--destructive)}