.sticky-left{position:sticky;left:0;z-index:1}.sticky-right{position:sticky;right:0;z-index:1}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.slot-table-sticky-header th{position:sticky;top:0;z-index:2}.slot-table-sticky-header .sticky-left,.slot-table-sticky-header .sticky-right{z-index:3}:root{--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-surface-alt: #f8fafc;--bg-hover: #eff6ff;--bg-code-toolbar: #0f172a;--bg-code: #1e293b;--bg-code-inline: #f1f5f9;--bg-install: #1e293b;--bg-version: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--border-light: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--text-heading-sub: #334155;--text-accent: #3b82f6;--text-accent-light: #60a5fa;--text-code: #c026d3;--text-code-block: #e2e8f0;--text-install: #e2e8f0;--text-banner: #1e40af;--bg-banner: #eff6ff;--border-banner: #bfdbfe;--shadow-sticky: rgba(0,0,0,.06);--shadow-card: rgba(0,0,0,.04);--gradient-start: #1e293b;--gradient-end: #3b82f6;--bg-nav-active: #eff6ff;color-scheme:light}html.dark{--bg-page: #0f172a;--bg-surface: #1e293b;--bg-surface-alt: #1a2536;--bg-hover: #1e3a5f;--bg-code-toolbar: #020617;--bg-code: #0f172a;--bg-code-inline: #334155;--bg-install: #0f172a;--bg-version: #334155;--border: #334155;--border-strong: #475569;--border-light: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #94a3b8;--text-faint: #64748b;--text-heading-sub: #cbd5e1;--text-accent: #60a5fa;--text-accent-light: #93c5fd;--text-code: #e879f9;--text-code-block: #e2e8f0;--text-install: #e2e8f0;--text-banner: #93c5fd;--bg-banner: #1e293b;--border-banner: #1e3a5f;--shadow-sticky: rgba(0,0,0,.3);--shadow-card: rgba(0,0,0,.2);--gradient-start: #94a3b8;--gradient-end: #60a5fa;--bg-nav-active: #1e3a5f;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.main-content{margin-left:260px;max-width:1200px;padding:0 2.5rem 4rem}.sidebar-header{padding:1.25rem 1.5rem .75rem;border-bottom:1px solid var(--border-light)}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between}.sidebar-brand{font-weight:700;font-size:1.1rem;color:var(--text-primary);text-decoration:none;display:block}.sidebar-actions{display:flex;align-items:center;gap:.35rem}.sidebar-icon-link{color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:6px;transition:color .15s}.sidebar-icon-link:hover{color:var(--text-accent)}.dark-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.dark-toggle:hover{color:var(--text-accent);border-color:var(--text-accent)}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.sidebar-nav a{display:block;padding:.3rem 1.5rem;font-size:.84rem;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;transition:color .15s,border-color .15s,background .15s}.sidebar-nav a:hover{color:var(--text-primary)}.sidebar-nav a.active{color:var(--text-accent);border-left-color:var(--text-accent);background:var(--bg-nav-active);font-weight:500}.nav-group{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600;padding:1.25rem 1.5rem .3rem}.menu-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:200;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:.5rem;cursor:pointer;color:var(--text-secondary);box-shadow:0 1px 3px var(--shadow-sticky)}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:150}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:0 1rem 3rem}.menu-toggle{display:block}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:140}.hero{padding-top:3.5rem!important}}.hero{padding:3rem 0 1.5rem}.hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.25rem;color:var(--text-secondary);margin-top:.25rem;font-weight:500}.hero-sub{font-size:.95rem;color:var(--text-faint);margin-top:.25rem;max-width:520px}.hero-badges{margin-top:1rem;display:flex;gap:.5rem}.hero-badges img{height:20px}.hero-install{margin-top:1rem;display:inline-block;background:var(--bg-install);color:var(--text-install);padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem}.hero-install code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace}.doc-section{margin-top:3rem;padding-top:1rem}.doc-section h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.25rem}.doc-section h3{font-size:1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-heading-sub)}.section-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:1rem}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.15rem;transition:border-color .15s,box-shadow .15s}.feature-card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px var(--shadow-card)}.feature-card h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem}.feature-card p{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin:0}.code-block{border-radius:8px;overflow:hidden}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1rem;background:var(--bg-code-toolbar)}.code-lang{font-size:.65rem;color:var(--text-faint);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.code-block pre{background:var(--bg-code);color:var(--text-code-block);padding:.85rem 1rem;margin:0;overflow-x:auto;font-size:.82rem;line-height:1.55}.example-split{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:200px}.example-split--full{grid-template-columns:1fr}.example-split--full .example-code{border-left:none;border-top:1px solid var(--border)}.example-preview{padding:1.25rem;overflow-x:auto;display:flex;flex-direction:column;justify-content:center}.example-code{border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.example-code .code-toolbar{flex-shrink:0}.example-code pre{background:var(--bg-code);color:var(--text-code-block);padding:1rem;margin:0;overflow:auto;font-size:.78rem;line-height:1.55;flex:1;max-height:450px}.scroll-container{overflow-x:auto}@media(max-width:1024px){.example-split{grid-template-columns:1fr}.example-code{border-left:none;border-top:1px solid var(--border)}.example-code pre{max-height:350px}}.copy-btn{font-size:.7rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-strong);border-radius:4px;padding:.15rem .5rem;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}.copy-btn:hover{color:var(--text-accent-light);border-color:var(--text-accent-light)}.api-table-wrap{overflow-x:auto}.api-table{width:100%;border-collapse:collapse;font-size:.84rem;margin-bottom:.25rem}.api-table th{text-align:left;padding:.5rem .75rem;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-surface-alt);border-bottom:2px solid var(--border)}.api-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-light);vertical-align:top}.api-table tbody tr:hover td{background:var(--bg-surface-alt)}.demo-table{width:100%;border-collapse:collapse;font-size:.85rem}.demo-table th,.demo-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border);background:var(--bg-surface)}.demo-table thead th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:2px solid var(--border-strong)}.demo-table tfoot td{border-top:2px solid var(--border-strong);border-bottom:none;font-size:.82rem;color:var(--text-heading-sub);background:var(--bg-surface-alt)}.demo-table caption{caption-side:top;text-align:left;font-size:.82rem;font-weight:600;color:var(--text-secondary);padding:.5rem .75rem;background:var(--bg-surface-alt);border-bottom:1px solid var(--border)}.demo-table-wide{min-width:1100px}.slot-table-striped td{background:var(--bg-surface-alt)}.slot-table-hoverable{cursor:pointer;transition:background .15s}.slot-table-hoverable:hover td{background:var(--bg-hover)}.slot-table-bordered td,.slot-table-bordered th{border:1px solid var(--border)}.slot-table-empty,.slot-table-loading{text-align:center;padding:2rem!important}.demo-table .sticky-left,.demo-table .sticky-right{background:var(--bg-surface);box-shadow:2px 0 4px -2px var(--shadow-sticky)}.demo-table .sticky-right{box-shadow:-2px 0 4px -2px var(--shadow-sticky)}.demo-table .slot-table-sticky-header th{background:var(--bg-surface)}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.76rem;font-weight:500}.pill--audio{background:#dbeafe;color:#1e40af}.pill--input{background:#fce7f3;color:#9d174d}.pill--accessories{background:#d1fae5;color:#065f46}.pill--display{background:#fef3c7;color:#92400e}.pill--video{background:#e0e7ff;color:#3730a3}html.dark .pill--audio{background:#1e3a5f;color:#93c5fd}html.dark .pill--input{background:#4a1942;color:#f9a8d4}html.dark .pill--accessories{background:#064e3b;color:#6ee7b7}html.dark .pill--display{background:#78350f;color:#fcd34d}html.dark .pill--video{background:#312e81;color:#a5b4fc}.stars{color:#f59e0b;font-size:.85rem}.out-of-stock{color:#ef4444;font-weight:600;font-size:.8rem}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.click-banner{background:var(--bg-banner);border:1px solid var(--border-banner);border-radius:6px;padding:.5rem .85rem;margin-bottom:.75rem;font-size:.85rem;color:var(--text-banner)}.clickable-cell{color:var(--text-accent);cursor:pointer;text-decoration:underline;text-decoration-color:var(--border-banner);text-underline-offset:2px}.clickable-cell:hover{text-decoration-color:var(--text-accent)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem;vertical-align:middle}.status--active{background:#22c55e}.status--inactive{background:#94a3b8}.row-inactive td{opacity:.5}.empty-state{padding:1rem;color:var(--text-faint)}.empty-icon{font-size:2rem;margin-bottom:.5rem}.toggle-bar{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{accent-color:var(--text-accent);width:15px;height:15px;cursor:pointer}.loading-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;color:var(--text-muted)}.loading-state p{font-size:.85rem}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--text-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sticky-header-container{height:250px;overflow:auto;border:1px solid var(--border);border-radius:6px}code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:.85em}p code,td code{background:var(--bg-code-inline);padding:.1rem .35rem;border-radius:3px;font-size:.82em;color:var(--text-code)}.doc-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.84rem;color:var(--text-faint)}.doc-footer a{color:var(--text-muted);text-decoration:none}.doc-footer a:hover{color:var(--text-accent)}