.demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;gap:15px;font:10px monospace;color:#d2ed94;letter-spacing:1px}.demo-toolbar small{font-size:9px;letter-spacing:0;display:block;color:#a7b09c;margin-top:7px}.demo-toolbar button{color:#c5cfb9;border:1px solid #5b6650;background:transparent;border-radius:3px;font:10px monospace;padding:9px 12px;cursor:pointer}.demo-mobile-hint{display:none}.demo-scroll{overflow-x:auto;overscroll-behavior-x:contain;border-radius:6px;padding-bottom:8px}.native-instrument{position:relative;width:100%;min-width:780px;line-height:0}.native-instrument>img{width:100%;height:auto;display:block;user-select:none}.native-instrument>svg{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.native-hit{cursor:pointer;outline:none}.native-hit:focus-visible{stroke:#c5e59a;stroke-width:1.5}.native-hit:hover{fill:#72dcf508}.native-hit[data-rail]{cursor:ew-resize;touch-action:none}@media(max-width:800px){.demo-mobile-hint{display:block;font:9px/1.6 monospace;color:#b6c0ac;margin:0 0 12px}.demo-toolbar{font-size:8px;letter-spacing:.5px}.demo-toolbar small{font-size:8px}.demo-toolbar button{font-size:8px;padding:8px}.demo-scroll{border:1px solid #3c4938}}