#toolsPage [hidden]{display:none!important}#toolsPage .toolsIntro{font-size:22px;color:#afc4d5;line-height:1.5;margin:12px 0 26px}#toolsPage #toolsHome>h2{font-size:36px;margin:12px 0}#toolsPage .toolTiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:24px 0 30px}#toolsPage .toolTile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;min-height:340px;padding:32px;border:1px solid color-mix(in srgb,var(--tool) 40%,#293746);border-top:4px solid var(--tool);border-radius:20px;color:#ecf5fb;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--tool) 16%,#14202c),#121a27 80%);gap:20px;cursor:pointer}#toolsPage .toolTile svg{position:absolute;right:26px;top:28px;width:82px;height:82px;fill:none;stroke:var(--tool);stroke-width:2}#toolsPage .toolNumber{font-size:16px;letter-spacing:2px;color:var(--tool);padding-right:100px}#toolsPage .toolTile strong{font-size:34px;line-height:1.2;margin-top:28px}#toolsPage .toolTile>span:not(.toolNumber){font-size:22px;line-height:1.55;color:#b5c8d8;max-width:580px}#toolsPage .toolTile>b{color:var(--tool);font-size:20px;font-weight:600;margin-top:auto;padding-top:12px}#toolsPage .toolTile:focus-visible,#toolsPage .toolsBack:focus-visible{outline:3px solid #fff;outline-offset:4px}#toolsPage .toolsBack{font-size:20px;min-height:52px;padding:12px 20px;margin:0 0 22px}#toolsPage .midiTester{margin-top:0}#toolsPage #dmxToolPage>h2{font-size:32px}@media(max-width:720px){#toolsPage .toolTiles{grid-template-columns:1fr;gap:20px}#toolsPage .toolTile{min-height:310px;padding:24px}#toolsPage .toolTile strong{font-size:30px}#toolsPage .toolTile svg{width:68px;height:68px}#toolsPage .toolTile>span:not(.toolNumber){font-size:20px}}
/* Compact DIP block: half-width bank and half-height switch housings. */
#dmxToolPage .dipBank{width:50%;min-width:310px;max-width:100%;gap:6px;padding:9px;background:#bb202b;border:2px solid #ef414b;border-radius:6px;overflow-x:auto}
#dmxToolPage .dipCell{min-width:22px}
#dmxToolPage .dipNumber{margin-bottom:4px;color:#fff;font-size:10px}
#dmxToolPage .dipToggle,#dmxToolPage .dipToggle.on{height:58px;max-width:35px;border-radius:4px;padding:0;background:#8e111d;border:1px solid #ff9ca2}
#dmxToolPage .dipToggle .dipLever,#dmxToolPage .dipToggle.on .dipLever{left:4px;right:4px;height:18px;background:#fff;border-radius:2px;box-shadow:0 2px 3px #0005}
#dmxToolPage .dipToggle .dipLever{top:auto;bottom:17px}
#dmxToolPage .dipToggle.on .dipLever{top:5px;bottom:auto}
#dmxToolPage .dipToggle .dipState,#dmxToolPage .dipToggle.on .dipState{bottom:3px;font-size:8px;color:#fff}
#dmxToolPage .dipCell>small{margin-top:5px;font-size:10px;color:#fff}
#dmxToolPage .dipToggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:650px){#dmxToolPage .dipBank{width:100%;min-width:0;gap:4px;padding:8px}#dmxToolPage .dipCell{min-width:18px}}