.tool{max-width:var(--bm-home-max);flex-direction:column;gap:12px;margin:0 auto;display:flex}.bpm{text-align:center;padding-top:4px}.bpm__label{justify-content:center;gap:8px;display:flex}.bpm__value{letter-spacing:-.02em;width:100%;color:var(--md-sys-color-on-surface);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--md-sys-shape-corner-large);padding:4px 0;font-size:clamp(4.5rem,22vw,7.5rem);font-weight:500;line-height:1;display:block}.bpm__value:active{color:var(--md-sys-color-primary)}.bpm__input{text-align:center;letter-spacing:-.02em;width:100%;color:var(--md-sys-color-primary);background:0 0;border:0;padding:4px 0;font-size:clamp(4.5rem,22vw,7.5rem);font-weight:500;line-height:1;display:block}.bpm__input:focus{outline:none}.bpm__caption{letter-spacing:.15em}.tempo{flex-direction:column;gap:4px;display:flex}.tempo__slider-row{align-items:center;gap:4px;display:flex}.tempo__slider-row .m3-slider{flex:1}.tempo__chips{justify-content:center}.tempo__tap{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;min-width:120px}.tempo__tap:active{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.transport{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 0 0;display:grid}.transport>:first-child{justify-self:end}.transport>:last-child{justify-self:start}.status{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:20px;display:flex}.status kbd{font:var(--md-sys-typescale-label-small);font-family:var(--md-ref-typeface-mono);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);border-radius:4px;padding:0 4px}.status__error{color:var(--md-sys-color-error)}.status__hint{display:none}@media (hover:hover) and (pointer:fine){.status__hint{display:inline}}.rhythm{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:24px;padding:12px}.rhythm__grid{transition:opacity .25s var(--md-sys-motion-easing-standard);flex-direction:column;gap:6px;display:flex}.rhythm__grid.is-dim{opacity:.35}.rhythm__row{gap:6px;display:flex}.rhythm__beat{flex:var(--units,1) 1 0px;align-items:flex-end;gap:2px;min-width:0;display:flex}.rhythm__pad{flex:var(--units,1) 1 0px}.rhythm--compact .rhythm__grid,.rhythm--compact .rhythm__row{gap:4px}.rhythm--compact .rhythm__beat{gap:1px}.step{background:color-mix(in srgb, var(--md-sys-color-primary) 22%, transparent);min-width:0;height:40px;transition:background-color .2s var(--md-sys-motion-easing-standard), transform .25s var(--md-sys-motion-spring);border-radius:8px;flex:1 1 0}.rhythm--compact .step{height:30px}.step--beat{background:color-mix(in srgb, var(--md-sys-color-primary) 68%, transparent)}.step.is-accent{background:color-mix(in srgb, var(--md-sys-color-primary) 55%, transparent)}.step.is-soft{background:color-mix(in srgb, var(--md-sys-color-primary) 40%, transparent)}.step--beat.is-accent{background:var(--md-sys-color-primary)}.step--beat.is-soft{background:color-mix(in srgb, var(--md-sys-color-primary) 85%, transparent)}.step.is-mute{background:color-mix(in srgb, var(--md-sys-color-surface) 50%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-secondary-container) 25%, transparent)}.step.is-now{transition-duration:0s,.25s;transform:scale(1.1)}.step--beat.is-now{transform:scale(1.16)}.step.is-now:not(.is-mute){background:var(--md-sys-color-tertiary)}.rhythm__countin,.rhythm__hint{text-align:center;padding-top:10px}.rhythm__countin{color:var(--md-sys-color-tertiary);font-weight:700}.rhythm__hint{color:color-mix(in srgb, var(--md-sys-color-on-secondary-container) 70%, transparent)}.meter{flex-direction:column;gap:14px;padding-top:4px;display:flex}.meter__row{flex-direction:column;gap:8px;display:flex}.meter__row--inline{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px}.meter__row--inline .m3-slider{flex:200px}.meter__label{flex:none}.meter__hint{opacity:.7;font-weight:400}.stepper{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);align-items:center;gap:4px;padding:2px;display:inline-flex}.stepper__value{text-align:center;min-width:40px}.subdiv{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.subdiv__btn{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high);min-height:44px;color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-title-medium)}.subdiv__btn.is-selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:inset 0 0 0 2px var(--md-sys-color-primary)}.tool__actions{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.sheet-section{padding:8px 0 16px}.sheet-section+.sheet-section{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:16px}.sheet-section h3{margin:0 0 10px}.slider-row{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);flex-direction:column;gap:0;display:flex}.slider-row b{color:var(--md-sys-color-on-surface);font-weight:500}.link-btn{color:var(--md-sys-color-primary);font:inherit;text-decoration:underline}@media (width>=600px){.step{height:48px}.rhythm--compact .step{height:36px}}