.library{border-top:1px solid var(--line);margin:0 0 28px}.library>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px;cursor:pointer;list-style:none;font:24px Georgia,serif}.library>summary::-webkit-details-marker{display:none}.library>summary:after{content:'+';color:var(--gold);font:24px Georgia,serif}.library[open]>summary:after{content:'-'} .library>summary span{font:11px 'Trebuchet MS',sans-serif;color:var(--soft);margin-left:auto}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 25px}.filter{font-size:11px;color:var(--soft);padding:0 12px}.filter[aria-pressed=true]{color:var(--gold);border-color:#c7ac7855;background:#c7ac780a}.groove-section{margin-bottom:27px}.groove-section h2{font:400 13px 'Trebuchet MS',sans-serif;letter-spacing:.07em;margin:0 0 12px;color:var(--soft)}.groove-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.groove-card{border:1px solid var(--line);background:#111723aa;padding:18px;border-radius:7px;display:flex;flex-direction:column;gap:13px;min-width:0}.groove-card.is-selected{border-color:#c7ac785e}.groove-card h3{font:400 22px/1.1 Georgia,serif;letter-spacing:-.025em;margin:0}.groove-card p{font-size:12px;line-height:1.6;color:var(--soft);margin:0;min-height:38px}.groove-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--gold);font-size:10px;letter-spacing:.04em}.groove-actions{display:flex;gap:8px;margin-top:auto}.load-groove{flex:1;text-align:left;font-size:12px;border-color:#ffffff1a}.favorite{font-size:11px;color:var(--soft);min-width:65px}.favorite[aria-pressed=true]{color:var(--gold);border-color:#c7ac7840}.empty-favorites{padding:20px;color:var(--soft);font-size:13px}.selected-groove{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 0}.selected-groove h2{margin:5px 0 0;font:400 29px Georgia,serif;letter-spacing:-.03em}.selected-groove .eyebrow{margin:0;font-size:9px}.selected-groove button{font-size:11px;color:var(--gold);white-space:nowrap}.transport{flex-wrap:wrap}.timing{flex:1}.position{min-width:67px}.feel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;padding:0 24px 20px;border-bottom:1px solid var(--line)}.feel .control{min-width:0}.feel input{min-width:0}.sound-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 24px 0}.sound-options .control{flex:1;min-width:130px}.sound-options select{width:100%;min-width:0}.pattern-tools select{min-width:0}.bar-switch{display:flex;gap:4px;margin-right:auto}.bar-switch button{font-size:11px;color:var(--soft)}.bar-switch [aria-pressed=true]{color:var(--gold);border-color:#c7ac7855}.meter-label{color:var(--soft);font-size:11px;white-space:nowrap}.optional{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:16px 24px 0}.optional label{display:flex;align-items:center;min-height:44px;gap:8px;font-size:12px;color:var(--soft)}.optional input{accent-color:var(--gold);width:17px;height:17px}.sequencer{min-width:calc(128px + var(--steps,16)*33px)}.step-head,.track{grid-template-columns:128px repeat(var(--steps,16),minmax(28px,1fr));gap:4px}.step-head>span.beat-number{color:var(--gold)}.track-controls{position:sticky;left:0;background:#101620;z-index:2;padding:4px 11px 4px 0;display:grid;grid-template-columns:1fr;gap:0;min-width:0}.track-controls .track-name{min-height:38px;font-size:11px}.track-controls input{height:22px;min-height:22px;margin:0}.track{margin-bottom:6px}.pad{height:57px;min-height:57px}.pad[aria-pressed=true]{opacity:calc(.42 + var(--velocity,1)*.58)}.pad.playhead{outline:1px solid #eee9df70;outline-offset:-1px}.track.is-muted .pad{filter:saturate(.2);opacity:.35}.track-name small{font-size:9px}.loop-explainer{color:var(--soft);font-size:11px;line-height:1.6}.mix .sound-label{max-width:210px}.bass-sound{min-width:130px}.status[data-tone=error]{color:var(--red)}.preview-links{display:flex;gap:18px;font-size:11px}.live-dot{color:var(--gold)}@media(max-width:800px){.groove-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.groove-card:last-child:nth-child(odd){grid-column:1/-1}.groove-card:last-child:nth-child(odd) p{min-height:0}.filters{gap:5px}.filter{font-size:10px}.library>summary{font-size:22px}}@media(max-width:600px){.groove-cards{grid-template-columns:1fr}.groove-card:last-child:nth-child(odd){grid-column:auto}.groove-card{padding:16px;gap:10px}.groove-card p{min-height:0}.groove-card h3{font-size:23px}.groove-actions{justify-content:flex-end}.load-groove{flex:1}.library>summary span{font-size:10px}.library{margin-bottom:18px}.selected-groove{padding:20px 16px 0;align-items:flex-start}.selected-groove h2{font-size:25px}.selected-groove button{font-size:10px;padding:0 9px}.feel{padding:0 16px 18px;gap:13px;grid-template-columns:1fr 1fr}.feel .variation-control{grid-column:1/-1}.sound-options{padding:16px 16px 0;gap:10px}.sound-options .control{min-width:120px}.optional{padding:10px 16px 0;gap:15px}.optional label{font-size:11px}.sequencer{min-width:calc(115px + var(--steps,16)*41px)}.step-head,.track{grid-template-columns:115px repeat(var(--steps,16),minmax(37px,1fr))}.bar-switch{width:100%;margin-bottom:3px}.pattern-tools{gap:8px}.meter-label{font-size:10px}.transport{gap:12px}.timing{gap:14px}.swing{width:78px}.position{margin-left:auto;min-width:59px}.mix .sound-label{font-size:10px;max-width:150px}.feel select{min-width:0}.voice .scratch{padding-top:12px}.pulse-display{max-width:35px;flex-shrink:0}.intro{align-items:center}.grid-hint{max-width:100%;line-height:1.7}}

.library-loaded {
  margin: 14px 0 8px;
  padding: 10px 12px;
  border-left: 2px solid #bea26a;
  background: rgba(190, 162, 106, .055);
  color: #e9e2d5;
  font-size: 12px;
  line-height: 1.5;
}