/* Matrix-only inspection, not a content editor. Native layout and actions stay intact. */
.matrix-inspector { position:fixed; inset:0; z-index:1500; pointer-events:none; overflow:hidden; color:#70f994; contain:strict; }
.matrix-inspector[hidden] { display:none; }
.matrix-inspector * { pointer-events:none; box-sizing:border-box; }
.matrix-inspector svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.matrix-inspector :is(path,line,rect,circle) { vector-effect:non-scaling-stroke; }
.matrix-inspector-box { position:absolute; border:1px solid #70f994b0; }
.matrix-inspector-box i { position:absolute; width:5px; height:5px; background:#020a05; border:1px solid #a8ffc0; left:var(--x); top:var(--y); transform:translate(-50%,-50%); }
.matrix-inspector-tag,.matrix-inspector-size { position:absolute; white-space:nowrap; padding:5px 7px; background:#70f994; color:#020a05; font:10px/1 ui-monospace,'SFMono-Regular',monospace; letter-spacing:.025em; }
.matrix-inspector-size { background:#020a05f2; color:#a8ffc0; border:1px solid #315b3c; padding:4px 6px; }
.matrix-inspector-path { fill:#70f99408; stroke:#90ffb1; stroke-width:1; }
.matrix-inspector-baseline { stroke:#70f994; stroke-width:1; opacity:.2; stroke-dasharray:3 5; }
.matrix-inspector-handle { stroke:#70f994; stroke-width:1; opacity:.55; }
.matrix-inspector-anchor { fill:#020a05; stroke:#a8ffc0; stroke-width:1; }
.matrix-inspector-control { fill:#70f994; stroke:#020a05; stroke-width:1; }
.matrix-inspector-node-box { fill:none; stroke:#70f994; stroke-width:1; stroke-dasharray:2 4; opacity:.35; }
html[data-matrix="on"] .matrix-vector-selected,
html[data-matrix="on"] .matrix-vector-selected * { -webkit-text-fill-color:transparent!important; text-shadow:none!important; }
html[data-matrix="on"] :is(.tech-glyph,.sequence-symbol) { pointer-events:auto; }
/* Hardware cursors: immediate response, no trailing synthetic cursor or hidden fallback. */
@media(hover:hover) and (pointer:fine) {
  html[data-matrix="on"] body,
  html[data-matrix="on"] body * {
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M3 2 3 23 8.5 17.5 13 27 17 25 12.5 16 21 16Z' fill='%2370f994' stroke='%23020a05' stroke-width='1.5'/%3E%3C/svg%3E") 3 2,default;
  }
  html[data-matrix="on"] body :is(p,h1,h2,h3,.hero-subtitle,.matrix-vector-selected),
  html[data-matrix="on"] body :is(p,h1,h2,h3,.hero-subtitle,.matrix-vector-selected) * {
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28'%3E%3Cpath d='M7 3h10M12 3v22M7 25h10' fill='none' stroke='%23020a05' stroke-width='4'/%3E%3Cpath d='M7 3h10M12 3v22M7 25h10' fill='none' stroke='%2370f994' stroke-width='1.5'/%3E%3C/svg%3E") 12 14,text;
  }
  html[data-matrix="on"] body :is(a,button,summary,[role="button"],[role="radio"]),
  html[data-matrix="on"] body :is(a,button,summary,[role="button"],[role="radio"]) * {
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M3 2 3 23 8.5 17.5 13 27 17 25 12.5 16 21 16Z' fill='%2370f994' stroke='%23020a05' stroke-width='1.5'/%3E%3Cpath d='M25 2v8m-4-4h8' stroke='%23c5fbd0' stroke-width='1.5'/%3E%3C/svg%3E") 3 2,pointer;
  }
  html[data-matrix="on"] body :is(input,textarea,[contenteditable="true"]) { cursor:text; }
  html[data-matrix="on"] body .showcase-slide,
  html[data-matrix="on"] body .footer-wordmark.has-signature-point { cursor:grab; }
  html[data-matrix="on"] body .is-dragging .showcase-slide,
  html[data-matrix="on"] body .footer-wordmark.is-signature-dragging { cursor:grabbing; }
}
@media(forced-colors:active) {
  .matrix-inspector { display:none; }
  html[data-matrix="on"] .matrix-vector-selected,
  html[data-matrix="on"] .matrix-vector-selected * { -webkit-text-fill-color:currentColor!important; }
}