Css Media Query Simulator

Open Css Media Query Simulator on Happytails.ai. This view has the same page content and links, with explicit tool capabilities. Read the processing notes before using a tool.

Tool capabilities

{
  "id": "css-media-query-simulator",
  "category": "developer-tools",
  "built": true,
  "requirements": "Process bounded CSS locally. Reports preserve complete input and assumptions.",
  "implementation": {
    "fields": [],
    "presentation": "metrics",
    "inputMaxLength": 200000,
    "inputErrorCode": "CSS_TOOL_INPUT",
    "note": "Evaluate media rules across viewport states. Processing stays on your device. Reports are bounded and complete within the stated limits.",
    "example": {
      "input": "{\"css\":\"@media (min-width: 800px) { .wide { display:block } }\",\"states\":[{\"width\":900,\"height\":800,\"colorScheme\":\"light\"}]}",
      "options": {}
    },
    "experience": {
      "automatic": false,
      "single": false,
      "inputMaxLength": 200000,
      "inputMode": "text",
      "label": "CSS",
      "placeholder": "a { color: #3366cc; }",
      "help": "Paste CSS rules, including their selectors. Up to 200,000 characters. Review the settings before running.",
      "helpParts": [
        "Paste CSS rules, including their selectors.",
        "Up to 200,000 characters.",
        "Review the settings before running."
      ],
      "action": null
    },
    "mode": "explicit",
    "interactive": false
  },
  "execution": "Browser interface",
  "api": null,
  "browser_agent": {
    "supported": true,
    "name": "run_current_tool",
    "discovery": "WebMCP on the human page in a supporting browser",
    "verification": "See audit/API-AUDIT.md; availability is not verification"
  }
}

Page guide