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.
- ·01PLAIN CSShand-written semantic classes
- ·02TAILWIND UTILITIESmass utility-class detection + hints
- ·03CSS MODULESmangled `Name_class__hash` extraction
- ·04CSS-IN-JSstyled-components `sc-*` denylist
- ·05INLINE STYLESstructural-selector fallback
- ·06DEEP DOMwalker + observer + position:fixed
- ·07SHARED-CLASS GRIDsibling-group detection
- ·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.