.theming-example{--theming-panel-bg:#f8fafc;--theming-panel-border:#dbe2ea;--theming-panel-color:#334155;min-height:0;color:var(--theming-panel-color);flex-direction:column;gap:12px;display:flex}.theming-example__toolbar{border:1px solid var(--theming-panel-border);background:var(--theming-panel-bg);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.theming-example__intro strong,.theming-example__intro span{display:block}.theming-example__intro strong{color:#0f172a;margin-bottom:3px;font-size:14px}.theming-example__intro span{color:#64748b;font-size:12px}.theming-example__option{align-items:center;gap:5px;display:inline-flex}.theming-example__tokens{grid-template-columns:minmax(170px,1.25fr) repeat(4,minmax(130px,1fr));gap:8px;display:grid}.theming-example__class-name,.theming-example__token{border:1px solid var(--theming-panel-border);background:#fff;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:9px 10px;display:flex}.theming-example__class-name{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.theming-example__class-name>span{color:#64748b;letter-spacing:.04em;font-size:10px;font-weight:700}.theming-example__class-name code{color:#2563eb;font-size:12px;font-weight:700}.theming-example__swatch{border:1px solid #0f172a29;border-radius:6px;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff29}.theming-example__token>span:last-child,.theming-example__token code,.theming-example__token small{min-width:0;display:block}.theming-example__token code{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.theming-example__token small{color:#0f172a;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.theming-example .theming-example__grid-container{height:350px}.theming-example__hint{color:#64748b;margin:-3px 0 0;font-size:11px}.site-grid-theme .bgrid-root.theming-example-grid.bgrid-theme-brand{--bgrid-font-size:13px;--bgrid-primary-color:#0f766e;--bgrid-header-bg:#0f766e;--bgrid-header-color:#fff;--bgrid-header-font-weight:700;--bgrid-header-hover-bg:#115e59;--bgrid-border-color-base:#99d5ca;--bgrid-border-color-light:#b7e2da;--bgrid-border-color-subtle:#d9f2ed;--bgrid-header-separator-color:#5eead4;--bgrid-frozen-boundary-color:#0f766e;--bgrid-border-radius:10px;--bgrid-row-selector-color:#0f766e;--bgrid-body-bg:#f7fffd;--bgrid-body-color:#134e4a;--bgrid-body-odd-bg:#ecfdf9;--bgrid-body-hover-bg:#d9f8f1;--bgrid-body-hover-odd-bg:#ccfbf1;--bgrid-body-active-bg:#ccfbf1;--bgrid-cell-selected-bg:#99f6e4;--bgrid-cell-selected-border-color:#0f766e;--bgrid-active-cell-bg:#fff;--bgrid-active-cell-ring-color:#0f766e;--bgrid-selection-axis-bg:#99f6e4;--bgrid-selection-axis-color:#115e59;--bgrid-selection-axis-border-color:#0f766e;--bgrid-footer-bg:#dff7f2;--bgrid-scroll-bg:#f0fdfa;--bgrid-scroll-track-bg:#d5f5ed;--bgrid-scroll-thumb-bg:#5eead4;--bgrid-scroll-thumb-hover-bg:#2dd4bf;--bgrid-scrollbar-modern-track-bg:#d5f5ed;--bgrid-scrollbar-modern-thumb-bg:#5eead4;--bgrid-scrollbar-modern-thumb-hover-bg:#2dd4bf;--bgrid-scrollbar-modern-button-hover-bg:#ccfbf1;--bgrid-scrollbar-modern-icon-color:#0f766e;--bgrid-scrollbar-modern-gutter-bg:#f0fdfa;--bgrid-scrollbar-modern-gutter-border-color:#99d5ca}.site-grid-theme .bgrid-root.theming-example-grid.bgrid-theme-dark{--bgrid-font-size:13px;--bgrid-primary-color:#38bdf8;--bgrid-header-bg:#1e293b;--bgrid-header-color:#f8fafc;--bgrid-header-font-weight:650;--bgrid-header-hover-bg:#334155;--bgrid-border-color-base:#475569;--bgrid-border-color-light:#334155;--bgrid-border-color-subtle:#263449;--bgrid-header-separator-color:#64748b;--bgrid-frozen-boundary-color:#64748b;--bgrid-border-radius:8px;--bgrid-row-selector-color:#0f172a;--bgrid-body-bg:#0f172a;--bgrid-body-color:#e2e8f0;--bgrid-body-odd-bg:#111c2f;--bgrid-body-hover-bg:#1e293b;--bgrid-body-hover-odd-bg:#263449;--bgrid-body-active-bg:#164e63;--bgrid-cell-selected-bg:#164e63;--bgrid-cell-selected-border-color:#38bdf8;--bgrid-active-cell-bg:#0f172a;--bgrid-active-cell-ring-color:#38bdf8;--bgrid-selection-axis-bg:#164e63;--bgrid-selection-axis-color:#7dd3fc;--bgrid-selection-axis-border-color:#38bdf8;--bgrid-footer-bg:#1e293b;--bgrid-scroll-bg:#0f172a;--bgrid-scroll-track-bg:#1e293b;--bgrid-scroll-thumb-bg:#475569;--bgrid-scroll-thumb-hover-bg:#64748b;--bgrid-scrollbar-modern-track-bg:#1e293b;--bgrid-scrollbar-modern-thumb-bg:#475569;--bgrid-scrollbar-modern-thumb-hover-bg:#64748b;--bgrid-scrollbar-modern-button-hover-bg:#334155;--bgrid-scrollbar-modern-icon-color:#94a3b8;--bgrid-scrollbar-modern-gutter-bg:#1e293b;--bgrid-scrollbar-modern-gutter-border-color:#475569}[role=grid].theming-example-grid .theming-example-status{border-radius:999px;justify-content:center;align-items:center;min-width:62px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}[role=grid].theming-example-grid .theming-example-status--healthy{color:#15803d;background:#dcfce7}[role=grid].theming-example-grid .theming-example-status--warning{color:#c2410c;background:#ffedd5}[role=grid].theming-example-grid .theming-example-status--scheduled{color:#4338ca;background:#e0e7ff}[role=grid].theming-example-grid.bgrid-theme-dark .theming-example-status--healthy{color:#bbf7d0;background:#14532d}[role=grid].theming-example-grid.bgrid-theme-dark .theming-example-status--warning{color:#fed7aa;background:#7c2d12}[role=grid].theming-example-grid.bgrid-theme-dark .theming-example-status--scheduled{color:#c7d2fe;background:#312e81}@media (width<=900px){.theming-example__tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.theming-example__class-name{grid-column:1/-1}}@media (width<=640px){.theming-example__toolbar{flex-direction:column;align-items:stretch}.theming-example__toolbar .ant-segmented{width:100%}.theming-example__toolbar .ant-segmented-item{flex:1}.theming-example__tokens{grid-template-columns:1fr}.theming-example__class-name{grid-column:auto}.theming-example .theming-example__grid-container{height:330px}}