CSS3 operator

Inspect and control CSS3 origins, cascade layers, scope, specificity, inheritance, custom properties, selectors, and source order. Use when styles do not apply, overrides are fragile, specificity is escalating, or stylesheet ownership must be clarified.

Look up CSS3 inspection, setup, validation, and focused operation patterns across cascade and selectors, layout, responsive design, theming, motion. Use when the user wants a concise command or pattern reference instead of a guided workflow.

Inspect the installed CSS3 toolchain, project configuration, source entry points, generated output, target environments, and validation scripts without changing files or dependencies. Use before CSS3 work, when the project conventions are unknown, or when the user asks what is configured.

Connect CSS3 to the surrounding build system, framework, tests, linting, formatting, CI, deployment target, and runtime boundaries while preserving ownership between layers. Use when CSS3 must work with another project subsystem or behave consistently from local development through production.

Build and repair CSS3 layout using normal flow, flexbox, grid, positioning, intrinsic sizing, overflow, aspect ratios, and containment. Use when creating page or component layout, fixing overflow and alignment, or removing brittle positioning.

Create and repair CSS3 transitions, keyframe animations, transforms, view transitions, and reduced-motion alternatives with performance and accessibility checks. Use when adding animation, fixing jank or unexpected precedence, or honoring motion preferences.

Implement responsive CSS3 with fluid sizing, media queries, container queries, logical properties, responsive typography, and input or preference queries. Use when a layout must adapt across viewports or containers, breakpoints are failing, or mobile and desktop behavior diverges.

Install and configure CSS3 from zero, including the project-local toolchain, source entry point, baseline configuration, validation scripts, ignored generated output, and a minimal verified example. Use when a project has no CSS3 setup or the user explicitly asks to initialize it.

Design and operate CSS3 themes with custom-property tokens, color schemes, contrast, dark mode, forced colors, component overrides, and user preference handling. Use when adding a theme, changing design tokens, fixing contrast, or making components consistent across modes.

Diagnose CSS3 failures involving configuration, parsing, compilation, runtime behavior, generated output, browser or server differences, tests, integrations, and performance without masking the original error. Use when CSS3 code fails a check, behaves differently across environments, or produces unexpected output.