body,html{height:100%;margin:0;overscroll-behavior-y:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}body{height:100dvh;background:#f5f5f7;transition:background-color .2s}body:has(#demoGrid[theme=carbon-dark]){background:#161616}body:has(#demoGrid[theme=glow-dark]){background:#0a0a0a}.loading-overlay{position:fixed;inset:0;background:#484848;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s;z-index:9999;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center}.loading-overlay__status{margin:0;min-height:1.2em;color:rgba(255,255,255,.85);font:500 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em}.loading-overlay.visible{opacity:1;visibility:visible;pointer-events:all;transition:opacity .2s}.loading-overlay__spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:.75s linear infinite loading-overlay-spin}.loading-overlay:not(.visible) .loading-overlay__spinner{animation-play-state:paused}@keyframes loading-overlay-spin{to{transform:rotate(360deg)}}.container{display:flex;flex-direction:column;gap:4px;padding:12px;height:100%;box-sizing:border-box}.container:has(#demoGrid[theme=carbon-dark]),.container:has(#demoGrid[theme=carbon]){gap:0}#gridWrapper{flex:1 1 auto;min-height:0;min-width:0}.select-wrapper{position:relative;display:inline-block;width:190px}.select-wrapper select{width:100%;height:30px;padding:0 30px 0 10px;border-radius:6px;border:1px solid #d1d5db;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 8px center/16px no-repeat #fff;color:#111827;cursor:pointer;font-size:.82rem;font-weight:500;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:.2s}.select-wrapper select:hover{border-color:#a5b4fc}.select-wrapper select:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.25)}vn-grid-toolbar[data-theme=carbon-dark] .select-wrapper select,vn-grid-toolbar[data-theme=glow-dark] .select-wrapper select{background-color:var(--vn-grid-toolbar-bg);color:var(--vn-grid-toolbar-color);border-color:var(--vn-grid-toolbar-border);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f4f4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}vn-grid-toolbar[data-theme=carbon-dark] .select-wrapper select:hover,vn-grid-toolbar[data-theme=glow-dark] .select-wrapper select:hover{border-color:var(--vn-grid-toolbar-accent)}vn-grid-toolbar[data-theme=carbon-dark] .select-wrapper select:focus,vn-grid-toolbar[data-theme=glow-dark] .select-wrapper select:focus{border-color:var(--vn-grid-toolbar-accent);box-shadow:0 0 0 2px var(--vn-grid-toolbar-selected-bg)}.status-container{display:flex;gap:10px;align-items:center}.status-container>vn-grid-toolbar{flex:1 1 auto;min-width:0}