html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow:hidden}*{-webkit-tap-highlight-color:transparent}.preset-strip{z-index:20;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:18px;right:18px}.preset-strip-link{flex:none;padding:2px 0 2px 10px;font-family:Bytesized,sans-serif;font-size:24px;line-height:1;text-decoration:none;color:#fff!important}.preset-strip-link:visited{color:#fff!important}.preset-strip-link:hover,.preset-strip-link:focus-visible{outline:none;color:#fff!important}.preset-scroll{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex:auto;min-width:0;overflow:auto hidden}.preset-scroll::-webkit-scrollbar{width:0;height:0;display:none}.preset-track{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:8px;width:max-content;min-width:100%;margin-left:auto;display:inline-flex}.preset-tile{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font:400 20px system-ui,sans-serif;display:inline-flex}.preset-tile:hover{color:#000;background:#fff}.preset-tile:focus-visible{outline-offset:-1px;outline:1px solid #fff}.preset-tile-add{font-size:20px}.preset-tile-add svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:square;stroke-linejoin:miter;width:18px;height:18px;display:block}.preset-strip .preset-tile.is-active,.pattern-strip .preset-tile.is-active{color:#fff;background:0 0;outline:none;box-shadow:inset 0 -2px #fff}.sequence-controls{z-index:24;pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:fixed;top:18px;left:18px;right:18px}.sequence-row,.sequence-pattern-row{box-sizing:border-box;align-items:center;gap:8px;display:flex}.sequence-controls input,.sequence-controls button{font:600 var(--slider-font-size,12px) var(--slider-font-family,monospace)!important}.sequence-input,.bar-buttons .preset-tile{color:#fff;box-sizing:border-box;background:0 0;border:none;flex:50%;min-width:0;height:34px;padding:0 10px}.sequence-input:hover,.sequence-input:focus-visible{color:#fff;background:0 0;outline:none;box-shadow:inset 0 -2px #fff}.sequence-bpm{text-align:center;flex:0 0 74px;width:74px;padding:0 8px}.bar-buttons{flex:50%;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:inline-flex}.bar-buttons .preset-tile{flex:0 0 34px;padding:0}.bar-buttons .preset-tile.is-active{color:#fff;background:0 0;box-shadow:inset 0 -2px #fff}.bar-buttons .preset-tile:hover{color:#000;background:#fff}.sequence-play{width:34px;height:34px;padding:0}.sequence-play svg{fill:currentColor;width:24px;height:24px;display:block}.sequence-flash-toggle svg{fill:none;stroke:currentColor;stroke-width:2.25px;width:20px;height:20px;display:block}.sequence-flash-toggle{color:#fff}.sequence-flash-toggle.is-disabled{color:#888}.sequence-play.is-active{color:#000;background:#fff;outline:none}.pattern-strip{scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;flex:50%;min-width:0;display:block;overflow:auto hidden}.pattern-strip::-webkit-scrollbar{width:0;height:0;display:none}.pattern-track{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:8px;width:max-content;min-width:100%;margin-left:auto;display:inline-flex}.pattern-strip .preset-tile{font:400 20px system-ui,sans-serif!important}.buymeacoffee-overlay{z-index:9999;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;inset:0}.buymeacoffee-emoji{-webkit-user-select:none;user-select:none;font-size:clamp(32px,8vw,70px);line-height:1;position:fixed;transform:translate(-50%,-50%)}