// CSS WRANGLERv0.1 · ALPHA

THE LAB · CSS WRANGLER

This page exists to exercise every code path in the picker, selector ranking, denylist, styling-detect, injector, and observer across every styling system the extension supports. It also doubles as the regression harness, because writing tests for a Chrome extension is its own kind of misery.

Open the side panel. Pick anything. Copy a patch. If a station behaves wrong, that station’s source is your regression test. You’re welcome.


  1. ·01PLAIN CSShand-written semantic classes
  2. ·02TAILWIND UTILITIESmass utility-class detection + hints
  3. ·03CSS MODULESmangled `Name_class__hash` extraction
  4. ·04CSS-IN-JSstyled-components `sc-*` denylist
  5. ·05INLINE STYLESstructural-selector fallback
  6. ·06DEEP DOMwalker + observer + position:fixed
  7. ·07SHARED-CLASS GRIDsibling-group detection
  8. ·08IMPORTANT WARSpage-level !important — extension wins

If you change selectors.ts, injector.ts, or styling-detect.ts, update or add a station. See web/CLAUDE.md. The contract is in writing for a reason.