.bte{max-width:100%}.bte-stage{background:#7fd0f5;overflow:hidden}.bte-stage canvas{touch-action:none;cursor:ns-resize}.bte-stage .result{text-align:center;max-width:36ch;font-size:clamp(.85rem,2.6vw,1.4rem)}@media (max-width:560px){.bte-stage .overlay{gap:6px;padding:8px}.bte-stage .overlay button{box-shadow:4px 4px 0 var(--ink);padding:6px 18px;font-size:1.15rem}}.bte-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.bte-keys{overflow-wrap:anywhere;margin:22px 0 0;font-size:.95rem;line-height:1.6}