.metronome-module__kQ3gRq__instrument{--instrument-surface:color-mix(in srgb,var(--background)86%,transparent);flex-direction:column;width:100%;max-width:1600px;display:flex}.metronome-module__kQ3gRq__instrument>*{min-width:0}.metronome-module__kQ3gRq__heading{grid-area:heading}.metronome-module__kQ3gRq__scheme{text-align:left;border:1px solid var(--border);cursor:pointer;flex-direction:column;gap:.25rem;padding:.65rem .8rem;display:flex}.metronome-module__kQ3gRq__scheme:hover{background:var(--muted)}.metronome-module__kQ3gRq__scheme[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary)12%,var(--background))}.metronome-module__kQ3gRq__tempo{grid-area:tempo}.metronome-module__kQ3gRq__rhythm{grid-area:rhythm}.metronome-module__kQ3gRq__controls{grid-area:controls}.metronome-module__kQ3gRq__presets{grid-area:presets}.metronome-module__kQ3gRq__saved{grid-area:saved}main:has(.metronome-module__kQ3gRq__instrument){max-width:none}.metronome-module__kQ3gRq__dashboard{column-count:1;column-gap:1.5rem}.metronome-module__kQ3gRq__tile{isolation:isolate;background:var(--instrument-surface);vertical-align:top;break-inside:avoid;width:100%;min-width:0;margin-bottom:1.5rem;display:inline-block;position:relative}.metronome-module__kQ3gRq__tile:before{content:"";z-index:-1;pointer-events:none;background-image:var(--panel-texture);background-size:var(--panel-texture-size);opacity:var(--panel-texture-opacity);background-repeat:repeat;position:absolute;inset:0}.metronome-module__kQ3gRq__tile[data-drop]{outline:2px solid var(--primary);outline-offset:3px}.metronome-module__kQ3gRq__tileToolbar{border:1px solid var(--border);color:var(--muted-foreground);border-bottom:0;align-items:center;padding:0 .4rem;display:flex}.metronome-module__kQ3gRq__tileToolbar button{cursor:pointer;justify-content:center;align-items:center;gap:.4rem;min-width:36px;min-height:36px;display:inline-flex}.metronome-module__kQ3gRq__tileToolbar button:disabled{opacity:.25;cursor:default}.metronome-module__kQ3gRq__tileToolbar .metronome-module__kQ3gRq__dragHandle{cursor:grab;margin-right:auto;font-size:.75rem}.metronome-module__kQ3gRq__tileTitle{min-width:0;margin-right:auto;font-weight:400}.metronome-module__kQ3gRq__tileTitle .metronome-module__kQ3gRq__dragHandle{text-align:left}.metronome-module__kQ3gRq__tileToolbar>button{flex-shrink:0}.metronome-module__kQ3gRq__disclosure summary{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;list-style:none;display:flex}.metronome-module__kQ3gRq__disclosure summary::-webkit-details-marker{display:none}.metronome-module__kQ3gRq__disclosure[open] summary{margin-bottom:.75rem}.metronome-module__kQ3gRq__disclosure[open] summary svg{transform:rotate(180deg)}.metronome-module__kQ3gRq__disclosure summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.metronome-module__kQ3gRq__dragHandle:active{cursor:grabbing}@media (min-width:900px){.metronome-module__kQ3gRq__dashboard{column-count:2}}.metronome-module__kQ3gRq__panel,.metronome-module__kQ3gRq__tempo{border:1px solid var(--border);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--foreground)4%,transparent);background:0 0;padding:1.25rem}.metronome-module__kQ3gRq__tempo{text-align:center;border-top-color:color-mix(in srgb,var(--primary)45%,var(--border));padding-block:1.75rem}.metronome-module__kQ3gRq__caption{color:var(--muted-foreground);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:400}.metronome-module__kQ3gRq__readout{font-variant-numeric:tabular-nums;color:var(--foreground);margin:.5rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,14vw,5.5rem);line-height:1.2}.metronome-module__kQ3gRq__transport{border:1px solid color-mix(in srgb,var(--primary)60%,var(--border));background:color-mix(in srgb,var(--primary)18%,var(--background));min-width:0;min-height:44px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;gap:.65rem;padding:.6rem 1.5rem;display:inline-flex}.metronome-module__kQ3gRq__transportRow{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.75rem;display:grid}.metronome-module__kQ3gRq__soundBank{scrollbar-color:var(--muted-foreground)var(--background);gap:1rem;max-height:320px;padding:4px;display:grid;overflow-y:auto}.metronome-module__kQ3gRq__soundChoice{cursor:pointer;position:relative}.metronome-module__kQ3gRq__soundChoice input{opacity:0;width:1px;height:1px;position:absolute}.metronome-module__kQ3gRq__soundChoice span{border:1px solid var(--border);align-items:center;min-height:40px;padding:.4rem .65rem;font-size:.875rem;display:flex}.metronome-module__kQ3gRq__soundChoice input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary)18%,var(--background))}.metronome-module__kQ3gRq__soundChoice input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.metronome-module__kQ3gRq__transport:hover{background:color-mix(in srgb,var(--primary)28%,var(--background))}.metronome-module__kQ3gRq__beat{border:1px solid var(--border);background:var(--background);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:44px;height:52px;font-family:Georgia,Times New Roman,serif;font-size:1rem;display:flex}.metronome-module__kQ3gRq__beat:hover,.metronome-module__kQ3gRq__beat[aria-pressed=true]{border-color:var(--foreground)}.metronome-module__kQ3gRq__beat[aria-pressed=true]{outline:1px solid var(--muted-foreground);outline-offset:2px}.metronome-module__kQ3gRq__beat[data-playing]{background:color-mix(in srgb,var(--primary)65%,var(--background));border-color:var(--primary);color:var(--primary-foreground)}:is(.metronome-module__kQ3gRq__instrument [data-slot=button],.metronome-module__kQ3gRq__instrument [data-slot=select-trigger]){border-radius:2px;min-height:40px}.metronome-module__kQ3gRq__instrument button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:400px){.metronome-module__kQ3gRq__panel{padding:1rem .75rem}}