.app[data-astro-cid-cymwgekn]{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#141414}.m-nav[data-astro-cid-cymwgekn]{height:calc(env(safe-area-inset-top,0px) + 48px);padding:env(safe-area-inset-top,0px) calc(env(safe-area-inset-right,0px) + 20px) 0 calc(env(safe-area-inset-left,0px) + 20px);display:flex;align-items:center;gap:12px;background:var(--chrome-bg);color:var(--chrome-fg);flex-shrink:0}.m-back[data-astro-cid-cymwgekn]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--chrome-fg);text-decoration:none;flex-shrink:0;margin-left:-6px;position:relative}.m-back[data-astro-cid-cymwgekn]:before{content:"";position:absolute;inset:-6px}.m-nav-label[data-astro-cid-cymwgekn]{flex:1;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bb-wordmark[data-astro-cid-cymwgekn]{color:#0ea5e9}.win-btn[data-astro-cid-cymwgekn]{width:24px;height:24px;border:1px solid var(--chrome-fg);position:relative;flex-shrink:0;font-size:0;text-decoration:none}.win-btn[data-astro-cid-cymwgekn]:before{content:"";position:absolute;inset:-14px}.win-close[data-astro-cid-cymwgekn]:after{content:"×";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;color:var(--chrome-fg)}.bb-machine[data-astro-cid-cymwgekn]{--beat-accent: #0ea5e9;--beat-step-off: #1c1c1c;--beat-step-hold: rgba(14, 165, 233, .35);--beat-step-cur: #7dd3fc;--beat-border: #2a2a2a;--beat-label: #555;flex:1;min-height:0;display:flex;flex-direction:column;padding:10px calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 10px);gap:10px}.bb-toolbar[data-astro-cid-cymwgekn]{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.bb-transport[data-astro-cid-cymwgekn]{display:flex;gap:6px;align-items:center}.bb-btn[data-astro-cid-cymwgekn]{height:38px;min-width:44px;padding:0 10px;background:var(--beat-step-off);border:1px solid var(--beat-border);color:var(--beat-accent);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em}.bb-btn[data-astro-cid-cymwgekn]:active{background:#262626}.bb-btn[data-astro-cid-cymwgekn].bb-active{background:var(--beat-accent);color:#0a0a0a;border-color:var(--beat-accent)}.bb-div[data-astro-cid-cymwgekn]{margin-left:auto;display:flex;gap:4px}.bb-div-btn[data-astro-cid-cymwgekn]{height:38px;min-width:36px;background:var(--beat-step-off);border:1px solid var(--beat-border);color:var(--beat-label);font-size:11px;font-weight:700}.bb-div-btn[data-astro-cid-cymwgekn].active{color:var(--beat-accent);border-color:var(--beat-accent)}.bb-sliders[data-astro-cid-cymwgekn]{display:flex;align-items:center;gap:8px}.bb-lbl[data-astro-cid-cymwgekn]{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--beat-label);flex-shrink:0}.bb-val[data-astro-cid-cymwgekn]{font-size:11px;font-weight:700;color:var(--beat-accent);width:28px;flex-shrink:0}.bb-range[data-astro-cid-cymwgekn]{flex:1;min-width:0;accent-color:#0ea5e9}.bb-rows-wrap[data-astro-cid-cymwgekn]{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.bb-rows[data-astro-cid-cymwgekn]{display:flex;flex-direction:column;gap:4px;min-height:100%}.bb-row{display:flex;align-items:stretch;gap:4px;flex:1 0 44px;max-height:72px}.bb-instr{width:52px;flex-shrink:0;background:#1c1c1c;border:1px solid #333;color:#0ea5e9;font-family:inherit;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:0 2px;outline:none}.bb-steps{flex:1;min-width:0;display:grid;gap:3px}.bb-step{background:#1c1c1c;border:1px solid #2a2a2a;padding:0;min-width:0}.bb-step.group-end{margin-right:3px}.bb-step.on{background:#0ea5e9;border-color:#0ea5e9}.bb-step.hold{background:#0ea5e959;border-color:#0ea5e980}.bb-step.current{border-color:#7dd3fc;box-shadow:inset 0 0 0 1px #7dd3fc}.bb-remove{width:26px;flex-shrink:0;background:none;border:1px solid #2a2a2a;color:#555;font-size:12px;padding:0}.bb-add-row{display:flex;flex:0 0 auto;padding:4px 0}.bb-add-btn{width:100%;height:38px;background:none;border:1px dashed #333;color:#555;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}[data-theme=light] .app[data-astro-cid-cymwgekn]{background:#f0ece4}[data-theme=light] .bb-machine[data-astro-cid-cymwgekn]{--beat-accent: #0284c7;--beat-step-off: #e0d8cc;--beat-step-hold: rgba(2, 132, 199, .25);--beat-step-cur: #0ea5e9;--beat-border: #c0b8ac;--beat-label: #999}[data-theme=light] .bb-btn[data-astro-cid-cymwgekn]:active{background:#d0c8bc}[data-theme=light] .bb-btn[data-astro-cid-cymwgekn].bb-active{background:#bae6fd;color:#0284c7;border-color:#0284c7}[data-theme=light] .bb-div-btn[data-astro-cid-cymwgekn].active{background:#bae6fd}[data-theme=light] .bb-range[data-astro-cid-cymwgekn]{accent-color:#0284c7}[data-theme=light] .bb-instr,[data-theme=light] .bb-instr option{background:#e0d8cc;border-color:#c0b8ac;color:#0284c7}[data-theme=light] .bb-step{background:#ddd6ca;border-color:#c0b8ac}[data-theme=light] .bb-step.on{background:#0284c7;border-color:#0284c7}[data-theme=light] .bb-step.hold{background:#0284c740;border-color:#0284c766}[data-theme=light] .bb-step.current{border-color:#c90;box-shadow:inset 0 0 0 1px #c90}[data-theme=light] .bb-remove,[data-theme=light] .bb-add-btn{border-color:#c0b8ac;color:#999}@media(orientation:landscape){.m-nav[data-astro-cid-cymwgekn]{height:calc(env(safe-area-inset-top,0px) + 38px)}.bb-toolbar[data-astro-cid-cymwgekn]{flex-direction:row;align-items:center;gap:12px}.bb-transport[data-astro-cid-cymwgekn]{flex:0 0 auto}.bb-sliders[data-astro-cid-cymwgekn]{flex:1}.bb-row{flex:1 0 40px;max-height:56px}}