:root{--ugrid-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ugrid-font-size: 13px;--ugrid-row-height: 36px;--ugrid-radius: 8px;--ugrid-lt-border: #d0d5dd;--ugrid-lt-border-inner: #e5e7eb;--ugrid-lt-border-row: #c6c6c6;--ugrid-lt-bg: #ffffff;--ugrid-lt-bg-header: #f8f9fb;--ugrid-lt-bg-row-even: #fafbfc;--ugrid-lt-bg-row-hover: #eaf8ff;--ugrid-lt-bg-row-selected: #c2ecff;--ugrid-lt-bg-filter: #ffffff;--ugrid-lt-bg-filter-input: #fafafa;--ugrid-lt-bg-filter-focus: #ffffff;--ugrid-lt-bg-header-hover: #d3f1ff;--ugrid-lt-bg-header-sorted: #c2ecff;--ugrid-lt-text: #111827;--ugrid-lt-text-header: #374151;--ugrid-lt-text-header-sorted: #222222;--ugrid-lt-text-muted: #9ca3af;--ugrid-lt-text-filter: #111827;--ugrid-lt-focus-ring: rgba(59, 130, 246, .15);--ugrid-lt-focus-border: #3b82f6;--ugrid-lt-badge-bg: #ececec;--ugrid-lt-badge-text: #40434b;--ugrid-lt-score-bg: #e5e7eb;--ugrid-lt-score-fill: #10b981;--ugrid-lt-shadow: 0 1px 4px rgba(0, 0, 0, .08);--ugrid-lt-scrollbar-track: #f1f5f9;--ugrid-lt-scrollbar-thumb: #cbd5e1;--ugrid-lt-scrollbar-thumb-hover: #94a3b8;--ugrid-lt-selection-bg: rgba(14, 165, 233, .14);--ugrid-lt-active-cell-border: #0ea5e9;--ugrid-dk-border: #232323;--ugrid-dk-border-inner: #333333;--ugrid-dk-border-row: #333333;--ugrid-dk-bg: #1a1a1a;--ugrid-dk-bg-header: #111111;--ugrid-dk-bg-row-even: #1f1f1f;--ugrid-dk-bg-row-hover: #111827;--ugrid-dk-bg-row-selected: #091422;--ugrid-dk-bg-filter: #1a1a1a;--ugrid-dk-bg-filter-input: #111111;--ugrid-dk-bg-filter-focus: #000000;--ugrid-dk-bg-header-hover: #1a2744;--ugrid-dk-bg-header-sorted: #1e3a5f;--ugrid-dk-text: #e0e0e0;--ugrid-dk-text-header: #a0a0a0;--ugrid-dk-text-header-sorted: #c6c6c6;--ugrid-dk-text-muted: #666666;--ugrid-dk-text-filter: #e0e0e0;--ugrid-dk-focus-ring: rgba(96, 165, 250, .2);--ugrid-dk-focus-border: #60a5fa;--ugrid-dk-badge-bg: #2d2d2d;--ugrid-dk-badge-text: #b5bec8;--ugrid-dk-score-bg: #333333;--ugrid-dk-score-fill: #34d399;--ugrid-dk-shadow: 0 1px 6px rgba(0, 0, 0, .4);--ugrid-dk-scrollbar-track: #111111;--ugrid-dk-scrollbar-thumb: #444444;--ugrid-dk-scrollbar-thumb-hover: #555555;--ugrid-dk-selection-bg: rgba(59, 130, 246, .25);--ugrid-dk-active-cell-border: #60a5fa;--ugrid-border-color: var(--ugrid-lt-border);--ugrid-border-inner: var(--ugrid-lt-border-inner);--ugrid-border-row: var(--ugrid-lt-border-row);--ugrid-bg: var(--ugrid-lt-bg);--ugrid-bg-header: var(--ugrid-lt-bg-header);--ugrid-bg-row-even: var(--ugrid-lt-bg-row-even);--ugrid-bg-row-hover: var(--ugrid-lt-bg-row-hover);--ugrid-bg-filter: var(--ugrid-lt-bg-filter);--ugrid-bg-filter-input: var(--ugrid-lt-bg-filter-input);--ugrid-bg-filter-focus: var(--ugrid-lt-bg-filter-focus);--ugrid-bg-header-hover: var(--ugrid-lt-bg-header-hover);--ugrid-bg-header-sorted: var(--ugrid-lt-bg-header-sorted);--ugrid-text: var(--ugrid-lt-text);--ugrid-text-header: var(--ugrid-lt-text-header);--ugrid-text-header-sorted: var(--ugrid-lt-text-header-sorted);--ugrid-text-muted: var(--ugrid-lt-text-muted);--ugrid-text-filter: var(--ugrid-lt-text-filter);--ugrid-focus-ring: var(--ugrid-lt-focus-ring);--ugrid-focus-border: var(--ugrid-lt-focus-border);--ugrid-badge-bg: var(--ugrid-lt-badge-bg);--ugrid-badge-text: var(--ugrid-lt-badge-text);--ugrid-badge-selected-bg: hsl(from var(--ugrid-badge-bg) h s calc(l + 10) );--ugrid-badge-selected-text: hsl(from var(--ugrid-badge-text) h s calc(l + 10) );--ugrid-score-bg: var(--ugrid-lt-score-bg);--ugrid-score-fill: var(--ugrid-lt-score-fill);--ugrid-shadow: var(--ugrid-lt-shadow);--ugrid-scrollbar-track: var(--ugrid-lt-scrollbar-track);--ugrid-scrollbar-thumb: var(--ugrid-lt-scrollbar-thumb);--ugrid-scrollbar-thumb-hover: var(--ugrid-lt-scrollbar-thumb-hover);--ugrid-selection-bg: var(--ugrid-lt-selection-bg);--ugrid-active-cell-border: var(--ugrid-lt-active-cell-border)}@media (prefers-color-scheme: dark){body:not(.demo-light){--ugrid-border-color: var(--ugrid-dk-border);--ugrid-border-inner: var(--ugrid-dk-border-inner);--ugrid-border-row: var(--ugrid-dk-border-row);--ugrid-bg: var(--ugrid-dk-bg);--ugrid-bg-header: var(--ugrid-dk-bg-header);--ugrid-bg-row-even: var(--ugrid-dk-bg-row-even);--ugrid-bg-row-hover: var(--ugrid-dk-bg-row-hover);--ugrid-bg-filter: var(--ugrid-dk-bg-filter);--ugrid-bg-filter-input: var(--ugrid-dk-bg-filter-input);--ugrid-bg-filter-focus: var(--ugrid-dk-bg-filter-focus);--ugrid-bg-header-hover: var(--ugrid-dk-bg-header-hover);--ugrid-bg-header-sorted: var(--ugrid-dk-bg-header-sorted);--ugrid-text: var(--ugrid-dk-text);--ugrid-text-header: var(--ugrid-dk-text-header);--ugrid-text-header-sorted: var(--ugrid-dk-text-header-sorted);--ugrid-text-muted: var(--ugrid-dk-text-muted);--ugrid-text-filter: var(--ugrid-dk-text-filter);--ugrid-focus-ring: var(--ugrid-dk-focus-ring);--ugrid-focus-border: var(--ugrid-dk-focus-border);--ugrid-badge-bg: var(--ugrid-dk-badge-bg);--ugrid-badge-text: var(--ugrid-dk-badge-text);--ugrid-badge-selected-bg: hsl(from var(--ugrid-badge-bg) h s calc(l + 10) );--ugrid-badge-selected-text: hsl(from var(--ugrid-badge-text) h s calc(l + 10) );--ugrid-score-bg: var(--ugrid-dk-score-bg);--ugrid-score-fill: var(--ugrid-dk-score-fill);--ugrid-shadow: var(--ugrid-dk-shadow);--ugrid-scrollbar-track: var(--ugrid-dk-scrollbar-track);--ugrid-scrollbar-thumb: var(--ugrid-dk-scrollbar-thumb);--ugrid-scrollbar-thumb-hover: var(--ugrid-dk-scrollbar-thumb-hover);--ugrid-selection-bg: var(--ugrid-dk-selection-bg);--ugrid-active-cell-border: var(--ugrid-dk-active-cell-border)}}body.demo-dark,.ugrid-theme-dark{--ugrid-border-color: var(--ugrid-dk-border);--ugrid-border-inner: var(--ugrid-dk-border-inner);--ugrid-border-row: var(--ugrid-dk-border-row);--ugrid-bg: var(--ugrid-dk-bg);--ugrid-bg-header: var(--ugrid-dk-bg-header);--ugrid-bg-row-even: var(--ugrid-dk-bg-row-even);--ugrid-bg-row-hover: var(--ugrid-dk-bg-row-hover);--ugrid-bg-filter: var(--ugrid-dk-bg-filter);--ugrid-bg-filter-input: var(--ugrid-dk-bg-filter-input);--ugrid-bg-filter-focus: var(--ugrid-dk-bg-filter-focus);--ugrid-bg-header-hover: var(--ugrid-dk-bg-header-hover);--ugrid-bg-header-sorted: var(--ugrid-dk-bg-header-sorted);--ugrid-text: var(--ugrid-dk-text);--ugrid-text-header: var(--ugrid-dk-text-header);--ugrid-text-header-sorted: var(--ugrid-dk-text-header-sorted);--ugrid-text-muted: var(--ugrid-dk-text-muted);--ugrid-text-filter: var(--ugrid-dk-text-filter);--ugrid-focus-ring: var(--ugrid-dk-focus-ring);--ugrid-focus-border: var(--ugrid-dk-focus-border);--ugrid-badge-bg: var(--ugrid-dk-badge-bg);--ugrid-badge-text: var(--ugrid-dk-badge-text);--ugrid-badge-selected-bg: hsl(from var(--ugrid-badge-bg) h s calc(l + 10) );--ugrid-badge-selected-text: hsl(from var(--ugrid-badge-text) h s calc(l + 10) );--ugrid-score-bg: var(--ugrid-dk-score-bg);--ugrid-score-fill: var(--ugrid-dk-score-fill);--ugrid-shadow: var(--ugrid-dk-shadow);--ugrid-scrollbar-track: var(--ugrid-dk-scrollbar-track);--ugrid-scrollbar-thumb: var(--ugrid-dk-scrollbar-thumb);--ugrid-scrollbar-thumb-hover: var(--ugrid-dk-scrollbar-thumb-hover);--ugrid-selection-bg: var(--ugrid-dk-selection-bg);--ugrid-active-cell-border: var(--ugrid-dk-active-cell-border)}.ugrid{height:100%;border:1px solid var(--ugrid-border-color);border-radius:var(--ugrid-radius);overflow:hidden;display:flex;flex-direction:column;background:var(--ugrid-bg);box-shadow:var(--ugrid-shadow);font-family:var(--ugrid-font);font-size:var(--ugrid-font-size);color:var(--ugrid-text)}.ugrid-header{display:flex;background:var(--ugrid-bg-header);border-bottom:2px solid var(--ugrid-border-color);flex-shrink:0;-webkit-user-select:none;user-select:none}.ugrid-header-cell{padding:0 12px;height:var(--ugrid-row-height);display:flex;align-items:center;font-weight:600;font-size:11px;color:var(--ugrid-text-header);letter-spacing:.04em;text-transform:uppercase;border-right:1px solid var(--ugrid-border-inner);flex-shrink:0;cursor:pointer;white-space:nowrap;overflow:hidden;gap:4px}.ugrid-header-cell:last-child{border-right:none}.ugrid-header-cell:hover{background:var(--ugrid-bg-header-hover)}.ugrid-header-cell.sorted{background:var(--ugrid-bg-header-sorted);color:var(--ugrid-text-header-sorted)}.ugrid-sort-icon{font-size:10px;opacity:.8;flex-shrink:0}.ugrid-filter-row{display:flex;background:var(--ugrid-bg-filter);border-bottom:1px solid var(--ugrid-border-inner);flex-shrink:0}.ugrid-filter-cell{padding:4px 6px;border-right:1px solid var(--ugrid-border-inner);flex-shrink:0;display:flex;align-items:center;position:relative}.ugrid-filter-cell:last-child{border-right:none}.ugrid-filter-input-wrap{position:relative;flex:1;display:flex;align-items:center}.ugrid-filter-input-wrap:after{content:"";position:absolute;right:1px;top:1px;bottom:1px;width:24px;border-radius:0 3px 3px 0;background:linear-gradient(to right,transparent,var(--ugrid-bg-filter-input) 50%);pointer-events:none;transition:opacity .1s}.ugrid-filter-input-wrap:focus-within:after{opacity:0}.ugrid-filter-input-wrap input{width:100%;border:1px solid var(--ugrid-border-inner);border-radius:4px;padding:3px 7px;font-size:12px;font-family:var(--ugrid-font);outline:none;background:var(--ugrid-bg-filter-input);color:var(--ugrid-text-filter)}.ugrid-filter-input-wrap input:focus{border-color:var(--ugrid-focus-border);background:var(--ugrid-bg-filter-focus);box-shadow:0 0 0 2px var(--ugrid-focus-ring)}.ugrid-filter-input-wrap input.ugrid-filter--error{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.ugrid-body{flex:1;overflow:auto;position:relative;outline:none;-webkit-user-select:none;user-select:none;min-height:0}.ugrid-spacer{position:relative;width:100%}.ugrid-rows{position:absolute;top:0;left:0;width:100%;will-change:transform}.ugrid-row{display:flex;transition:background .05s;overflow:hidden}.ugrid-row:last-child{border-bottom:none}.ugrid-row:hover{background:var(--ugrid-bg-row-hover)}.ugrid-row.ugrid-row--even{background:var(--ugrid-bg-row-even)}.ugrid-row.ugrid-row--even:hover{background:var(--ugrid-bg-row-hover)}.ugrid-row.ugrid-row--selected{background:var(--ugrid-selection-bg)!important}.ugrid--cell-mode .ugrid-row:hover{background:transparent}.ugrid--cell-mode .ugrid-row.ugrid-row--even:hover{background:var(--ugrid-bg-row-even)}.ugrid--cell-mode .ugrid-row.ugrid-row--selected{background:inherit!important}.ugrid-cell{padding:0 12px;height:100%;box-sizing:border-box;display:flex;align-items:center;border-right:1px dotted var(--ugrid-border-row);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ugrid-font-size);color:var(--ugrid-text)}.ugrid-cell:last-child{border-right:none}.ugrid--cell-mode .ugrid-cell{border-right:1px solid var(--ugrid-border-row);border-bottom:1px solid var(--ugrid-border-row)}.ugrid--cell-mode .ugrid-cell:last-child{border-right:1px solid var(--ugrid-border-row)}.ugrid-cell.ugrid-cell--in-range{background:var(--ugrid-selection-bg)}.ugrid-cell.ugrid-cell--focused{outline:2px solid var(--ugrid-active-cell-border);outline-offset:-2px;z-index:2;position:relative}.ugrid-cell.ugrid-cell--in-range{position:relative}.ugrid-cell.ugrid-cell--in-range:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-top:var(--_range-bt, 0);border-right:var(--_range-br, 0);border-bottom:var(--_range-bb, 0);border-left:var(--_range-bl, 0);z-index:3}.ugrid-cell.ugrid-cell--range-top{--_range-bt: 2px solid var(--ugrid-active-cell-border)}.ugrid-cell.ugrid-cell--range-bottom{--_range-bb: 2px solid var(--ugrid-active-cell-border)}.ugrid-cell.ugrid-cell--range-left{--_range-bl: 2px solid var(--ugrid-active-cell-border)}.ugrid-cell.ugrid-cell--range-right{--_range-br: 2px solid var(--ugrid-active-cell-border)}.ugrid-header-cell.ugrid-header-cell--in-range{background:var(--ugrid-bg-header-sorted);color:var(--ugrid-text-header-sorted)}.ugrid-cell.ugrid-cell--row-header{background:var(--ugrid-bg-header);color:var(--ugrid-text-muted);font-size:11px;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-right:1px solid var(--ugrid-border-color)}.ugrid-cell.ugrid-cell--row-header.ugrid-cell--in-range{background:var(--ugrid-bg-header-sorted);color:var(--ugrid-text-header-sorted)}.ugrid-filter-icon-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;width:16px;height:16px;border:none;border-radius:3px;background:transparent;color:var(--ugrid-text-muted, #94a3b8);font-size:11px;line-height:1;cursor:pointer;padding:0;opacity:0;transition:opacity .1s,background .1s,color .1s}.ugrid-row:hover .ugrid-filter-icon-btn{opacity:1}.ugrid-filter-icon-btn:hover{color:var(--ugrid-text, #1a1a2e)}.ugrid-filter-icon-btn--active{opacity:1}.ugrid-filter-clear-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:3px;background:transparent;color:var(--ugrid-text-muted, #94a3b8);font-size:13px;line-height:0;cursor:pointer;padding:0;z-index:1}.ugrid-filter-clear-btn:hover,.ugrid-filter-clear-btn:focus-visible{background:var(--ugrid-bg-filter-focus, #f8fafc);color:#ef4444}.ugrid-cell.ugrid-cell--number{justify-content:flex-end;font-variant-numeric:tabular-nums}.ugrid-cell.ugrid-cell--badge span{background:var(--ugrid-badge-bg);color:var(--ugrid-badge-text);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.ugrid-cell.ugrid-cell--badge{border:none}.ugrid-row--selected .ugrid-cell.ugrid-cell--badge span{background:var(--ugrid-badge-selected-bg);color:var(--ugrid-badge-selected-text)}.ugrid-cell.ugrid-cell--checkbox{justify-content:center}.ugrid-cell.ugrid-cell--checkbox.ugrid-cell--checked{color:#10b981}.ugrid-cell.ugrid-cell--checkbox.ugrid-cell--unchecked{color:red}.ugrid-cell.ugrid-cell--score{gap:8px}.ugrid-cell.ugrid-cell--score .ugrid-score-bar{display:inline-block;width:48px;height:8px;border-radius:4px;background:var(--ugrid-score-bg);flex-shrink:0;position:relative;overflow:hidden}.ugrid-cell.ugrid-cell--score .ugrid-score-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ugrid-score-fill);width:var(--score-pct, 0%);border-radius:4px}.ugrid-cell.ugrid-cell--score .ugrid-score-label{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ugrid-text)}.ugrid-body{scrollbar-color:var(--ugrid-scrollbar-thumb) var(--ugrid-scrollbar-track)}.ugrid-body::-webkit-scrollbar{width:14px;height:14px}.ugrid-body::-webkit-scrollbar-track{background:var(--ugrid-scrollbar-track);border-radius:4px}.ugrid-body::-webkit-scrollbar-thumb{background:var(--ugrid-scrollbar-thumb);border-radius:4px}.ugrid-body::-webkit-scrollbar-thumb:hover{background:var(--ugrid-scrollbar-thumb-hover)}.ugrid-body::-webkit-scrollbar-corner{background:var(--ugrid-scrollbar-track)}.ugrid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--ugrid-text-muted);gap:10px;font-size:13px}.ugrid-empty svg{opacity:.35}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--site-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;--site-bg: #fafafa;--site-text: #18181b;--site-text-muted: #71717a;--site-surface: #ffffff;--site-border: #e4e4e7;--site-accent: #8b5cf6;--site-accent-light: #ede9fe;--site-accent-dark: #6d28d9;--site-code-bg: #18181b;--site-code-text: #e4e4e7;--site-hero-gradient: linear-gradient(135deg, #18181b 0%, #27272a 40%, #1e1b2e 100%);--site-card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--site-max-width: 1200px}html{scroll-behavior:smooth}body{font-family:var(--site-font);font-size:16px;line-height:1.6;color:var(--site-text);background:var(--site-bg);-webkit-font-smoothing:antialiased}a{color:var(--site-accent);text-decoration:none}a:hover{text-decoration:underline}.site-container{max-width:var(--site-max-width);margin:0 auto;padding:0 24px}.site-nav{position:sticky;top:0;z-index:100;background:#18181bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);padding:0 24px}.site-nav-inner{max-width:var(--site-max-width);margin:0 auto;display:flex;align-items:center;height:56px;gap:24px}.site-nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:#fff;text-decoration:none}.site-nav-logo img{width:28px;height:28px;border-radius:6px}.site-nav-links{display:flex;gap:4px;margin-left:auto}.site-nav-links a{color:#ffffffa6;font-size:14px;font-weight:500;padding:6px 14px;border-radius:6px;transition:color .15s,background .15s;text-decoration:none}.site-nav-links a:hover{color:#fff;background:#ffffff14;text-decoration:none}.site-nav-gh{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:13px;font-weight:500;padding:5px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;transition:all .15s;text-decoration:none}.site-nav-gh:hover{color:#fff;border-color:#ffffff4d;background:#ffffff0f;text-decoration:none}.site-nav-gh svg{width:18px;height:18px;fill:currentColor}.site-hero{background:var(--site-hero-gradient);color:#fff;padding:80px 24px 72px;text-align:center}.site-hero-inner{max-width:800px;margin:0 auto}.site-hero-logo{width:72px;height:72px;border-radius:16px;margin-bottom:24px}.site-hero h1{font-size:48px;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:16px}.site-hero p{font-size:20px;color:#ffffffbf;max-width:600px;margin:0 auto 32px;line-height:1.5}.site-hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.site-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px}.site-badge--accent{background:#8b5cf633;border-color:#8b5cf659;color:#c4b5fd}.site-hero-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#18181b;font-size:15px;font-weight:600;padding:12px 28px;border-radius:8px;transition:transform .15s,box-shadow .15s;text-decoration:none}.site-hero-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0003;text-decoration:none}.site-section{padding:72px 24px}.site-section--alt{background:#f4f4f5}.site-section-header{text-align:center;margin-bottom:48px}.site-section-header h2{font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.site-section-header p{font-size:17px;color:var(--site-text-muted);max-width:600px;margin:0 auto}.site-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:var(--site-max-width);margin:0 auto}.site-feature-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:28px 24px;box-shadow:var(--site-card-shadow);transition:transform .15s,box-shadow .15s}.site-feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.site-feature-icon{font-size:28px;margin-bottom:12px;display:block}.site-feature-card h3{font-size:16px;font-weight:650;margin-bottom:6px}.site-feature-card p{font-size:14px;color:var(--site-text-muted);line-height:1.5}.site-demo-wrap{max-width:var(--site-max-width);margin:0 auto;background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.site-demo-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#111;color:#fff;font-size:13px}.site-demo-toolbar h3{font-size:14px;font-weight:600}.site-demo-tabs{display:flex;gap:2px}.site-demo-tab{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffff8c;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s,color .15s}.site-demo-tab:hover{color:#ffffffd9;background:#ffffff24}.site-demo-tab.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.site-demo-toolbar .spacer{flex:1}.site-demo-toolbar button{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s}.site-demo-toolbar button:hover{background:#ffffff38}.site-demo-toolbar .btn-theme{font-size:15px;padding:2px 8px}.site-demo-grid-area{height:480px;overflow:hidden}.site-demo-grid-area .ugrid{border:none;border-radius:0}.site-fw-tabs{max-width:var(--site-max-width);margin:0 auto}.site-fw-tab-bar{display:flex;gap:2px;border-bottom:2px solid var(--site-border);margin-bottom:0}.site-fw-tab{position:relative;padding:10px 20px;font-size:14px;font-weight:600;color:var(--site-text-muted);background:none;border:none;cursor:pointer;transition:color .15s;white-space:nowrap}.site-fw-tab:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:transparent;transition:background .15s}.site-fw-tab:hover{color:var(--site-text)}.site-fw-tab.active{color:var(--site-accent)}.site-fw-tab.active:after{background:var(--site-accent)}.site-fw-panel{display:none;padding:24px 0 0}.site-fw-panel.active{display:block}.site-fw-install{background:var(--site-code-bg);color:#94a3b8;padding:14px 20px;border-radius:8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;margin-bottom:20px;overflow-x:auto}.site-fw-install code{color:#e2e8f0}.site-fw-install .prompt{color:#64748b}.site-fw-code-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--site-text-muted);margin-bottom:8px}.site-fw-code{background:var(--site-code-bg);color:var(--site-code-text);border-radius:8px;overflow-x:auto;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6}.site-fw-code pre{margin:0;padding:20px}.site-fw-code .kw{color:#a78bfa}.site-fw-code .str{color:#86efac}.site-fw-code .fn{color:#93c5fd}.site-fw-code .cm{color:#64748b}.site-fw-code .ty{color:#fbbf24}.site-fw-code .op{color:#94a3b8}.site-fw-code .tag{color:#f472b6}.site-fw-code .attr{color:#7dd3fc}.site-fw-code .num{color:#fbbf24}.site-install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:var(--site-max-width);margin:0 auto}.site-install-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:24px;box-shadow:var(--site-card-shadow)}.site-install-card h3{font-size:15px;font-weight:650;margin-bottom:12px}.site-install-card pre{background:var(--site-code-bg);color:var(--site-code-text);padding:14px 18px;border-radius:8px;font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;overflow-x:auto}.site-footer{border-top:1px solid var(--site-border);padding:32px 24px;text-align:center;color:var(--site-text-muted);font-size:14px}.site-footer a{color:var(--site-text-muted);font-weight:500}.site-footer a:hover{color:var(--site-accent)}@media (max-width: 768px){.site-hero h1{font-size:32px}.site-hero p{font-size:17px}.site-hero{padding:56px 16px 48px}.site-section{padding:48px 16px}.site-demo-grid-area{height:380px}.site-nav-links{display:none}}.ugrid-cell--score{gap:8px}.ugrid-score-bar{display:inline-block;width:60px;height:6px;background:var(--ugrid-score-bg);border-radius:3px;position:relative;flex-shrink:0}.ugrid-score-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--score-pct, 0%);background:var(--ugrid-score-fill);border-radius:3px}.ugrid-score-label{font-size:11px;color:var(--ugrid-text-muted)}.ugrid-cell--badge span{background:var(--ugrid-badge-bg);color:var(--ugrid-badge-text);padding:1px 7px;border-radius:10px;font-size:11px}.ugrid-cell--number{justify-content:flex-end;font-variant-numeric:tabular-nums}