.gs{position:relative;display:grid;gap:14px;padding:18px;border-radius:16px;border:1px solid hsl(var(--border-subtle,var(--border)));background:radial-gradient(70% 60% at 50% 30%,hsl(var(--primary)/.05),transparent 70%),hsl(var(--background));min-width:0}.gs-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gs-now{display:grid;gap:2px;min-width:0;flex:1}.gs-now b{font-size:18px;letter-spacing:-.015em;color:hsl(var(--text-primary))}.gs-now span{font-size:13.5px;color:hsl(var(--text-muted))}.gs-tempo{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:10px;border:1px solid hsl(var(--border-subtle,var(--border)));background:hsl(var(--surface))}.gs-tempo button{width:32px;height:32px;border-radius:7px;border:0;background:transparent;color:hsl(var(--text-primary));font-size:18px;cursor:pointer}.gs-tempo button:hover{background:hsl(var(--surface-elevated))}.gs-tempo span{display:grid;justify-items:center;min-width:52px;line-height:1}.gs-tempo b{font-size:17px;font-variant-numeric:tabular-nums;color:hsl(var(--text-primary))}.gs-tempo small{font:500 9.5px/1.4 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;color:hsl(var(--text-muted))}.gs-lanes{--ph:-1;position:relative;display:grid;gap:4px;padding:6px 0}.gs-lane{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px}.gs-name{font-size:12px;color:hsl(var(--text-secondary));text-align:right;white-space:nowrap}.gs-track{position:relative;height:22px;border-radius:6px;background:hsl(var(--surface))}.gs-beat{top:3px;bottom:3px;width:1px;background:hsl(var(--border-subtle,var(--border)))}.gs-beat,.gs-hit{position:absolute}.gs-hit{top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:3px;background:color-mix(in srgb,var(--c) 80%,transparent);transition:transform .12s ease-out,opacity .2s ease}.gs-hit[data-lv="2"]{width:8px;height:8px;margin:-4px 0 0 -4px;opacity:.55}.gs-hit[data-lv="3"]{width:14px;height:16px;margin:-8px 0 0 -7px;background:var(--c);box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 3px var(--c)}.gs-hit[data-lv="4"]{box-shadow:-5px 0 0 -2px var(--c)}.gs-hit[data-off]{opacity:.12;background:transparent;box-shadow:inset 0 0 0 1px var(--c)}.gs-hit[data-plain]{width:12px;height:12px;margin:-6px 0 0 -6px;box-shadow:none;background:color-mix(in srgb,var(--c) 80%,transparent)}.gs-hit[data-now]:not([data-off]){transform:scale(1.45);background:var(--c)}.gs-head{position:absolute;top:0;bottom:0;left:calc(84px + 10px + (100% - 84px - 20px) * var(--ph));width:2px;margin-left:-1px;border-radius:1px;background:hsl(var(--primary));box-shadow:0 0 10px hsl(var(--primary)/.7);opacity:0;pointer-events:none;z-index:1}.gs-lanes[data-run] .gs-head{opacity:1}.gs-bars{display:flex;gap:4px;flex-wrap:wrap;padding-left:84px}.gs-bars span{font:500 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.06em;padding:5px 8px;border-radius:6px;border:1px solid hsl(var(--border-subtle,var(--border)));color:hsl(var(--text-muted))}.gs-bars span[data-now]{border-color:hsl(var(--primary));color:hsl(var(--primary-ink))}.gs-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gs-tools-l{font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--text-muted));margin-right:2px}.gs-tools button{font:inherit;font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:9px;border:1px solid hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--text-secondary));cursor:pointer}.gs-tools button[aria-pressed=true]{color:hsl(var(--text-primary));border-color:hsl(var(--text-secondary))}.gs-tools .gs-roll{margin-left:auto;border-style:dashed;border-color:hsl(var(--primary)/.6);color:hsl(var(--primary-ink))}.gs-shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.gs-shelf button{width:100%;height:100%;display:grid;gap:3px;text-align:left;font:inherit;padding:11px 12px;border-radius:11px;border:1px solid hsl(var(--border-subtle,var(--border)));background:hsl(var(--surface));color:hsl(var(--text-secondary));cursor:pointer;transition:border-color .2s ease}.gs-shelf button:hover{border-color:hsl(var(--primary)/.5)}.gs-shelf button[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary)/.08)}.gs-shelf b{font-size:14.5px;color:hsl(var(--text-primary))}.gs-shelf span{font-size:12.5px}.gs-shelf small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:hsl(var(--text-muted))}.gs-shelf small i{width:7px;height:7px;border-radius:50%;flex:none}.gs-note{margin:0;font-size:13px;color:hsl(var(--text-muted))}.gs button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media (max-width:560px){.gs{padding:14px}.gs-lane{grid-template-columns:52px minmax(0,1fr);gap:6px}.gs-name{font-size:10.5px}.gs-head{left:calc(58px + 10px + (100% - 58px - 20px) * var(--ph))}.gs-bars{padding-left:58px}.gs-shelf{grid-template-columns:1fr 1fr}}