.bit-mask-studio{display:grid;gap:1.25rem}.bit-mask-studio>label{max-width:14rem}.bit-mask-bits{display:grid;grid-template-columns:repeat(8,minmax(2.5rem,1fr));gap:.65rem}.bit-mask-bits button{border:0;border-radius:16px;padding:.7rem .25rem;background:var(--surface,#f2f5fb);color:var(--text,#17213a);box-shadow:inset 2px 2px 5px rgba(44,62,90,.12),inset -2px -2px 5px rgba(255,255,255,.85);cursor:pointer}.bit-mask-bits button.on{background:linear-gradient(135deg,#14b8a6,#3182ed);color:#fff;box-shadow:0 8px 20px rgba(20,184,166,.25)}.bit-mask-bits small,.bit-mask-bits strong{display:block}.bit-mask-bits strong{font-size:1.25rem}.bit-mask-studio pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.bit-mask-bits{grid-template-columns:repeat(4,minmax(2.5rem,1fr))}}
body.dark .bit-mask-bits button{background:#17243a;color:#dce8f7;box-shadow:inset 2px 2px 5px #0b1322,inset -2px -2px 5px #233653}