.showcase{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100vh;display:grid}.showcase-navbar.bp6-navbar{justify-content:space-between;align-items:center;padding:0 12px;display:flex}.showcase-navbar .bp6-navbar-group{gap:6px}.showcase-brand{color:var(--cs-color-text);font-size:var(--cs-font-size-lg);font-weight:var(--cs-font-weight-semibold);letter-spacing:-.01em;align-items:center;gap:10px;margin-right:4px;text-decoration:none;display:flex}.showcase-brand:hover{color:var(--cs-color-text);text-decoration:none}.showcase-nav-tabs{gap:2px;margin-left:4px;display:flex}.showcase-nav-tabs .bp6-button.bp6-active{color:var(--cs-color-primary-text)}.showcase-navbar-end .bp6-input-group{width:240px;margin-right:6px}.showcase-theme{margin-right:4px}.showcase-navbar-end .bp6-input-action{align-items:center;height:100%;padding-right:6px;display:flex}.showcase-search-hint.bp6-key-combo{color:var(--cs-color-text-subtle);font-size:var(--cs-font-size-xs)}.showcase-avatar{background:var(--cs-color-primary-subtle);color:var(--cs-color-primary-text);font-size:var(--cs-font-size-xs);font-weight:var(--cs-font-weight-semibold);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;display:inline-flex}.showcase-body{grid-template-columns:232px minmax(0,1fr) 340px;min-height:0;display:grid}.showcase-sidebar{background-color:var(--cs-color-surface);border-right:1px solid var(--cs-color-border);padding:12px 8px;overflow-y:auto}.showcase-sidebar-title{color:var(--cs-color-text-subtle);font-size:var(--cs-font-size-xs);font-weight:var(--cs-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;padding:10px 8px 6px}.showcase-sidebar-title+.bp6-tree{margin-bottom:8px}.showcase-views.bp6-menu{background:0 0;padding:0}.showcase-main{flex-direction:column;gap:14px;min-width:0;padding:16px 20px 24px;display:flex;overflow-y:auto}.showcase-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.showcase-title{color:var(--cs-color-text);font-size:var(--cs-font-size-2xl);font-weight:var(--cs-font-weight-semibold);letter-spacing:-.02em;margin:4px 0 0}.showcase-header-actions{gap:8px;display:flex}.showcase-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.showcase-filters .bp6-switch{margin:0 0 0 4px}.showcase-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.showcase-metrics .bp6-card{padding:14px 16px}.showcase-charts{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;display:grid}.showcase-chart-card.bp6-card,.showcase-table-card.bp6-card{flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.showcase-card-header{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.showcase-card-header h2{color:var(--cs-color-text);font-size:var(--cs-font-size-md);font-weight:var(--cs-font-weight-semibold);letter-spacing:var(--cs-label-tracking);text-transform:var(--cs-label-transform);margin:0}.showcase-card-header>span:not(.bp6-tag):not(.showcase-card-spacer){color:var(--cs-color-text-subtle);font-size:var(--cs-font-size-sm)}.showcase-card-spacer{flex:1}.showcase-table{height:360px}.showcase-table .bp6-table-cell{font-size:var(--cs-font-size-md);line-height:32px}.showcase-cell-name{font-weight:var(--cs-font-weight-medium)}.showcase-cell-name .bp6-icon{color:var(--cs-color-text-subtle);margin-right:8px}.showcase-cell-number{font-variant-numeric:tabular-nums;text-align:right}.showcase-cell-muted{color:var(--cs-color-text-muted)}.showcase-cell-spark .cs-sparkline{vertical-align:middle;display:inline-block}.showcase-num{font-variant-numeric:tabular-nums;text-align:right}.showcase-chart{min-width:0;position:relative}.showcase-chart-plot{position:relative}.showcase-chart-plot svg{display:block;overflow:visible}.showcase-chart-plot svg:focus-visible{outline:2px solid var(--cs-color-focus);outline-offset:4px}.showcase-chart-tick{fill:var(--cs-color-text-subtle);font-variant-numeric:tabular-nums;font-size:11px}.showcase-chart-end-label{fill:var(--cs-color-text-muted);font-size:12px}.showcase-chart-legend{flex-wrap:wrap;gap:14px;margin-bottom:6px;display:flex}.showcase-chart-legend-item{color:var(--cs-color-text-muted);font-size:var(--cs-font-size-sm);align-items:center;gap:6px;display:inline-flex}.showcase-chart-line-key{border-radius:1px;width:12px;height:2px;display:inline-block}.showcase-chart-bar-key{background:var(--cs-chart-1);border-radius:2px;width:8px;height:10px;display:inline-block}.showcase-chart-tooltip{background:var(--cs-color-surface-raised);border-radius:var(--cs-radius-md);box-shadow:var(--cs-shadow-3);color:var(--cs-color-text);font-size:var(--cs-font-size-sm);pointer-events:none;z-index:2;min-width:132px;padding:8px 10px;position:absolute;top:0}.showcase-chart-tooltip-title{color:var(--cs-color-text-subtle);margin-bottom:4px}.showcase-chart-tooltip-row{align-items:center;gap:8px;line-height:20px;display:flex}.showcase-chart-tooltip-row strong{font-variant-numeric:tabular-nums;font-weight:var(--cs-font-weight-semibold)}.showcase-chart-tooltip-row span:last-child{color:var(--cs-color-text-muted)}.showcase-inspector{background-color:var(--cs-color-surface);border-left:1px solid var(--cs-color-border);flex-direction:column;min-width:0;padding:16px;display:flex;overflow-y:auto}.showcase-inspector-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.showcase-inspector-header .bp6-entity-title{min-width:0}.showcase-inspector-actions{gap:6px;margin:14px 0;display:flex}.showcase-inspector-callout{margin-bottom:14px}.showcase-inspector .bp6-tab-panel{margin-top:12px}.showcase-inspector-section{flex-direction:column;gap:16px;display:flex}.showcase-inspector-block{flex-direction:column;gap:8px;display:flex}.showcase-inspector-label{color:var(--cs-color-text-muted);font-size:var(--cs-font-size-sm);justify-content:space-between;align-items:baseline;display:flex}.showcase-inspector-label>span{letter-spacing:var(--cs-label-tracking);text-transform:var(--cs-label-transform)}.showcase-inspector-label strong{color:var(--cs-color-text);font-weight:var(--cs-font-weight-semibold)}.showcase-runs{width:100%}.showcase-inspector-footer{border-top:1px solid var(--cs-color-border);color:var(--cs-color-text-muted);font-size:var(--cs-font-size-sm);justify-content:space-between;margin-top:auto;padding-top:12px;display:flex}.showcase-inspector-footer strong{color:var(--cs-color-text)}@media (max-width:1280px){.showcase-body{grid-template-columns:220px minmax(0,1fr)}.showcase-inspector{display:none}}@media (max-width:960px){.showcase-body{grid-template-columns:minmax(0,1fr)}.showcase-sidebar,.showcase-nav-tabs,.showcase-navbar-end .bp6-input-group,.showcase-theme{display:none}.showcase-metrics,.showcase-charts{grid-template-columns:minmax(0,1fr)}}