:root{--gb-ink:var(--bu-color-text);--gb-muted:var(--bu-color-text-muted);--gb-paper:#f1f0e9;--gb-panel:var(--bu-color-surface);--gb-rule:var(--bu-color-border);--gb-cyan:#17a7a2;--gb-cyan-dark:#086c6a;--gb-cyan-soft:#c9e8e3;--gb-amber:#df8d12;--gb-red:var(--bu-signal-record);--gb-grid-gap:3px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--gb-paper);min-width:320px}body{background:linear-gradient(#11110f05 1px, transparent 1px) 0 0 / 100% 32px, var(--gb-paper);min-width:320px;min-height:100vh;color:var(--gb-ink);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}kbd{font-family:var(--bu-font-mono);opacity:.68;border:1px solid;border-radius:1px;padding:.08rem .28rem;font-size:.55rem;font-weight:400;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.gb-app-shell{min-height:100vh}.gb-small-screen{display:none}.gb-header{z-index:var(--bu-z-sticky);border-bottom-color:var(--gb-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1f0e9f5;position:sticky;top:0}.gb-header__inner{max-width:1540px;min-height:4.5rem;margin:0 auto;padding:.55rem clamp(.8rem,2vw,2rem)}.gb-brand{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:.18rem .55rem;min-width:10rem;display:grid}.gb-brand__index{border-right:1px solid var(--gb-ink);color:var(--gb-red);font-family:var(--bu-font-mono);letter-spacing:.08em;writing-mode:vertical-rl;grid-area:1/1/3;padding-right:.55rem;font-size:.68rem;transform:rotate(180deg)}.gb-brand__name{letter-spacing:.11em;grid-area:1/2;font-size:1rem;font-weight:600;line-height:1}.gb-brand__tag{color:var(--gb-muted);font-family:var(--bu-font-mono);letter-spacing:.1em;grid-area:2/2;font-size:.55rem;line-height:1.1}.gb-transport,.gb-header-actions,.gb-system-status{align-items:center;gap:.45rem;display:flex}.gb-system-status{flex-direction:column;align-items:flex-start;gap:.2rem}.gb-system-status .bu-status{white-space:nowrap;font-size:.66rem}.gb-start{min-width:9.25rem}.gb-main{width:min(1540px,100%);margin:0 auto;padding:0 clamp(.8rem,2vw,2rem) 2rem}.gb-controls{border-right:1px solid var(--gb-rule);border-bottom:1px solid var(--gb-ink);border-left:1px solid var(--gb-rule);background:#ffffff5c;grid-template-columns:1.25fr .72fr .92fr 1fr 1fr;display:grid}.gb-compact-field{border-right:1px solid var(--gb-rule);min-width:0;color:var(--gb-muted);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem .75rem;font-size:.62rem;font-weight:600;display:grid}.gb-compact-field:last-child{border-right:0}.gb-compact-field .bu-select{border:0;border-left:1px solid var(--gb-rule);text-transform:none;background-color:#0000;min-width:0;height:1.8rem;padding:.18rem 1.6rem .18rem .4rem;font-size:.7rem}.gb-field-control{grid-template-columns:minmax(2.5rem,1fr) 4rem;align-items:center;gap:.45rem;min-width:0;display:grid}.gb-field-control output{color:var(--gb-ink);font-family:var(--bu-font-mono);text-align:right;font-size:.65rem}.gb-scenes{border:1px solid var(--gb-ink);background:var(--gb-panel);grid-template-columns:repeat(4,1fr);margin:1rem 0;display:grid}.gb-scene{border:0;border-right:1px solid var(--gb-rule);min-height:5.25rem;color:var(--gb-ink);text-align:left;background:0 0;grid-template-rows:1fr auto;grid-template-columns:4.5rem auto minmax(0,1fr);align-items:center;gap:.18rem .55rem;padding:0 .7rem 0 0;display:grid;position:relative;overflow:hidden}.gb-scene:last-child{border-right:0}.gb-scene:hover{background:var(--bu-color-surface-subtle)}.gb-scene__art{border-right:1px solid var(--gb-rule);background-image:var(--scene-art);filter:saturate(.88)contrast(1.03);background-position:50%;background-size:cover;grid-area:1/1/3;width:100%;height:100%;min-height:5.25rem;transition:filter .1s}.gb-scene:hover .gb-scene__art,.gb-scene.is-selected .gb-scene__art{filter:saturate()contrast(1.08)}.gb-scene.is-selected{box-shadow:inset 0 -3px 0 var(--gb-ink)}.gb-scene.is-running:before,.gb-scene.is-queued:before{background:var(--gb-cyan);content:"";border-radius:50%;width:.48rem;height:.48rem;position:absolute;top:.65rem;right:.65rem}.gb-scene.is-queued:before{border:1px solid var(--gb-amber);background:0 0;animation:1.1s ease-in-out infinite gb-pulse}.gb-scene__number{color:var(--gb-muted);font-family:var(--bu-font-mono);grid-area:1/2;align-self:end;font-size:.66rem}.gb-scene__copy{grid-area:1/3;align-self:end;gap:.18rem;min-width:0;display:grid}.gb-scene__copy strong{letter-spacing:.03em;font-size:.8rem}.gb-scene__copy small{color:var(--gb-muted);font-size:.67rem}.gb-scene__states{min-height:.65rem;color:var(--gb-cyan-dark);font-family:var(--bu-font-mono);letter-spacing:.06em;grid-area:2/2/auto/4;align-self:start;padding-bottom:.55rem;font-size:.5rem}.gb-workspace{grid-template-columns:minmax(11.5rem,.21fr) minmax(37rem,1fr) minmax(15rem,.25fr);align-items:start;gap:.85rem;display:grid}.gb-workspace .bu-card{border-color:var(--gb-ink)}.gb-panel-heading{border-bottom:1px solid var(--gb-rule);padding:.8rem}.gb-panel-heading h2,.gb-section-heading h2{letter-spacing:.035em;margin:0;font-size:.92rem;font-weight:600}.gb-eyebrow{color:var(--gb-muted);font-family:var(--bu-font-mono);letter-spacing:.09em;margin:0 0 .2rem;font-size:.55rem}.gb-mixer{overflow:visible}.gb-mixer__tracks{display:grid}.gb-channel{border-bottom:1px solid var(--gb-rule);grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 8px;gap:.42rem .55rem;min-height:7rem;padding:.65rem;display:grid;position:relative}.gb-channel:last-child{border-bottom:0}.gb-channel.is-selected{background:var(--gb-cyan-soft);box-shadow:inset 3px 0 0 var(--gb-cyan-dark)}.gb-channel__select{color:var(--gb-ink);text-align:left;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:2.45rem minmax(0,1fr);align-items:center;gap:.08rem .48rem;padding:0;display:grid}.gb-channel__art{border:1px solid var(--gb-rule);aspect-ratio:1;background-image:var(--track-art);filter:saturate(.78)contrast(1.02);background-position:50%;background-size:cover;grid-area:1/1/3;width:2.25rem;transition:filter .1s}.gb-channel.is-selected .gb-channel__art,.gb-channel__select:hover .gb-channel__art{border-color:var(--gb-cyan-dark);filter:saturate()contrast(1.08)}.gb-channel__code{color:var(--gb-muted);font-family:var(--bu-font-mono);grid-area:1/2;font-size:.54rem}.gb-channel__select strong{text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;font-size:.7rem;overflow:hidden}.gb-channel__meter{border:1px solid var(--gb-rule);background:#d4d3cd;grid-area:1/2/4;position:relative;overflow:hidden}.gb-channel__meter i{height:calc(var(--level) * 100%);background:linear-gradient(to top, var(--gb-cyan-dark) 0 72%, var(--gb-amber) 72% 91%, var(--gb-red) 91%);max-height:calc(100% - 2px);transition:height 80ms linear;position:absolute;bottom:1px;left:1px;right:1px}.gb-channel__buttons{gap:.25rem;display:flex}.gb-channel__buttons button{border:1px solid var(--gb-ink);width:1.65rem;height:1.45rem;color:var(--gb-ink);font-family:var(--bu-font-mono);background:0 0;padding:0;font-size:.58rem}.gb-channel__buttons button[aria-pressed=true]{background:var(--gb-ink);color:#fff}.gb-channel__volume{grid-template-columns:1fr 2rem;align-items:center;gap:.35rem;display:grid}.gb-channel__volume input{width:100%;height:.8rem;accent-color:var(--gb-cyan-dark)}.gb-channel__volume output{font-family:var(--bu-font-mono);text-align:right;font-size:.55rem}.gb-sequencer{min-width:0}.gb-section-heading{border-bottom:1px solid var(--gb-rule);justify-content:space-between;align-items:flex-start;gap:1rem;min-height:5.2rem;padding:.85rem;display:flex;position:relative;overflow:hidden}.gb-section-heading:before{z-index:0;background-image:var(--performance-art);content:"";filter:saturate(.65);opacity:.075;pointer-events:none;background-position:50% 42%;background-size:cover;position:absolute;inset:0}.gb-section-heading>*{z-index:1;position:relative}.gb-section-heading p:not(.gb-eyebrow){color:var(--gb-muted);margin:.22rem 0 0;font-size:.67rem}.gb-pattern-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.gb-variation .bu-segmented__item{min-height:1.9rem;padding:.35rem .45rem;font-size:.52rem}.gb-chords{border-bottom:1px solid var(--gb-rule);grid-template-columns:repeat(4,1fr);display:grid}.gb-chord{border:0;border-right:1px solid var(--gb-rule);background:var(--bu-color-surface-subtle);min-width:0;min-height:4.1rem;color:var(--gb-ink);text-align:left;align-content:center;gap:.16rem;padding:.55rem .65rem;display:grid}.gb-chord:last-child{border-right:0}.gb-chord:hover{background:var(--gb-cyan-soft)}.gb-chord span,.gb-chord small{color:var(--gb-muted);font-family:var(--bu-font-mono);font-size:.5rem}.gb-chord strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:600;overflow:hidden}.gb-grid-wrap{background:#e3e2db;padding:.7rem}.gb-step-numbers{gap:var(--gb-grid-gap);grid-template-columns:5.4rem repeat(16,minmax(1.45rem,1fr));margin-bottom:.28rem;display:grid}.gb-step-numbers span{color:var(--gb-muted);font-family:var(--bu-font-mono);text-align:center;font-size:.48rem}.gb-step-numbers span:nth-child(4n+2){color:var(--gb-ink);font-weight:600}.gb-bar-row{align-items:stretch;gap:var(--gb-grid-gap);grid-template-columns:5.4rem minmax(0,1fr);margin-bottom:.35rem;display:grid}.gb-bar-row:last-child{margin-bottom:0}.gb-bar-label{color:var(--gb-muted);font-family:var(--bu-font-mono);justify-content:space-between;align-items:center;gap:.25rem;font-size:.51rem;display:flex}.gb-lock{width:2.1rem;color:var(--gb-muted);background:0 0;border:0;justify-items:center;padding:.18rem;font-size:.4rem;display:grid}.gb-lock .bu-icon{width:.72rem;height:.72rem}.gb-lock[aria-pressed=true]{background:var(--gb-ink);color:#fff}.gb-step-row{gap:var(--gb-grid-gap);grid-template-columns:repeat(16,minmax(1.45rem,1fr));min-width:0;display:grid}.gb-step{aspect-ratio:.92;color:#77766f;min-width:0;min-height:2rem;font-family:var(--bu-font-mono);background:#eeede7;border:1px solid #a3a29c;border-radius:1px;padding:0;font-size:.8rem;transition:transform 70ms,border-color 70ms,background 70ms;position:relative}.gb-step:nth-child(4n+1){border-left:2px solid #77766f}.gb-step:hover{z-index:1;border-color:var(--gb-ink);transform:translateY(-1px)}.gb-step--normal{border-color:var(--gb-cyan-dark);background:var(--gb-cyan);color:#061c1b}.gb-step--ghost{color:#244b48;background:#acd4d0;border-color:#6ba09b}.gb-step--accent{background:var(--gb-amber);color:#211400;border-color:#5c3703}.gb-step--variation{border-color:var(--gb-ink);background:repeating-linear-gradient(135deg, var(--gb-cyan) 0 4px, #86d1cb 4px 8px);color:var(--gb-ink)}.gb-step.is-selected{outline:2px solid var(--gb-ink);outline-offset:1px}.gb-step.is-playing:after{outline:2px solid var(--gb-red);content:"";pointer-events:none;border:2px solid #fff;position:absolute;inset:-4px}.gb-legend{border-top:1px solid var(--gb-rule);color:var(--gb-muted);flex-wrap:wrap;align-items:center;gap:.7rem;padding:.55rem .75rem;font-size:.56rem;display:flex}.gb-legend>span{align-items:center;gap:.25rem;display:inline-flex}.gb-key{border:1px solid var(--gb-ink);width:1rem;height:1rem;color:var(--gb-ink);font-family:var(--bu-font-mono);border-radius:1px;place-items:center;font-size:.55rem;font-style:normal;display:inline-grid}.gb-key--normal{background:var(--gb-cyan)}.gb-key--accent{background:var(--gb-amber)}.gb-key--variation{background:repeating-linear-gradient(135deg, var(--gb-cyan) 0 3px, #86d1cb 3px 6px)}.gb-legend__tip{margin-left:auto}.gb-inspector{gap:.85rem;min-width:0;display:grid}.gb-detail-fields,.gb-sound-fields{gap:.8rem;padding:.8rem;display:grid}.gb-inline-note{border-left:2px solid var(--gb-amber);background:var(--bu-color-surface-subtle);color:var(--gb-muted);margin:0;padding:.55rem;font-size:.66rem;line-height:1.45}.gb-empty-detail{text-align:center;place-content:center;min-height:9rem;padding:1rem;display:grid}.gb-empty-detail span{color:#b6b4ac;font-family:var(--bu-font-mono);letter-spacing:.08em;font-size:1.6rem}.gb-empty-detail p{max-width:14rem;color:var(--gb-muted);margin:.55rem 0 0;font-size:.69rem;line-height:1.5}.gb-detail-fields .bu-select,.gb-sound-fields .bu-select{min-height:2rem;font-size:.72rem}.gb-detail-fields .bu-field__help{font-size:.59rem}.gb-drum-voices,.gb-preset-field{border:0;min-width:0;margin:0;padding:0}.gb-drum-voices legend,.gb-preset-field legend{width:100%;color:var(--gb-ink);padding:0 0 .35rem;font-size:.66rem;font-weight:600}.gb-drum-voices legend span{float:right;color:var(--gb-muted);font-family:var(--bu-font-mono);font-size:.56rem}.gb-drum-voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin-bottom:.35rem;display:grid}.gb-drum-voice-grid button{border:1px solid var(--gb-rule);background:var(--bu-color-surface-subtle);min-width:0;min-height:1.8rem;color:var(--gb-ink);padding:.25rem .35rem;font-size:.61rem}.gb-drum-voice-grid button[aria-pressed=true]{border-color:var(--gb-cyan-dark);background:var(--gb-cyan-soft);box-shadow:inset 0 -2px 0 var(--gb-cyan-dark)}.gb-drum-voice-grid button:disabled:not([aria-pressed=true]){opacity:.38}.gb-presets{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.3rem;display:grid}.gb-presets .bu-segmented__item{grid-template-rows:1.75rem auto;min-width:0;padding:0;font-size:.6rem;display:grid;overflow:hidden}.gb-preset-option__art{border-bottom:1px solid color-mix(in srgb, var(--gb-rule) 70%, transparent);background:var(--preset-art) center / cover no-repeat;filter:saturate(.58)contrast(1.04);opacity:.72;width:100%;height:1.75rem;transition:filter .12s,opacity .12s;display:block}.gb-preset-option:is(:hover,:focus-visible) .gb-preset-option__art,.gb-preset-option[aria-pressed=true] .gb-preset-option__art{filter:saturate(1.08)contrast(1.08);opacity:1}.gb-preset-option[aria-pressed=true] .gb-preset-option__art{box-shadow:inset 0 -3px 0 var(--gb-amber)}.gb-preset-option__label{padding:.35rem .12rem .38rem}.gb-preset-field .bu-field__help{color:var(--gb-cyan-dark);font-size:.58rem}.gb-macros{border-top:1px solid var(--gb-rule);gap:.62rem;padding-top:.35rem;display:grid}.gb-macro{color:var(--gb-muted);grid-template-columns:3.2rem minmax(2rem,1fr) 2.8rem;align-items:center;gap:.42rem;font-size:.58rem;display:grid}.gb-macro input{width:100%;accent-color:var(--gb-cyan-dark)}.gb-macro output{color:var(--gb-ink);font-family:var(--bu-font-mono);text-align:right;font-size:.52rem}.gb-local-note{color:var(--gb-muted);align-items:center;gap:.4rem;margin:1rem 0 0;font-size:.62rem;display:flex}.gb-local-note .bu-icon{width:.85rem;height:.85rem}.gb-dialog-fields{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}@keyframes gb-pulse{50%{opacity:.55;transform:scale(1.35)}}@media (max-width:1250px){.gb-header__inner{flex-wrap:wrap}.gb-system-status{flex-direction:row;order:5;justify-content:space-between;width:100%}.gb-workspace{grid-template-columns:minmax(10.5rem,.23fr) minmax(35rem,1fr)}.gb-inspector{grid-column:1/-1;grid-template-columns:1fr 1fr}.gb-detail-fields,.gb-sound-fields{grid-template-columns:repeat(3,1fr)}.gb-detail-fields .gb-drum-voices,.gb-sound-fields .gb-preset-field{grid-column:1/-1}.gb-sound-fields .gb-macros{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.gb-macro{grid-template-columns:1fr 2.5rem}.gb-macro input{grid-column:1/-1}}@media (max-width:1080px){.gb-brand__tag{display:none}.gb-header-actions .bu-button:last-child{max-width:5rem}.gb-controls{grid-template-columns:1.2fr .8fr 1fr 1fr 1fr}.gb-compact-field{grid-template-columns:1fr;gap:.25rem;padding:.45rem}.gb-pattern-actions{max-width:21rem}}@media (max-width:1023px),(max-height:719px){body{background:var(--gb-paper)}.gb-app-shell{display:none}.gb-small-screen{place-content:center;justify-items:start;min-height:100vh;padding:2rem;display:grid}.gb-small-screen__mark{border:1px solid var(--gb-ink);background:var(--gb-cyan);width:3rem;height:3rem;font-family:var(--bu-font-mono);place-items:center;font-size:.78rem;display:grid}.gb-small-screen h1{max-width:27rem;margin:1.2rem 0 .5rem;font-size:1.5rem}.gb-small-screen p{max-width:31rem;color:var(--gb-muted);margin:0;line-height:1.6}}@media (prefers-reduced-motion:reduce){.gb-scene.is-queued:before{animation:none}.gb-step,.gb-channel__meter i,.gb-scene__art,.gb-channel__art{transition:none}}