.SortingDemo-module__WhmW1G__demo{background-color:var(--card-background);box-sizing:border-box;width:100%;padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);gap:var(--spacing-md);flex-direction:column;display:flex}.SortingDemo-module__WhmW1G__tabs{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.SortingDemo-module__WhmW1G__tab{color:var(--secondary-text-color);border:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-default);white-space:nowrap;background-color:#0000;flex:auto;font-size:.85rem}.SortingDemo-module__WhmW1G__tab:hover{border-color:var(--accent-color);color:var(--text-color)}.SortingDemo-module__WhmW1G__tabActive{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--background-color);font-weight:700}.SortingDemo-module__WhmW1G__blurb{color:var(--secondary-text-color);margin:0;font-size:.85rem;line-height:1.5}.SortingDemo-module__WhmW1G__bars{height:220px;padding:var(--spacing-sm);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);align-items:flex-end;gap:6px;display:flex}.SortingDemo-module__WhmW1G__barCol{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.SortingDemo-module__WhmW1G__bar{background-color:var(--hover-border-color);border-radius:4px 4px 0 0;width:100%;transition:height .15s,background-color .15s}.SortingDemo-module__WhmW1G__barCompare{background-color:#ffd166}.SortingDemo-module__WhmW1G__barSwap{background-color:#ff6b6b}.SortingDemo-module__WhmW1G__barSorted{background-color:var(--accent-color)}.SortingDemo-module__WhmW1G__barLabel{color:var(--secondary-text-color);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.SortingDemo-module__WhmW1G__controls{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.SortingDemo-module__WhmW1G__secondary,.SortingDemo-module__WhmW1G__ghost{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-default);border:1px solid var(--accent-color);color:var(--accent-color);background-color:#0000;font-weight:700}.SortingDemo-module__WhmW1G__ghost{border-color:var(--border-color);color:var(--secondary-text-color);font-weight:500}.SortingDemo-module__WhmW1G__secondary:disabled{opacity:.4;cursor:not-allowed}.SortingDemo-module__WhmW1G__secondary:hover:not(:disabled),.SortingDemo-module__WhmW1G__ghost:hover{opacity:.9}.SortingDemo-module__WhmW1G__statRow{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.SortingDemo-module__WhmW1G__stat{align-items:center;gap:var(--spacing-xs);display:inline-flex}.SortingDemo-module__WhmW1G__statValue{color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:700}.SortingDemo-module__WhmW1G__statLabel{color:var(--secondary-text-color);font-size:.78rem}.SortingDemo-module__WhmW1G__legendItem{color:var(--secondary-text-color);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.SortingDemo-module__WhmW1G__swatch{border-radius:3px;width:.7rem;height:.7rem}.SortingDemo-module__WhmW1G__badge{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);border:1px solid var(--border-color);color:var(--secondary-text-color);border-radius:999px;font-size:.72rem;font-weight:700;display:inline-flex}.SortingDemo-module__WhmW1G__badgeOk{border-color:var(--accent-color);color:var(--accent-color)}@media (max-width:600px){.SortingDemo-module__WhmW1G__bars{gap:3px;height:170px}.SortingDemo-module__WhmW1G__barLabel{font-size:.55rem}}