#muHost{min-height:260px;position:relative}
#muHost canvas{width:100%;display:block;touch-action:none;border-radius:8px}
#muHost canvas:focus-visible{outline:3px solid #f3c84b;outline-offset:2px}
.mu-note{margin:8px 0 0;font-size:12.5px;color:#476071}
.mu-pages{display:flex;flex-wrap:wrap;gap:14px}
.mu-page{flex:1 1 220px;min-width:0}
.mu-page h3{margin:0 0 4px;font-size:14px}
.mu-grid{display:grid;gap:2px;direction:ltr}
.mu-chip{all:unset;box-sizing:border-box;height:22px;min-width:0;border-radius:3px;cursor:pointer;border:1px solid rgba(22,52,76,.25);position:relative}
.mu-chip:focus-visible{outline:3px solid #16344c;outline-offset:1px;z-index:2}
.mu-chip[aria-pressed="true"]{outline:3px solid #16344c;outline-offset:1px;box-shadow:0 0 0 5px #fff;z-index:2}
.mu-chip.empty{background:repeating-linear-gradient(45deg,#e6eef1 0 4px,#f6fafb 4px 8px);cursor:default;border-style:dashed}
.mu-rowlab,.mu-collab{font-size:10.5px;color:#476071;text-align:center;align-self:center}
.mu-card{margin:10px 0 0;padding:10px 12px;border:2px solid #16344c;border-radius:10px;background:#fff;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.mu-swatch{width:84px;height:84px;border-radius:8px;border:2px solid #16344c;flex:0 0 auto}
.mu-card h3{margin:0 0 2px;font-size:17px}.mu-card p{margin:0 0 3px;font-size:13.5px}.mu-card .mu-hex{font-family:ui-monospace,monospace;font-size:12.5px}
@media (forced-colors:active){.mu-chip[aria-pressed="true"]{outline-color:Highlight}.mu-chip{forced-color-adjust:none}}