@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,500;8..60,650;8..60,750&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&display=swap";.hk-note{margin:0 0 .75rem;color:var(--muted);font-size:.8125rem}.hk-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:1.125rem 1.75rem;max-height:min(70vh,40rem);overflow:auto;padding-right:.25rem}.hk-group h3{margin:0 0 .375rem;font-size:.8125rem;font-weight:700;color:var(--text)}.hk-group dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.375rem .75rem;align-items:center}.hk-group dt{display:flex;flex-wrap:wrap;align-items:center;gap:.1875rem}.hk-group dd{margin:0;font-size:.8125rem;color:var(--text)}.hk-group kbd{min-width:1.375rem;height:1.375rem;padding:0 .3125rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ctl-border);border-bottom-width:.125rem;border-radius:.25rem;background:var(--sheet);color:var(--text);font:600 .75rem/1 var(--font-ui, inherit)}.hk-plus,.hk-sep{color:var(--muted);font-size:.6875rem;padding:0 .125rem}.hk-tag{margin-left:.375rem;padding:1px .3125rem;border-radius:.1875rem;background:var(--row);color:var(--muted);font-size:.6875rem}.timeline{--tl-header: 13.75rem;--tl-lane: 3.5rem;--tl-ruler: 1.75rem;--tl-strip: 1.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:calc(100dvh - var(--tl-top, 4.375rem));box-sizing:border-box;background:var(--sheet);color:var(--text)}.tl-toolbar{flex:none;display:flex;align-items:center;gap:1rem;height:2.5rem;padding:0 .75rem;border-bottom:1px solid var(--hair);background:var(--chrome)}html[data-mode=basic] .tl-toolbar .tl-record,html[data-mode=basic] .tl-toolbar .tl-countin{display:none}.tl-toolbar .pp-btn{background:var(--sheet)}.tl-toolbar .pp-btn.is-on{background:var(--accent)}.tl-toolbar .pp-btn--rec.is-on{background:var(--rec)}.tl-snap{width:5.75rem}.tl-error{margin-left:auto;color:var(--rec);font-size:.75rem;font-weight:500}.tl-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.tl-fit{position:absolute;bottom:.5rem;right:1.125rem;z-index:8;height:2rem;min-height:2rem;padding:0 .625rem;font-size:.75rem;background:var(--sheet)}.tl-fit:after{content:"";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.tl-scroller{position:relative;flex:1;min-height:0;overflow:auto;background:var(--sheet);touch-action:pan-x pan-y}.tl-canvas{position:relative;min-width:100%;min-height:100%;padding-bottom:1rem;box-sizing:border-box}.tl-rows{position:relative}.tl-row{position:relative;z-index:3;display:flex;min-height:var(--tl-lane);border-bottom:1px solid var(--hair)}.tl-row.is-open{background:var(--row)}.tl-ruler-row,.tl-strip-row,.tl-lyric-row{min-height:0}.tl-ruler-row{position:sticky;top:0;z-index:6;background:var(--chrome)}.tl-strip-row{position:sticky;top:var(--tl-ruler);z-index:6;background:var(--chrome)}.tl-header{position:sticky;left:0;z-index:5;flex:none;width:var(--tl-header);box-sizing:border-box;border-right:1px solid var(--hair);background:var(--chrome);display:flex;flex-direction:column;justify-content:center}.tl-ruler-row .tl-header,.tl-strip-row .tl-header{z-index:7}.tl-row.is-open .tl-header{background:var(--row)}.tl-corner{padding:0 .75rem 0 1rem}.tl-corner-labels{flex-direction:row;align-items:center;justify-content:space-between}.tl-header .rack-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;grid-template-rows:1.5rem 1.5rem;align-items:center;align-content:center;column-gap:.375rem;row-gap:.125rem;height:100%;min-height:0;padding:0 .625rem 0 1rem;border-bottom:0;background:transparent}.tl-header .rack-header__bar{bottom:0}.tl-header .rack-header__main,.tl-header .rack-header__mix{display:contents}.tl-header .rack-header__spacer,.tl-header .rack-header__view{display:none}.tl-header .rack-header__name{grid-area:1 / 1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem}.tl-header .rack-header__name-input{grid-area:1 / 1;width:100%;height:1.5rem;margin-left:-.375rem;font-size:.8125rem}.tl-header .tl-arm{grid-area:1 / 2}.tl-header .rack-header__mix>button:nth-of-type(1){grid-area:1 / 3}.tl-header .rack-header__mix>button:nth-of-type(2){grid-area:1 / 4}.tl-header .rack-header__more{grid-area:1 / 5;justify-content:end}.tl-header .pp-fader{grid-area:2 / 1 / 3 / 5;width:100%}.tl-header .pp-meter{grid-area:2 / 5;justify-self:end}.tl-header .tl-more{width:1.5rem;height:1.5rem;min-height:0}.tl-track{cursor:pointer}.tl-ruler{position:relative;height:var(--tl-ruler);cursor:pointer;-webkit-user-select:none;user-select:none}.tl-mark{position:absolute;bottom:0;border-left:1px solid var(--hair);padding-left:.25rem;font-size:.6875rem;font-weight:500;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tl-mark-bar{top:0;line-height:var(--tl-ruler);border-left-color:var(--ctl-border);color:var(--text);font-weight:600}.tl-mark-beat{height:.75rem;line-height:.75rem}.tl-mark-sub{height:.375rem}.tl-grid{position:absolute;top:var(--tl-ruler);bottom:0;z-index:0;pointer-events:none}.tl-grid i{position:absolute;top:0;bottom:0;border-left:1px solid var(--row)}.tl-grid-bar{border-left-color:color-mix(in srgb,var(--ctl-border) 70%,var(--sheet))!important}.tl-grid-sub{opacity:.5}.tl-loop{position:absolute;top:0;bottom:0;box-sizing:border-box;background:color-mix(in srgb,var(--accent) 14%,transparent);border-left:.125rem solid var(--accent);border-right:.125rem solid var(--accent);pointer-events:none}.tl-loop-region{position:absolute;top:0;bottom:0;z-index:1;pointer-events:none;box-sizing:border-box;background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.tl-ruler-playhead{position:absolute;top:0;bottom:0;z-index:2;width:.125rem;margin-left:-1px;background:var(--rec);pointer-events:none}.tl-ruler .tl-ruler-playhead:before{content:"";position:absolute;top:0;left:-.3125rem;border:.375rem solid transparent;border-top:.4375rem solid var(--rec)}.tl-playhead{position:absolute;top:0;bottom:0;z-index:2;width:.125rem;margin-left:-1px;background:var(--rec);pointer-events:none}.tl-strip{position:relative;height:var(--tl-strip)}.tl-block{position:absolute;top:.125rem;bottom:.125rem;box-sizing:border-box;display:flex;align-items:center;gap:.375rem;padding:0 .5rem 0 .4375rem;border:0;border-left:.1875rem solid var(--section);border-radius:.25rem;background:color-mix(in srgb,var(--section) 16%,var(--sheet));color:var(--text);font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.tl-block small{font-size:.75rem;font-weight:400;color:var(--muted)}.tl-block.is-selected{outline:.125rem solid var(--accent);outline-offset:-.125rem}.tl-block.is-dragging{opacity:.6;cursor:grabbing}.tl-block-handle{position:absolute;right:0;top:0;bottom:0;width:.625rem;cursor:ew-resize}.tl-add-section{position:absolute;top:.125rem;bottom:.125rem;height:auto;min-height:0;padding:0 .5rem;font-size:.75rem;color:var(--accent);white-space:nowrap}.tl-lyrics{position:relative;height:1.375rem}.tl-lyrics span{position:absolute;top:.125rem;box-sizing:border-box;padding:0 .5rem;font-size:.75rem;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid var(--hair);line-height:1.125rem}.tl-lane{position:relative;height:var(--tl-lane)}.tl-lane-empty{height:2.5rem}.tl-clip{position:absolute;top:.375rem;height:calc(var(--tl-lane) - .75rem);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1px solid var(--track);border-radius:.25rem;background:color-mix(in srgb,var(--track) 16%,var(--sheet));overflow:hidden;text-align:left;padding:.1875rem .4375rem;font:inherit;color:var(--text);cursor:default;-webkit-user-select:none;user-select:none;box-shadow:none}.tl-part{cursor:pointer}.tl-part.is-open,.tl-part.is-selected,.tl-part:focus-visible{outline:.125rem solid var(--accent);outline-offset:-.125rem}.tl-clip-label{display:block;flex:none;font-size:.8125rem;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-thumb{position:absolute;left:.4375rem;right:.4375rem;bottom:.3125rem;height:1.25rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.125rem;max-width:14rem;align-items:end;pointer-events:none}.tl-thumb i{display:block;min-height:.125rem;height:.125rem;border-radius:1px;background:color-mix(in srgb,var(--track) 45%,var(--sheet))}.tl-thumb i.h{height:30%;background:var(--track)}.tl-thumb i.s{height:70%;background:var(--track)}.tl-thumb i.k{height:100%;background:var(--track)}.tl-thumb i.n{background:var(--track)}.tl-bars{position:absolute;left:0;right:0;bottom:.3125rem;height:1.25rem;pointer-events:none}.tl-bars i{position:absolute;height:.25rem;min-width:.125rem;border-radius:1px;background:var(--track)}.tl-chords{position:absolute;left:.4375rem;right:.4375rem;bottom:.3125rem;height:1.25rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.1875rem;max-width:14rem;pointer-events:none}.tl-chords b{display:grid;place-items:center;min-width:0;overflow:hidden;border-radius:.125rem;background:color-mix(in srgb,var(--track) 28%,var(--sheet));color:var(--text);font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}.tl-wave{position:absolute;left:.4375rem;right:.4375rem;bottom:.3125rem;height:1.25rem;display:flex;align-items:center;gap:1px;pointer-events:none}.tl-wave i{flex:1;min-width:1px;border-radius:1px;background:var(--track)}.tl-audio-clip{cursor:grab}.tl-audio-clip.is-selected,.tl-audio-clip.is-open,.tl-audio-clip:focus-visible{outline:.125rem solid var(--accent);outline-offset:-.125rem;z-index:2}.tl-audio-clip.is-muted{opacity:.45}.tl-edge{position:absolute;top:0;bottom:0;width:.5rem;cursor:ew-resize}.tl-edge-l{left:0}.tl-edge-r{right:0}.tl-fade-in,.tl-fade-out{position:absolute;top:0;bottom:0;pointer-events:none;background:linear-gradient(to right,color-mix(in srgb,var(--sheet) 75%,transparent),transparent)}.tl-fade-in{left:0}.tl-fade-out{right:0;transform:scaleX(-1)}.tl-fade-handle{position:absolute;top:0;width:.625rem;height:.625rem;border:1.5px solid var(--track);background:var(--sheet);border-radius:50%;cursor:ew-resize;box-sizing:border-box}.tl-fade-handle-l{margin-left:-.125rem}.tl-fade-handle-r{margin-right:-.125rem}.tl-recording-clip{position:absolute;top:.375rem;height:calc(var(--tl-lane) - .75rem);border:1px dashed var(--rec);border-radius:.25rem;background:color-mix(in srgb,var(--rec) 10%,var(--sheet));box-sizing:border-box;pointer-events:none}.tl-audio.is-armed .tl-header{background:color-mix(in srgb,var(--rec) 6%,var(--chrome))}.tl-audio{--tl-lane: 4rem}.tl-ghost{position:absolute;top:.375rem;height:calc(var(--tl-lane) - .75rem);box-sizing:border-box;border:1px dashed color-mix(in srgb,var(--track) 55%,var(--sheet));border-radius:.25rem;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;font-weight:500;text-align:left;padding:0 .5rem;cursor:pointer;box-shadow:none;white-space:nowrap;overflow:hidden}.tl-ghost.is-open{outline:.125rem solid var(--accent);outline-offset:-.125rem}.tl-add{color:var(--accent);padding-left:0}.tl-add-row{border-bottom:0}.tl-hits{position:absolute;left:.5rem;right:.5rem;bottom:.375rem;height:1.25rem}.tl-hits i{position:absolute;width:.1875rem;height:.3125rem;border-radius:1px;background:var(--track)}.tl-menu.pp-menu{position:fixed;top:auto;right:auto;width:max-content;z-index:300;min-width:12.5rem;max-height:calc(100vh - 1rem);overflow:auto;padding:.25rem;display:grid;gap:1px;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);box-shadow:0 .5rem 1.5rem #23262b1f}.tl-block-rename{width:7.5rem;height:1.25rem;min-height:0;margin:0;padding:0 .25rem;border:1px solid var(--accent);border-radius:.1875rem;background:var(--sheet);color:var(--text);font:inherit;font-size:.75rem;font-weight:600;outline:none}.tl-menu>button{width:100%;min-height:2rem;padding:0 .625rem;display:flex;align-items:center;gap:.5rem;border:0;border-radius:.25rem;background:transparent;color:var(--text);font:inherit;font-size:.8125rem;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;box-shadow:none}.tl-menu>button:hover:not(:disabled),.tl-menu>button:focus-visible{background:var(--row)}.tl-menu>button:disabled{opacity:.45;cursor:default}.tl-menu>button.is-danger{color:var(--rec)}.tl-menu>button kbd{margin-left:auto;font:inherit;font-size:.6875rem;color:var(--muted)}.tl-menu-check{width:.875rem;height:.875rem;display:inline-grid;place-items:center;color:var(--accent);flex:none}.tl-menu>hr{margin:.1875rem 0;border:0;border-top:1px solid var(--hair)}.tl-menu-heading{padding:.375rem .625rem .125rem;font-size:.75rem;font-weight:500;color:var(--muted)}.timeline.is-recording .tl-toolbar{border-bottom-color:var(--rec)}@container app (max-width: 47.5rem){.timeline{--tl-header: 9.375rem}}.timeline.has-panel .tl-stage{flex:1 1 auto;min-height:7.5rem}.tl-rack{position:relative;flex:0 0 var(--tl-panel, max(20rem, 45vh));max-height:70vh;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--hair);background:var(--sheet)}.tl-rack-handle{position:absolute;top:-1px;left:0;right:0;z-index:6;height:.625rem;display:grid;place-items:center;cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none}.tl-rack-handle:before{content:"";position:absolute;top:-.25rem;right:0;bottom:-.375rem;left:0}.tl-grip{width:2.75rem;height:.25rem;border-radius:.125rem;background:var(--ctl-border);pointer-events:none}.tl-rack-handle:hover .tl-grip,.tl-rack-handle:active .tl-grip{background:var(--panel, var(--text))}.tl-panel-header{flex:none}.tl-panel-section{color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.tl-rack-body{flex:1;min-height:0;overflow:auto}.tl-panel-tools{position:absolute;top:0;right:1rem;z-index:4;height:2.75rem;display:flex;align-items:center;gap:.5rem}.tl-rack--rack .tl-rack-body .workspace{padding:0;max-width:none;margin:0}.tl-rack--rack .tl-rack-body .build-strip{display:none}.tl-rack--rack .tl-rack-body .build-rack{display:none;margin:0;border-bottom:0}.tl-rack[data-tone=chords] .tl-rack-body .chords-block,.tl-rack[data-tone=bass] .tl-rack-body .bass-block,.tl-rack[data-tone=drums] .tl-rack-body .drums-block,.tl-rack[data-tone=melody] .tl-rack-body .melody-block,.tl-rack[data-tone=vocals] .tl-rack-body .rack-vocals{display:block}.tl-rack--rack .tl-rack-body .build-rack>.rack-header{position:sticky;top:0;z-index:3;padding-right:var(--tl-tools, 17.5rem)}.tl-rack--rack .tl-rack-body .build-rack .rack-header__mix{display:none}.tl-rack--rack .tl-rack-body .build-rack .rack-header__main:after{content:var(--tl-section, "");color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}@container app (max-width: 82.5rem){.tl-rack--rack .tl-rack-body .build-rack .rack-header__main:after{display:none}}.tl-rack[data-tone=melody] .tl-rack-body .build-rack__body>.cv-memo{order:9}.tl-rack[data-tone=audio] .tl-rack-body{overflow:hidden}.tl-rack[data-tone=sampler] .tl-rack-body{overflow:auto}.tl-clip-editor{display:flex;flex-direction:column;gap:.5rem;padding:.625rem 1rem .75rem}.tl-clip-editor__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tl-clip-editor__bar strong{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.tl-clip-editor__gain .pp-fader{width:6.25rem}.tl-clip-editor__zoom{display:inline-flex;align-items:center;gap:.25rem}.tl-clip-editor__zoom em{font-style:normal;font-size:.75rem;font-weight:500;color:var(--muted);min-width:2rem;text-align:center;font-variant-numeric:tabular-nums}.tl-clip-editor__bar .pp-btn--danger{color:var(--rec)}.tl-clip-editor__wave{position:relative;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);overflow:hidden;touch-action:none}.tl-clip-editor__wave canvas{display:block;cursor:text}.tl-clip-editor__edge{position:absolute;top:1.125rem;bottom:0;width:.75rem;margin-left:-.375rem;cursor:ew-resize}.tl-clip-editor__edge:after{content:"";position:absolute;left:.25rem;top:50%;width:.25rem;height:2.125rem;margin-top:-1.0625rem;border-radius:.125rem;background:var(--text)}.tl-clip-editor__fade{position:absolute;top:1.25rem;width:.75rem;height:.75rem;margin-left:-.375rem;border:1.5px solid var(--accent);border-radius:50%;background:var(--sheet);cursor:ew-resize;box-sizing:border-box}.smp-rack{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem .875rem;box-sizing:border-box;width:100%}.smp-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.smp-head .smp-actions{margin-left:auto}.smp-title{display:inline-flex;align-items:center;gap:.4375rem;min-width:0}.smp-title strong{font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smp-bpm{font-size:.75rem;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.smp-bpm-field .pp-field{width:4.5rem;font-variant-numeric:tabular-nums}.smp-actions{display:flex;flex-wrap:wrap;gap:.5rem}.smp-wave{border:1px solid var(--ctl-border);border-radius:var(--radius);overflow:hidden;background:var(--sheet)}.smp-wave canvas{display:block;width:100%;height:6.875rem;touch-action:none;cursor:crosshair}.smp-wave-tools{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .625rem;border-top:1px solid var(--hair);background:var(--chrome);font-size:.75rem;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.smp-wave-tools>div{display:flex;align-items:center;gap:.375rem}.smp-wave-tools .pp-fader{width:6.875rem}.smp-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--hair)}.smp-toolbar__group{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.smp-toolbar .smp-range .pp-fader{width:6.25rem}.smp-trial{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.smp-trial .pp-btn em{font-style:normal;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.smp-trial-hint{font-size:.75rem;color:var(--muted)}.smp-pitch{display:inline-flex;align-items:center;gap:.5rem}.smp-keep{white-space:nowrap}.smp-autoslice{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.smp-perform{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.smp-perform__section{display:inline-flex;align-items:center;gap:.75rem;margin-right:auto;font-size:.8125rem}.smp-perform__section b{font-weight:600}.smp-work{display:grid;grid-template-columns:minmax(25.5rem,1fr) minmax(17.5rem,1fr);gap:1rem;align-items:start}.smp-rack.is-simple .smp-work{grid-template-columns:minmax(25.5rem,1fr) minmax(15rem,23.75rem)}@container app (max-width: 56.25rem){.smp-work{grid-template-columns:minmax(0,1fr)}.smp-inspector{padding-left:0;border-left:0}}.smp-pads{display:grid;grid-template-columns:repeat(4,6rem);grid-auto-rows:4rem;gap:.5rem;align-content:start;justify-content:center;justify-self:center;width:100%}.smp-pad{position:relative;display:flex;flex-direction:column;gap:.125rem;height:4rem;min-height:4rem;padding:.4375rem .5625rem;text-align:left;border:1px solid var(--ctl-border);border-radius:var(--radius);background:color-mix(in srgb,var(--track) 16%,var(--sheet));color:var(--text);font:inherit;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:none}.smp-pad.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.smp-pad.is-pressed{background:color-mix(in srgb,var(--track) 34%,var(--sheet))}.smp-pad.is-empty{background:var(--sheet);color:var(--muted)}.smp-pad:disabled{cursor:default}.smp-pad__top{display:flex;align-items:baseline;gap:.3125rem;min-width:0}.smp-pad__num{flex:none;font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted)}.smp-pad strong{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smp-pad__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.smp-pad__foot kbd{font:inherit;font-size:.6875rem;min-width:1rem;height:.9375rem;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.1875rem}.smp-inspector{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;border-left:1px solid var(--hair)}.smp-inspector__head{display:flex;align-items:center;gap:.4375rem}.smp-inspector__head .pp-field{flex:1;min-width:0}.smp-trim{display:flex;flex-wrap:wrap;gap:.75rem}.smp-trim .pp-field{width:5rem;font-variant-numeric:tabular-nums}.smp-controls{display:grid;grid-template-columns:1fr 1fr;gap:.375rem 1rem}.smp-range{display:flex;align-items:center;gap:.4375rem;min-width:0}.smp-range .pp-label{min-width:3.25rem}.smp-range output{min-width:2.75rem;font-size:.75rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.smp-range .pp-fader{flex:1;width:auto;min-width:3.75rem}.smp-modes{display:flex;flex-wrap:wrap;gap:.75rem}.smp-library{display:grid;gap:.375rem}.smp-library__pick{display:flex;align-items:center;gap:.625rem;width:100%;min-height:2.5rem;text-align:left;font:inherit;padding:.375rem .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);cursor:pointer;box-shadow:none}.smp-library__pick:hover:not(:disabled){background:var(--row)}.smp-library__pick:disabled{opacity:.6;cursor:default}.smp-library__pick>span{flex:1;display:flex;flex-direction:column;min-width:0}.smp-library strong{font-size:.8125rem;font-weight:600}.smp-library small{font-size:.75rem;font-weight:400;color:var(--muted)}.smp-library em{font-style:normal;font-size:.75rem;font-weight:500;color:var(--muted);display:inline-flex;align-items:center}.smp-library__row{display:flex;align-items:stretch;gap:.375rem}.smp-library__row .smp-library__pick{flex:1;min-width:0}.smp-library__play{flex:0 0 2.375rem;display:inline-flex;align-items:center;justify-content:center;font:inherit;padding:0;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);cursor:pointer}.smp-library__play:hover{background:var(--row)}.smp-library__row.is-playing .smp-library__play{background:var(--accent);border-color:var(--accent);color:var(--sheet)}.smp-library__pick em{gap:.25rem}.smp-grid{--smp-label: 9.375rem;--smp-row: 1.75rem;border:1px solid var(--hair);border-radius:var(--radius);background:var(--sheet);overflow:hidden;outline:none}.smp-grid:focus-visible{box-shadow:0 0 0 .125rem var(--accent)}.smp-grid__scroll{overflow-x:auto}.smp-grid__head,.smp-grid__body{min-width:calc(var(--smp-label) + var(--steps) * .875rem)}.smp-grid__head,.smp-grid__row{display:grid;grid-template-columns:var(--smp-label) minmax(0,1fr)}.smp-grid__head{border-bottom:1px solid var(--hair)}.smp-grid__corner{position:sticky;left:0;z-index:4;display:flex;align-items:center;padding:0 .5rem;border-right:1px solid var(--hair);background:var(--chrome);font-size:.75rem;font-weight:500;color:var(--muted)}.smp-grid .timeline-ruler{height:1.5rem;min-width:0;margin:0;border-bottom:0;background:transparent}.smp-grid .timeline-ruler>div{padding-left:.25rem;border-left:1px solid transparent;color:var(--muted);font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums}.smp-grid .timeline-ruler .beat-start{border-left-color:transparent;background:linear-gradient(to top,var(--ctl-border) .4375rem,transparent .4375rem) left bottom / 1px 100% no-repeat}.smp-grid .timeline-ruler .eighth-start{border-left-color:transparent;background:linear-gradient(to top,var(--hair) .25rem,transparent .25rem) left bottom / 1px 100% no-repeat}.smp-grid .timeline-ruler .bar-start{border-left:1px solid var(--ctl-border);color:var(--text);font-weight:600}.smp-grid .timeline-ruler .is-current{background:transparent;color:var(--accent)}html[data-mode=basic] .smp-grid .timeline-ruler span{display:none}.smp-grid__body{position:relative;-webkit-user-select:none;user-select:none}.smp-grid__cols{position:absolute;top:0;bottom:0;left:var(--smp-label);right:0;pointer-events:none}.smp-grid__cols>span{position:absolute;top:0;bottom:0;box-sizing:border-box;border-left:1px solid var(--hair)}.smp-grid__cols>.beat-start,.smp-grid__cols>.bar-start{border-left-color:var(--ctl-border)}.smp-grid__cols>.is-current{background:color-mix(in srgb,var(--accent) 12%,transparent)}.smp-grid__row{position:relative}.smp-grid__row+.smp-grid__row{border-top:1px solid var(--hair)}.smp-grid__pad{position:sticky;left:0;z-index:3;display:flex;align-items:center;gap:.375rem;min-width:0;min-height:var(--smp-row);padding:0 .5rem 0 .5625rem;border:0;border-right:1px solid var(--hair);border-radius:0;background:var(--chrome);color:var(--text);font:inherit;font-size:.75rem;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:inset .1875rem 0 0 var(--track)}.smp-grid__pad strong{flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smp-grid__num{flex:none;font-size:.6875rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.smp-grid__pad kbd{flex:none;font:inherit;font-size:.6875rem;min-width:1rem;height:.9375rem;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.1875rem;color:var(--muted)}.smp-grid__row.is-selected .smp-grid__pad{background:var(--row)}.smp-grid__row.is-selected .smp-grid__pad strong{font-weight:600}.smp-grid__pad.is-pressed{background:color-mix(in srgb,var(--track) 30%,var(--sheet))}.smp-grid__row.is-empty .smp-grid__pad{color:var(--muted);box-shadow:none}.smp-grid__pad:disabled{cursor:default}.smp-grid__lane{position:relative;min-height:var(--smp-row);cursor:pointer}.smp-grid__hit{position:absolute;top:0;bottom:0;box-sizing:border-box;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:.25rem;background:var(--track);box-shadow:inset 0 0 0 .125rem var(--sheet);opacity:var(--hit-alpha, 1);cursor:grab;touch-action:none;z-index:1}.smp-grid__hit:focus-visible{outline:.125rem solid var(--accent);outline-offset:-.125rem;opacity:1}.smp-grid__hit.is-current{opacity:1}.smp-grid__hit.is-dragging{opacity:1;outline:.125rem dashed var(--text);outline-offset:-1px;cursor:grabbing;z-index:2}.smp-grid__hit.is-covered{opacity:.25}.smp-grid__tick{position:absolute;top:.25rem;bottom:.25rem;width:.125rem;margin-left:-1px;background:var(--sheet);opacity:.9;pointer-events:none}.smp-grid__ghost{position:absolute;top:.125rem;bottom:.125rem;border-radius:.25rem;background:color-mix(in srgb,var(--track) 22%,transparent);pointer-events:none}.tl-drop-line{position:absolute;top:0;bottom:0;z-index:4;width:.125rem;margin-left:-1px;background:var(--accent);pointer-events:none}.tl-drop-label{position:absolute;top:calc(var(--tl-ruler) + var(--tl-strip) + .25rem);left:.375rem;padding:.125rem .4375rem;border-radius:.25rem;background:var(--accent);color:var(--sheet);font-size:.75rem;font-weight:600;line-height:1.3;white-space:nowrap}.tl-row.tl-audio.is-drop-target .tl-lane{background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.tl-clip-badge{margin-left:.375rem;font-style:normal;font-size:.6875rem;font-weight:600;color:var(--muted)}.tl-clip-editor__tempo{padding:.125rem .375rem;margin:0 -.375rem;border-radius:var(--radius)}.tl-clip-editor__tempo.is-flash{animation:tl-tempo-flash 1.2s ease-out}@keyframes tl-tempo-flash{0%,35%{background:color-mix(in srgb,var(--accent) 12%,transparent)}to{background:transparent}}.tl-clip-editor__bpm .pp-field{width:4.5rem;font-variant-numeric:tabular-nums}.tl-clip-editor__pitch .pp-fader{width:7.5rem}.tl-audio-clip.is-moving{opacity:.35}.tl-clip-ghost{z-index:3;pointer-events:none;border-style:dashed;border-width:.125rem;background:color-mix(in srgb,var(--track) 22%,var(--sheet))}.tl-row.tl-add-row.is-drop-target .tl-lane{background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.tl-add-row .tl-lane-empty{position:relative}.tl-add-row .tl-clip-ghost{top:.25rem;height:2rem}.tl-audio-clip .tl-wave-env{position:absolute;left:0;top:1.1875rem;width:100%;height:calc(100% - 1.3125rem);overflow:visible;pointer-events:none}.tl-wave-env path{fill:var(--track);stroke:none}.tl-wave-env line{stroke:color-mix(in srgb,var(--track) 55%,transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.tl-audio-clip .tl-loop-pass{position:absolute;top:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.tl-audio-clip .tl-loop-pass__inner{position:absolute;top:0;bottom:0;left:0}.tl-audio-clip .tl-loop-pass.is-repeat{opacity:.5;border-left:1px dashed var(--track);box-sizing:border-box}.tl-audio-clip .tl-loop-handle{position:absolute;right:.1875rem;bottom:.1875rem;z-index:3;width:1.0625rem;height:1.0625rem;display:grid;place-items:center;box-sizing:border-box;border:1.5px solid var(--track);border-radius:50%;background:var(--sheet);color:var(--track);cursor:ew-resize;touch-action:none;opacity:0;transition:opacity .12s}.tl-audio-clip:hover .tl-loop-handle,.tl-audio-clip.is-selected .tl-loop-handle,.tl-audio-clip .tl-loop-handle.is-on{opacity:1}.tl-audio-clip .tl-loop-handle.is-on{background:var(--track);color:var(--sheet)}.modal-card.jam-paper{border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet)}.modal-card.jam-paper>header{min-height:2.75rem;padding:0 .5rem 0 .875rem;background:var(--chrome);border-bottom:1px solid var(--hair)}.jam-paper h3{font-size:.875rem;font-weight:600}.jam-paper h4{font-size:.8125rem;font-weight:600}.jam-paper .jam-content{padding:.875rem 1rem}.jam-paper .jam-enable{margin-bottom:.75rem}.jam-paper .jam-typing{padding-bottom:.75rem}.jam-paper .jam-typing .pp-label{display:inline-flex;align-items:center;gap:.3125rem}.jam-paper .jam-connect{padding:.75rem 0;border-top:1px solid var(--hair)}.jam-paper .jam-device{border-top:1px solid var(--hair);padding:.75rem 0}.jam-paper .jam-device-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.jam-paper .jam-device-heading h4{flex:1;min-width:0}.jam-paper .jam-activity{border-color:var(--ctl-border);background:var(--hair)}.jam-paper .jam-activity.is-active{background:var(--c-chords)}.jam-paper .jam-split-point{align-items:center;padding-bottom:.625rem}.jam-paper .jam-split-point .pp-dd{min-width:9.375rem}.jam-paper .jam-zones{gap:.75rem}.jam-paper .jam-zone{gap:.625rem .75rem}.jam-paper .jam-zone>.pp-ctl{flex:none;min-width:0}.jam-paper .jam-zone-instrument .pp-dd{min-width:9.375rem}.jam-paper .jam-octave .pp-dd{min-width:4.5rem}.jam-paper .jam-drum-map{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:.5rem .75rem}.jam-paper .jam-drum-map .pp-dd{min-width:4.5rem}.jam-paper .jam-zones.is-split>.jam-zone:first-child{border-left-color:var(--c-chords)}.jam-paper .jam-zones.is-split>.jam-zone:last-child{border-left-color:var(--c-melody)}.jam-paper .jam-hidden-inputs{border-top:1px solid var(--hair)}.jam-paper .jam-hidden-toggle{min-height:2rem;border:0;background:transparent}.jam-paper .pp-btn.is-on,.jam-paper .pp-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.jam-paper .pp-btn--quiet{border-color:transparent;background:transparent}.jam-paper .pp-btn--icon{width:var(--ctl);padding:0}.jam-paper .pp-toggle{width:2rem;height:1.125rem;min-height:0;padding:0;border:0;border-radius:.5625rem;background:var(--ctl-border)}.jam-paper .pp-toggle.is-on,.jam-paper .pp-toggle[aria-checked=true]{background:var(--accent)}.modal-card.jam-paper>footer{padding:.5rem .75rem;border-top:1px solid var(--hair)}.workspace.build-workspace{max-width:none;margin:0;padding:0 0 3rem}.build-racks{display:grid;gap:1.5rem;padding:1rem .75rem;background:var(--page)}.build-racks.build-racks--panel{gap:0;padding:0;background:var(--sheet)}.build-strip{position:sticky;top:var(--topbar, 2.75rem);z-index:120;display:flex;align-items:center;gap:.75rem;height:2.75rem;min-height:2.75rem;padding:0 1rem;border-bottom:1px solid var(--hair);background:var(--chrome)}.build-strip__tabs{display:flex;align-items:center;gap:.25rem;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.build-strip__tabs::-webkit-scrollbar{display:none}.build-strip__tools{display:flex;align-items:center;gap:.75rem;flex:none;margin-left:auto}.build-strip__add-group{display:flex;align-items:center;gap:.25rem;flex:none}.build-tab[data-item-id]{touch-action:none}.build-tab.is-dragging{opacity:.45}.build-tab.is-drop-before{box-shadow:-.375rem 0 0 -.25rem var(--accent)}.build-tab.is-drop-after{box-shadow:.375rem 0 0 -.25rem var(--accent)}.build-tab.is-on.is-drop-before{box-shadow:inset 0 -.125rem 0 var(--sec),-.375rem 0 0 -.25rem var(--accent)}.build-tab.is-on.is-drop-after{box-shadow:inset 0 -.125rem 0 var(--sec),.375rem 0 0 -.25rem var(--accent)}.build-strip .pp-sep{margin:0 .25rem}.build-tab{height:2rem;min-height:2rem;padding:0 .625rem;display:inline-flex;align-items:center;gap:.4375rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:none;flex:none;--sec: var(--muted)}.build-tab__swatch{width:.5rem;height:.5rem;border-radius:.125rem;background:var(--sec);flex:none}.build-tab small{color:var(--muted);font-size:.75rem;font-weight:400}.build-tab.is-on{background:color-mix(in srgb,var(--sec) 16%,var(--sheet));box-shadow:inset 0 -.125rem 0 var(--sec);font-weight:600}.build-tab.is-orphan{color:var(--muted)}.build-tab.is-orphan .build-tab__swatch{background:transparent;border:1px dashed var(--muted)}.build-strip__add,.build-strip__add-to-song{flex:none;color:var(--accent)}.build-strip__add svg{color:var(--accent)}.build-strip .pp-dd .select-menu-trigger{min-width:5.625rem}.build-strip .pp-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.build-workspace .pp-btn--quiet{border-color:transparent;background:transparent}.build-workspace .pp-btn--quiet:active:not(:disabled){border-color:var(--ctl-border)}.build-workspace .pp-btn--primary,.build-workspace .pp-btn--on,.build-workspace .pp-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.build-workspace .pp-btn--icon{width:var(--ctl);padding:0}.build-workspace .pp-btn--sm{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;font-size:.75rem}.build-workspace .pp-btn--sm.pp-btn--icon{width:1.75rem;padding:0}.build-workspace .pp-toggle{width:2rem;height:1.125rem;min-height:0;padding:0;display:inline-block;border:0;border-radius:.5625rem;background:var(--ctl-border);box-shadow:none}.build-workspace .pp-toggle.is-on,.build-workspace .pp-toggle[aria-checked=true]{background:var(--accent)}.build-workspace .pp-mini{width:1.75rem;height:1.5rem;min-height:0;padding:0;display:inline-grid;border-radius:.25rem;font-size:.75rem;font-weight:600;line-height:1}.build-workspace .pp-mini.is-on,.build-workspace .pp-mini[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--sheet)}.build-workspace .pp-mini--arm.is-on,.build-workspace .pp-mini--arm[aria-pressed=true]{background:var(--rec);border-color:var(--rec);color:#fff}.build-workspace .pp-card{height:5.5rem;min-height:5.5rem;padding:.5rem .625rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.375rem;text-align:left;line-height:1.2}.build-workspace .pp-card--off{width:5.25rem}.build-workspace .pp-card--off .pp-card__name{flex-direction:column;align-items:flex-start;gap:.25rem}.build-workspace .pp-card--strip{height:1.75rem;min-height:1.75rem;padding:0 .625rem;justify-content:center}.build-workspace .pp-card--off.pp-card--strip{width:auto;flex:none}.build-workspace .pp-card--off.pp-card--strip .pp-card__name{flex-direction:row;align-items:center;gap:.375rem}.build-workspace .build-tab{padding:0 .625rem;border-color:transparent;background:transparent}.build-workspace .build-tab.is-on{background:color-mix(in srgb,var(--sec) 16%,var(--sheet));box-shadow:inset 0 -.125rem 0 var(--sec)}.build-workspace .cv-pad{padding:.625rem;align-items:flex-end;justify-content:flex-start;box-shadow:inset 0 -.25rem 0 var(--voice, var(--c-drums))}.cv-keys{display:inline-flex;align-items:center;gap:.3125rem;height:1.75rem;padding:0 .5rem;border:1px solid var(--ctl-border);border-radius:.25rem;color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap;flex:none}.cv-keys svg{color:var(--muted);flex:none}.build-workspace .jam-record-strip{margin:0;padding:.5rem 1rem;background:var(--chrome);border-top:0}.build-workspace .jam-record-strip legend{font-size:.75rem;color:var(--muted)}.build-workspace .jam-record-strip select{min-height:2rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);font-size:.8125rem}.build-rack.composer-block{position:relative;margin:0;padding:0 0 1rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--sheet);box-shadow:inset .25rem 0 0 var(--track, var(--text));transition:none}.build-racks--panel>.build-rack.composer-block{border:0;border-radius:0}.build-rack.drums-block{--track: var(--c-drums)}.build-rack.bass-block{--track: var(--c-bass)}.build-rack.chords-block{--track: var(--c-chords)}.build-rack.melody-block{--track: var(--c-melody)}.build-rack.rack-vocals{--track: var(--c-vocals)}.build-rack.composer-block.is-performance-active{box-shadow:inset .25rem 0 0 var(--track, var(--text))}.build-rack .rack-header{padding-left:1.25rem;border-radius:.4375rem .4375rem 0 0;background:linear-gradient(to right,var(--track, var(--text)) 0 .25rem,var(--chrome) .25rem)}.build-rack .rack-header__bar{display:none}.build-racks--panel>.build-rack>.rack-header{border-radius:0}.build-rack[data-rack]:after{border-radius:inherit}.build-rack.composer-block.is-collapsed{padding-bottom:0}.build-rack.is-collapsed .rack-header{border-bottom:0;border-radius:.4375rem}.build-rack__body{display:grid;gap:.75rem;padding:.75rem 1rem 0 1.25rem;min-width:0}.build-rack__body[hidden]{display:none}.cv-collapse{order:-1;width:1.5rem;height:1.5rem;min-height:1.5rem;margin-left:-.375rem;padding:0;color:var(--muted)}.build-workspace .cv-collapse{width:1.5rem;height:1.5rem;min-height:1.5rem;padding:0}.cv-summary{display:inline-flex;align-items:center;gap:.375rem;min-width:0;height:1.5rem;color:var(--muted);font-size:.75rem;font-weight:500}.cv-summary .cv-glyph{flex:none;width:4rem;height:1.25rem;margin:0;grid-auto-rows:.3125rem;gap:1px .125rem;align-content:center;--row: var(--row)}.cv-summary__dash{display:block;width:1.5rem;height:.125rem;border-radius:1px;background:var(--ctl-border)}.cv-summary__wave{display:inline-flex;align-items:center;gap:1px;width:6rem;height:1.25rem;overflow:hidden}.cv-summary__wave>i{flex:1 0 .125rem;min-height:.125rem;border-radius:1px;background:var(--track, var(--text))}.cv-summary__chords{display:inline-flex;flex-wrap:nowrap;gap:.25rem;min-width:0;overflow:hidden}.cv-summary__chords>i{display:inline-block;height:1.25rem;padding:0 .375rem;border:1px solid var(--track, var(--text));border-radius:.25rem;background:color-mix(in srgb,var(--track, var(--text)) 14%,var(--sheet));color:var(--text);font-style:normal;font-size:.6875rem;font-weight:700;line-height:1.125rem;white-space:nowrap}.cv-summary__chords>i.is-lit{background:var(--track, var(--text));color:#fff}.cv-summary__text{white-space:nowrap}.build-rack fieldset{min-width:0;margin:0;padding:0;border:0}.build-rack fieldset:disabled{opacity:.6}.build-row{flex-wrap:wrap;row-gap:.5rem}.build-row>.pp-btn.pp-row__end{margin-left:auto}.cv-cards{align-items:stretch;flex-wrap:nowrap}.build-rack .pp-cards>.pp-card{flex:0 1 7.375rem;width:7.375rem;min-width:0}.build-rack .pp-cards>.pp-card--off{flex:0 0 5.25rem;width:5.25rem}.build-rack .pp-cards>.pp-card--off.pp-card--strip{flex:none;width:auto}.build-racks--panel>.build-rack .pp-cards>.pp-card.pp-card:not(.pp-card--strip){height:5.5rem;min-height:5.5rem;padding:.5rem .625rem;justify-content:flex-start}.build-racks--panel>.build-rack .pp-cards>.pp-card.pp-card:not(.pp-card--strip) .cv-glyph{display:grid}.build-racks--panel>.build-rack .cv-pads>.cv-pad.cv-pad{height:5.5rem;min-height:5.5rem}.build-racks--panel>.build-rack .chord-palette-row>.chord-chip.chord-chip{height:3.125rem;min-height:3.125rem!important;padding:.375rem .5rem!important;flex-direction:column;gap:.125rem}.build-racks--panel>.build-rack .chord-palette-row>.chord-chip.chord-chip strong{font-size:1rem}.build-racks--panel>.build-rack .chord-palette-row>.chord-chip.chord-chip span{display:block}.cv-cards .pp-card__name>span{min-width:0}.cv-glyph{flex:1;min-height:0;margin-top:auto;display:grid;grid-template-columns:repeat(var(--cols, 16),minmax(0,1fr));grid-auto-rows:.4375rem;gap:.125rem;align-content:end}.cv-glyph>i{display:block;border-radius:1px;background:var(--row)}.cv-glyph>i.is-on{background:var(--track)}.pp-card--strip .cv-glyph{display:none}.cv-pads{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.cv-pad{flex:0 1 11.25rem;width:11.25rem;min-width:0;height:5.5rem;min-height:5.5rem;padding:0 .75rem;display:flex;align-items:center;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;cursor:pointer;box-shadow:inset 0 -.25rem 0 var(--voice, var(--c-drums));touch-action:manipulation;-webkit-user-select:none;user-select:none}.cv-pad__label{font-size:.8125rem;font-weight:600}.cv-pad.is-pressed{background:color-mix(in srgb,var(--voice, var(--c-drums)) 16%,var(--sheet));border-color:var(--voice, var(--c-drums))}.cv-pad.is-unarmed{opacity:.5}.cv-pads .cv-status{flex:none}.cv-status{color:var(--rec);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.cv-note{color:var(--muted);font-size:.75rem;font-weight:500}.build-rack .custom-pattern-notice{margin:0;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;gap:.375rem}.build-rack .custom-pattern-notice svg{color:var(--muted)}.build-rack .palette-empty-note{margin:0;color:var(--muted);font-size:.75rem;font-weight:500}.cv-menu-heading{display:block;padding:.375rem .625rem .125rem;color:var(--muted);font-size:.75rem;font-weight:500}.pp-menu>button[role=menuitem] svg{color:var(--muted)}.build-workspace .pp-menu>button{justify-content:flex-start;text-align:left}.pp-menu.pp-menu--context{position:fixed;top:auto;right:auto;z-index:10001;min-width:12.5rem}.pp-menu>button.is-danger{color:var(--rec)}.pp-menu>button.is-danger svg{color:var(--rec)}.build-rack .chord-palette{gap:.5rem;overflow:visible;padding:0}.build-rack .chord-palette-row,.build-rack .chord-palette-row.is-belt-row{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;grid-template-columns:none}.build-rack .chord-chip{position:relative;flex:none;width:6.5rem;min-width:0;height:3.125rem;min-height:3.125rem!important;padding:.375rem .5rem!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet)!important;color:var(--text);box-shadow:none;transform:none}.build-rack .chord-chip strong{order:1;font-size:1rem;font-weight:600;line-height:1.1}.build-rack .chord-chip span{order:2;font-size:.75rem;font-weight:400;color:var(--muted);line-height:1.1}.build-rack .chord-chip small{order:3;font-size:.6875rem;font-weight:500;color:var(--muted)}.build-rack .chord-chip kbd{position:absolute;top:.25rem;right:.3125rem;min-width:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;font-size:.6875rem;font-weight:500;line-height:1;color:var(--muted)}.build-rack .cv-pad{position:relative}.build-rack .cv-pad kbd{position:absolute;top:.4375rem;right:.5625rem;font:inherit;font-size:.75rem;font-weight:500;line-height:1;color:var(--muted)}.build-rack .cv-roll__hold kbd{margin-left:.125rem;font:inherit;font-size:.6875rem;font-weight:500;color:var(--muted)}html:not([data-keys]) .build-rack .chord-chip kbd,html:not([data-keys]) .build-rack .cv-pad kbd,html:not([data-keys]) .build-rack .cv-roll__hold kbd{display:none}.build-rack .chord-chip.is-color-chord span{color:var(--c-melody)}.build-rack .chord-chip.is-belt-chord span,.build-rack .chord-chip.is-belt-chord small{color:var(--c-chords)}.build-rack .chord-chip.is-pressed{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--sheet))!important;color:var(--text);transform:none}.build-rack .chord-chip.is-pressed span,.build-rack .chord-chip.is-color-chord.is-pressed span,.build-rack .chord-chip.is-belt-chord.is-pressed span,.build-rack .chord-chip.is-belt-chord.is-pressed small{color:var(--muted)}.build-rack .palette-panel,.build-rack .midi-piano-panel{margin:0;padding:0;border:0;background:transparent;display:grid;gap:.75rem}.build-rack .midi-piano-panel{overflow-x:auto}.build-rack .chord-trigger-keyboard{margin:0}.build-rack .sequence-shell,.build-rack .bass-grid-wrap,.build-rack .pad-workspace,.build-rack .chord-piano-roll{margin:0;padding:0;border:0;background:transparent}.build-rack .sequence-shell{overflow-x:auto}.build-rack .chord-roll-shell{display:grid;gap:0}.build-rack .chord-roll-shell.is-two-line{gap:.625rem}.build-rack .chord-roll-row{min-width:0}.build-rack .chord-roll-shell{padding-right:.25rem;max-width:60rem}.build-rack .chord-roll-row+.chord-roll-row{padding-top:0;border-top:0}.build-rack .timeline-ruler{height:1.5rem;min-width:0;margin:0;border-bottom:0;background:transparent}.build-rack .timeline-ruler>div,.build-rack .timeline-ruler>button{padding-left:.25rem;border-left:1px solid transparent;color:var(--muted);font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums}.build-rack .timeline-ruler .beat-start{border-left-color:transparent;background:linear-gradient(to top,var(--ctl-border) .4375rem,transparent .4375rem) left bottom / 1px 100% no-repeat}.build-rack .timeline-ruler .eighth-start{border-left-color:transparent;background:linear-gradient(to top,var(--hair) .25rem,transparent .25rem) left bottom / 1px 100% no-repeat}.build-rack .timeline-ruler .bar-start{border-left:1px solid var(--ctl-border);color:var(--text);font-weight:600}.build-rack .timeline-ruler .is-current{background:transparent;color:var(--accent)}.build-rack .timeline-ruler .is-record-start{background:transparent;box-shadow:inset 0 -.125rem 0 var(--rec)}.build-rack .timeline-ruler.is-selectable .bar-start:hover,.build-rack .timeline-ruler.is-selectable .bar-start:focus-visible{background:var(--row)}html[data-mode=basic] .build-rack .timeline-ruler span{display:none}.build-rack .event-grid{min-width:0;background:var(--sheet)}.build-rack .grid-lines>span,.build-rack .grid-lines>button{border-left:1px solid var(--hair)}.build-rack .grid-lines>.beat-start{border-left-color:var(--ctl-border)}.build-rack .grid-lines>.bar-start{border-left-color:var(--ctl-border)}.build-rack .grid-lines>.is-current{background:color-mix(in srgb,var(--accent) 8%,transparent)}.build-rack .chord-event-grid{height:2.5rem;border:1px solid var(--ctl-border);border-radius:var(--radius)}.build-rack .chord-event-grid .grid-lines{background-image:linear-gradient(to right,color-mix(in srgb,var(--hair) 60%,transparent) 1px,transparent 1px);background-size:calc(100% / var(--steps)) 100%}.build-rack .chord-event-grid .grid-lines>span{border-left-color:transparent}.build-rack .chord-event-grid .grid-lines>.beat-start{border-left-color:var(--hair)}.build-rack .chord-event-grid .grid-lines>.bar-start{border-left-color:var(--ctl-border)}.build-rack .chord-event-grid .grid-lines>.bar-start:first-child{border-left-color:transparent}.build-rack .cursor-marker{background:var(--accent);width:.125rem}.build-rack .chord-event-grid .sequence-event{top:0;bottom:0;height:auto;min-width:1.25rem;padding:0 1.375rem 0 .5rem;border:1px solid var(--c-chords);border-radius:.25rem;background:color-mix(in srgb,var(--c-chords) 14%,var(--sheet));color:var(--text);font-size:.8125rem;font-weight:600}.build-rack .chord-event-grid .sequence-event .event-label{flex:1;text-align:center}.build-rack .chord-event-grid .sequence-event.is-color-chord{border-color:var(--c-melody);background:color-mix(in srgb,var(--c-melody) 14%,var(--sheet))}.build-rack .chord-event-grid .sequence-event.is-belt-chord{border-color:var(--c-chords);background:color-mix(in srgb,var(--c-chords) 22%,var(--sheet))}.build-rack .chord-event-grid .sequence-event.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.build-rack .chord-event-grid .sequence-event.is-playing{border-color:var(--c-chords);background:color-mix(in srgb,var(--c-chords) 36%,var(--sheet));box-shadow:inset 0 0 0 1px var(--c-chords)}.build-rack .chord-event-grid .sequence-event.is-color-chord.is-playing{border-color:var(--c-melody);background:color-mix(in srgb,var(--c-melody) 36%,var(--sheet));box-shadow:inset 0 0 0 1px var(--c-melody)}.build-rack .chord-event-grid .sequence-event.is-selected.is-playing{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.build-rack .chord-event-grid .sequence-event .event-delete,.build-rack .chord-event-grid .sequence-event .event-grab{color:var(--text)}.build-rack .piano-event-grid .sequence-event,.build-rack .bass-event-grid .sequence-event{border:1px solid var(--track, var(--text));border-radius:.1875rem;background:color-mix(in srgb,var(--track, var(--text)) 24%,var(--sheet));color:var(--text);font-size:.6875rem;font-weight:600}.build-rack .piano-event-grid .sequence-event.is-selected,.build-rack .bass-event-grid .sequence-event.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.build-rack .drum-grid-shell{padding-bottom:0;border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden}.build-rack .drum-grid-shell .timeline-ruler{margin-left:5.75rem;border-bottom:1px solid var(--hair)}.build-rack .drum-row{grid-template-columns:5.75rem minmax(0,1fr);min-width:0}.build-rack .drum-row+.drum-row{border-top:1px solid var(--hair)}.build-rack .row-label{min-height:1.875rem;padding:0 .5rem;align-items:flex-start;justify-content:center;border:0;border-right:1px solid var(--hair);background:var(--chrome);color:var(--text);font-size:.75rem;font-weight:500;text-transform:none}.build-rack .row-label small{display:none}.build-rack .drum-row .row-label{font-size:0;line-height:0}.build-rack .drum-row .row-label small{display:block;font-size:.75rem;line-height:1.2;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.build-rack .drum-grid-shell.is-full .row-label,.build-rack .drum-grid-shell.is-full .step-row>*,.build-rack .drum-grid-shell.is-full .step-row>button{min-height:1.625rem}.build-rack .step-row{grid-template-columns:repeat(var(--steps),minmax(0,1fr))}.build-rack .step-row>*,.build-rack .step-row>button{min-height:1.875rem;border-left:1px solid var(--hair);background:var(--sheet)}.build-rack .step-row>*.beat-start{border-left-color:var(--ctl-border);background:var(--sheet)}.build-rack .step-row>*.bar-start{border-left-color:var(--ctl-border)}.build-rack .step-row>*.is-active{background:var(--c-drums);box-shadow:inset 0 0 0 .125rem var(--sheet);border-radius:.25rem}.build-rack .step-row>*.is-current{outline:.125rem solid var(--accent);outline-offset:-.125rem}.build-rack .drum-substep-mark{background:var(--sheet)}.build-rack .bass-grid-wrap{max-height:20rem;border:1px solid var(--hair);border-radius:var(--radius);background:var(--sheet)}.build-rack .bass-grid-wrap .timeline-ruler{margin-left:5.75rem;background:var(--sheet);border-bottom:1px solid var(--hair)}.build-rack .bass-row{grid-template-columns:5.75rem minmax(0,1fr);min-width:0;height:1.875rem}.build-rack .bass-row .row-label{min-height:1.875rem}.build-rack .bass-row .row-label.is-black-key{background:var(--row);color:var(--text)}.build-rack .bass-event-grid{min-width:0}.build-rack .chord-piano-roll{max-height:22.5rem;border:1px solid var(--hair);border-radius:var(--radius);background:var(--sheet)}.build-rack .chord-piano-roll>.timeline-ruler{margin-left:5.75rem;background:var(--sheet);border-bottom:1px solid var(--hair)}.build-rack .chord-piano-roll-body{min-width:0}.build-rack .chord-piano-row{grid-template-columns:5.75rem minmax(0,1fr);min-width:0;height:1.125rem}.build-rack .chord-piano-row .row-label{min-height:1.125rem;font-size:.6875rem}.build-rack .chord-piano-row.is-black-key .row-label{background:var(--row);color:var(--text)}.build-rack .chord-piano-row.is-playing .row-label{background:color-mix(in srgb,var(--track, var(--text)) 20%,var(--sheet))}.build-rack .piano-event-grid{height:1.125rem;min-width:0}.build-rack .piano-event-grid .sequence-event{top:.125rem;height:.75rem;padding-left:.25rem}.build-rack .piano-event-grid .grid-lines button:hover,.build-rack .bass-event-grid .grid-lines button:hover{background:color-mix(in srgb,var(--track, var(--text)) 12%,transparent)}.build-rack .melody-roll .chord-piano-row{height:1.125rem}.cv-padspace{display:grid;gap:.75rem}.build-rack .drum-pads{width:100%;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.build-rack .drum-pads.is-advanced{grid-template-columns:repeat(4,minmax(0,1fr))}.build-rack .drum-pad{width:100%}.build-rack .melody-keys{margin:0;padding:0;border:0;border-radius:0;background:transparent}html:not([data-keys]) .build-rack .piano-key .key-letter{display:none}html[data-mode=basic] .build-rack .piano{height:5rem}.build-rack .melody-keys-bar .panel-eyebrow{color:var(--muted);font-size:.75rem;font-weight:500}.build-rack .melody-keys-hint{display:none}.cv-memo{display:flex;align-items:center;gap:.75rem;min-height:3rem}.cv-memo--empty{min-height:2.5rem;padding:0;border:0;border-radius:0}.cv-memo--empty .pp-row__end{margin-left:auto}.cv-memo__label{color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.cv-memo__wave{flex:1 1 12.5rem;min-width:0;height:2.75rem;display:flex;align-items:center;gap:1px;overflow:hidden}.cv-memo__wave i{flex:1 0 .125rem;min-height:.125rem;border-radius:1px;background:var(--c-melody)}.cv-rec-row{display:grid;gap:.5rem}.build-rack__lyrics{padding:0}.build-rack__lyrics .workspace{max-width:none;margin:0;padding:.75rem 1rem 0 1.25rem}.build-rack__lyrics .workspace-header{display:none}.build-rack__lyrics .lyrics-layout{gap:1rem}.build-rack__lyrics .lyrics-sections{display:none}.build-rack__lyrics .section-recording>button:first-child{display:none}.build-rack__lyrics .record-strip-mic{display:none}.build-rack__lyrics .lyric-page{border:0;background:transparent;box-shadow:none;padding:0}.build-rack .chord-lane-header,.build-rack .chord-layer-header{padding:0;margin:0;border:0;background:transparent}.build-rack .chord-layer-name-field{width:8.75rem}.build-rack .is-layer-chord{display:grid;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--hair)}.build-rack .is-layer-chord.is-active-lane{box-shadow:none}.build-rack .audio-part-memo{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.build-rack .audio-part-memo .panel-eyebrow{display:inline-flex;align-items:center;gap:.3125rem;color:var(--muted);font-size:.75rem;font-weight:500}.build-rack .audio-part-memo .melody-memo-empty{display:none}.build-rack .audio-part-memo .take-tempo-notice{margin:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:.75rem;font-weight:500}.build-rack .sound-edit-button{width:2rem;height:2rem;min-height:2rem;padding:0;display:inline-grid;place-items:center;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--muted);box-shadow:none}.cv-range{display:inline-flex;align-items:center;gap:.4375rem;min-width:0}.cv-range output{min-width:2.75rem;color:var(--text);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.build-workspace .cv-range .pp-fader{width:5rem;height:1.5rem;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.cv-808{display:grid;gap:.75rem;min-width:0}.cv-808__pads{display:flex;flex-wrap:wrap;gap:.5rem}.build-rack .cv-808-pad{position:relative;flex:none;width:4.5rem;min-width:0;height:3.125rem;min-height:3.125rem;padding:.375rem .25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;box-shadow:inset 0 -.25rem 0 var(--c-bass);touch-action:manipulation;-webkit-user-select:none;user-select:none}.build-rack .cv-808-pad strong{font-size:1rem;font-weight:600;line-height:1.1}.build-rack .cv-808-pad span{font-size:.75rem;font-weight:400;color:var(--muted);line-height:1.1}.build-rack .cv-808-pad kbd{position:absolute;top:.1875rem;right:.3125rem;font:inherit;font-size:.6875rem;font-weight:500;line-height:1;color:var(--muted)}.build-rack .cv-808-pad.is-pressed{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--sheet));box-shadow:inset 0 0 0 1px var(--accent),inset 0 -.25rem 0 var(--c-bass)}.cv-808__piano{position:relative;height:4rem;width:calc(var(--whites, 15) * 1.75rem);max-width:100%}.build-rack .cv-808-key{position:absolute;top:0;left:calc(var(--pos) * 1.75rem);width:1.75rem;height:4rem;min-height:0;padding:0 0 .25rem;display:flex;align-items:flex-end;justify-content:center;border:1px solid var(--ctl-border);border-radius:0 0 .25rem .25rem;background:var(--sheet);color:var(--text);font:inherit;font-size:.6875rem;font-weight:500;line-height:1;box-shadow:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:1}.build-rack .cv-808-key.is-black{width:1.125rem;height:2.5rem;background:var(--text);border-color:var(--text);color:var(--sheet);z-index:2}.build-rack .cv-808-key.is-black>span{display:none}.build-rack .cv-808-key.is-out{color:var(--muted)}.build-rack .cv-808-key.is-black.is-out{color:var(--ctl-border)}.build-rack .cv-808-key.is-tonic{box-shadow:inset 0 -.25rem 0 var(--c-bass)}.build-rack .cv-808-key.is-pressed{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--sheet))}.build-rack .cv-808-key.is-black.is-pressed{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.build-rack .cv-808-key:disabled{opacity:.35;cursor:not-allowed}:root .build-rack .cv-808-pad.cv-808-pad.is-pressed.has-808-look,:root .build-rack .cv-808-key.cv-808-key.is-pressed.has-808-look,:root .build-rack .chord-chip.chord-chip.chord-chip.is-pressed.has-808-look{background:var(--b808-fill)!important;border-color:color-mix(in srgb,var(--b808-fill) 70%,black)!important;box-shadow:inset 0 -.125rem color-mix(in srgb,var(--b808-fill) 65%,black)!important;color:var(--b808-on)!important}:root .build-rack .has-808-look.is-pressed :is(strong,span,small,kbd){color:var(--b808-on)!important}.build-rack .b808-badge{position:absolute;top:.1875rem;left:.3125rem;font-style:normal;font-size:.6875rem;font-weight:700;line-height:1;letter-spacing:1px;color:var(--b808-on);pointer-events:none}.build-rack .cv-808-key .b808-badge{left:0;right:0;top:auto;bottom:1.125rem;text-align:center;font-size:.5625rem;letter-spacing:0}.build-rack .cv-808-key.is-black .b808-badge{bottom:.3125rem}.cv-808__play{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.25rem;min-width:0}.cv-808__play>.chord-palette{flex:1 1 0;min-width:min(100%,22.5rem)}.build-rack .b808-arrows{flex:none;display:grid;grid-template-columns:repeat(3,4.75rem);grid-template-rows:repeat(2,2.75rem);gap:.25rem}.build-rack .b808-arrow{position:relative;min-width:0;min-height:0;padding:.125rem .25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;line-height:1.05;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}.build-rack .b808-arrow--up{grid-column:2;grid-row:1}.build-rack .b808-arrow--left{grid-column:1;grid-row:2}.build-rack .b808-arrow--down{grid-column:2;grid-row:2}.build-rack .b808-arrow--right{grid-column:3;grid-row:2}.build-rack .b808-arrow__glyph{font-size:1rem;font-weight:700}.build-rack .b808-arrow__label{font-size:.625rem;font-weight:500;color:var(--muted);white-space:nowrap}.build-rack .b808-arrow kbd{position:absolute;top:.1875rem;right:.3125rem;padding:0;border:0;background:none;font:inherit;font-size:.625rem;font-weight:500;line-height:1;color:var(--muted)}.build-rack .b808-arrow:hover{background:var(--row)}.build-rack .b808-arrow:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}.build-rack .b808-arrow.is-held{background:color-mix(in srgb,var(--c-bass) 22%,var(--sheet));border-color:var(--c-bass)}.build-rack .b808-arrow.is-latched{background:var(--c-bass);border-color:var(--c-bass);color:#fff}.build-rack .b808-arrow.is-latched :is(.b808-arrow__label,kbd){color:#fff}.b808-preset-form{display:grid;gap:.5rem;min-width:min(20rem,80vw)}.b808-preset-form label{display:grid;gap:.25rem;font-weight:600}.b808-preset-form input{padding:.5rem .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit}.b808-preset-note{margin:0;color:var(--muted);font-size:.8125rem}.cv-808__length-off{display:inline-flex;cursor:not-allowed}.cv-808__length-off .cv-range{opacity:.45;pointer-events:none}.cv-roll{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0}.build-workspace .cv-roll__hold{touch-action:none;-webkit-user-select:none;user-select:none}.cv-roll__state{font-size:.75rem;font-weight:600;color:var(--text);white-space:nowrap}.build-rack .drum-row--roll .row-label small{color:var(--text)}.build-rack .roll-row{position:relative;touch-action:none}.build-rack .roll-row>.roll-overlay{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;border:0;border-radius:0;background:transparent;pointer-events:none}.build-rack .roll-row>*.is-paint{background:color-mix(in srgb,var(--c-drums) 12%,var(--sheet))}.build-rack .roll-region{position:absolute;top:.25rem;bottom:.25rem;box-sizing:border-box;display:flex;align-items:center;min-height:0;min-width:0;padding:0 .3125rem;border:1px solid var(--c-drums);border-radius:.25rem;background:color-mix(in srgb,var(--c-drums) 22%,var(--sheet));color:var(--text);font:inherit;font-size:.6875rem;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;box-shadow:none;pointer-events:auto;cursor:default}.build-rack .roll-region b{position:relative;z-index:1;font-weight:600}.build-rack .roll-region i{position:absolute;top:0;bottom:0;width:1px;background:var(--c-drums);opacity:.5;pointer-events:none}.build-rack .roll-region i:first-of-type{opacity:0}.build-rack .roll-region.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.build-rack .roll-region.is-preview{border-style:dashed;background:color-mix(in srgb,var(--c-drums) 10%,var(--sheet));pointer-events:none}.build-rack .drum-grid-shell.is-full .roll-region{top:.1875rem;bottom:.1875rem}.build-rack .roll-region .roll-region__end{position:absolute;top:-1px;right:-.25rem;bottom:-1px;z-index:2;width:.5625rem;cursor:ew-resize;touch-action:none}.build-rack .roll-region .roll-region__end:after{content:"";position:absolute;top:.1875rem;bottom:.1875rem;left:.1875rem;width:.1875rem;border-radius:.125rem;background:var(--c-drums);opacity:0;transition:opacity .12s}.build-rack .roll-region:hover .roll-region__end:after,.build-rack .roll-region.is-selected .roll-region__end:after,.build-rack .roll-region.is-resizing .roll-region__end:after{opacity:.9}.build-rack .roll-region.is-resizing{border-style:dashed}.pp-menu .pp-menu__blank{display:inline-block;width:.875rem;height:.875rem}@container app (max-width: 82.5rem){.build-rack__body{gap:.625rem}.build-row{gap:.75rem}.pp-row--tight.build-row{gap:.625rem}.rack-header .pp-dd .select-menu-trigger{min-width:5.625rem}.rack-header .sound-edit-button,.rack-header .cv-keys{display:none}}@container app (max-width: 75rem){.build-rack .rack-header{flex-wrap:wrap;height:auto;min-height:2.75rem;padding-top:.375rem;padding-bottom:.375rem;row-gap:.375rem}.build-rack .rack-header__spacer{display:none}.build-rack .rack-header__main{flex:1 0 auto}}.build-rack .cv-addon svg{color:currentColor}:root{--fn-home: #3f8f6b;--fn-home-fill: #3a8462;--fn-home-on: #ffffff;--fn-away: #b98a24;--fn-away-fill: #b98a24;--fn-away-on: #23262b;--fn-tension: #c0563f;--fn-tension-fill: #c0563f;--fn-tension-on: #ffffff;--fn-color: #8a62b8;--fn-color-fill: #8a62b8;--fn-color-on: #ffffff;--fn-mine: #3457b2;--fn-mine-fill: #3457b2;--fn-mine-on: #ffffff}.build-rack .chord-chip.chord-chip{--chip: var(--ctl-border);--chip-fill: var(--accent);--chip-on: var(--on-accent, #ffffff);background:var(--sheet)!important;border:1px solid color-mix(in srgb,var(--ctl-border) 70%,var(--text));box-shadow:inset 0 -.1875rem 0 var(--chip);color:var(--text);cursor:pointer}.build-rack .chord-chip.chord-chip.fn-home{--chip: var(--fn-home);--chip-fill: var(--fn-home-fill);--chip-on: var(--fn-home-on)}.build-rack .chord-chip.chord-chip.fn-away{--chip: var(--fn-away);--chip-fill: var(--fn-away-fill);--chip-on: var(--fn-away-on)}.build-rack .chord-chip.chord-chip.fn-tension{--chip: var(--fn-tension);--chip-fill: var(--fn-tension-fill);--chip-on: var(--fn-tension-on)}.build-rack .chord-chip.chord-chip.is-color-chord{--chip: var(--fn-color);--chip-fill: var(--fn-color-fill);--chip-on: var(--fn-color-on)}.build-rack .chord-chip.chord-chip.is-belt-chord{--chip: var(--fn-mine);--chip-fill: var(--fn-mine-fill);--chip-on: var(--fn-mine-on)}.build-rack .chord-chip.chord-chip strong{color:var(--text)}.build-rack .chord-chip.chord-chip span,.build-rack .chord-chip.chord-chip small,.build-rack .chord-chip.chord-chip kbd{color:var(--muted)}.build-rack .chord-chip.chord-chip.is-color-chord span{color:color-mix(in srgb,var(--fn-color) 75%,var(--text))}.build-rack .chord-chip.chord-chip.is-belt-chord span,.build-rack .chord-chip.chord-chip.is-belt-chord small{color:var(--fn-mine)}.build-rack .chord-chip.chord-chip:hover{background:var(--row)!important}.build-rack .chord-chip.chord-chip:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}.build-rack .chord-chip.chord-chip.is-pressed{background:var(--chip-fill)!important;border-color:var(--chip-fill);box-shadow:inset 0 -.125rem color-mix(in srgb,var(--chip-fill) 65%,black);color:var(--chip-on);transform:translateY(1px)}.build-rack .chord-chip.chord-chip.is-pressed strong,.build-rack .chord-chip.chord-chip.is-pressed span,.build-rack .chord-chip.chord-chip.is-pressed small,.build-rack .chord-chip.chord-chip.is-pressed kbd{color:var(--chip-on)}html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw{background:var(--bw-face)!important;border-color:var(--bw-line);box-shadow:inset 0 -.25rem 0 var(--bw);color:var(--bw-text)}html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw strong,html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw span,html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw small,html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw kbd{color:var(--bw-text)}html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw strong{font-weight:700}html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw:hover{background:var(--bw-hover)!important}html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw.is-pressed{background:var(--bw-fill)!important;border-color:color-mix(in srgb,var(--bw-fill) 75%,black);box-shadow:inset 0 -.125rem color-mix(in srgb,var(--bw-fill) 65%,black);color:var(--bw-on)}html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw.is-pressed strong,html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw.is-pressed span,html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw.is-pressed small,html[data-mode=basic] .build-rack .chord-chip.chord-chip.has-bw.is-pressed kbd{color:var(--bw-on)}html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw{border-color:var(--bw-line);background:var(--bw-face);color:var(--bw-text);box-shadow:inset 0 -.1875rem 0 var(--bw)}html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw .event-label{font-weight:700}html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw.is-playing{border-color:color-mix(in srgb,var(--bw-fill) 75%,black);background:var(--bw-fill);color:var(--bw-on);box-shadow:none}html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw.is-playing .event-delete,html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw.is-playing .event-grab{color:var(--bw-on)}html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 .125rem var(--accent),inset 0 0 0 .25rem var(--sheet)}html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw:focus-visible{outline:.125rem solid var(--accent);outline-offset:-.25rem;box-shadow:inset 0 0 0 .25rem var(--sheet),inset 0 -.4375rem 0 var(--bw)}html[data-mode=basic] .build-rack .chord-event-grid .sequence-event.has-bw.is-selected:focus-visible{outline-offset:-.4375rem;box-shadow:inset 0 0 0 .125rem var(--accent),inset 0 0 0 .4375rem var(--sheet)}html[data-mode=basic] .build-rack .chord-roll-shell[data-select-hint]:not(.is-layer-chord):before{content:attr(data-select-hint);color:var(--text)}.lyr{display:flex;flex-direction:column;min-width:0;min-height:0;color:var(--text);--track: var(--c-vocals)}.lyr--embedded{height:100%}.lyr .pp-btn--quiet{border-color:transparent;background:transparent}.lyr .pp-btn--quiet:active:not(:disabled){border-color:var(--ctl-border)}.lyr .pp-btn--icon{width:var(--ctl);padding:0}.lyr .pp-btn--sm{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;font-size:.75rem}.lyr .pp-btn--sm.pp-btn--icon{width:1.75rem;padding:0}.lyr .pp-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.lyr .pp-toggle,.lyr-settings .pp-toggle{width:2rem;height:1.125rem;min-height:0;padding:0;border:0;border-radius:.5625rem;background:var(--ctl-border)}.lyr .pp-toggle.is-on,.lyr .pp-toggle[aria-checked=true],.lyr-settings .pp-toggle.is-on,.lyr-settings .pp-toggle[aria-checked=true]{background:var(--accent)}.lyr-body{display:grid;grid-template-columns:minmax(0,1fr) 23.75rem;gap:0 1.5rem;min-height:0;flex:1}.lyr-sheet-col{display:flex;flex-direction:column;min-width:0;min-height:0}.lyr-sheet{min-height:0}.lyr--embedded .lyr-sheet{flex:1;overflow-y:auto}.lyr--embedded .lyr-takes{overflow-y:auto;min-height:0}.lyr-lines{display:flex;flex-direction:column;padding:.25rem 0 0}.lyr-line.lyric-line-card{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:end;gap:0 .5rem;padding:.25rem 0 .375rem;border-bottom:1px solid var(--hair);background:transparent}.lyr-line.lyric-line-card.is-recording{background:color-mix(in srgb,var(--rec) 8%,transparent)}.lyr-num{align-self:end;padding-bottom:.4375rem;color:var(--muted);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.lyr-line-main{min-width:0}.lyr-chords{position:relative;height:1.375rem;touch-action:none}.lyr-line.is-text-only .lyr-chords{display:none}.lyr .lyr-chords button{position:absolute;top:0;height:1.375rem;min-height:0;padding:0 .1875rem;transform:translate(-50%);border:0;border-radius:.25rem;background:transparent;color:var(--c-chords);font:inherit;font-size:.75rem;font-weight:600;line-height:1.375rem;white-space:nowrap;cursor:grab;touch-action:none;box-shadow:none}.lyr .lyr-chords button.is-current{background:var(--row);color:var(--text)}.lyr .lyr-chords button.is-dragging{opacity:.2;cursor:grabbing}.lyr .lyr-chords button.is-drag-preview{z-index:8;opacity:1;color:var(--accent);pointer-events:none;cursor:grabbing;transition:none;will-change:left}.lyr .lyr-chords button.is-drag-preview:after{content:"";position:absolute;top:100%;left:50%;width:.125rem;height:1.375rem;background:var(--accent);transform:translate(-1px)}.lyr-text{display:block;width:100%;margin:0;padding:.125rem .125rem .1875rem;resize:none;overflow:hidden;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;font-size:.9375rem;font-weight:400;line-height:1.4}.lyr-text:focus{outline:none}.lyr-text::placeholder{color:color-mix(in srgb,var(--muted),transparent 45%)}.lyr-line.is-active .lyr-text{background:color-mix(in srgb,var(--row) 55%,transparent);border-radius:.25rem}.lyr-line-side{display:flex;align-items:center;gap:.25rem;padding-bottom:.125rem}.lyr-line.lyric-line-card .lyr-line-clear{color:var(--muted)}.lyr-footer{flex:none;display:flex;align-items:center;gap:.25rem;padding:.375rem 0 0;border-top:1px solid var(--hair)}.lyr-footer .pp-btn{padding-inline:.5rem}.lyr-footer .pp-btn.is-on{background:var(--accent);color:var(--on-accent)}.lyr-rhymes{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--hair)}.lyr-rhymes-word{width:8.75rem}.lyr-rhymes-results{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0}.lyr-takes{min-width:0;display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.lyr-takes-head{display:flex;justify-content:space-between;align-items:center;height:1.5rem;padding-right:2.25rem;border-bottom:1px solid var(--hair);color:var(--muted);font-size:.75rem;font-weight:500}.lyr-takes-empty{padding-top:.375rem}.lyr-takes-group,.lyr-take-list,.lyr-take-block{display:grid;gap:.375rem}.lyr-take{display:flex;align-items:center;gap:.5rem;min-height:2.25rem;min-width:0}.lyr-take-name{flex:none;min-width:3rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.lyr-take-name small{margin-left:.25rem;color:var(--muted);font-size:.75rem;font-weight:400}.lyr .lyr-take-wave{flex:1 1 3.75rem;min-width:2.5rem;height:1.5rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:block;min-height:0}.lyr button.lyr-take-wave{cursor:pointer}.lyr-take.is-editing .lyr-wave{box-shadow:0 0 0 1px var(--accent)}.lyr-take-time{flex:none;min-width:2rem;color:var(--muted);font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.lyr-take-use{flex:none;min-width:3rem}.lyr-take-use.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.lyr-take-layer.is-on{background:var(--text);border-color:var(--text);color:var(--sheet)}.lyr-take-delete{color:var(--muted)}.lyr-wave{position:relative;width:100%;height:1.5rem;overflow:hidden;border-radius:.125rem}.lyr-wave svg{display:block;width:100%;height:100%}.lyr-wave rect{fill:color-mix(in srgb,var(--c-vocals) 55%,var(--hair))}.lyr-take.is-selected .lyr-wave rect{fill:var(--c-vocals)}.lyr-wave rect.is-played{fill:var(--text)}.lyr-wave i{position:absolute;top:0;bottom:0;width:.125rem;background:var(--text);transform:translate(-1px);opacity:0}.lyr-take.is-playing .lyr-wave i{opacity:1}.lyr-wave-marker{position:absolute;top:0;bottom:0;width:.125rem;background:var(--rec);pointer-events:none}.lyr-take-block .clip-lane-wrap{margin:0}.lyr-notice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.75rem;color:var(--muted);font-size:.75rem;font-weight:500}.lyr-rec{flex:none;display:flex;align-items:center;gap:.75rem;min-height:2.5rem;padding:.25rem 0;border-bottom:1px solid var(--hair)}.lyr-rec-count{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:50%;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums}.lyr-rec-live{display:inline-flex;align-items:center;gap:.375rem;color:var(--rec);font-size:.8125rem;font-weight:600}.lyr-rec-live i{width:.625rem;height:.625rem;border-radius:50%;background:var(--rec);animation:lyr-rec-blink 1s steps(2,start) infinite}@keyframes lyr-rec-blink{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.lyr-rec-live i{animation:none}}.lyr-rec-what{font-size:.8125rem;font-weight:500;font-variant-numeric:tabular-nums}.lyr-rec-progress{flex:1;height:.1875rem;border-radius:.125rem;background:var(--hair);overflow:hidden}.lyr-rec-progress:after{content:"";display:block;height:100%;width:calc(var(--progress, 0) * 100%);background:var(--rec)}.lyr-rec .pp-btn{margin-left:auto}.lyr-settings{min-height:2.75rem;padding:.375rem 1rem;border-bottom:1px solid var(--hair)}.lyr-settings .pp-ctl{gap:.4375rem}.lyr-page-root.workspace{max-width:85rem;padding-top:1rem}.lyr-page-layout{display:grid;grid-template-columns:12.5rem minmax(0,1fr);gap:1rem;align-items:start}.lyr-sections{display:flex;flex-direction:column;gap:.25rem;position:sticky;top:calc(var(--topbar) + 1rem)}.lyr-page-root .lyr-sections button{display:grid;grid-template-columns:.5rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.5rem;row-gap:1px;align-items:center;justify-content:start;min-height:2.75rem;padding:.3125rem .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);text-align:left}.lyr-page-root .lyr-sections button i{grid-row:1 / span 2;width:.5rem;height:.5rem;border-radius:.125rem;background:var(--section, var(--muted))}.lyr-page-root .lyr-sections button span{font-size:.8125rem;font-weight:600}.lyr-page-root .lyr-sections button small{color:var(--muted);font-size:.75rem;font-weight:400}.lyr-page-root .lyr-sections button.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lyr-rack{min-width:0;border:1px solid var(--hair);border-radius:var(--radius);background:var(--sheet);overflow:hidden}.lyr-rack .rack-header{border-radius:var(--radius) var(--radius) 0 0}.lyr--page{padding:0 1rem 1rem}.lyr--page .lyr-takes{padding-top:.5rem}@container app (max-width: 68.75rem){.lyr-body{grid-template-columns:minmax(0,1fr)}.lyr--embedded .lyr-takes{overflow:visible}}@container app (max-width: 53.75rem){.lyr-page-layout{grid-template-columns:minmax(0,1fr)}.lyr-sections{position:static;flex-direction:row;flex-wrap:wrap}}.ns{box-sizing:border-box;display:flex;align-items:center;gap:.875rem;min-width:0;color:var(--text)}.ns:focus{outline:none}.ns:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}.ns--card{min-height:4rem;padding:.625rem .75rem;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--ctl-border));border-radius:.5rem;background:color-mix(in srgb,var(--accent) 6%,var(--sheet))}.ns__icon{flex:none;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent)}.ns__icon svg{width:1.375rem;height:1.375rem}.ns__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1875rem}.ns__title{font-size:1.0625rem;font-weight:650;line-height:1.2;color:var(--text)}.ns__line{font-size:.8125rem;font-weight:500;line-height:1.3;color:var(--muted)}.ns__action{flex:none;height:2.5rem;min-height:2.5rem;padding:0 1rem;font-size:.875rem}.ns__action.pp-btn--rec{background:var(--sheet)}.ns--card>.pp-ctl{flex:none}.build-rack__lyrics>.ns--card{margin:.75rem 1rem 0 1.25rem}.build-rack .ns-lane-wrap{position:relative}.build-rack .ns-lane-wrap .chord-event-grid{height:4rem;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 55%,var(--ctl-border));background:color-mix(in srgb,var(--accent) 5%,var(--sheet))}.ns--lane{position:absolute;top:1.5rem;left:0;width:min(calc(100% - .25rem),59.75rem);height:4rem;justify-content:center;pointer-events:none}.ns--lane .ns__pill{display:inline-flex;align-items:center;gap:.75rem;max-width:calc(100% - 1rem);padding:.375rem 1rem .375rem .375rem;border-radius:62.4375rem;background:var(--sheet);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,var(--hair))}.ns--lane .ns__icon{width:2.25rem;height:2.25rem}.ns--lane .ns__icon svg{width:1.25rem;height:1.25rem}.ns--lane .ns__title{font-size:1rem}.ns--pill{gap:.75rem;flex-wrap:wrap;justify-self:stretch}.ns--pill .ns__pill{display:inline-flex;align-items:center;gap:.75rem;min-width:0;max-width:100%;padding:.375rem 1.125rem .375rem .375rem;border-radius:62.4375rem;background:color-mix(in srgb,var(--accent) 6%,var(--sheet));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,var(--hair))}.ns--pill .ns__icon{width:2.25rem;height:2.25rem}.ns--pill .ns__icon svg{width:1.25rem;height:1.25rem}.ns--pill .ns__title{font-size:1rem}.ns--pill>.pp-ctl{flex:none;margin-left:auto}.ns--pill{transition:opacity .16s ease,visibility 0s}.ns--pill.is-held{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}@media (prefers-reduced-motion: reduce){.ns--pill,.ns--pill.is-held{transition:none}}.build-rack__lyrics>.ns--pill{margin:.75rem 1rem 0 1.25rem}@container app (max-width: 47.5rem){.ns--card{flex-wrap:wrap}.ns--card .ns__action{flex:1 0 100%}}.ns .ns__icon.ns__icon--button{width:2.25rem;height:2.25rem;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--on-accent);box-shadow:none;cursor:pointer;pointer-events:auto;font:inherit}.ns .ns__icon.ns__icon--button:hover{background:var(--accent);filter:brightness(.92)}.ns .ns__icon.ns__icon--button:focus-visible{outline:.125rem solid var(--text);outline-offset:.125rem}.event-editor{min-width:0}.event-editor-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.event-selection-box{position:fixed;z-index:10000;pointer-events:none;border:.125rem solid var(--blue, #4c7dff);background:#4c7dff22}.event-context-menu{position:fixed;z-index:10001;width:16.375rem;padding:.375rem;border:.125rem solid var(--ink, #333);border-radius:.625rem;background:#fff;color:var(--ink, #333);box-shadow:0 .25rem .75rem #0002}.event-context-menu button{display:block;width:100%;border:0;border-radius:.3125rem;padding:.625rem;text-align:left;background:#fff;color:inherit;font:inherit;font-size:.8125rem}.event-context-menu button:hover:not(:disabled),.event-context-menu button:focus-visible{background:var(--yellow, #ffda53)}.event-context-menu button:disabled{opacity:.45;cursor:default}.event-editor .event-grid{-webkit-user-select:none;user-select:none}.voicing-editor{display:grid;gap:.75rem}.voicing-editor p{margin:0}.voicing-editor h3{margin:0;font-size:.875rem;font-weight:800}.voicing-count{font-weight:800;font-size:.875rem}.voicing-help{font-size:.8125rem;line-height:1.45;color:var(--muted,#555)}.voicing-scope{font-size:.75rem;font-weight:800}.modal-card:has(.voicing-editor){width:min(36.25rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column}.modal-card:has(.voicing-editor)>header{flex-shrink:0}.modal-card:has(.voicing-editor)>.modal-content{overflow-y:auto;padding:1rem 1.125rem}.voicing-preview{position:sticky;top:-1rem;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;background:#fff;padding-block:.5rem}.voicing-preview button,.voicing-actions button{border:.125rem solid var(--ink,#333);border-radius:62.4375rem;background:var(--blue,#557aff)!important;color:#fff!important;padding:.625rem 1rem;font:inherit;font-weight:800}.voicing-editor button:disabled{opacity:.45;cursor:default}.voicing-main-controls{display:grid;gap:.625rem}.voicing-presets{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.625rem;font-size:.8125rem;font-weight:800}.voicing-presets .select-menu-trigger{width:100%}.voicing-presets .select-menu-list{max-width:100%}.voicing-position-controls,.voicing-position-controls>div{display:flex;flex-wrap:wrap;gap:.375rem}.voicing-position-controls button,.voicing-tone-octaves button,.voicing-more-content>button,.voicing-view button,.voicing-bulk button,.voicing-add{border:.125rem solid var(--ink,#333);border-radius:.5rem;background:#fff;color:var(--ink,#333);padding:.4375rem .625rem;font:inherit;font-size:.8125rem;font-weight:800}.voicing-workbench{display:grid;gap:.5rem;min-width:0}.voicing-stack{display:grid;gap:.375rem;width:100%}.voicing-active-tone{display:grid;grid-template-columns:1.625rem minmax(0,1fr) auto;align-items:center;gap:.5rem;border:.125rem solid var(--ink,#333);border-radius:.5rem;background:var(--yellow,#ffd13b);color:var(--ink,#333);padding:.4375rem .5625rem}.voicing-voice-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.voicing-voice-label strong{font-size:1rem}.voicing-voice-label span{font-size:.8125rem;font-weight:800}.voicing-drag-handle{width:1.625rem;height:2.125rem;padding:0;border:0!important;background:transparent!important;font:inherit;font-size:1.4375rem!important;cursor:grab;color:var(--ink,#333);touch-action:none}.voicing-drag-handle:active{cursor:grabbing}.voicing-active-tone.is-dragging{opacity:.5}.voicing-active-tone.is-drop-target{outline:.1875rem solid var(--blue,#557aff);outline-offset:1px}.voicing-remove{width:2rem;height:2.125rem;padding:0;border:.125rem solid var(--ink,#333);border-radius:.375rem;background:#fff;color:var(--ink,#333);font-size:1.4375rem;line-height:1}.voicing-add{justify-self:start}.voicing-bank>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}.voicing-bank-tone{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:2.5rem;padding:.4375rem .625rem;border:.125rem solid var(--ink,#333);border-radius:.5rem;background:#fff;color:var(--ink,#333);font:inherit}.voicing-bank-tone strong,.voicing-bank-tone span{font-size:.8125rem}.voicing-more{border-top:1px solid var(--line,#ddd);padding-top:.625rem}.voicing-more-toggle{display:flex;align-items:center;gap:.375rem;border:0!important;background:transparent!important;color:var(--ink,#333);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:800;padding:.3125rem 0}.voicing-more-content{display:grid;justify-items:start;gap:.875rem;padding-top:.75rem}.voicing-view,.voicing-tone-octaves,.voicing-bulk-actions{display:flex;flex-wrap:wrap;gap:.375rem}.voicing-view button[aria-pressed=true]{background:var(--yellow,#ffd13b)}.voicing-individual{display:grid;gap:.5rem;width:100%}.voicing-individual>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.375rem;font-size:.8125rem}.voicing-tone-octaves button{padding:.375rem .5625rem}.voicing-bulk{display:grid;gap:.5rem}.voicing-actions{position:sticky;bottom:-1rem;display:flex;justify-content:flex-end;background:#fff;padding-block:.625rem}.voicing-piano{max-height:21.25rem;overflow:auto;border:.125rem solid var(--ink,#333);border-radius:.375rem}.voicing-piano-row{display:grid;grid-template-columns:3rem 1fr;min-height:1.125rem;border-bottom:1px solid #ddd}.voicing-piano-key{background:#fff;padding:0 .25rem;line-height:1.125rem;border-right:.125rem solid var(--ink,#333);font-size:.75rem;font-weight:800}.voicing-piano-row.is-black .voicing-piano-key{background:var(--ink,#333);color:#fff}.voicing-piano-row>div{background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#ddd calc(25% - 1px),#ddd 25%)}.voicing-piano-note{display:block;width:85%;margin-inline:3%;padding:0 .25rem;line-height:1rem;border:1px solid var(--ink,#333);border-radius:.1875rem;background:var(--yellow,#ffd13b);font-size:.75rem;font-weight:800}@container app (max-width:26.25rem){.voicing-bank>div{grid-template-columns:1fr}.voicing-position-controls button{padding:.4375rem .5rem}.voicing-voice-label strong{font-size:.875rem}}.xp.workspace{max-width:53.75rem;padding-top:1.5rem}.xp-sheet{display:flex;flex-direction:column;border-top:1px solid var(--hair)}.xp-row{display:grid;grid-template-columns:1.5rem 6.875rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.5rem;padding:.625rem 0;border-bottom:1px solid var(--hair)}.xp-icon{display:grid;place-items:center;width:1.5rem;height:1.5rem;color:var(--muted)}.xp-name{font-size:.8125rem;font-weight:600;white-space:nowrap}.xp-value{min-width:0;color:var(--muted);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-value.pp-ctl{flex-wrap:wrap;white-space:normal}.xp-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.xp .pp-btn.is-on,.xp .pp-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.xp .pp-btn--quiet{border-color:transparent;background:transparent}.xp .pp-btn--sm{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;font-size:.75rem}.xp .pp-btn--icon{width:var(--ctl);padding:0}.xp-qr{grid-column:2 / -1;display:flex;align-items:center;justify-content:flex-start;padding:.25rem 0 .125rem}.xp-qr-image{width:12.5rem;height:12.5rem;border:1px solid var(--hair);border-radius:var(--radius);background:#fff;image-rendering:pixelated}.xp-progress{width:7.5rem;height:.25rem;accent-color:var(--accent)}.xp-daw img{width:1rem;height:1rem;border-radius:.1875rem}.xp .pp-guides{display:flex;flex-wrap:wrap;gap:.25rem}.xp .pp-guides button{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--muted);font-size:.75rem;font-weight:500;box-shadow:none}.xp .pp-guides button.is-active{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:none}@container app (max-width: 45rem){.xp-row{grid-template-columns:1.5rem minmax(0,1fr)}.xp-value,.xp-actions,.xp-qr{grid-column:2;justify-content:flex-start}}.nashville-chart{display:grid;grid-template-columns:repeat(4,max-content);gap:.5rem 2.25rem;padding:.75rem 1.125rem;align-content:start;overflow-x:auto;font-family:var(--font-sheet)}.nashville-measure{min-width:0;padding:.5rem .125rem;border-radius:.25rem}.nashville-measure[role=button]{cursor:pointer}.nashville-measure.is-selected,.nashville-measure.is-looped{background:#edf2ff}.nashville-group{display:flex;justify-content:flex-start;align-items:flex-end;gap:.625rem;width:fit-content;max-width:100%;padding:0 .125rem .25rem}.nashville-group.is-split{border-bottom:.125rem solid var(--ink)}.nashville-entry{display:grid;justify-items:center;gap:.125rem}.nashville-entry strong{font-size:clamp(1.3125rem,2.3vw,1.75rem);line-height:1.2;white-space:nowrap}.nashville-entry.is-current strong{background:var(--yellow);border-radius:.25rem;box-shadow:0 0 0 .25rem var(--yellow)}.nashville-entry.is-outside-key strong{background:#fff0a3}.nashville-beats{font:700 1.125rem/1 var(--font-ui);min-height:1.125rem;letter-spacing:.1875rem;white-space:nowrap}.nashville-fraction{display:inline-grid;justify-items:center;vertical-align:middle;line-height:1}.nashville-fraction>span:first-child{padding:0 .1875rem .1875rem;border-bottom:1.5px solid currentColor}.nashville-fraction>span:last-child{padding-top:.1875rem;font-size:.75em}.nashville-measure .piano-measure-feedback{padding:.5625rem 0 .125rem}.live-chord-display{display:inline-flex;align-items:center;gap:.375rem;font:700 .6875rem var(--font-ui)}.live-chord-display select{min-height:2.125rem;max-width:9.6875rem;border:1.5px solid var(--ink);border-radius:.3125rem;background:#fff;padding:.25rem .375rem;font:inherit}@container app (max-width: 43.75rem){.nashville-chart{gap:.5rem 1.5rem;padding:.625rem}.nashville-group{gap:.5rem}}@container app (max-width: 30rem){.nashville-chart{grid-template-columns:repeat(2,max-content)}}@media print{.nashville-chart{padding:.25rem .4375rem;gap:.1875rem 1.5rem}.nashville-measure{padding:.1875rem 0;break-inside:avoid;box-shadow:none}.nashville-entry strong{font-size:12pt}.nashville-entry.is-current strong{background:transparent;box-shadow:none}.nashville-beats{font-size:9pt;min-height:9pt}}.live-workspace.sheet-paper{padding-top:1rem}.sheet-paper .live-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;padding:0 0 1rem;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:transparent}.sheet-paper .live-title-block{flex:1;min-width:16.25rem}.sheet-paper .live-title{margin:0;font-size:1.625rem;font-weight:600;line-height:1.15;letter-spacing:-.01em}.sheet-paper .song-credits{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.sheet-paper .song-credits label{display:inline-flex;align-items:center;gap:.4375rem;min-width:0}.sheet-paper .song-credits span,.sheet-paper .song-about>span{color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap}.sheet-paper .song-credits input.pp-field{width:11.25rem;padding:0 .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);font-size:.8125rem;font-weight:500}.sheet-paper .song-about{display:flex;align-items:flex-start;gap:.4375rem;max-width:35rem;margin-top:.625rem}.sheet-paper .song-about>span{padding-top:.4375rem}.sheet-paper .song-about textarea.pp-field{flex:1;height:auto;min-height:2rem;padding:.375rem .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);font-size:.8125rem;font-weight:400;line-height:1.4;resize:vertical}.sheet-paper .chart-meta{display:flex;gap:1rem;margin-top:.75rem;font-family:var(--font-ui)}.sheet-paper .chart-meta div{display:inline-flex;align-items:baseline;gap:.375rem}.sheet-paper .chart-meta dt{color:var(--muted);font-size:.75rem;font-weight:500}.sheet-paper .chart-meta dd{margin:0;font-family:var(--font-ui);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.sheet-paper .pp-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.sheet-paper .pp-btn--quiet{border-color:transparent;background:transparent}.sheet-paper .pp-btn--sm{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;font-size:.75rem}.sheet-paper .pp-btn--icon{width:var(--ctl);padding:0}.sheet-paper .live-hero-controls{max-width:min(45rem,60%);display:grid;justify-items:end;gap:.625rem}.sheet-paper .live-hero-actions{flex-wrap:wrap;justify-content:flex-end}.sheet-paper .live-hero-actions .pp-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.sheet-paper .player-guide-picker{flex-wrap:wrap;justify-content:flex-end}.sheet-paper .pp-guides{display:flex;flex-wrap:wrap;gap:.25rem}.sheet-paper .pp-guides button{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--muted);font-size:.75rem;font-weight:500;box-shadow:none}.sheet-paper .pp-guides button.is-active{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:none}.sheet-paper .live-form-strip{gap:.375rem;margin-bottom:1rem;padding:0;border:0;border-radius:0;background:transparent}.sheet-paper .live-form-strip button{min-height:2.75rem;padding:.375rem .625rem;border:1px solid var(--ctl-border);border-left:.25rem solid var(--section);border-radius:var(--radius);background:var(--sheet);color:var(--text);font-size:.8125rem;font-weight:600}.sheet-paper .live-form-strip button small{color:var(--muted);font-weight:400}.sheet-paper .live-form-strip button.is-current{background:color-mix(in srgb,var(--section) 16%,var(--sheet));color:var(--text);box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent);border-left-color:var(--section)}.sheet-paper .live-form-strip button.is-current small{color:var(--muted)}.sheet-paper .live-form-strip i{background:var(--accent)}.sheet-paper .loop-chip{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.25rem .25rem .25rem .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);font-size:.75rem;font-weight:500}.sheet-paper .loop-chip strong{font-weight:600;font-variant-numeric:tabular-nums}.sheet-paper .sheet-section{border:1px solid var(--hair);border-left:.25rem solid var(--section);border-radius:var(--radius);background:var(--sheet)}.sheet-paper .sheet-section>header{padding:.625rem .75rem;border-bottom:1px solid var(--hair)}.sheet-paper .sheet-section h3{font-size:.9375rem;font-weight:600}.sheet-paper .repeat-badge,.sheet-paper .take-count{padding:0;border:0;color:var(--muted);font-size:.75rem;font-weight:500}.sheet-paper .sheet-section>header button,.sheet-paper .chart-line-label button{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;font-family:var(--font-ui);font-size:.75rem}.sheet-paper .section-loop.is-looping{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sheet-paper .lyric-sheet-section,.sheet-paper .lyric-sheet-section.is-current{border-radius:0}.sheet-paper .lyric-sheet-section.is-current{box-shadow:inset 0 0 0 1px var(--accent)}.sheet-paper .live-lyric-line.is-current{background:var(--row);box-shadow:inset .25rem 0 0 var(--section)}.sheet-paper .live-chord-track strong{color:var(--c-chords)}.sheet-paper .live-chord-track strong.is-current>span{border-color:var(--ctl-border);background:var(--sheet);color:var(--text)}.sheet-paper .chart-page{border:1px solid var(--hair);border-radius:var(--radius);background:var(--sheet)}.sheet-paper .chart-line{border-left-width:.25rem}.sheet-paper .chart-line.is-current{background:var(--row)}.sheet-paper .chart-line-label .section-tag{color:var(--muted);font-weight:500}.sheet-paper .lead-sheet-measure.is-selected{box-shadow:inset 0 0 0 .125rem var(--accent)}.sheet-paper .lead-sheet-measure>strong.is-current>span{border-color:var(--ctl-border);background:var(--sheet)}.sheet-paper .lead-sheet-measure>span{color:var(--ctl-border)}.sheet-paper .song-video-card,.sheet-paper .video-sync-card{border:1px solid var(--hair);border-radius:var(--radius);background:var(--sheet)}.sheet-paper .chord-bank-header{padding:.5rem 0;border:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);border-radius:0;background:transparent}.sheet-paper .chord-bank-title .page-kicker{display:inline;color:var(--muted);font-size:.75rem;font-weight:500;text-transform:none;letter-spacing:0}.sheet-paper .chord-bank-title strong{display:none}.sheet-paper .chord-bank-chips span{height:1.75rem;padding:0 .625rem;display:inline-flex;align-items:center;border-radius:var(--radius);background:var(--sheet);font-family:var(--font-ui);font-size:.8125rem;font-weight:600}.sheet-paper .chord-bank-chips span.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@container app (max-width: 56.25rem){.sheet-paper .live-hero{flex-direction:column}.sheet-paper .live-hero-controls{max-width:none;justify-items:start}.sheet-paper .live-hero-actions,.sheet-paper .player-guide-picker{justify-content:flex-start}}@media print{.sheet-paper .live-hero{display:none}}.jamzone-floating-panel{position:fixed;z-index:30;top:4.875rem;right:1.125rem;bottom:1.125rem;width:min(47.5rem,calc(100vw - 6.875rem));display:flex;flex-direction:column;border:.125rem solid var(--ink);border-radius:.5rem;overflow:hidden;background:#fff;box-shadow:.25rem .25rem #3333333d}.jamzone-floating-head{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.6875rem .875rem;border-bottom:.125rem solid var(--ink);background:var(--yellow);cursor:grab;touch-action:none}.jamzone-floating-head:active{cursor:grabbing}.jamzone-drag-icon{flex:0 0 auto;color:var(--ink)}.jamzone-floating-head>button{width:2.125rem;min-width:2.125rem;height:2.125rem;min-height:2.125rem;padding:0;background:#fff}.jamzone-chart-picker{display:block;margin-top:.1875rem}.jamzone-chart-picker select{min-width:min(26.875rem,calc(100vw - 11.25rem));max-width:100%;height:2.125rem;padding:0 2.125rem 0 .625rem;border:1.5px solid var(--ink);border-radius:.3125rem;background:#fff;color:var(--ink);font:inherit;font-size:.8125rem;font-weight:850}.jamzone-song-picker{flex:1;min-width:0}.jamzone-song-search{display:block;margin:.3125rem 0;cursor:text}.jamzone-song-search input{width:100%;min-width:0;min-height:2.5rem;padding:.4375rem .625rem;border:1.5px solid var(--ink);border-radius:.3125rem;background:#fff;color:var(--ink);font:inherit;font-size:.875rem;touch-action:manipulation}.jamzone-song-picker .jamzone-chart-picker select{width:100%;min-width:0}.jamzone-search-count{display:block;margin-top:.3125rem;font-size:.75rem}.jamzone-reference-layout{min-height:0;flex:1;overflow:hidden;background:#fff}.jamzone-reference-chart{min-width:0;min-height:0;height:100%;padding:1.375rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.jamzone-reference-chart>header{display:flex;align-items:start;justify-content:space-between;gap:.75rem;padding-bottom:.9375rem;border-bottom:.125rem solid var(--ink)}.jamzone-reference-chart>header span{font-size:.6875rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.jamzone-reference-chart h3{margin:.25rem 0 0;font-size:2.125rem}.jamzone-reference-chart header p{margin-top:.125rem;font-weight:750}.jamzone-musicwill-link{display:inline-flex;align-items:center;gap:.3125rem;flex:0 0 auto;padding:.4375rem .5625rem;border:1.5px solid var(--ink);border-radius:.3125rem;color:var(--ink);font-size:.6875rem;font-weight:850;text-decoration:none}.jamzone-musicwill-link:hover{background:var(--blue);color:#fff}.jamzone-reference-form{padding:1rem 0;border-bottom:1px solid var(--line)}.jamzone-rhythm-panel>p,.jamzone-reference-parts>div>p{margin:.25rem 0 .625rem;color:var(--muted);font-size:.8125rem;line-height:1.35}.jamzone-form-strip{display:flex;flex-wrap:wrap;gap:.4375rem;margin-top:.625rem}.jamzone-form-strip button{min-width:3.875rem;padding:.4375rem;border:1.5px solid var(--ink);border-radius:.3125rem;background:#fff;box-shadow:none;font-size:.6875rem;font-weight:900;text-align:center}.jamzone-form-strip button[aria-pressed=true]{background:var(--yellow)}.jamzone-reference-parts{display:grid;gap:1rem;margin-top:1.125rem}.jamzone-reference-parts>div{min-width:0}.jamzone-reference-section{margin-top:.75rem;padding:.75rem 0 0;border-top:1px solid var(--line);overflow-x:auto}.jamzone-reference-section h4{margin:0 0 .5rem;font-size:.8125rem}.jamzone-lead-system{position:relative;min-width:27.5rem;height:5.75rem;margin:0 .125rem .5rem}.jamzone-lead-chord{position:absolute;top:1.0625rem;padding-left:.5rem;font-family:var(--font-sheet);font-size:1.1875rem;line-height:1;white-space:nowrap}.jamzone-lead-system.has-dense{min-width:37.5rem}.jamzone-lead-chord.is-dense{padding-left:.1875rem;font-size:.9375rem}.jamzone-lead-slash{position:absolute;top:3.6875rem;transform:translate(-50%);font-family:var(--font-sheet);font-size:1.8125rem;line-height:1;font-weight:700}.jamzone-lead-barline{position:absolute;top:3.1875rem;width:1.5px;height:2.625rem;background:var(--ink)}.jamzone-rhythm-panel{padding:.875rem;border-left:.3125rem solid var(--blue);background:#f7f8fa}.jamzone-rhythm-score{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.6875rem}.jamzone-rhythm-score th,.jamzone-rhythm-score td{height:1.75rem;padding:.1875rem 0;text-align:center}.jamzone-rhythm-score thead th{height:1.375rem;color:var(--muted);border-bottom:1px solid #7b838d;font-size:.625rem;font-weight:500}.jamzone-rhythm-score th:first-child{text-align:left;font-size:.6875rem}.jamzone-rhythm-score tr>:not(:first-child){border-left:1px solid #c4c9d0}.jamzone-rhythm-score tr>.is-beat-start{border-left:1px solid #7b838d}.jamzone-rhythm-score tr>:last-child{border-right:.125rem solid var(--ink)}.jamzone-rhythm-score tbody th,.jamzone-rhythm-score tbody td{border-bottom:1px solid #c4c9d0}.jamzone-rhythm-score tbody tr:nth-child(2n){background:#fff}.jamzone-rhythm-score td b{font-size:.8125rem}.jamzone-rhythm-score td.is-hold{background:#e7ebef}.jamzone-hold{display:block;color:var(--ink);font-size:1.0625rem;font-weight:900;line-height:1;transform:scaleX(1.45)}.jamzone-sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.jamzone-resize-handle{position:absolute;right:0;bottom:0;width:1.5rem;min-width:1.5rem;height:1.5rem;min-height:1.5rem;padding:0;border:0;border-radius:0;background:linear-gradient(135deg,transparent 43%,var(--ink) 44%,var(--ink) 51%,transparent 52%,transparent 63%,var(--ink) 64%,var(--ink) 71%,transparent 72%);box-shadow:none;cursor:nwse-resize;touch-action:none}@container app (max-width: 47.5rem){.jamzone-floating-panel{top:4.375rem;right:.5rem;bottom:.5rem;left:.5rem;width:auto}.jamzone-floating-head{cursor:default}.jamzone-chart-picker select{min-width:min(19.375rem,calc(100vw - 6.25rem))}.jamzone-reference-chart{padding:1.125rem}.jamzone-reference-chart h3{font-size:1.75rem}}.jamzone-chart-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.375rem;flex:0 0 auto}.jamzone-open-song{background:#fff;cursor:pointer;font:inherit;font-size:.6875rem;font-weight:850}aside.lesson-panel{display:flex;flex-direction:column;overflow:hidden;background:var(--chrome);color:var(--text);font-family:var(--font-ui);font-size:.8125rem;line-height:1.4;box-shadow:none}aside.lesson-panel.is-docked{top:var(--topbar);right:0;bottom:0;width:var(--lesson-width, 18.75rem);border:0;border-left:1px solid var(--hair);border-radius:0}aside.lesson-panel.is-floating{border:1px solid var(--ctl-border);border-radius:.5rem;box-shadow:0 .625rem 1.875rem #23262b29}aside.lesson-panel.is-mobile{border:1px solid var(--ctl-border);border-radius:.5rem}.lesson-panel .pp-btn--quiet{color:var(--muted)}.lesson-panel .pp-btn--quiet:active:not(:disabled){color:var(--text)}aside.lesson-panel>header.ld-head{min-height:3.5rem;padding:.5625rem .625rem .5625rem 1rem;display:flex;align-items:center;gap:.375rem;border:0;border-bottom:1px solid var(--hair);background:var(--chrome);cursor:default}aside.lesson-panel.is-floating>header.ld-head{cursor:move}.ld-head__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.ld-head__text .pp-menu-anchor{max-width:100%}.ld-title{max-width:100%;height:1.5rem;min-height:0;margin:0;padding:0;display:inline-flex;align-items:center;gap:.3125rem;border:0;background:transparent;color:var(--text);font:inherit;font-size:.875rem;font-weight:600;line-height:1.2;text-align:left;cursor:default}.ld-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-title>svg{flex:none;color:var(--muted)}button.ld-title{cursor:pointer}.ld-kicker{color:var(--muted);font-size:.75rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.ld-head__tools{display:flex;align-items:center;gap:.125rem;flex:none}.ld-head__tools .pp-btn--icon{width:1.75rem;height:1.75rem;min-height:1.75rem}.lesson-panel .ld-head .ld-title{width:auto;max-width:100%;height:1.5rem;margin:0;padding:0;display:inline-flex;align-items:center;gap:.3125rem;place-items:unset;border:0;border-radius:0;background:transparent;font-size:.875rem;font-weight:600;overflow:visible;white-space:nowrap}.lesson-panel .ld-head .ld-head__tools .pp-btn{width:1.75rem;height:1.75rem;min-height:1.75rem;margin:0;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent}.lesson-panel .ld-head .ld-head__tools .pp-btn:active:not(:disabled){border-color:var(--ctl-border)}.lesson-panel .ld-head .pp-menu>button{width:100%;height:auto;min-height:2rem;margin:0;padding:0 .625rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;place-items:unset;border:0;border-radius:.25rem;background:transparent;text-align:left}.lesson-panel .ld-head .pp-menu>button:hover,.lesson-panel .ld-head .pp-menu>button:focus-visible{background:var(--row)}aside.lesson-panel>header.ld-head strong,aside.lesson-panel>header.ld-head .ld-title{color:var(--text)}.ld-pick{min-width:12.5rem}.ld-pick>button.is-on{font-weight:600}.ld-pick>button svg{color:var(--accent);margin-left:auto}aside.lesson-panel.is-collapsed{width:2.75rem}.ld-rail{flex:1;min-height:0;padding:.625rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ld-rail__open{width:2rem;height:2rem;min-height:0;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;box-shadow:none}.ld-rail__open:active{color:var(--text)}.ld-rail__badge{width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.ld-rail__badge svg{width:.8125rem;height:.8125rem}.ld-body{flex:1;min-height:0;padding:.5rem .75rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:0}.ld-body>*{flex-shrink:0}.ld-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.125rem}.ld-step{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.625rem;padding:.5rem;border:1px solid transparent;border-radius:var(--radius);align-items:start}.ld-step.is-current{background:var(--sheet);border-color:var(--hair)}.ld-step__dot{width:1.5rem;height:1.5rem;margin-top:1px;padding:0;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:50%;background:var(--sheet);color:var(--muted);font:inherit;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;box-shadow:none;flex:none}.ld-step__dot svg{width:.8125rem;height:.8125rem}.ld-step.is-done .ld-step__dot{border-color:var(--text);color:var(--text)}.ld-step.is-current .ld-step__dot{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ld-step__main{min-width:0;display:flex;flex-direction:column;gap:.5rem}.ld-step__open{width:100%;min-height:1.625rem;margin:0;padding:0;display:flex;align-items:center;border:0;background:transparent;color:var(--text);font:inherit;font-size:.8125rem;font-weight:500;line-height:1.625rem;text-align:left;cursor:pointer;box-shadow:none}.ld-step__open:disabled{cursor:default}.ld-step.is-done .ld-step__open{color:var(--muted)}.ld-step.is-current .ld-step__open{color:var(--text);font-weight:600}.ld-step__main>h3{margin:0;min-height:1.625rem;padding:0;display:flex;align-items:center;color:var(--text);font-family:var(--font-ui);font-size:.8125rem;font-weight:600;line-height:1.3;letter-spacing:0}.ld-tasks{margin:0;padding-left:1.125rem;display:grid;gap:.25rem;color:var(--text);font-size:.8125rem;font-weight:400;line-height:1.45}.ld-tasks li::marker{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.ld-text{margin:0;color:var(--text);font-size:.8125rem;font-weight:400;line-height:1.5}.ld-note{margin:0;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.45}.ld-chips{display:flex;flex-wrap:wrap;gap:.375rem}.ld-chip{height:1.75rem;min-height:1.75rem;padding:0 .5625rem 0 .5rem;display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none}.ld-chip svg{flex:none}.ld-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ld-chip__time{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.ld-chip.is-on .ld-chip__time{color:inherit;opacity:.85}.ld-chip:active:not(:disabled){border-color:var(--text)}.ld-video{display:grid;width:calc(100% + 3.125rem);margin-left:-2.625rem;margin-right:-.5rem}.ld-video[hidden]{display:none}.ld-video iframe{width:100%;aspect-ratio:16 / 9;display:block;border:1px solid var(--ctl-border);border-radius:var(--radius);background:#111}.ld-chip__caret{color:var(--muted);transition:transform .15s ease}.ld-chip--watch[aria-expanded=true] .ld-chip__caret{transform:rotate(180deg)}.ld-chip--watch.is-open{border-color:var(--text)}.ld-folds{display:flex;flex-direction:column;border-top:1px solid var(--hair)}.ld-folds>section,.lesson-panel section.lesson-reveal{margin:0;padding:0;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:transparent;overflow:visible}.ld-folds>section>button,.lesson-panel section.lesson-reveal>button{width:100%;min-height:2.25rem;padding:.375rem 0;display:flex;align-items:center;gap:.4375rem;border:0;background:transparent;color:var(--text);font:inherit;font-size:.8125rem;font-weight:500;line-height:1.3;text-align:left;cursor:pointer;box-shadow:none}.ld-folds>section>button svg,.lesson-panel section.lesson-reveal>button svg{flex:none;color:var(--muted);transition:transform .15s ease}.ld-folds>section>button[aria-expanded=false] svg,.lesson-panel section.lesson-reveal>button[aria-expanded=false] svg{transform:rotate(-90deg)}.lesson-panel div.lesson-reveal-body{display:grid;gap:.5rem;padding:0 0 .625rem}.lesson-panel .lesson-reveal-body iframe{width:100%;aspect-ratio:16 / 9;display:block;border:1px solid var(--ctl-border);border-radius:var(--radius);background:#111}.lesson-panel .lesson-step-watch{display:grid;gap:.375rem}.lesson-panel .lesson-watch-label{display:inline-flex;align-items:center;gap:.3125rem;color:var(--muted);font-size:.75rem;font-weight:500}.lesson-panel ul.lesson-reveal-tasks{margin:0;padding-left:1.125rem;display:grid;gap:.25rem;font-size:.8125rem;font-weight:400;line-height:1.45}.ld-tempo{margin:0;padding:0 0 .625rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem .75rem}.ld-tempo>div{min-width:0;display:flex;justify-content:space-between;gap:.5rem;padding:.25rem 0;border-bottom:1px solid var(--hair)}.ld-tempo dt{font-size:.75rem;font-weight:500}.ld-tempo dd{margin:0;color:var(--muted);font-size:.75rem;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.ld-tempo small{display:block;font-size:.6875rem}.lesson-panel p.lesson-alt-way{margin:0;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.45}.lesson-panel .lesson-alt-way button{min-height:0;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:.125rem;cursor:pointer;box-shadow:none}.lesson-panel p.lesson-alt-note{margin:0;color:var(--muted);font-size:.75rem;font-weight:400}.ld-choice{margin:0;padding:0;display:grid;gap:.375rem;border:0}.ld-choice legend{padding:0;margin-bottom:.125rem;color:var(--muted);font-size:.75rem;font-weight:500}.ld-choice label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:400}.ld-choice input{width:1rem;height:1rem;margin:0;accent-color:var(--accent)}.ld-moves{padding:.5rem .5rem .625rem;display:grid;gap:.5rem;border-bottom:1px solid var(--hair)}.ld-moves>span{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.4}.ld-moves>div{display:flex;flex-wrap:wrap;gap:.375rem}.ld-moves button{height:1.75rem;min-height:1.75rem;padding:0 .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;font-size:.75rem;font-weight:500;cursor:pointer;box-shadow:none}.ld-moves button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.ld-tips{margin:0;padding:.5rem .625rem;display:grid;gap:.25rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--sheet);font-size:.75rem;line-height:1.45}.ld-tips strong{font-weight:600}.ld-tips ul{margin:0;padding-left:1rem;display:grid;gap:.1875rem}.ld-check{position:sticky;bottom:-1rem;z-index:2;width:100%;min-height:2.5rem;margin:.625rem 0 0;padding:.5rem .5rem .25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:0;border-top:1px solid var(--hair);border-radius:0;background:var(--chrome);color:var(--muted);font:inherit;font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;box-shadow:none}.ld-check svg{flex:none;color:var(--muted);transition:transform .15s ease}.ld-check[aria-expanded=false] svg{transform:rotate(-90deg)}.ld-checklist{margin:0;padding:0 .5rem;list-style:none;display:flex;flex-direction:column}.ld-checklist li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.625rem;align-items:start;padding:.5rem 0;border-bottom:1px solid var(--hair);font-size:.8125rem;font-weight:400;line-height:1.4}.ld-checklist li:last-child{border-bottom:0}.ld-checklist label{display:contents;cursor:pointer}.ld-checklist .ld-check__dot{width:1.5rem;height:1.5rem;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:50%;background:var(--sheet);color:var(--text)}.ld-checklist .ld-check__dot svg{width:.8125rem;height:.8125rem}.ld-checklist li.is-done .ld-check__dot{border-color:var(--text)}.ld-checklist input{width:1.5rem;height:1.5rem;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--ctl-border);border-radius:50%;background:var(--sheet);cursor:pointer;position:relative}.ld-checklist input:checked{border-color:var(--accent);background:var(--accent)}.ld-checklist input:checked:after{content:"";position:absolute;left:.5rem;top:.25rem;width:.3125rem;height:.625rem;border:solid var(--on-accent);border-width:0 .125rem .125rem 0;transform:rotate(45deg)}.ld-checklist input:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}.ld-checklist .ld-check__text{min-width:0;padding-top:.1875rem}.ld-checklist li.is-done .ld-check__text{color:var(--muted)}.ld-daw{margin-top:.625rem;padding:.75rem .5rem 0;display:grid;gap:.5rem;border-top:1px solid var(--hair)}.ld-daw>span{color:var(--muted);font-size:.75rem;font-weight:500}.ld-daw>div{display:flex;align-items:center;gap:.5rem}.ld-daw a,.ld-daw button{width:2.5rem;height:2.5rem;min-height:0;margin:0;padding:.375rem;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);box-shadow:none}.ld-daw a:active{border-color:var(--text)}.ld-daw img{display:block;width:1.625rem;height:1.625rem;object-fit:contain}.ld-daw .is-soon{opacity:.35;filter:grayscale(1);cursor:not-allowed}.ld-foot{flex:none;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--hair);background:var(--chrome)}.ld-foot .pp-btn{height:2.25rem;min-height:2.25rem}.ld-foot .ld-foot__next{flex:1;justify-content:center}.ld-foot .ld-foot__next.is-done{background:var(--text);border-color:var(--text)}[data-rack],.instrument-rack{scroll-margin-top:calc(var(--topbar, 2.75rem) + 3.25rem)}html[data-lesson-rack=drums] [data-rack=drums]:after,html[data-lesson-rack=bass] [data-rack=bass]:after,html[data-lesson-rack=chords] [data-rack=chords]:after,html[data-lesson-rack=melody] [data-rack=melody]:after,html[data-lesson-rack=vocals] [data-rack=vocals]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;outline:.125rem solid var(--accent);outline-offset:-.125rem}html[data-lesson-rack=drums] .instrument-rack.tone-drums,html[data-lesson-rack=bass] .instrument-rack.tone-bass,html[data-lesson-rack=chords] .instrument-rack.tone-chords,html[data-lesson-rack=melody] .instrument-rack.tone-melody{outline:.125rem solid var(--accent);outline-offset:-.125rem}html[data-lesson-flash=drums] [data-rack=drums],html[data-lesson-flash=bass] [data-rack=bass],html[data-lesson-flash=chords] [data-rack=chords],html[data-lesson-flash=melody] [data-rack=melody],html[data-lesson-flash=vocals] [data-rack=vocals],html[data-lesson-flash=drums] .instrument-rack.tone-drums,html[data-lesson-flash=bass] .instrument-rack.tone-bass,html[data-lesson-flash=chords] .instrument-rack.tone-chords,html[data-lesson-flash=melody] .instrument-rack.tone-melody{animation:ld-flash 1.6s ease-out;outline:.125rem solid var(--accent);outline-offset:-.125rem}@keyframes ld-flash{0%,40%{box-shadow:inset 0 0 0 62.4375rem #3457b21a}to{box-shadow:inset 0 0 0 62.4375rem #3457b200}}@media (prefers-reduced-motion: reduce){html[data-lesson-flash] [data-rack]{animation:none}}.ld-rack-badge{width:1.5rem;height:1.5rem;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}html[data-lesson-dock="300"] #shed-access-launcher,html[data-lesson-dock="300"] #shed-access-launcher~div[style*="position:fixed"]{right:19.875rem!important}html[data-lesson-dock="44"] #shed-access-launcher,html[data-lesson-dock="44"] #shed-access-launcher~div[style*="position:fixed"]{right:3.875rem!important}section.lesson-popout{border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--sheet);color:var(--text);font-family:var(--font-ui);box-shadow:0 .625rem 1.875rem #23262b29}section.lesson-popout>header{min-height:2.75rem;padding:.375rem .5rem .375rem .875rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--hair);background:var(--chrome)}section.lesson-popout>header svg:first-child{color:var(--muted)}section.lesson-popout>header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600}section.lesson-popout>header button{width:2rem;height:2rem;min-height:0;margin-left:auto;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);box-shadow:none;cursor:pointer}section.lesson-popout .lesson-popout-body{padding:.875rem 1rem 1.5rem;display:grid;gap:.875rem;align-content:start}section.lesson-popout .popout-intro{margin:0;color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1.45}section.lesson-popout .idea-group h4{margin:0 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid var(--hair);font-size:.875rem;font-weight:600;line-height:1.2}section.lesson-popout .idea-group ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.125rem,1fr));gap:.5rem}section.lesson-popout .idea-group li{padding:.5rem .625rem;border:1px solid var(--hair);border-radius:var(--radius);background:var(--sheet);font-size:.8125rem;font-weight:400;line-height:1.45}section.lesson-popout .idea-group li b{display:block;margin-bottom:.125rem;font-size:.8125rem;font-weight:600}section.lesson-popout .style-picker{display:flex;align-items:center;gap:.4375rem}section.lesson-popout .style-picker>span{color:var(--muted);font-size:.75rem;font-weight:500}section.lesson-popout .style-card{display:grid;gap:.75rem;padding:0;border:0;border-radius:0;background:transparent}section.lesson-popout .style-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--hair)}section.lesson-popout .style-head h4{margin:0;font-size:.9375rem;font-weight:600;line-height:1.2}section.lesson-popout .style-head span{color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}section.lesson-popout .style-part{display:grid;gap:.5rem}section.lesson-popout .style-part+.style-part{padding-top:.75rem;border-top:1px solid var(--hair)}section.lesson-popout .style-part-head{display:flex;align-items:baseline;gap:.5rem}section.lesson-popout .style-part-head strong{font-size:.8125rem;font-weight:600}section.lesson-popout .style-part-head span{color:var(--muted);font-size:.75rem;font-weight:500}section.lesson-popout .style-options{display:inline-flex;height:1.75rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);overflow:hidden;align-self:start}section.lesson-popout .style-options button{height:100%;min-height:0;padding:0 .5625rem;border:0;border-right:1px solid var(--hair);border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;font-weight:500;cursor:pointer;box-shadow:none}section.lesson-popout .style-options button:last-child{border-right:0}section.lesson-popout .style-options button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:600}section.lesson-popout .style-grid th,section.lesson-popout .style-grid td{border-color:var(--hair)}section.lesson-popout .style-grid thead th{color:var(--muted);font-size:.6875rem;font-weight:500}section.lesson-popout .style-grid th[scope=row]{color:var(--text);font-size:.75rem;font-weight:500;background:var(--chrome)}section.lesson-popout .style-grid .beat{border-left-color:var(--ctl-border)}section.lesson-popout .style-grid thead .beat{color:var(--text)}section.lesson-popout .style-grid .hold-line{background:var(--text)}section.lesson-popout .style-note{margin:0;color:var(--muted);font-size:.75rem;font-weight:400}section.lesson-popout .style-line{margin:0;font-size:.8125rem;font-weight:400;line-height:1.4}section.lesson-popout .style-line b{margin-right:.375rem;color:var(--muted);font-size:.75rem;font-weight:500}section.lesson-popout .window-resize-handle:after{border-color:var(--ctl-border)}section.lesson-video-window{border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--sheet);box-shadow:0 .625rem 1.875rem #23262b29}section.lesson-video-window>header{min-height:2.75rem;padding:.375rem .5rem .375rem .875rem;gap:.5rem;border-bottom:1px solid var(--hair);background:var(--chrome)}section.lesson-video-window>header strong{font-size:.875rem;font-weight:600}section.lesson-video-window>header button{width:2rem;height:2rem;border:0;border-radius:var(--radius);background:transparent;color:var(--muted)}section.lesson-video-window .lesson-video-transport{border-top:1px solid var(--hair);background:var(--sheet)}section.lesson-video-window .lesson-video-transport>button{border:1px solid var(--ctl-border);background:var(--sheet);color:var(--text)}section.lesson-video-window .lesson-video-transport>button:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}section.lesson-video-window .lesson-video-timeline input{accent-color:var(--accent)}section.lesson-video-window .lesson-chapter-marks button{background:var(--text)}div.daw-guide{display:flex;flex-direction:column;height:100%;min-height:0;color:var(--text);background:var(--sheet);font-family:var(--font-ui);font-size:.8125rem;line-height:1.4}div.daw-guide>header{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.375rem .625rem .375rem .875rem;border-bottom:1px solid var(--hair);background:var(--chrome)}div.daw-guide>header img{width:1.375rem;height:1.375rem}div.daw-guide>header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600}div.daw-guide>header>span{color:var(--muted);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}div.daw-guide>header button{width:2rem;height:2rem;min-height:0;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);box-shadow:none;cursor:pointer}div.daw-guide .daw-guide-body{flex:1;min-height:0;overflow:auto;padding:.75rem 1rem 1rem;display:grid;gap:.625rem;align-content:start}div.daw-guide .daw-guide-launch{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:0 0 .625rem;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:transparent}div.daw-guide .daw-guide-launch a{text-decoration:none}div.daw-guide .daw-guide-launch span{color:var(--muted);font-size:.75rem;font-weight:400}div.daw-guide .ld-dots{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.375rem}div.daw-guide .ld-dots .ld-step__dot.is-current{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}div.daw-guide .ld-dots .ld-step__dot.is-done{border-color:var(--text);color:var(--text)}div.daw-guide .ld-nav{display:flex;align-items:center;gap:.5rem}div.daw-guide .ld-nav>div{margin-left:auto;display:flex;gap:.25rem}div.daw-guide h2{margin:0;font-size:.875rem;font-weight:600;line-height:1.3}div.daw-guide .daw-guide-body iframe{width:100%;aspect-ratio:16 / 9;border:1px solid var(--ctl-border);border-radius:var(--radius);background:#111}div.daw-guide .daw-guide-body p{margin:0;font-size:.8125rem;font-weight:400;line-height:1.5}div.daw-guide .daw-guide-tasks{margin:0;padding-left:1.125rem;display:grid;gap:.25rem;font-size:.8125rem;font-weight:400;line-height:1.45}div.daw-guide .daw-guide-tasks li::marker{color:var(--muted);font-weight:500}div.daw-guide .daw-guide-reveal{padding:0;border:0;border-top:1px solid var(--hair);border-radius:0}div.daw-guide .daw-guide-reveal>summary{min-height:2.25rem;padding:.375rem 0;display:flex;align-items:center;gap:.4375rem;font-size:.8125rem;font-weight:500;cursor:pointer;list-style:none}div.daw-guide .daw-guide-reveal>summary:before{content:"▸";color:var(--muted)}div.daw-guide .daw-guide-reveal[open]>summary:before{content:"▾"}div.daw-guide .daw-guide-reveal>iframe{width:100%;margin:0 0 .5rem}div.daw-guide .daw-guide-reveal>.daw-guide-tasks{padding:0 0 .625rem 1.125rem}div.daw-guide .daw-guide-actions{display:flex;flex-wrap:wrap;gap:.5rem}div.daw-guide .daw-guide-checklist{border:0;border-top:1px solid var(--hair);border-radius:0}div.daw-guide .daw-guide-checklist>button{width:100%;min-height:2.5rem;margin:0;padding:.5rem 0 .25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:0;border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;box-shadow:none}div.daw-guide .daw-guide-checklist>button svg{color:var(--muted);transition:transform .15s ease}div.daw-guide .daw-guide-checklist>button[aria-expanded=false] svg{transform:rotate(-90deg)}div.daw-guide .daw-guide-checklist ul{margin:0;padding:0;list-style:none;display:grid}div.daw-guide .daw-guide-checklist li{padding:.5rem 0;border-bottom:1px solid var(--hair)}div.daw-guide .daw-guide-checklist li:last-child{border-bottom:0}div.daw-guide .daw-guide-checklist label{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.625rem;align-items:start;font-size:.8125rem;font-weight:400;line-height:1.4;cursor:pointer}div.daw-guide .daw-guide-checklist input{width:1.5rem;height:1.5rem;margin:0;accent-color:var(--accent)}div.daw-guide .daw-guide-checklist label>span{padding-top:.1875rem}div.daw-guide .daw-guide-checklist .is-complete{color:var(--muted);text-decoration:none}.floating-mixer.mx{min-width:35rem;min-height:22.5rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);box-shadow:none;resize:none}.mx .knob-control{min-width:0;font-size:.75rem;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}.mx .fx-drawer.is-open{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.125rem;padding-bottom:.375rem}.mx .knob-control output{font-size:.75rem;font-weight:600;color:var(--text)}.floating-mixer.mx>header{height:2.75rem;padding:0 .375rem 0 .875rem;border-bottom:1px solid var(--hair);background:var(--chrome);box-shadow:none;cursor:move}.floating-mixer.mx>header>div{gap:.5rem;color:var(--text)}.floating-mixer.mx>header strong{font-size:.875rem;font-weight:600}.floating-mixer.mx>header .pp-btn{width:var(--ctl);height:var(--ctl);border:0;background:transparent;color:var(--muted)}.mx .mixer-channels{height:calc(100% - 2.75rem);gap:0;padding:.75rem 1rem}.mx .mixer-strip{width:8.5rem;min-height:18.75rem;padding:.625rem .375rem .5rem;border:0;border-right:1px solid var(--hair);border-radius:0;background:transparent;box-shadow:inset 0 .1875rem 0 var(--track)}.mx .mixer-strip:last-child{border-right:0}.mx .mx-name{max-width:100%;margin:.25rem 0 .5rem;overflow:hidden;font-size:.75rem;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mx .fx-toggle{width:100%;height:1.75rem!important;min-height:1.75rem!important;padding:0 .5rem!important;border:1px solid var(--ctl-border)!important;border-radius:var(--radius)!important;background:var(--sheet)!important;color:var(--muted);font-size:.75rem!important;font-weight:500}.mx .fx-toggle.is-open{background:var(--row)!important;color:var(--text)}.mx .fx-drawer.is-open{border-bottom:1px solid var(--hair)}.mx .fader-wrap output{color:var(--muted);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.mx .vertical-fader{accent-color:var(--track, var(--text))}.mx .level-meter{width:.5rem;border:1px solid var(--hair);border-radius:.125rem;background:linear-gradient(to top,var(--track, var(--text)) 0 60%,var(--ctl-border) 78%,var(--rec) 94%)}.mx .level-mask{background:var(--sheet)}.mx .level-peak{background:var(--text)}.mx .mute-solo{gap:.25rem;margin-top:.5rem}.mx .mute-solo .pp-mini{width:1.75rem;height:1.5rem;min-height:1.5rem!important;padding:0!important;border:1px solid var(--ctl-border);border-radius:.25rem;background:var(--sheet)!important;color:var(--muted);font-size:.75rem!important;font-weight:600}.mx .mute-solo .pp-mini.is-on{background:var(--text)!important;border-color:var(--text);color:var(--sheet)}.mx .master-gap{width:1rem;border-left:0}.mx .master-strip{--track: var(--text);border-right:0}.mx .master-space{height:2.25rem}.modal-card:has(.open-song-dialog){width:min(45rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column}.modal-card:has(.open-song-dialog)>header{flex-shrink:0}.modal-card:has(.open-song-dialog)>.modal-content{padding:0;overflow-y:auto;line-height:1.3}.open-song-dialog{display:grid}.open-song-dialog .osd-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid var(--hair);background:var(--sheet)}.modal-card .osd-tabs{flex:none}.modal-card .osd-tabs>button{height:100%;min-height:0;padding:0 .625rem;border:0;border-right:1px solid var(--hair);border-radius:0}.modal-card .osd-tabs>button:last-child{border-right:0}.open-song-dialog .osd-search{flex:1 1 auto;min-width:0;height:var(--ctl);padding:0 .625rem;display:flex;align-items:center;gap:.4375rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--muted)}.open-song-dialog .osd-search:focus-within{border-color:var(--text)}.open-song-dialog .osd-search input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:.8125rem}.open-song-dialog .osd-search input:focus,.open-song-dialog .osd-search input:focus-visible{outline:none}.modal-card .open-song-dialog .osd-new{flex:none}.open-song-dialog .osd-list{margin:0;padding:.375rem .5rem .75rem;list-style:none;display:grid;gap:.125rem}.open-song-dialog .osd-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:.125rem;padding-right:.25rem;border-radius:var(--radius)}.open-song-dialog .osd-row:hover,.open-song-dialog .osd-row:focus-within{background:var(--row)}.modal-card .osd-row>.osd-open{width:100%;min-width:0;min-height:3.25rem;padding:.3125rem .5rem;justify-content:flex-start;gap:.625rem;border:0;border-radius:var(--radius);background:transparent;color:var(--text);text-align:left;font-weight:400}.open-song-dialog .osd-icon{width:1.5rem;height:1.5rem;flex:none;display:grid;place-items:center;border-radius:.25rem;background:var(--c-vocals, var(--accent));color:#fff}.open-song-dialog .osd-text{min-width:0;display:grid;gap:1px}.open-song-dialog .osd-text strong{overflow:hidden;font-size:.875rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.open-song-dialog .osd-composers{overflow:hidden;color:var(--text);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.open-song-dialog .osd-line{overflow:hidden;color:var(--muted);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.open-song-dialog .osd-meta{min-width:0;overflow:hidden;display:flex;align-items:center;gap:.375rem;color:var(--muted);font-size:.75rem;white-space:nowrap}.open-song-dialog .osd-meta>*{flex:none}.open-song-dialog .osd-tag{display:inline-flex;align-items:center;height:1.125rem;padding:0 .375rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:var(--chrome);color:var(--muted);font-size:.6875rem;font-style:normal;font-weight:500}.open-song-dialog .osd-tag--now{border-color:var(--text);color:var(--text)}.modal-card .osd-row>.osd-play{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;gap:.3125rem;font-size:.75rem;white-space:nowrap}.modal-card .osd-row>.osd-play.is-playing{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}html[data-look=finalx]:not([data-skin=mw]) .modal-card .osd-row>.osd-play.is-playing{background:var(--yellow);border-color:var(--yellow);color:var(--text)}.modal-card .osd-row>.osd-act{width:1.875rem;height:1.875rem;min-height:1.875rem;padding:0;border-color:transparent;background:transparent;color:var(--muted)}.modal-card .osd-row>.osd-act:hover{border-color:var(--ctl-border);color:var(--text)}.modal-card .osd-row>.osd-delete:hover{color:var(--rec)}.open-song-dialog .osd-empty{margin:0;padding:2.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.625rem;color:var(--muted);font-size:.8125rem;text-align:center}.open-song-dialog .osd-empty strong{color:var(--text);font-size:.875rem;font-weight:600}.modal-card .osd-jamzone.library-screen{min-height:0;padding:.75rem .875rem 1rem;background:transparent}.open-song-dialog .osd-jamzone .jamzone-library{margin-top:0}.open-song-dialog .osd-jamzone .jamzone-library-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}@container app (max-width: 35rem){.modal-card .osd-row>.osd-play{width:1.875rem;padding:0}.modal-card .osd-row>.osd-play>span{display:none}.open-song-dialog .osd-bar{flex-wrap:wrap}.modal-card .open-song-dialog .osd-new{padding:0 .625rem}}.cover-app{max-width:93.75rem;margin:0 auto;padding:0;background:#fff;color:var(--ink);min-height:100vh}.cover-app button:not(:where(.cover-program *)),.cover-app select:not(:where(.cover-program *)),.cover-app input,.cover-app textarea{font:inherit}.cover-app button:not(:where(.cover-program *)){border:.125rem solid var(--ink);border-radius:.375rem;padding:.625rem .875rem;background:#fff;font-weight:750;cursor:pointer;line-height:1.3}.cover-app button:not(:where(.cover-program *)):disabled{opacity:.45;cursor:default}.cover-app button:not(:where(.cover-program *)):not(:disabled):hover{background:#f0f2f5}.cover-app a{color:#244d9e;text-decoration:underline;text-underline-offset:.1875rem}.cover-app h1{font-size:clamp(1.5rem,2.5vw,2.125rem);line-height:1.12;margin:.3125rem 0 .625rem;letter-spacing:-.8px}.cover-app h2{font-size:1.6875rem;margin:.3125rem 0}.cover-app h3{margin:0 0 .75rem;font-size:1.1875rem}.cover-app p{line-height:1.55;margin:.5rem 0 .875rem}.cover-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:.125rem solid var(--ink);padding:1.125rem 1.5rem;margin-bottom:0}.cover-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;align-self:flex-start}.cover-app .cover-lesson-button{min-height:2.25rem;padding:.4375rem .75rem;display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;font-size:.8125rem;font-weight:800;background:var(--yellow);white-space:nowrap}.cover-app .cover-lesson-button:not(:disabled):hover{background:var(--yellow);filter:brightness(.96)}@container app (min-width: 47.5625rem){.cover-app.has-lesson{margin-right:27.5rem}}.cover-kicker{font-size:.75rem;text-transform:uppercase;font-weight:850;letter-spacing:1px}.cover-layout{display:grid;grid-template-columns:4rem minmax(0,1fr)}.cover-sidebar{border-right:.125rem solid var(--ink);padding:.5rem;background:var(--card);z-index:20}.cover-navigation{position:sticky;top:.5rem}.cover-navigation nav{display:flex;flex-direction:column;gap:.5rem}.cover-navigation nav button{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:.125rem solid var(--ink);border-radius:.75rem;background:var(--card);color:var(--ink)}.cover-navigation nav button[aria-current],.cover-navigation nav button[aria-current]:hover{background:var(--blue);color:#fff}.cover-rail-label{position:absolute;left:calc(100% + .75rem);top:50%;transform:translateY(-50%);border:.125rem solid var(--ink);border-radius:62.4375rem;background:var(--ink);color:#fff;padding:.3125rem .625rem;font-size:.625rem;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none}.cover-navigation nav button:hover,.cover-navigation nav button:focus-visible{z-index:1}.cover-navigation nav button:hover .cover-rail-label,.cover-navigation nav button:focus-visible .cover-rail-label{opacity:1}.cover-navigation .cover-settings-toggle{margin-top:1rem}.cover-settings{padding:0}.cover-app .modal-card{width:min(36.25rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column;box-shadow:0 .5rem 1.5rem #00000026}.cover-app .modal-card>.modal-content{overflow-y:auto}.cover-app .modal-card h2{font-size:1.3125rem}.cover-settings fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.125rem;border:0;padding:0;margin:0 0 1rem;min-width:0}.cover-settings fieldset>p{grid-column:1 / -1;margin:.375rem 0 0}.cover-settings .cover-setting-wide{grid-column:1 / -1}.cover-app .cover-difficulty-summary{margin:-.75rem 0 1.25rem;font-size:.75rem;color:#555}.cover-settings legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.cover-settings label{display:block;font-size:.75rem;font-weight:750;margin-top:.75rem}.cover-app select:not(:where(.cover-program *)),.cover-app input[type=number]:not(:where(.cover-program *)){display:block;width:100%;padding:.5rem;border:1px solid #8c8c8c;border-radius:.25rem;background:#fff;color:var(--ink);margin-top:.3125rem;min-height:2.375rem}.cover-settings p,.cover-privacy{font-size:.75rem;color:#555}.cover-app .cover-footer{padding:1.125rem 1.5rem;margin:0;border-top:1px solid #ddd}.cover-workspace{min-width:0;padding:1.5rem}.cover-module-heading{background:var(--cover-accent);padding:1.125rem 1.375rem;border:.125rem solid var(--ink);border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.9375rem;box-shadow:0 .125rem .25rem #00000014;margin:0 0 1.5rem}.cover-module-heading p{margin:0}.cover-stages{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.375rem}.cover-stages button{font-size:.75rem;border-width:1px;padding:.5rem .6875rem}.cover-stages button[aria-current]{background:var(--ink);color:#fff}.cover-instruction{padding:1.25rem;border:1px solid #c9c9c9;border-radius:.4375rem;margin-bottom:1.25rem;background:#f8f9fa}.cover-instruction p:last-child{margin-bottom:0}.cover-app .cover-primary{background:#ffd13b;color:#242424}.cover-app .cover-primary:not(:disabled):hover{background:#ffe176}.cover-chart{margin:1.5rem 0}.cover-chart>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid #ccc}.cover-chart>header span{font-size:.8125rem}.cover-chart-key{font-size:.75rem}.cover-sheet-scroll,.cover-grid-scroll{overflow-x:auto}.cover-sheet-system{min-width:var(--sheet-min-width);padding:.25rem .3125rem 1.25rem 0}.cover-lead-staff{position:relative;height:7.1875rem;margin:0 .125rem .25rem 4rem}.cover-sheet-system.is-reading .cover-lead-staff{margin-left:.25rem}.cover-measure-number{position:absolute;top:0;margin-left:.375rem;font-size:.6875rem;color:#777}.cover-lead-chord{position:absolute;top:1.625rem;transform:translate(-50%);font-size:1.5625rem;line-height:1}.cover-lead-slash{position:absolute;top:4.0625rem;transform:translate(-50%);font-size:2.25rem;line-height:1;font-weight:700}.cover-lead-slash.is-current{color:#285ec9;text-shadow:0 0 .75rem #aac4ff}.cover-lead-slash.is-current:after{content:"";position:absolute;width:1.125rem;height:.25rem;background:#4f80ff;left:50%;bottom:-.5rem;transform:translate(-50%)}.cover-barline{position:absolute;top:3.75rem;bottom:.5625rem;border-left:1.5px solid var(--ink)}.cover-barline.is-final{border-right:.1875rem solid var(--ink);width:.3125rem}.cover-rhythm-score{border-collapse:collapse;width:100%;table-layout:fixed;font-size:.6875rem}.cover-rhythm-score th,.cover-rhythm-score td{padding:.1875rem 0;height:2rem;text-align:center;border:0}.cover-rhythm-score thead th{font-size:.625rem;font-weight:500;color:#666;height:1.375rem}.cover-rhythm-score th:first-child{text-align:left;font-size:.6875rem}.cover-rhythm-score tr>:not(:first-child){border-left:1px solid #c4c9d0}.cover-rhythm-score tr>.is-beat-start{border-left:1px solid #7b838d}.cover-rhythm-score tr>.is-bar-start{border-left:.125rem solid var(--ink)}.cover-rhythm-score tr>:last-child{border-right:.125rem solid var(--ink)}.cover-rhythm-score thead th{border-bottom:1px solid #7b838d}.cover-rhythm-score tbody th,.cover-rhythm-score tbody td{border-bottom:1px solid #c4c9d0}.cover-rhythm-score tbody tr:nth-child(2n){background:#f8f9fa}.cover-rhythm-score td b{font-size:.8125rem}.cover-rhythm-score td small{display:block;font-size:.5625rem;line-height:1}.cover-rhythm-score td.is-current{color:#285ec9;background:#edf3ff}.cover-sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.cover-transport{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin:1rem 0}.cover-transport output{font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:750}.cover-instruments{padding:1.125rem;background:#fff;border-radius:.4375rem;border:1px solid #c7c7c7;margin:1.25rem 0}.cover-instruments>p{font-size:.8125rem}.cover-pads{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.6875rem,1fr));gap:.75rem;margin:.875rem 0}.cover-pads button{min-height:5.3125rem;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--cover-accent);box-shadow:0 1px .1875rem #00000020}.cover-pads button strong{display:block;font-size:1.5rem}.cover-pads kbd{font:inherit;font-size:.6875rem}.cover-pads button.is-prompted{outline:.25rem solid #4f80ff;outline-offset:.125rem}.cover-pads button.is-pressed{transform:translate(.125rem,.125rem);box-shadow:none;background:#fff1b8}.cover-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.625rem;margin-top:.875rem}.cover-controls label{min-width:8.75rem;font-size:.75rem;font-weight:750}.cover-controls button{font-size:.75rem}.cover-questions fieldset{border:1px solid #bbb;padding:.9375rem;margin:1rem 0;border-radius:.3125rem}.cover-questions legend{font-weight:750;font-size:.875rem}.cover-questions fieldset>div{display:flex;flex-wrap:wrap;gap:.9375rem;margin-bottom:.625rem}.cover-questions label{display:flex;align-items:center;gap:.375rem;padding:.375rem;cursor:pointer}.cover-questions input{accent-color:#365bc0}.cover-questions button{font-size:.75rem}.cover-notice{padding:.8125rem 1rem;background:#f0f4ff;border-left:.25rem solid #4f80ff}.cover-error{padding:.8125rem 1rem;background:#fff1eb;border-left:.25rem solid #b44631}.cover-review{border:.1875rem solid var(--ink);border-radius:.4375rem;padding:1.375rem;margin:1.5rem 0;background:#fff8da;scroll-margin-top:1.25rem}.cover-review h3{font-size:1.625rem}.cover-live-feedback{position:sticky;top:.5rem;z-index:5;border:.125rem solid var(--ink);border-radius:.4375rem;padding:.875rem 1.125rem;background:#fff0d7;margin:1rem 0}.cover-live-feedback.is-good{background:#ddf3e6}.cover-live-feedback>div{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.125rem}.cover-live-feedback span{font-size:.75rem;font-weight:750;text-transform:uppercase}.cover-live-feedback strong{font-size:1.5rem}.cover-live-feedback p{font-size:.875rem;margin:.375rem 0}.cover-live-feedback small{font-size:.75rem}.cover-score-row{display:flex;flex-wrap:wrap;gap:1.5rem;background:#f8f9fa;padding:1.25rem;margin:1rem 0}.cover-score-row strong{display:block;font-size:2.0625rem}.cover-score-row>div:first-child strong{font-size:3rem}.cover-score-row span{font-size:.75rem}.cover-review li{margin-bottom:.75rem;line-height:1.5}.cover-review-table{border-collapse:collapse;font-size:.75rem;width:100%;margin-top:.875rem}.cover-review-table td,.cover-review-table th{border:1px solid #ccc;padding:.5rem;text-align:left}.cover-review summary{font-weight:750;cursor:pointer}.cover-next{display:flex;justify-content:end;margin:1.5rem 0}.cover-share{border:.125rem solid var(--ink);background:#fff7d9;padding:1.25rem;margin:1.5rem 0;border-radius:.4375rem}.cover-share textarea{width:100%;height:5.9375rem;padding:.625rem;resize:vertical;margin-bottom:.625rem}.lesson-cover-link{display:block;border:1px solid var(--ink);border-radius:.3125rem;padding:.625rem;color:var(--ink);background:#fff4c7;font-size:.75rem;font-weight:750;text-decoration:none}@container app (max-width:47.5rem){.cover-heading{align-items:start;flex-direction:column;gap:.25rem;padding:1rem}.cover-layout{grid-template-columns:1fr}.cover-sidebar{border-right:0;border-bottom:.125rem solid var(--ink)}.cover-navigation{position:static}.cover-navigation nav{flex-direction:row}.cover-navigation .cover-settings-toggle{margin-top:0;margin-left:auto}.cover-rail-label{top:calc(100% + .5rem);left:0;transform:none}.cover-settings-toggle .cover-rail-label{left:auto;right:0}.cover-workspace{padding:1.25rem 1rem}.cover-module-heading{padding:.9375rem;flex-wrap:wrap}.cover-app h2{font-size:1.4375rem}.cover-score-row{gap:1.0625rem;padding:.75rem}.cover-score-row strong{font-size:1.75rem}}@media print{.cover-app{padding:0}.cover-layout{display:block}.cover-sidebar,.cover-navigation,.cover-stages,.cover-instruction,.cover-transport,.cover-instruments,.cover-next,.cover-share,.cover-controls,.cover-heading>a,.cover-module-heading>button,.cover-questions,.cover-notice,.cover-error{display:none!important}.cover-review{break-inside:avoid}.cover-module-heading{box-shadow:none}.cover-review details{display:none}}.cover-app .cover-band-toggle{font-size:.75rem;border-radius:1.25rem;padding:.5rem .875rem}.cover-app .cover-band-toggle[aria-pressed=true]{background:#e0eaff;border-color:#4f80ff}.cover-drum-pads{display:flex;justify-content:center;gap:clamp(.75rem,3vw,2rem);padding:.5rem 0}.cover-app .cover-drum-pads button,.cover-app .cover-drum-pads button:hover{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;outline:none}.cover-drum-surface{display:flex;align-items:flex-start;justify-content:flex-end;width:clamp(4.75rem,20vw,9.25rem);height:clamp(4.75rem,20vw,9.25rem);border:.125rem solid var(--ink);border-radius:1.125rem;padding:.5rem}.cover-pad--kick .cover-drum-surface{background:#4f80ff}.cover-pad--snare .cover-drum-surface{background:#e63c48}.cover-pad--hihat .cover-drum-surface{background:#ffd13b}.cover-drum-surface kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.625rem;height:1.625rem;padding:0 .25rem;border:1.5px solid var(--ink);border-radius:.375rem;background:#fff;font-size:.75rem;font-weight:900}.cover-drum-pads button strong{font-size:1rem}.cover-drum-pads button.is-pressed .cover-drum-surface{transform:scale(.94);border-width:.1875rem;padding:.4375rem}.cover-drum-pads button.is-prompted .cover-drum-surface,.cover-drum-pads button:focus-visible .cover-drum-surface{outline:.1875rem solid var(--ink);outline-offset:.25rem}@media (prefers-reduced-motion: no-preference){.cover-drum-surface{transition:transform 80ms ease}}@media print{.cover-sheet-scroll{overflow:visible}.cover-sheet-system{min-width:0}}.cover-chord-palette.palette-panel{margin:0;border-top:.125rem solid var(--ink)}.cover-chord-palette .chord-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;font-size:.8125rem;font-weight:800}.cover-chord-palette .chord-chip kbd{color:var(--ink)}.cover-chord-palette .chord-chip.is-prompted{outline:.1875rem solid var(--blue);outline-offset:-.1875rem}.cover-chord-palette .palette-group-chip{padding:.25rem .625rem;font-size:.625rem;border-width:1.5px;min-height:2.0625rem}.cover-chord-palette .palette-group-chip.is-on{background:var(--ink);color:#fff}.cover-chord-palette .palette-heading{flex-wrap:wrap}@container app (max-width:30rem){.cover-settings fieldset{grid-template-columns:1fr}}.cover-input-method{display:flex;gap:.5rem;margin:1rem 0}.cover-input-method button[aria-pressed=true]{background:var(--blue);color:#fff}.cover-settings .cover-program-option{display:flex;align-items:center;gap:.625rem;font-size:.875rem;margin:1.25rem 0 .375rem}.cover-program-option input{width:1.125rem;height:1.125rem}.cover-program.workspace{max-width:none;padding:0;margin:1.5rem 0;min-width:0}.cover-program-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;margin:1rem 0}.cover-program-actions span{font-size:.75rem}.cover-program-editor{border:0;padding:0;margin:0;min-width:0}.cover-program-editor:disabled{opacity:.65}.cover-program .instrument-rack{box-shadow:0 .125rem .25rem #00000014}.cover-program-toolbar{flex-wrap:wrap}.cover-program-toolbar label{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.cover-program-toolbar input{width:4.125rem;padding:.375rem;border:1px solid var(--ink);border-radius:.25rem}.cover-program .bass-grid-wrap,.cover-program .sequence-shell{overflow-x:auto}.cover-program .chord-roll-row{min-width:37.5rem}@media print{.cover-program,.cover-input-method{display:none!important}}.cover-midi-required{font-weight:750}.cover-midi-notes{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3.25rem;padding:.625rem;border:1px solid var(--line);border-radius:.375rem;background:#f8f9fa;font-size:.8125rem}.cover-midi-notes span{padding:.4375rem .75rem;background:var(--blue);border:1px solid var(--ink);border-radius:.3125rem;color:#fff;font-weight:800}.piano-test{max-width:70rem;margin:0 auto;padding:1.875rem 1.5rem 3.75rem;background:#fff;color:var(--ink)}.piano-test-header{display:flex;justify-content:space-between;align-items:start;gap:1.25rem;margin-bottom:1.5rem}.piano-test h1{display:flex;align-items:center;gap:.75rem;margin:.375rem 0 .5rem;font-size:clamp(1.6875rem,4vw,2.5rem)}.piano-test-header p{max-width:43.75rem;margin:0;line-height:1.5;color:var(--muted)}.piano-test a{color:var(--ink);font-weight:750}.piano-test-header-actions{display:flex;align-items:center;gap:.75rem;padding-top:.5rem}.piano-test-header-actions>a{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.piano-test-card{margin:1.375rem 0;border:.125rem solid var(--ink);border-radius:.5rem;box-shadow:.3125rem .3125rem #33333320;overflow:hidden}.piano-test-band{padding:.75rem 1.125rem;margin:0;border-bottom:.125rem solid var(--ink);background:var(--yellow);font-size:1.0625rem}.piano-test-band.is-blue{background:#d7eff6}.piano-test-band.is-peach{background:#f8dfcc}.piano-test-top-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.375rem;align-items:start;margin:1.375rem 0}.piano-test-top-panels>.piano-test-card{margin:0;min-width:0}.piano-test-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:800;cursor:pointer;list-style:none}.piano-test-fold>summary::-webkit-details-marker{display:none}.piano-test-fold>summary h2{margin:0;font:inherit}.piano-test-fold>summary svg{flex-shrink:0}.piano-test-fold:not([open])>summary{border-bottom:0}.piano-test-fold:not([open])>summary svg{transform:rotate(-90deg)}.piano-test-fold>summary:focus-visible{outline:.1875rem solid var(--blue);outline-offset:-.1875rem}.piano-test.piano-teacher-dialog{width:min(53.125rem,calc(100vw - 2.5rem));max-width:53.125rem;max-height:calc(100dvh - 2.5rem);margin:auto;padding:0;border:.125rem solid var(--ink);border-radius:.5rem;box-shadow:.5rem .5rem #33333340;overflow-y:auto}.piano-teacher-dialog::backdrop{background:#181818a8}.piano-teacher-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1.125rem;background:var(--yellow);border-bottom:.125rem solid var(--ink)}.piano-teacher-dialog>header h2{margin:0;font-size:1.25rem}.piano-teacher-dialog fieldset:disabled{color:#737373}.piano-teacher-dialog select:disabled,.piano-teacher-dialog input:not([type=checkbox]):disabled{background:#f1f1f1;border-color:#b9b9b9;color:#737373;opacity:1;-webkit-text-fill-color:#737373;cursor:not-allowed}.piano-test button.piano-teacher-cog,.piano-teacher-dialog>header button{width:2.5rem;padding:.5rem}.piano-test-controls{display:flex;gap:1rem;flex-wrap:wrap;padding:1.125rem;margin:0;border:0;align-items:end}.piano-test-controls label{display:flex;flex:1 1 9.375rem;flex-direction:column;gap:.4375rem;font-size:.75rem;font-weight:800}.piano-test-controls select,.piano-test-controls input:not([type=checkbox]){width:100%;min-width:6.25rem;min-height:2.5rem;border:1.5px solid var(--ink);border-radius:.3125rem;background:#fff;padding:.4375rem .5625rem;color:inherit;font:inherit;font-size:.875rem}.piano-mini-mixer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem;border:1px solid #d6d6d0;border-radius:.375rem;margin:0 1.125rem 1rem;padding:.75rem;background:#fafaf8}.piano-mini-mixer legend{padding:0 .3125rem;font-size:.75rem;font-weight:800}.piano-mini-mixer label{min-width:0;font-size:.75rem;font-weight:800}.piano-mini-mixer label>span{display:flex;justify-content:space-between;gap:.25rem}.piano-mini-mixer output{color:var(--muted);font-weight:500}.piano-mini-mixer input{display:block;width:100%;min-height:2.25rem;margin:0;accent-color:var(--ink);cursor:pointer;touch-action:pan-y}.piano-test-controls .piano-test-song-picker{flex-basis:21.25rem}.piano-test-controls .piano-test-song-search{flex-basis:100%}.piano-test-song-search [role=status]{font-weight:500}.piano-test-card>p{margin:0 1.125rem .9375rem;line-height:1.5;font-size:.8125rem}.piano-test-song{margin:0 1.125rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.piano-test-song strong,.piano-test-song span{display:block}.piano-test-song strong{font-size:1.3125rem;margin-bottom:.1875rem}.piano-test-song span{font-size:.8125rem;color:var(--muted)}.piano-test-song span span{display:inline}.piano-test-song a{font-size:.8125rem;white-space:nowrap}.piano-test-form{color:var(--muted)}.piano-test button{display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;min-height:2.5rem;padding:.5rem .875rem;border:1.5px solid var(--ink);border-radius:.3125rem;background:#fff;font-size:.8125rem;font-weight:850;color:var(--ink);cursor:pointer}.piano-test button:disabled{opacity:.45;cursor:default}.piano-test button.is-primary{background:var(--yellow)}.piano-test button:hover:not(:disabled){background:#f6e78e}.piano-test label.piano-test-check{flex:0 0 auto;display:inline-flex;flex-direction:row;align-items:center;gap:.4375rem;min-height:2.5rem;font-size:.8125rem;font-weight:700}.piano-test-check input{width:1.0625rem;height:1.0625rem;accent-color:var(--ink)}.piano-test-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;margin:1rem 1.125rem}.piano-test-position{padding:.625rem .75rem;background:#f5f5f2;font-weight:850}.piano-test-notice{padding:.75rem .9375rem;border-left:.25rem solid #478562;background:#f1f8f2;font-size:.875rem}.piano-test-error{padding:.75rem .9375rem;border-left:.25rem solid #ac3f32;background:#fff0ed}.piano-test-score{display:flex;gap:1.375rem;align-items:center;padding:1.375rem 1.125rem}.piano-test-score>strong{font-size:2.8125rem;white-space:nowrap}.piano-test-score small{display:block;font-size:1.125rem}.piano-test-score h3{margin:0 0 .4375rem}.piano-test-score p{margin:.25rem 0;font-size:.8125rem}.piano-test-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));gap:.75rem;margin:0 1.125rem 1.125rem}.piano-test-scores>div{padding:.75rem;border:1px solid #c9c9c3;background:#fafaf8}.piano-test-scores h3{font-size:.9375rem;margin:0;display:flex;justify-content:space-between;gap:.625rem}.piano-test-scores p{font-size:.8125rem;margin:.5rem 0 0}.piano-test-report details{margin:1.125rem}.piano-test-report summary{cursor:pointer;font-weight:850}.piano-test-table{overflow-x:auto}.piano-test-table h3{font-size:.9375rem;margin-top:1.125rem}.piano-test-table table{width:100%;border-collapse:collapse;font-size:.75rem}.piano-test-table td,.piano-test-table th{text-align:left;padding:.5625rem;border-bottom:1px solid #d9d9d4}.piano-test-table th{background:#f7f7f4}.piano-test-inversion-details{margin:1.125rem}.piano-test-inversion-details>p{font-size:.8125rem;line-height:1.5}.piano-test-inversion-details td small{display:block;margin-top:.3125rem;color:var(--muted)}.piano-test-share{display:block;margin:1.125rem;font-size:.8125rem;font-weight:800}.piano-test-share textarea{display:block;width:100%;height:4.5rem;padding:.625rem;margin-top:.5rem;border:1px solid var(--ink);border-radius:.25rem;font-size:.75rem;overflow-wrap:anywhere}.piano-test-sheet{margin:1.5rem 0;padding:1.375rem 0;background:#fff}.piano-test-sheet>.piano-test-actions{margin:0 0 1.125rem}.piano-test-sheet>.piano-test-position{margin:1.125rem 0 0;font-size:.8125rem}.piano-test-sheet>header{margin-bottom:1.125rem;padding-bottom:.875rem;border-bottom:.125rem solid var(--ink)}.piano-test-sheet h2{margin:.375rem 0;font-family:var(--font-sheet);font-size:2rem}.piano-test-sheet header p{margin:.3125rem 0;font-size:.8125rem}.piano-test-chart-line .chart-line-staff{font-family:var(--font-sheet)}.piano-test-chart-line .lead-sheet-measure>span{color:var(--ink)}.piano-test-chart-line .lead-sheet-measure>span.is-current-slash{color:var(--ink);background:var(--yellow);border-radius:.3125rem;box-shadow:0 0 0 .3125rem var(--yellow)}.piano-test-chart-line .lead-sheet-measure>strong.is-current>span{border:0;padding:0;background:transparent}.piano-test-chart-line .lead-sheet-staff{border-top:0}.piano-test-chart-line.has-feedback .lead-sheet-measure{grid-template-rows:2.5rem 1.875rem auto}.piano-measure-feedback{grid-row:3;grid-column:1 / -1;padding:.5rem .4375rem .75rem;font:.6875rem/1.6 var(--font-ui)}.piano-feedback-good{color:#26714b}.piano-feedback-timing,.piano-feedback-movement{color:#926000}.piano-feedback-notes,.piano-feedback-missed{color:#ab3636}.piano-test-chart-line .lead-sheet-measure>span.piano-feedback-good{color:#26714b}.piano-test-chart-line .lead-sheet-measure>span.piano-feedback-timing,.piano-test-chart-line .lead-sheet-measure>span.piano-feedback-movement{color:#926000}.piano-test-chart-line .lead-sheet-measure>span.piano-feedback-notes,.piano-test-chart-line .lead-sheet-measure>span.piano-feedback-missed{color:#ab3636}.piano-feedback-legend{font-size:.75rem;color:var(--muted)}.piano-touch-keyboard{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-top:1.5rem}.piano-touch-keyboard.has-bass-octaves{grid-template-columns:1fr 1fr}.has-bass-octaves .piano-touch-keys.is-left{min-width:56rem}.piano-test-scale{flex:1 1 13.75rem;font-size:.75rem;line-height:1.8}.piano-test-scale strong,.piano-test-scale span{display:block}.piano-sheet-scale{display:block;margin:.5rem 0 0;font-size:1.125rem;font-weight:600;line-height:1.5}.piano-test label.piano-practice-speed{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700}.piano-practice-speed select{border:1.5px solid var(--ink);border-radius:.3125rem;min-height:2.5rem;background:#fff;padding:.4375rem}.piano-test .piano-chord-info{padding:1px .1875rem;min-height:0;border:0;background:#fff1cb;font:inherit;color:#7b4800;border-radius:.25rem}.piano-test .piano-chord-info:hover{background:#ffe4a0}.piano-chord-note-card{position:fixed;z-index:70;display:flex;flex-direction:column;gap:.25rem;width:max-content;max-width:min(12.5rem,calc(100vw - 1rem));padding:.5rem .625rem;border:1.5px solid var(--ink);border-radius:.375rem;background:#fff;color:var(--ink);box-shadow:0 .1875rem .625rem #0002;font:.6875rem/1.3 var(--font-ui)}.piano-chord-note-card>strong{font-size:.9375rem}.piano-chord-note-card:after{content:"";position:absolute;left:calc(var(--arrow-left, 50%) - .25rem);bottom:-.3125rem;width:.5rem;height:.5rem;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:#fff;transform:rotate(45deg)}@media print{.piano-chord-note-card{display:none}}.piano-touch-bank{min-width:0}.piano-touch-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;font-size:.875rem}.piano-touch-bar>div{display:flex;align-items:center;gap:.5rem}.piano-test .piano-touch-bar button{min-width:3rem;min-height:3rem;padding:.5rem .75rem;font-size:1.375rem;touch-action:manipulation}.piano-touch-scroll{overflow-x:auto;padding-bottom:1rem;overscroll-behavior-x:contain;scrollbar-width:auto}.piano-touch-keyboard .piano-touch-keys{height:13.75rem;min-width:28rem}.piano-touch-keys.is-right{min-width:56rem}.piano-touch-keys .piano-key{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding-bottom:.875rem!important;justify-content:flex-end!important}.piano-touch-keys .piano-key.is-black{width:calc(100% / var(--whites) * .7)}.piano-touch-keys .piano-key .key-name{font-size:.875rem;line-height:1.4;pointer-events:none}.piano-touch-keys .piano-key:focus-visible{outline:.1875rem solid var(--blue);outline-offset:-.25rem}.piano-touch-keys .piano-key.is-black .key-name{color:#fff}@container app (max-width: 50rem){.piano-touch-keyboard,.piano-touch-keyboard.has-bass-octaves{grid-template-columns:1fr}}.piano-written-rhythm{max-width:42.5rem;margin:0 0 1.125rem;font:.75rem/1.5 var(--font-ui)}.piano-written-rhythm>div:first-child{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-bottom:.375rem}.piano-written-rhythm>div:first-child>span,.piano-written-rhythm>small,.piano-rhythm-unavailable{color:var(--muted);font-size:.6875rem}.piano-rhythm-scroll{overflow-x:auto;margin-bottom:.375rem}.piano-written-rhythm .jamzone-rhythm-score{min-width:22.5rem}@container app (max-width: 50rem){.piano-test-top-panels{grid-template-columns:1fr}}@container app (max-width: 42.5rem){.piano-test{padding:1.25rem .75rem 2.5rem}.piano-test-header,.piano-test-header-actions{gap:.5rem}.piano-test-header-actions>a{font-size:.75rem}.piano-test-song,.piano-test-score{align-items:start;flex-direction:column;gap:.625rem}.piano-test-controls{gap:.75rem}}.piano-test button.piano-progression-select{padding:.3125rem .5rem;min-height:1.875rem;font-size:.6875rem;margin-top:.375rem}.piano-test-chart-line+.piano-test-chart-line{margin-top:1.5rem}.piano-song-form{margin:0 1.125rem 1.125rem;padding:.875rem;border:1px solid #c9c9c3}.piano-song-form legend{padding:0 .375rem;font-size:.875rem;font-weight:800}.piano-song-form>p{margin:0 0 .875rem;font-size:.75rem;line-height:1.5}.piano-form-row{display:flex;flex-wrap:wrap;gap:.625rem;align-items:end;margin-bottom:.75rem}.piano-form-row label{display:flex;flex:1 1 11.25rem;flex-direction:column;gap:.3125rem;font-size:.75rem;font-weight:750}.piano-form-row label:nth-child(3){flex:0 0 4.375rem}.piano-form-row input,.piano-form-row select{width:100%;min-height:2.25rem;border:1px solid var(--ink);border-radius:.25rem;background:#fff;color:inherit;padding:.4375rem;font:inherit}.piano-form-row-actions{display:flex;gap:.3125rem}.piano-form-row-actions button{padding:.375rem .5625rem;min-height:2.25rem}.piano-touch-keyboard.is-floating{position:fixed;bottom:max(.5rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(90rem,calc(100vw - 1.5rem));max-height:75svh;overflow-y:auto;z-index:45;background:#fff;border:.125rem solid var(--ink);border-radius:.375rem;padding:1rem;margin:0;box-shadow:0 .125rem .75rem #0003}@container app (max-width: 50rem){.piano-touch-keyboard .piano-touch-keys{height:clamp(10rem,25svh,13.75rem)}}:root{--page: #f1f1ee;--chrome: #f1f1ee;--sheet: #fdfcf9;--row: #ebe8df;--hair: #e0dcd2;--ctl-border: #c9c4b7;--text: #23262b;--accent: #3457b2;--on-accent: #ffffff;--rec: #c0453f;--c-drums: #b5712e;--c-bass: #4a6fb5;--c-chords: #3f8f6b;--c-melody: #8a62b8;--c-vocals: #c04f6e;--c-sampler: #6e63a8;--sec-verse: #4f6fa8;--sec-chorus: #b4536c;--sec-bridge: #8f6bb8;--radius: .375rem;--ctl: 2rem;--topbar: 2.75rem;--lesson-width: 18.75rem;--ink: var(--text);--paper: var(--page);--card: var(--sheet);--muted: #5f6670;--line: var(--hair);--line-strong: var(--ctl-border);--blue: var(--accent);--yellow: #ffd13b;--red: var(--rec);--purple: var(--c-melody);--pink: var(--c-vocals);--green: var(--c-chords);--font-ui: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sheet: "Source Serif 4", Georgia, serif;font-family:var(--font-ui);line-height:1.3;color:var(--text);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-width:20rem;min-height:100%}:root{font-size:1rem}:root[data-zoom=small]{font-size:.9rem}:root[data-zoom=large]{font-size:1.25rem}body{font-size:.8125rem}@media print{:root,:root[data-zoom]{font-size:1rem!important}}#root{container:app / inline-size}body{min-height:100vh;background-color:var(--page)}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button,kbd{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3,p{margin:0}.primary-action,.workspace button,.library-screen button,.file-action,.modal-card button{border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);min-height:var(--ctl);padding:0 .75rem;display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;font-weight:500;font-size:.8125rem;line-height:1.2;box-shadow:none}.primary-action{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important;font-weight:600}.danger{color:var(--red)!important}.page-kicker,.panel-eyebrow,.brand-kicker{display:block;font-size:.75rem;line-height:1.2;font-weight:500;color:var(--muted)}.library-screen{min-height:100vh}.library-hero{min-height:12.5rem;padding:2.5rem max(1.75rem,calc((100vw - 77.5rem)/2)) 1.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;background:var(--chrome);color:var(--text);border-bottom:1px solid var(--hair);position:relative;overflow:hidden}.library-hero>*{position:relative;z-index:1}.brand-kicker{color:var(--blue);margin-bottom:.625rem}.library-hero h1{font-size:clamp(2.375rem,5vw,3.75rem);line-height:.94;letter-spacing:-.04em;font-weight:600}.library-hero h1 span{color:var(--blue);margin-left:.16em}.library-hero p{max-width:40.625rem;margin-top:1.25rem;color:var(--muted);font-size:1rem;line-height:1.55;font-weight:500}.library-actions{display:flex;flex-direction:column;gap:.625rem;min-width:11.875rem}.library-actions .primary-action{background:var(--blue)!important;color:#fff!important}.library-actions .library-lesson-button,.library-actions .library-piano-button{background:var(--sheet)}.file-action{background:#fff;color:var(--ink);border-color:var(--ink)}.file-action input{display:none}.library-content{max-width:77.5rem;margin:0 auto;padding:2.625rem 1.75rem 5rem}.library-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ctl-border);padding-bottom:.875rem;margin-bottom:1.5rem}.library-heading h2{font-size:1.4375rem}.library-heading>strong{width:2.625rem;height:2.625rem;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:50%;background:var(--row)}.song-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.125rem,1fr));gap:1rem}.song-card{background:var(--card);border:1px solid var(--ctl-border);border-radius:.5rem;box-shadow:none;overflow:hidden}.song-open{border:0!important;border-radius:0!important;width:100%;min-height:11rem!important;padding:1.125rem 1.25rem!important;display:grid!important;grid-template-columns:2.75rem 1fr;align-content:start;text-align:left}.song-icon{width:2.375rem;height:2.375rem;border:1px solid var(--ctl-border);border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.song-card h3{font-size:1.375rem;line-height:1.1}.song-card p{margin:.375rem 0 .75rem;color:var(--muted);font-size:.75rem}.song-preview{display:flex;gap:.3125rem;flex-wrap:wrap}.song-preview span{padding:.3125rem .5rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:#f3f5fb;font-weight:600;font-size:.75rem}.song-card time{display:block;margin-top:.875rem;font-size:.75rem;color:var(--muted)}.open-label{grid-column:1 / -1;align-self:end;color:var(--blue);font-size:.75rem}.song-card footer{border-top:1px solid var(--ctl-border);display:flex}.song-card footer button{flex:1;border:0!important;border-radius:0!important}.song-card footer button+button{border-left:1px solid var(--ctl-border)!important}.song-card footer .song-play.is-playing{background:var(--red)!important;color:#fff}.library-empty{padding:5rem 1.5rem;text-align:center;border:.125rem dashed #aaa;border-radius:.5rem;background:#ffffffa6}.library-empty svg{color:var(--blue)}.library-empty h3{margin:.75rem 0 .375rem;font-size:1.375rem}.library-empty p{color:var(--muted);margin-bottom:1.125rem}.sound-library-status{min-height:2.375rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;padding:.4375rem .625rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4375rem;color:var(--ink);font-size:.75rem;font-weight:600;position:relative;overflow:hidden}.sound-library-status.phase-ready{background:#e4f7ec;color:#17653d}.sound-library-status.phase-error{background:#ffe4e6;color:#a92431}.sound-library-status.phase-partial{background:#fff4d6;color:#8a5a00}.sound-library-status i{position:absolute;inset:auto 0 0;height:.25rem;background:#dce4f3}.sound-library-status i b{display:block;height:100%;background:var(--blue)}.sound-library-status.is-compact{min-height:2.125rem;padding:.3125rem .5rem;border-color:var(--line);font-size:.75rem;white-space:nowrap}.studio-app{min-height:100vh;background:var(--sheet)}.studio-header{height:var(--topbar);padding:0 .5rem;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.625rem;background:var(--chrome);border-bottom:1px solid var(--hair);position:sticky;top:0;z-index:180}.bar-left,.bar-right{display:flex;align-items:center;gap:.25rem;min-width:0}.bar-right{justify-content:flex-end}.bar-transport{display:flex;align-items:center;gap:.25rem}.bar-file>.bar-file-button{width:var(--ctl);padding:0;color:var(--text)}.bar-file>.bar-file-button[aria-expanded=true]{background:color-mix(in srgb,currentColor 12%,transparent)}.bar-file-menu{min-width:12.5rem;max-width:17.5rem;max-height:calc(100vh - var(--topbar) - 1rem);overflow-y:auto;grid-template-columns:minmax(0,1fr)}.bar-file-menu>.bar-file-recent{min-width:0}.bar-file-menu>.bar-file-recent>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.bar-file-menu>.pp-menu__heading{padding:.375rem .625rem .125rem;color:var(--muted);font-size:.75rem;font-weight:500}.brand-lockup{display:flex;align-items:center;gap:.375rem;margin:0 .125rem;color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap;line-height:1}.brand-lockup>span{display:none}.brand-lockup strong{display:none;font-size:.75rem;font-weight:500;color:var(--muted)}@container app (min-width: 93.75rem){.brand-lockup strong{display:inline}}.brand-lockup i{font-style:normal;margin-left:.1875rem}.song-title-field{flex:1 1 10.625rem;min-width:7.5rem;max-width:16.25rem;display:flex;align-items:center}.song-title-field input{width:100%;min-width:0;height:var(--ctl);padding:0 .375rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);font-weight:600;font-size:.875rem;text-overflow:ellipsis}.song-title-field input:hover,.song-title-field input:focus{border-color:var(--ctl-border);background:var(--sheet);outline:none}.save-state{color:var(--muted);font-size:.75rem;font-weight:400;white-space:nowrap;margin:0 .125rem}.bar-history{display:inline-flex;gap:0}.icon-button{width:1.5rem;min-width:1.5rem;height:var(--ctl);min-height:var(--ctl);padding:0!important;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--muted);box-shadow:none}.icon-button:disabled{opacity:.35}.bar-workspace{margin-left:.25rem}.transport-btn{width:2.125rem;height:2.125rem;min-height:2.125rem;padding:0;display:inline-grid;place-items:center;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);cursor:pointer;box-shadow:none}.transport-play{width:3rem;height:2.5rem;min-height:2.5rem}.transport-play.is-playing{background:var(--yellow);border-color:var(--yellow);color:var(--text)}.clock{display:flex;align-items:stretch;height:var(--ctl);margin:0 .125rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet)}.clock-cell{display:flex;align-items:center;gap:.25rem;padding:0 .4375rem;border-right:1px solid var(--hair);white-space:nowrap}.clock-cell:last-child{border-right:0}.clock b{font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.clock .lbl{font-size:.75rem;color:var(--muted);font-weight:400}.clock-name{max-width:6.875rem;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem;font-weight:600}.clock-what{padding:0 .25rem 0 .4375rem;position:relative}.clock .clock-scope .select-menu-trigger{height:100%;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-weight:600!important;gap:.3125rem!important}.clock-what .clock-name{display:block}.clock .clock-scope .select-menu-list{left:-.5rem;width:max(100%,11.25rem)}.clock-bpm{padding:0 .25rem 0 .125rem;gap:0}.clock-step{width:1.375rem;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer;box-shadow:none}.clock-bpm input{width:2.25rem;height:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.clock-bpm input::-webkit-inner-spin-button,.clock-bpm input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.clock-bpm input:focus{outline:none;background:var(--row)}.clock-unit{margin-right:.125rem}.clock-tap{height:1.5rem;min-height:0;margin:0 .125rem 0 .1875rem;padding:0 .4375rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:var(--sheet);color:var(--text);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:none}.clock-tap.is-tapping{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.clock-key,.clock-meter{padding:0 .25rem 0 .5rem;position:relative}.clock-key .select-menu-list small{margin-left:.5rem;color:var(--muted);font-size:.75rem;font-weight:400}.clock-key .select-menu-list .menu-now{margin-left:.5rem;color:var(--accent)}.clock-key .select-menu-list button>span{display:inline-flex;align-items:center}.clock .select-menu{min-width:0;height:100%}.clock .select-menu-trigger{height:100%;min-height:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text);font-size:.8125rem!important;font-weight:600!important;line-height:1;gap:.3125rem!important;box-shadow:none!important}.clock .select-menu-trigger>span{display:inline-flex;align-items:center;line-height:1}.clock .select-menu-trigger svg{color:var(--muted)}.clock .select-menu-list{width:max(100%,12.5rem);max-height:22.5rem;left:-.5rem}.clock .select-menu-list button{min-height:2.125rem!important;font-size:.8125rem!important}.bar-extra{display:flex;align-items:center;gap:.25rem}.bar-extra>.transport-mix{width:2.125rem;padding:0}.bar-extra>.transport-mix>span{display:none}.bar-extra .swing-control .transport-mix{padding:0 .5rem}.bar-extra .swing-control .transport-mix strong{display:none}.bar-extra .swing-control .transport-mix[aria-expanded=true]{border-color:var(--text)}.transport-mix{height:var(--ctl);min-height:var(--ctl);padding:0 .625rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:none}.transport-mix[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.bar-mode{margin-right:.125rem}.bar-mode>button{padding:0 .5rem}.bar-charts,.bar-lesson,.bar-share{padding:0 .625rem}.bar-more{margin-left:.125rem}.bar-left>.bar-file,.bar-left>.brand-lockup,.bar-left>.save-state,.bar-left>.bar-history,.bar-left>.bar-workspace{flex:none}@container app (max-width: 101.1875rem){html[data-mode=advanced] .brand-lockup>strong{display:none}}@container app (max-width: 94.9375rem){.clock-meter-text{display:none}}@container app (max-width: 93.0625rem){html[data-mode=advanced] .clock-tap{display:none}}@container app (max-width: 90.5625rem){html[data-mode=advanced] .bar-extra .swing-control .transport-mix{width:2.125rem;padding:0}html[data-mode=advanced] .bar-extra .swing-control .transport-mix>span{display:none}html[data-mode=advanced] .bar-extra .swing-control .transport-mix:before{content:"";width:1rem;height:1rem;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M2 12c3-7 6-7 9 0s6 7 9 0'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M2 12c3-7 6-7 9 0s6 7 9 0'/></svg>") center / contain no-repeat}}@container app (max-width: 89.3125rem){html[data-mode=advanced] .brand-lockup{display:none}}@container app (max-width: 88.0625rem){html[data-mode=advanced] .bar-extra .swing-control{display:none}html[data-mode=advanced] :is(.bar-lesson,.bar-charts)>span{display:none}html[data-mode=advanced] :is(.bar-lesson,.bar-charts){width:var(--ctl);padding:0}}@container app (max-width: 83.6875rem){.brand-lockup{display:none}}@container app (max-width: 82.4375rem){.studio-header:has(.bar-workspace>:nth-child(3)) .song-title-field{flex-basis:7.5rem;max-width:9.375rem}.studio-header:has(.bar-workspace>:nth-child(3)) .bar-history{display:none}.studio-header:has(.bar-workspace>:nth-child(3)) :is(.bar-lesson,.bar-charts)>span{display:none}.studio-header:has(.bar-workspace>:nth-child(3)) :is(.bar-lesson,.bar-charts){width:var(--ctl);padding:0}}@container app (max-width: 78.6875rem){.song-title-field{flex-basis:7.5rem;max-width:9.375rem}.bar-history{display:none}:is(.bar-lesson,.bar-charts)>span{display:none}:is(.bar-lesson,.bar-charts){width:var(--ctl);padding:0}html[data-mode=advanced] .clock-what{display:none}}@container app (max-width: 75.5625rem){.studio-header:has(.bar-workspace>:nth-child(3)) .save-state{display:none}}@container app (max-width: 75rem){.bar-mode>button{padding:0 .3125rem}.bar-workspace{margin-left:0}.song-title-field{flex-basis:6.875rem;min-width:6.25rem}}@container app (max-width: 70.5625rem){.studio-header:has(.bar-workspace>:nth-child(3)) .clock .lbl,.studio-header:has(.bar-workspace>:nth-child(3)) .clock-unit{display:none}.studio-header:has(.bar-workspace>:nth-child(3)) .clock-cell{gap:.125rem}.studio-header:has(.bar-workspace>:nth-child(3)) .bar-share>span{display:none}.studio-header:has(.bar-workspace>:nth-child(3)) .bar-share{width:var(--ctl);padding:0}.studio-header:has(.bar-workspace>:nth-child(3)) .song-title-field{flex-basis:5.625rem;min-width:4.5rem}}@container app (max-width: 69.875rem){.save-state{display:none}}@container app (max-width: 67.6875rem){.clock .lbl,.clock-unit{display:none}.clock-cell{gap:.125rem}.bar-share>span{display:none}.bar-share{width:var(--ctl);padding:0}.song-title-field{flex-basis:5.625rem;min-width:4.5rem}}@container app (max-width: 56.1875rem){.clock-what{display:none}}@container app (max-width: 58.6875rem){.studio-header:has(.bar-workspace>:nth-child(3)) .clock-what{display:none}}@container app (max-width: 106.8125rem){html[data-mode=advanced] .studio-header:has(.bar-charts) :is(.bar-charts,.bar-lesson,.bar-share)>span{display:none}html[data-mode=advanced] .studio-header:has(.bar-charts) :is(.bar-charts,.bar-lesson,.bar-share){width:var(--ctl);padding:0}}@container app (max-width: 95.5625rem){.studio-header:has(.bar-charts):has(.bar-workspace>:nth-child(3)) :is(.bar-charts,.bar-lesson,.bar-share)>span{display:none}.studio-header:has(.bar-charts):has(.bar-workspace>:nth-child(3)) :is(.bar-charts,.bar-lesson,.bar-share){width:var(--ctl);padding:0}}@container app (max-width: 85.5625rem){.studio-header:has(.bar-charts) :is(.bar-charts,.bar-lesson,.bar-share)>span{display:none}.studio-header:has(.bar-charts) :is(.bar-charts,.bar-lesson,.bar-share){width:var(--ctl);padding:0}}@container app (max-width: 58.6875rem){.studio-header{gap:.375rem}.studio-header .bar-workspace>button{padding:0 .375rem}}.pp-menu>.bar-more-mode{display:none}@container app (min-width: 47.50125rem) and (max-width: 53.0625rem){.studio-header:has(.bar-charts):has(.bar-workspace>:nth-child(3)) .bar-mode{display:none}.studio-header:has(.bar-charts):has(.bar-workspace>:nth-child(3)) .pp-menu>.bar-more-mode{display:flex}}@container app (min-width: 47.50125rem) and (max-width: 50.5625rem){.studio-header:has(.bar-charts,.bar-workspace>:nth-child(3)) .bar-mode{display:none}.studio-header:has(.bar-charts,.bar-workspace>:nth-child(3)) .pp-menu>.bar-more-mode{display:flex}}@container app (max-width: 47.5rem){.studio-header .bar-mode{display:none}.studio-header .pp-menu>.bar-more-mode{display:flex}}body:has(.studio-app:not(.is-presenting)) #shed-access-launcher{position:fixed!important;top:.375rem!important;right:.5rem!important;bottom:auto!important;width:2rem!important;height:2rem!important;border-radius:var(--radius)!important;background:var(--accent)!important;box-shadow:none!important;transform:none!important;z-index:190!important}body:has(.studio-app:not(.is-presenting)) #shed-access-launcher svg{width:1.25rem;height:1.25rem}body:has(.studio-app:not(.is-presenting)) #shed-access-launcher~div[style*="position:fixed"]{top:calc(var(--topbar) + .25rem)!important;bottom:auto!important;right:.5rem!important;z-index:190!important}body:has(.studio-app:not(.is-presenting)) .studio-header .bar-right{padding-right:2.5rem}.clock-tap,.clock-step,.icon-button,.pp-mini{position:relative}.clock-tap:after,.clock-step:after,.icon-button:after,.pp-mini:after{content:"";position:absolute;top:-.5rem;right:-.25rem;bottom:-.5rem;left:-.25rem}.clock-pos.is-counting b{color:var(--rec)}.studio-body{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100vh - var(--topbar))}.studio-main{min-width:0;background:var(--sheet)}.studio-app.has-lesson .studio-main,.library-shell.has-lesson{padding-right:var(--lesson-width, 18.75rem)}.mobile-nav{display:none}.workspace{max-width:85rem;margin:0 auto;padding:2rem clamp(1rem,3vw,2.5rem) 5rem}.workspace-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1rem}.workspace-header h2{margin-top:.375rem;font-size:clamp(1.5rem,3vw,2.125rem);line-height:1.05;font-weight:600;letter-spacing:-.03em}.workspace-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.625rem 1rem}.section-focus{grid-column:1;justify-self:start;display:flex;flex-wrap:wrap;align-items:end;gap:.875rem}.section-picker .select-menu-trigger,.section-length-control .select-menu-trigger{min-height:2.25rem!important}.instrument-section{font-weight:600;opacity:.7}.workspace-buttons{grid-column:2;justify-self:end;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:end;gap:.625rem}@container app (max-width: 45rem){.workspace-actions{grid-template-columns:1fr}.section-focus,.workspace-buttons{grid-column:1;justify-self:start;justify-content:flex-start;flex-wrap:wrap}}.select-control{display:flex;align-items:center;gap:.4375rem;border:1px solid var(--hair);border-radius:.375rem;background:#f7f7f5;padding:.3125rem .4375rem}.select-control span{font-size:.75rem;font-weight:600;color:var(--muted)}.select-control select{border:0;background:transparent;font-weight:600;font-size:.75rem;min-height:1.5rem}.midi-control{display:flex;align-items:center;gap:.375rem;padding:.25rem;border:1px solid var(--ctl-border);border-radius:.4375rem;background:var(--card)}.performance-midi-button{min-height:2.5rem;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.performance-midi-button.is-on{background:var(--row)}.midi-control select{border:0;background:#eee;padding:.4375rem;font-weight:600;font-size:.6875rem}.midi-control button{min-height:1.8125rem;padding:.25rem .5rem;font-size:.75rem}.midi-control button.is-on{background:var(--row)}.segmented{display:inline-flex;height:var(--ctl);border:1px solid var(--ctl-border);padding:0;border-radius:var(--radius);background:var(--sheet);gap:0;flex-wrap:nowrap;overflow:hidden}.segmented button{height:100%;min-height:0;padding:0 .625rem;border:0;border-right:1px solid var(--hair);border-radius:0;background:transparent;color:var(--muted);font-size:.8125rem;font-weight:500;box-shadow:none}.segmented button:last-child{border-right:0}.segmented button.is-active{background:var(--accent);color:var(--on-accent);font-weight:600}.bar-choice{margin-left:auto}.select-menu{position:relative;min-width:5.75rem;color:var(--text)}.select-menu-trigger{width:100%;min-height:var(--ctl)!important;padding:0 .5625rem 0 .625rem!important;border:1px solid var(--ctl-border)!important;border-radius:var(--radius)!important;background:var(--sheet)!important;display:flex!important;align-items:center;justify-content:space-between!important;gap:.4375rem!important;font-size:.8125rem!important;font-weight:500!important;white-space:nowrap;box-shadow:none}.select-menu-trigger>svg{color:var(--muted)}.select-menu-trigger.is-placeholder>span{color:var(--muted)}.select-menu-trigger[aria-expanded=true]{border-color:var(--text)!important}.select-menu-list{position:absolute;top:calc(100% + .25rem);left:0;z-index:120;width:max(100%,10rem);max-height:16.25rem;overflow-y:auto;padding:.25rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);box-shadow:0 .5rem 1.5rem #23262b1f}.select-menu-list button{width:100%;min-height:2rem!important;padding:0 .5rem!important;border:0!important;border-radius:.25rem!important;background:transparent!important;display:flex!important;justify-content:space-between!important;font-size:.8125rem!important;font-weight:500!important;text-align:left}.select-menu-list button.is-active{background:var(--row)!important}.select-menu-list button.is-selected{color:var(--accent);font-weight:600!important}.midi-control .select-menu{min-width:9.0625rem}.midi-control .select-menu-trigger{border:0!important;background:#eee!important}.composer-block{margin-bottom:1rem;border-radius:0;transition:box-shadow .12s ease}.composer-block.is-performance-active{box-shadow:inset 0 0 0 .125rem var(--accent)}.instrument-rack{position:relative;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:var(--sheet);overflow:visible;box-shadow:inset .25rem 0 0 var(--tone);--tone: var(--c-chords)}.instrument-rack.tone-bass{--tone: var(--c-bass)}.instrument-rack.tone-drums{--tone: var(--c-drums)}.instrument-rack.tone-chords{--tone: var(--c-chords)}.instrument-rack.tone-melody{--tone: var(--c-melody)}.instrument-title{padding:0 1rem;min-height:2.75rem;display:flex;align-items:center;border-bottom:1px solid var(--hair);background:var(--sheet);font-size:.875rem;font-weight:600}.instrument-line{min-height:2.75rem;padding:.375rem 1rem;display:flex;align-items:center;gap:.75rem}.instrument-line+.instrument-line{border-top:1px solid var(--hair)}.control-kicker{width:auto;min-width:2.75rem;flex:none;font-size:.75rem;font-weight:500;color:var(--muted)}.instrument-line-primary .select-control{margin-left:.125rem}.instrument-line-primary .track-play{margin-left:auto}.instrument-line-primary .track-play.is-active{background:var(--tone);color:#fff}.preset-content{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0}.drums-block .instrument-line-presets{flex-wrap:wrap}.drums-block .preset-content{flex-basis:32.5rem;flex-wrap:wrap}.compact-select{margin-left:auto}.palette-panel,.midi-piano-panel,.sequence-shell,.pad-workspace,.bass-grid-wrap{border:1px solid var(--ctl-border);border-top:0;background:var(--card);margin:0 .625rem}.palette-panel{padding:.875rem}.midi-piano-panel{padding:.875rem;overflow-x:auto}.palette-heading,.pad-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.125rem;margin-bottom:.75rem}.palette-heading strong,.pad-toolbar strong{display:block;font-size:.75rem;margin-top:.25rem}.chord-palette{display:grid;gap:.4375rem;overflow-x:auto;padding-bottom:.125rem}.chord-palette-row{display:grid;grid-template-columns:repeat(7,minmax(4.5rem,1fr));gap:.4375rem;min-width:34.125rem}.chord-chip,.drum-pad,.drum-pad-surface,.bass-degree-row button{touch-action:manipulation}.chord-chip{min-width:4.875rem;min-height:3.875rem!important;padding:.3125rem 1.375rem .3125rem .6875rem!important;flex-direction:column;position:relative;background:color-mix(in srgb,var(--blue),white 84%)!important}.chord-chip.is-color-chord{background:color-mix(in srgb,var(--purple),white 84%)!important}.chord-chip.is-color-chord span{color:var(--purple)}.chord-chip span{font-size:.75rem;color:var(--blue)}.chord-chip strong{font-size:1rem}.chord-chip kbd{position:absolute;right:.375rem;top:.375rem;min-width:1.125rem;padding:1px .25rem;border:1px solid var(--ctl-border);border-radius:.1875rem;background:#fff;font-size:.75rem;text-align:center}.chord-chip.is-pressed{color:#fff;background:var(--blue)!important;transform:translateY(.125rem);box-shadow:inset 0 -.125rem color-mix(in srgb,var(--blue),black 24%)}.chord-chip.is-color-chord.is-pressed{background:var(--purple)!important}.chord-chip.is-pressed span,.chord-chip.is-color-chord.is-pressed span{color:#fff}.chord-chip.is-belt-chord{background:color-mix(in srgb,var(--green),white 84%)!important}.chord-chip.is-belt-chord span,.chord-chip.is-belt-chord small{color:var(--green)}.chord-chip small{max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chord-chip.is-belt-chord.is-pressed{background:var(--green)!important}.chord-chip.is-belt-chord.is-pressed span,.chord-chip.is-belt-chord.is-pressed small{color:#fff}.chord-palette-row.is-belt-row{grid-template-columns:repeat(auto-fill,minmax(4.875rem,1fr))}.chord-trigger-keyboard{position:relative;width:min(100%,47.5rem);height:11.5rem;margin:.5rem auto .125rem;-webkit-user-select:none;user-select:none;touch-action:none}.chord-trigger-whites{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,1fr)}.chord-trigger-whites>button{min-width:0;height:11.5rem;padding:6.125rem .3125rem .625rem!important;flex-direction:column;justify-content:flex-end;border:1px solid var(--ctl-border);border-radius:0 0 .375rem .375rem;background:#fff;box-shadow:inset 0 -.4375rem #d9dce3}.chord-trigger-whites>button+button{border-left-width:0}.chord-trigger-keyboard button span{color:var(--muted);font-size:.75rem;font-weight:600}.chord-trigger-keyboard button kbd{min-width:1.125rem;padding:1px .1875rem;border:1px solid currentColor;border-radius:.1875rem;font-size:.75rem;line-height:1.2}.chord-trigger-keyboard button strong{font-size:1rem}.chord-trigger-keyboard button small{font-size:.75rem;font-weight:600}.chord-trigger-black{position:absolute;z-index:2;top:0;width:9%;height:6.625rem;min-height:0!important;padding:2.5rem .25rem .4375rem!important;transform:translate(-50%);flex-direction:column;justify-content:flex-end;border:1px solid var(--ctl-border)!important;border-radius:0 0 .3125rem .3125rem!important;color:#fff;background:#3f4650!important;box-shadow:inset 0 -.375rem #272c33!important}.chord-trigger-black span{color:#d8dbe0!important}.chord-trigger-black kbd{position:absolute;top:.4375rem;right:.375rem}.chord-trigger-black strong{font-size:.8125rem!important}.chord-trigger-black small{font-size:.75rem!important}.chord-trigger-keyboard button.is-pressed{color:#fff;background:var(--blue)!important;transform:translateY(.1875rem);box-shadow:inset 0 -.125rem color-mix(in srgb,var(--blue),black 25%)!important}.chord-trigger-black.is-pressed{transform:translate(-50%) translateY(.1875rem)!important;background:var(--purple)!important}.chord-trigger-keyboard button.is-pressed span{color:#fff!important}.palette-actions,.pad-record-controls{display:flex;align-items:center;justify-content:flex-end;gap:.4375rem;flex-wrap:wrap}.drum-rack-controls{border:0;padding:0;margin:0;min-width:0}.drum-record-options{display:flex;align-items:center;gap:.4375rem;flex-wrap:wrap;border:0;padding:0;margin:0;min-width:0}.drum-pad.is-unarmed .drum-pad-surface{opacity:.5}.jam-drum-layer{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.record-quantize-control{display:flex;align-items:center;gap:.3125rem;padding:.1875rem .25rem .1875rem .4375rem;border:1px solid var(--hair);border-radius:.3125rem;background:#fff}.record-quantize-control>span{color:var(--muted);font-size:.75rem;font-weight:600}.record-quantize-control .select-menu-trigger{min-height:1.6875rem;padding:.1875rem .4375rem;font-size:.75rem}.midi-editor-summary{color:var(--blue);font-size:.6875rem}.chord-performance-options{margin:0 .625rem;padding:.5rem .75rem;display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;border:1px solid var(--ctl-border);border-top:0;background:#f5f6fa}.chord-performance-options>.chord-tonality-control{flex:0 1 auto}.chord-performance-options>.chord-depth-control{flex:0 1 auto;min-width:0}.chord-performance-options>.chord-octave-control,.chord-performance-options>.chord-option-toggle{flex:0 0 auto;min-width:0;width:auto}.chord-tonality-control .select-menu{min-width:7rem}.chord-performance-options>.chord-tonality-control{display:grid;gap:.25rem;align-content:center}.chord-quality-control{gap:.75rem}.chord-quality-control .knob-control{min-width:0;display:grid;grid-template-columns:2.125rem auto;grid-template-rows:auto auto;column-gap:.5625rem;row-gap:1px;align-items:center;text-align:left;font-size:.75rem}.chord-quality-control .knob-control>.knob-face{grid-row:1 / 3}.chord-quality-control .knob-control>span:not(.knob-face){grid-column:2;grid-row:1;color:var(--blue)}.chord-quality-control .knob-control>output{grid-column:2;grid-row:2;min-height:0;padding:0;background:none;color:var(--ink);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0}.chord-quality-apply{font-size:.75rem;padding:.25rem .5625rem}.chord-depth-control{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.375rem .625rem;border:1px solid var(--hair);border-radius:.375rem;background:#f5f6fa}.chord-performance-options .chord-depth-control{margin:0;background:#fff}.chord-depth-control input[type=range]{flex:1 1 5.625rem;min-width:5rem;width:auto;accent-color:var(--blue)}.chord-depth-control strong{min-width:2.875rem;color:var(--blue);font-size:.6875rem}.chord-quality-apply{flex:0 0 auto;white-space:nowrap;min-height:0;padding:.25rem .5625rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.75rem;font-weight:500;cursor:pointer}.history-buttons{display:inline-flex;align-items:center;gap:.25rem}.history-buttons .icon-button{min-width:1.875rem;min-height:0;padding:.3125rem!important}.chord-quality-apply:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.chord-quality-apply:disabled{opacity:.45;cursor:default}.chord-octave-control{min-width:7rem;padding:.375rem .5rem;display:grid;align-content:center;gap:.25rem;border:1px solid var(--hair);border-radius:.375rem;background:#fff}.chord-octave-control>div{display:grid;grid-template-columns:1.75rem 1.625rem 1.75rem;align-items:center;justify-content:center;gap:.125rem}.chord-octave-control button{width:1.75rem;height:1.75rem;min-height:0;padding:0!important;display:grid;place-items:center;border-radius:50%}.chord-octave-control strong{text-align:center;color:var(--blue);font-size:.875rem}.chord-option-toggle{min-width:7.625rem;min-height:3rem;padding:.375rem .625rem!important;display:grid!important;grid-template-columns:1.875rem 1fr;grid-template-rows:auto auto;align-content:center;column-gap:.5rem;text-align:left;background:#fff!important}.chord-option-toggle>span{grid-row:1 / 3;width:1.875rem;height:1.125rem;padding:.125rem;align-self:center;border:1px solid var(--ctl-border);border-radius:.625rem;background:#d8dbe3;transition:background .15s ease}.chord-option-toggle>span i{display:block;width:.625rem;height:.625rem;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ink);transition:transform .15s ease}.chord-option-toggle>strong{font-size:.75rem}.chord-option-toggle>small{color:var(--muted);font-size:.75rem;font-weight:600}.chord-option-toggle.is-on{color:#fff;background:var(--blue)!important}.chord-option-toggle.is-on>span{background:var(--row)}.chord-option-toggle.is-on>span i{transform:translate(.75rem)}.chord-option-toggle.is-on>small{color:#fff}.metronome-toggle{min-width:7.25rem;min-height:2.1875rem;padding:.25rem .5rem!important;display:grid!important;grid-template-columns:1.6875rem 1fr;grid-template-rows:auto auto;align-content:center;column-gap:.4375rem;text-align:left;background:#fff!important}.metronome-toggle>span{grid-row:1 / 3;width:1.6875rem;height:1rem;padding:.125rem;align-self:center;border:1px solid var(--ctl-border);border-radius:.5625rem;background:#d8dbe3}.metronome-toggle>span i{display:block;width:.5625rem;height:.5625rem;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ink);transition:transform .15s ease}.metronome-toggle>strong{font-size:.75rem;line-height:1}.metronome-toggle>small{color:var(--muted);font-size:.75rem;font-weight:600;line-height:1}.metronome-toggle.is-on{background:color-mix(in srgb,var(--red),white 84%)!important}.metronome-toggle.is-on>span{background:var(--row)}.metronome-toggle.is-on>span i{transform:translate(.6875rem)}.palette-record-status{min-width:5.75rem;color:var(--red);font-size:.75rem!important}.palette-record-status.phase-recording:before{content:"";display:inline-block;width:.4375rem;height:.4375rem;margin-right:.3125rem;border-radius:50%;background:var(--red)}.sequence-shell{padding:.75rem;overflow-x:auto}.chord-roll-shell{display:grid;gap:0}.chord-roll-shell.is-two-line{gap:.875rem}.chord-roll-row{min-width:68rem}.chord-roll-row+.chord-roll-row{padding-top:.125rem;border-top:1px solid var(--hair)}.chord-event-continuation{border-left-style:dashed;border-radius:0 .3125rem .3125rem 0;cursor:pointer}.timeline-ruler{display:grid;grid-template-columns:repeat(var(--steps),minmax(.875rem,1fr));min-width:calc(var(--steps) * 1.0625rem);margin-left:0;height:1.75rem;border-bottom:1px solid var(--ctl-border)}.timeline-ruler>div,.timeline-ruler>button{min-width:0;min-height:0;border:0;border-left:1px solid #e1e1dd;border-radius:0;display:flex;align-items:center;padding:0 0 0 .1875rem;color:#aaa;background:transparent;box-shadow:none;font-size:.75rem;font-weight:500}.timeline-ruler .beat-start{border-left-color:#888;color:var(--muted)}.timeline-ruler .eighth-start{border-left-color:#c2c2bd}.timeline-ruler .bar-start{border-left:1px solid var(--ctl-border);color:var(--ink)}.timeline-ruler .is-current{background:var(--row);color:var(--ink)}.timeline-ruler.is-selectable .bar-start{cursor:pointer}.timeline-ruler.is-selectable .bar-start:hover,.timeline-ruler.is-selectable .bar-start:focus-visible{background:color-mix(in srgb,var(--row),white 50%)}.timeline-ruler .is-record-start{background:var(--row);box-shadow:inset 0 -.1875rem 0 var(--red)}.event-grid{position:relative;min-width:calc(var(--steps) * 1.0625rem);height:4.5rem;background:#fafaf8;overflow:hidden}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--steps),1fr)}.grid-lines>span,.grid-lines>button{border:0;border-left:1px solid #e4e4df;border-radius:0;min-width:0;padding:0;background:transparent}.grid-lines>.beat-start{border-left-color:#999}.grid-lines>.bar-start{border-left:1px solid var(--ctl-border)}.grid-lines>.is-current{background:color-mix(in srgb,var(--row),transparent 38%)}.cursor-marker{position:absolute;top:0;bottom:0;width:.125rem;background:var(--red);pointer-events:none;z-index:2}.sequence-event{position:absolute;top:.6875rem;height:3.125rem;z-index:4;min-width:.875rem;border:1px solid var(--ctl-border);border-radius:.3125rem;background:var(--blue);color:#fff;display:flex;align-items:center;padding:0 1.375rem 0 .5rem;overflow:hidden;font-size:.75rem;font-weight:600}.sequence-event.is-selected{box-shadow:0 0 0 .1875rem var(--row)}.sequence-event.is-color-chord{background:var(--purple)}.sequence-event.is-belt-chord{background:var(--green)}.event-grab{display:none!important;position:absolute;top:.1875rem;right:2.375rem;width:1.1875rem;min-height:1.1875rem!important;padding:0!important;border:0!important;color:#fff;background:#00000040!important}.sequence-event:hover .event-grab,.sequence-event:focus .event-grab,.sequence-event:focus-within .event-grab,.sequence-event:focus-within .event-delete{display:inline-flex!important}.event-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.event-move-handle{align-self:stretch;display:flex;align-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.event-move-handle:active{cursor:grabbing}.event-delete{display:none!important;position:absolute;top:.1875rem;right:1.0625rem;width:1.1875rem;min-height:1.1875rem!important;padding:0!important;border:0!important;color:#fff;background:#00000040!important}.sequence-event:hover .event-delete,.sequence-event:focus .event-delete{display:inline-flex!important}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:1.0625rem;background:#0000002e;cursor:ew-resize;display:grid;place-items:center}.resize-handle i{width:.25rem;height:1.125rem;border-left:1px solid white;border-right:1px solid white}.midi-piano{position:relative;min-width:43.75rem;height:9.375rem;margin-top:.625rem;-webkit-user-select:none;user-select:none;touch-action:none}.midi-piano-whites{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.midi-piano-whites button{flex:1;min-width:0;height:9.375rem;padding:0 .125rem .4375rem!important;align-items:end;justify-content:center;border:1px solid var(--ctl-border);border-radius:0 0 .3125rem .3125rem;background:#fff;box-shadow:inset 0 -.375rem #d9dce3}.midi-piano-whites button+button{border-left-width:0}.midi-piano-whites button span{color:var(--muted);font-size:.75rem;font-weight:600}.midi-piano-whites button.is-active{background:var(--row);box-shadow:inset 0 -.1875rem color-mix(in srgb,var(--row),black 18%)}.midi-piano-black{position:absolute;z-index:2;top:0;width:3.5%;height:5.875rem;min-height:0!important;padding:0!important;transform:translate(-50%);border:1px solid var(--ctl-border)!important;border-radius:0 0 .25rem .25rem!important;background:var(--ink)!important;box-shadow:inset 0 -.375rem #000!important}.midi-piano-black.is-active{background:var(--blue)!important;box-shadow:inset 0 -.1875rem color-mix(in srgb,var(--blue),black 25%)!important}.chord-piano-roll{max-height:26.25rem;margin:0 .625rem;overflow:auto;border:1px solid var(--ctl-border);border-top:0;background:#fff}.chord-piano-roll>.timeline-ruler{position:sticky;z-index:9;top:0;margin-left:4.5rem;background:#fff}.chord-piano-roll-body{min-width:max(53.125rem,calc(var(--steps, 64) * 1.0625rem))}.chord-piano-row{display:grid;grid-template-columns:4.5rem minmax(calc(var(--steps) * 1.0625rem),1fr);min-width:calc(var(--steps) * 1.0625rem + 4.5rem);height:1.8125rem}.chord-piano-row .row-label{position:sticky;z-index:7;left:0;min-height:1.8125rem;border-left-color:var(--blue);background:#fff}.chord-piano-row.is-black-key .row-label{background:var(--ink);color:#fff}.chord-piano-row.is-playing .row-label{background:var(--row);color:var(--ink)}.piano-event-grid{height:1.8125rem;min-width:calc(var(--steps) * 1.0625rem)}.piano-event-grid .sequence-event{top:.125rem;height:1.5625rem;padding-left:.375rem;background:var(--blue);font-size:.75rem}.piano-event-grid .grid-lines button:hover{background:color-mix(in srgb,var(--blue),transparent 84%)}.melody-roll .grid-lines button.is-chord-tone:not(:hover):not(.is-current){background:#e4e4df}.melody-roll .grid-lines button.is-chord-root:not(:hover):not(.is-current){background:#d3d3cc}.melody-roll-options{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin:.5rem 0 .375rem}.melody-voices{margin-left:auto}.melody-voices .segmented button{min-height:1.5rem;padding:.1875rem .5625rem;font-size:.75rem}.capture-button.is-armed{background:var(--red)!important;color:#fff!important}.drum-pads{width:min(100%,38.75rem);margin:.25rem auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:.875rem 1.125rem}.drum-pads:not(.is-advanced){width:min(100%,47.5rem);grid-template-columns:repeat(4,minmax(0,1fr))}@container app (max-width: 47.5rem){.drum-pads:not(.is-advanced){grid-template-columns:repeat(2,minmax(0,1fr))}}.drum-pad{width:min(100%,10.625rem);min-height:0!important;padding:0!important;border:0!important;display:inline-flex!important;flex-direction:column;align-items:center;gap:.375rem;position:relative;background:none!important;box-shadow:none!important}.drum-pad-surface{width:clamp(6.5rem,12vw,8.875rem);height:clamp(6.5rem,12vw,8.875rem);display:flex;align-items:flex-start;justify-content:flex-end;padding:.5rem;border:1px solid var(--ctl-border);border-radius:1rem;background:var(--voice);box-shadow:inset 0 -.4375rem color-mix(in srgb,var(--voice),black 20%)}.drum-pad kbd{min-width:1.6875rem;height:1.6875rem;display:inline-grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.375rem;padding:1px .3125rem;background:#fff;color:var(--ink);font-size:.75rem;font-weight:600}.drum-pad-label{color:var(--ink);font-size:.8125rem;font-weight:600}.drum-pad.is-pressed .drum-pad-surface,.drum-pad:active .drum-pad-surface{transform:scale(.94);border-width:.1875rem;padding:.4375rem;box-shadow:inset 0 -.1875rem color-mix(in srgb,var(--voice),black 20%)}.pad-workspace{padding:.875rem}.pad-notation-heading{margin:1.125rem 0 .4375rem;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.pad-notation-heading strong{color:var(--muted);font-size:.75rem}.pad-workspace .drum-grid-shell{margin:0;border:1px solid var(--ctl-border);background:#f8f8f5}.drum-grid-shell{padding-bottom:1rem}.drum-grid-shell .timeline-ruler{margin-left:4.625rem}.drum-row{display:grid;grid-template-columns:4.625rem minmax(calc(var(--steps) * 1.0625rem),1fr);min-width:calc(var(--steps) * 1.0625rem + 4.625rem)}.row-label{min-height:2.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-left:.3125rem solid var(--voice, var(--purple));font-size:.75rem;font-weight:600;background:#fff}.row-label small{font-size:.4375rem;color:var(--muted)}.row-label.is-note{text-transform:none}.step-row{display:grid;grid-template-columns:repeat(var(--steps),minmax(.875rem,1fr))}.step-row>*{min-width:0;min-height:2.375rem;display:block;border:0;border-radius:0;border-left:1px solid var(--line);background:#f3f3f0;padding:0}.step-row>button{min-height:2.375rem;display:block;border:0;border-left:1px solid var(--line);border-radius:0;background:#f3f3f0;padding:0;box-shadow:none}.step-row>*.beat-start{border-left-color:#888;background:#e9e9e5}.step-row>*.bar-start{border-left:1px solid var(--ctl-border)}.step-row>*.is-active{background:var(--voice);box-shadow:inset 0 0 0 .25rem #ffffff4d}.step-row>*.is-current{outline:.1875rem solid var(--row);outline-offset:-.1875rem}.step-row>*{position:relative}.is-long .step-row>*,.is-long .step-row>button,.is-long .row-label{min-height:1.625rem}.is-long .step-row>*.is-active{box-shadow:inset 0 0 0 .125rem #ffffff59}.is-long .step-row>*.is-current{outline-width:.125rem;outline-offset:-.125rem}.drum-substep-mark{position:absolute;top:50%;width:.4375rem;height:.4375rem;margin-left:.1875rem;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--ink);pointer-events:none}.melody-keys{margin:.5rem .625rem .625rem;padding:.625rem .75rem;border:1px solid var(--hair);border-radius:.5rem;background:#fbfbf9;display:grid;gap:.5rem}.melody-keys-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .875rem}.melody-keys-bar .panel-eyebrow{margin-right:auto}.melody-octave{gap:.25rem}.melody-octave strong{min-width:.875rem;text-align:center;font-size:.6875rem}.melody-octave button{min-height:1.375rem!important;width:1.375rem;padding:0!important}.melody-keys-hint{margin:0;font-size:.75rem;font-weight:500;color:var(--muted)}.piano{position:relative;display:grid;grid-template-columns:repeat(var(--whites),minmax(0,1fr));height:7.5rem}.piano-key{position:relative;min-height:0!important;height:100%;padding:0 0 .375rem!important;border:1px solid var(--ctl-border)!important;border-radius:0 0 .3125rem .3125rem!important;background:#fff!important;display:flex!important;flex-direction:column;justify-content:flex-end;align-items:center;gap:.1875rem;box-shadow:none;font-size:.75rem!important;font-weight:600;color:var(--ink)}.piano-key+.piano-key:not(.is-black){border-left:0!important}.piano-key.is-black{position:absolute;top:0;height:62%;width:calc(100% / var(--whites) * .62);transform:translate(-50%);z-index:2;background:var(--ink)!important;color:#fff;border-radius:0 0 .25rem .25rem!important}.piano-key.is-muted{background:#f0f1f2!important;color:#b7bcc4;cursor:default;opacity:1!important}.piano-key.is-black.is-muted{background:#767a80!important}.piano-key.is-active{background:var(--row)!important}.piano-key.is-black.is-active{background:#c99a00!important;color:var(--ink)}.piano-key .key-letter{min-width:1rem;padding:1px .25rem;border-radius:.25rem;background:#00000012;font-size:.75rem;line-height:1.3}.piano-key.is-black .key-letter{background:#fff3}.piano-key .key-name{font-size:.75rem;font-weight:500;color:var(--muted)}.piano-key.is-active .key-name{color:var(--ink)}.custom-pattern-notice{margin:0 .625rem;border:1px solid var(--ctl-border);border-top:0;padding:.5625rem .75rem;background:var(--row);display:flex;align-items:center;gap:.4375rem;font-size:.6875rem;font-weight:600}.bass-grid-wrap{max-height:23.125rem;overflow:auto}.bass-grid-content{min-width:max(53.125rem,calc(var(--steps, 64) * 1.0625rem))}.bass-grid-wrap .timeline-ruler{margin-left:4.75rem;position:sticky;top:0;z-index:8;background:#fff}.bass-row{display:grid;grid-template-columns:4.75rem minmax(calc(var(--steps) * 1.0625rem),1fr);min-width:calc(var(--steps) * 1.0625rem + 4.75rem);height:1.875rem}.bass-row .row-label{position:sticky;left:0;z-index:7;min-height:1.875rem;border-left-color:var(--purple);background:#fff}.bass-row .row-label.is-black-key{background:var(--ink);color:#fff}.bass-event-grid{height:1.875rem;min-width:calc(var(--steps) * 1.0625rem)}.bass-event-grid .sequence-event{top:.125rem;height:1.625rem;background:var(--purple);padding-left:.375rem;font-size:.75rem}.bass-event-grid .sequence-event{container-type:inline-size;cursor:grab;touch-action:none}@container (max-width: 56px){.bass-event-grid .event-delete{display:none!important}.bass-event-grid .resize-handle{width:.4375rem}}.bass-event-grid .grid-lines button:hover{background:color-mix(in srgb,var(--purple),transparent 82%)}.bass-performance-keys{margin:0 .625rem;padding:.75rem;border:1px solid var(--ctl-border);border-top:0;background:color-mix(in srgb,var(--purple),white 91%);display:grid;grid-template-columns:minmax(11.875rem,.7fr) minmax(26.25rem,1.3fr);align-items:center;gap:.875rem}.bass-performance-keys>div>strong{display:block;margin-top:.25rem;font-size:.6875rem}.bass-record-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.bass-degree-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(7,minmax(3rem,1fr));gap:.3125rem}.bass-degree-row button{min-height:4rem;padding:.375rem!important;position:relative;flex-direction:column;background:#fff;box-shadow:inset 0 -.3125rem color-mix(in srgb,var(--purple),black 18%)}.bass-degree-row button.is-active{color:#fff;background:var(--purple);transform:translateY(.125rem);box-shadow:inset 0 -.125rem color-mix(in srgb,var(--purple),black 28%)}.bass-degree-row kbd{position:absolute;top:.25rem;right:.3125rem;min-width:1.0625rem;padding:1px .1875rem;border:1px solid currentColor;border-radius:.1875rem;font-size:.75rem}.bass-degree-row span{font-size:.75rem;color:var(--muted)}.bass-degree-row button.is-active span{color:#fff}.bass-degree-row strong{font-size:.8125rem}.form-summary{display:flex;align-items:baseline;gap:.3125rem;padding:.625rem .875rem;border:1px solid var(--ctl-border);background:var(--row);border-radius:.375rem}.form-summary strong{font-size:1.25rem}.form-summary span{font-size:.75rem;font-weight:600}.form-summary i{width:1px;height:1.25rem;background:var(--ink);margin:0 .375rem}.form-map-card{border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;padding:.875rem;margin-bottom:.875rem;box-shadow:none}.form-track{min-height:4.75rem;display:flex;gap:.3125rem}.form-track>.form-block{min-width:5.625rem;flex-basis:0;position:relative;overflow:hidden;flex-direction:column;display:inline-flex;align-items:center;justify-content:center;gap:.1875rem;cursor:grab;background:color-mix(in srgb,var(--section),white 58%)}.form-track>.form-block.is-selected{box-shadow:inset 0 0 0 .1875rem #fff}.form-track>.form-block.is-current{background:var(--section);color:#fff}.form-track small{font-size:.75rem}.form-track>.form-block.is-dragging{opacity:.45}.form-block-repeats{display:inline-flex;align-items:center;gap:.125rem;margin-top:.125rem}.form-block-repeats button{width:1.125rem;height:1.125rem;min-height:0!important;padding:0!important;border:1px solid var(--ctl-border)!important;border-radius:50%!important;background:#fff!important;font-size:.6875rem!important;line-height:1;color:var(--ink)}.form-block-repeats output{min-width:1.375rem;text-align:center;font-size:.75rem;font-weight:600}.form-track>.form-block.is-current .form-block-repeats output{color:#fff}.lift-button{gap:.25rem}.form-track,.arrangement-list{position:relative}.form-block-play{position:absolute;top:.3125rem;left:.3125rem;width:1.375rem;height:1.375rem;min-height:0!important;padding:0!important;display:grid!important;place-items:center;border:1px solid var(--ctl-border)!important;border-radius:50%!important;background:#fff!important;color:var(--ink);cursor:pointer}.form-block-play:hover{background:var(--row)!important}.form-drop-line{position:absolute;z-index:5;top:0;bottom:0;width:.25rem;margin-left:-.125rem;border-radius:.125rem;background:var(--blue);pointer-events:none}.form-drop-line.is-row{bottom:auto;left:0;right:0;width:auto;height:.25rem;margin:-.125rem 0 0}.arrangement-card.is-dragging{opacity:.45}.arrangement-actions button.is-playing{background:var(--red);color:#fff}.form-progress{position:absolute;bottom:0;left:0;height:.375rem;background:var(--row);border-top:1px solid var(--ink)}.section-add-panel{padding:.8125rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;margin-bottom:1.125rem}.section-type-list{display:flex;gap:.4375rem;flex-wrap:wrap;margin-top:.5625rem}.section-type-list button{border-left:.4375rem solid var(--section)}.arrangement-list{display:flex;flex-direction:column;gap:.625rem}.arrangement-card{min-height:6.25rem;display:grid;grid-template-columns:2.25rem 3rem minmax(0,1fr) auto;align-items:center;border:1px solid var(--ctl-border);border-left:.625rem solid var(--section);border-radius:.5rem;background:#fff;box-shadow:none}.arrangement-card.is-selected{box-shadow:none}.drag-handle{border:0!important;background:transparent!important;padding:0!important;cursor:grab}.arrangement-index{font-size:1.1875rem;font-weight:600;color:#aaa}.arrangement-main{padding:.625rem}.arrangement-name{display:flex;align-items:center;gap:.5rem}.arrangement-name input{border:0;border-bottom:1px solid var(--hair);font-size:1.0625rem;font-weight:600;min-width:8.75rem}.arrangement-name span{display:inline-flex;align-items:center;gap:.1875rem;font-size:.75rem;color:var(--blue);font-weight:600}.arrangement-controls{display:flex;gap:1.25rem;margin-top:.5625rem}.arrangement-controls label{display:flex;align-items:center;gap:.4375rem;font-size:.75rem;font-weight:600;color:var(--muted)}.stepper{display:flex;border:1px solid var(--hair);border-radius:.3125rem;overflow:hidden}.stepper button{min-height:1.75rem;border:0;border-radius:0;padding:.1875rem .5625rem}.stepper output{min-width:1.875rem;display:grid;place-items:center;background:#f3f3f0;color:var(--ink)}.arrangement-actions{padding:.625rem;display:flex;gap:.3125rem}.lyrics-header{align-items:center}.lyrics-toolbar{display:flex;gap:.4375rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lyrics-toolbar>label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--muted)}.lyrics-toolbar button.is-playing{color:#fff;background:var(--red)}.lyrics-layout{display:grid;grid-template-columns:13.125rem minmax(0,1fr);gap:1rem}.lyrics-sections{border:1px solid var(--hair);border-radius:.5rem;background:var(--sheet);padding:.625rem;align-self:start;position:sticky;top:calc(var(--topbar) + 1rem)}.lyrics-sections .panel-eyebrow{padding:.3125rem .4375rem .625rem}.lyrics-sections button{width:100%;justify-content:space-between;border-left:.4375rem solid var(--section);margin-bottom:.3125rem;text-align:left}.lyrics-sections button small{display:block;font-size:.75rem;color:var(--muted)}.lyrics-sections button.is-active{background:var(--blue);color:#fff}.lyric-repeat-control{display:flex;align-items:center;gap:.4375rem;margin-left:auto;font-size:.75rem;font-weight:600;color:var(--muted)}.lyrics-sections button.is-active small{color:#fff;opacity:.78}.lyric-page{border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;box-shadow:none;overflow:hidden}.lyric-page-header{min-height:5.125rem;padding:.8125rem 1rem;border-bottom:1px solid var(--ctl-border);border-left:.75rem solid var(--section);display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:color-mix(in srgb,var(--section),white 82%)}.lyric-page-header span{display:block;font-size:.75rem;font-weight:600;color:var(--muted)}.lyric-page-header input{font-size:1.375rem;font-weight:600;border:0;border-bottom:.125rem solid transparent;background:transparent}.section-recording{display:flex;align-items:center;gap:.5rem}.section-recording button.is-recording,.line-actions button.is-recording{background:var(--red);color:#fff}.count-display{width:2.625rem;height:2.625rem;display:grid;place-items:center;border-radius:50%;background:var(--row);border:1px solid var(--ctl-border);font-size:1.25rem}.record-display{color:var(--red);display:flex;align-items:center;gap:.3125rem;font-size:.75rem}.record-display i{width:.5625rem;height:.5625rem;border-radius:50%;background:var(--red)}.section-takes{padding:.75rem 1rem;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:5.75rem minmax(0,1fr);align-items:start;gap:.75rem;background:#fafbfe}.take-label{padding-top:.5625rem;font-size:.75rem;font-weight:600;color:var(--muted)}.take-stack{width:100%;display:flex;flex-direction:column;gap:.375rem}.take-stack-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.take-stack-heading span{font-size:.75rem;font-weight:600;color:var(--ink)}.take-stack-heading small{font-size:.75rem;font-weight:600;color:var(--muted)}.take-lane{min-width:0;display:grid;grid-template-columns:3rem minmax(8.125rem,1fr) 7.25rem auto 2.75rem;align-items:center;gap:.4375rem;min-height:3.375rem;padding:.375rem;border:1.5px solid #b9c1cf;border-radius:.375rem;background:#f5f6f8}.take-lane.is-selected{border-color:var(--blue);background:#edf3ff;box-shadow:inset .25rem 0 0 var(--blue)}.take-lane.is-playing{border-color:var(--pink);background:color-mix(in srgb,var(--pink),white 91%)}.take-lane button{min-height:1.9375rem}.take-play{width:1.9375rem;padding:0;display:grid;place-items:center;border-color:var(--ink);background:#fff}.take-lane.is-playing .take-play{background:var(--pink);color:var(--ink)}.take-waveform-button{min-width:0;padding:0!important;border:0!important;background:transparent!important}.take-waveform{position:relative;width:100%;height:2.5rem;overflow:hidden;border:1px solid #c3c9d3;border-radius:.25rem;background:#fff}.take-waveform svg{display:block;width:100%;height:100%}.take-waveform rect{fill:#9ba7b7}.take-lane.is-selected .take-waveform rect{fill:color-mix(in srgb,var(--blue),white 30%)}.take-waveform rect.is-played{fill:var(--pink)}.take-waveform i{position:absolute;top:0;bottom:0;width:.125rem;background:var(--ink);transform:translate(-1px);opacity:0}.take-lane.is-playing .take-waveform i{opacity:1}.take-info{min-width:0;display:flex;flex-direction:column;gap:.125rem}.take-info strong{font-size:.75rem}.take-info small{overflow:hidden;color:var(--muted);font-size:.75rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.take-select{min-width:4.875rem;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem}.take-select.is-selected{border-color:var(--blue);background:var(--blue);color:#fff}.take-delete{width:100%;padding:0;display:grid;place-items:center;color:var(--red);background:#fff}.no-takes{font-size:.75rem;color:#aaa;font-style:italic}.lyric-lines{padding:.5rem 1rem}.lyric-line-card{display:grid;grid-template-columns:2.125rem minmax(0,1fr) auto;gap:.625rem;padding:.5rem 0;border-bottom:1px solid var(--hair)}.lyric-line-card.is-text-only .lyric-chord-track{display:none}.lyric-line-card.is-recording{background:#fff3f4}.line-number{font-size:1rem;font-weight:600;color:#bbb;padding-top:.5rem}.line-content .line-split-toggle{display:flex;width:max-content;align-items:center;gap:.4375rem;margin:0 0 .1875rem auto;min-height:0;padding:.25rem .5rem;border:0;background:none;color:var(--muted);font-size:.75rem;font-weight:600;cursor:pointer}.line-split-toggle>span{position:relative;width:1.75rem;height:1rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;transition:background .15s ease}.line-split-toggle>span i{position:absolute;top:1.5px;left:.125rem;width:.625rem;height:.625rem;border-radius:50%;background:var(--ink);transition:left .15s ease,background .15s ease}.line-split-toggle.is-on>span{background:var(--blue);border-color:var(--blue)}.line-split-toggle.is-on>span i{left:.8125rem;background:#fff}.line-split-toggle.is-on{color:var(--blue)}.line-chords{min-height:2.625rem;display:flex;gap:.875rem;align-items:center}.line-chords span{color:var(--blue);font-weight:600;font-family:var(--font-sheet);font-size:1.1875rem}.line-chords span.is-current{background:var(--row);color:var(--ink);padding:1px .3125rem}.lyric-chord-track{position:relative;height:2.375rem;border-bottom:1px dashed #c9cfda;touch-action:none}.lyric-chord-track button{position:absolute;top:.125rem;min-height:2rem;padding:.1875rem .5625rem;transform:translate(-50%);border:1px solid var(--ctl-border);border-radius:.375rem;background:#edf2ff;color:var(--blue);font-family:var(--font-sheet);font-size:1.125rem;font-weight:600;white-space:nowrap;cursor:grab;touch-action:none}.lyric-chord-track button.is-current{background:var(--row);color:var(--ink)}.lyric-chord-track button.is-dragging{opacity:.16;cursor:grabbing}.lyric-chord-track button.is-drag-preview{z-index:8;opacity:1;pointer-events:none;cursor:grabbing;box-shadow:0 .3125rem #2f68ff2b;transition:none;will-change:left}.lyric-chord-track button.is-drag-preview:after{content:"";position:absolute;top:calc(100% + .125rem);left:50%;width:.125rem;height:1.0625rem;background:var(--blue);transform:translate(-1px)}.line-content textarea{display:block;width:100%;resize:none;overflow:hidden;border:0;border-bottom:1px solid var(--hair);font-family:var(--font-sheet);font-size:1.25rem;line-height:1.4;padding:.25rem .125rem}.line-content .take-stack{margin-top:.5625rem}.line-content .no-takes{display:none}.line-actions{display:flex;flex-direction:column;gap:.3125rem;justify-content:center}.add-line{margin:.5rem 1rem 1.125rem;border-style:dashed!important;width:calc(100% - 2rem)}.live-hero{width:100%;padding:1.375rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--row);display:flex;justify-content:space-between;align-items:end;box-shadow:none;margin-bottom:1.125rem}.live-hero h2{margin-top:.25rem;font-size:clamp(1.875rem,5vw,3.375rem);line-height:.95;letter-spacing:-.06em}.live-title-block{flex:1;min-width:16.25rem}.live-title-input{display:block;width:100%;min-width:0;padding:0 0 .125rem;resize:none;overflow:hidden;border:0;border-bottom:.125rem solid transparent;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:1.08}.live-title-input:hover,.live-title-input:focus{border-bottom-color:color-mix(in srgb,var(--ink),transparent 55%);outline:none}.live-hero-controls{max-width:min(42.5rem,58%);display:grid;justify-items:end;gap:.6875rem}.live-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4375rem;flex-wrap:wrap}.player-guide-picker{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.player-guide-picker>span{font-size:.75rem;font-weight:600}.instrument-guide-selector{display:flex;flex-wrap:wrap;gap:.25rem}.instrument-guide-selector button{min-height:1.75rem;padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.1875rem;border-width:1.5px;font-size:.75rem}.instrument-guide-selector button.is-active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:inset 0 -.1875rem #0000002e}.song-credits{display:flex;gap:.75rem;margin-top:.875rem;flex-wrap:wrap}.song-credits label{display:grid;gap:.125rem;min-width:11.25rem}.song-credits span{font-size:.75rem;font-weight:600}.song-credits input{border:0;border-bottom:1.5px solid color-mix(in srgb,var(--ink),transparent 35%);background:transparent;padding:.1875rem 0;font-size:.75rem;font-weight:600}.song-about{display:grid;gap:.125rem;max-width:35rem;margin-top:.625rem}.song-about span{font-size:.75rem;font-weight:600}.song-about textarea{width:100%;min-height:0;resize:vertical;border:0;border-bottom:1.5px solid color-mix(in srgb,var(--ink),transparent 35%);background:transparent;padding:.1875rem 0;font-size:.75rem;font-weight:500;line-height:1.45}.print-title .print-about{margin-top:.25rem;font-size:.6875rem;font-style:italic}.live-form-strip{display:flex;gap:.25rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;padding:.5rem;margin-bottom:1.125rem;overflow-x:auto}.live-form-strip button{min-width:5.75rem;flex-basis:0;flex-direction:column;position:relative;overflow:hidden;border-left:.5rem solid var(--section)}.live-form-strip button.is-current{background:var(--section);color:#fff}.live-form-strip small{font-size:.75rem}.live-form-strip i{position:absolute;left:0;bottom:0;height:.25rem;background:var(--row)}.sheet-page{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;gap:1rem}.sheet-section{border:1px solid var(--ctl-border);border-left:.6875rem solid var(--section);border-radius:.4375rem;background:#fffefa;font-family:var(--font-sheet);overflow:hidden;box-shadow:none}.sheet-section.is-current{box-shadow:none}.sheet-section>header{padding:.8125rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hair)}.sheet-section>header>div{display:flex;align-items:center;gap:.5625rem}.sheet-section h3{font-family:var(--font-ui);font-size:1.125rem}.section-tag{font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--muted)}.repeat-badge,.take-count{font-family:var(--font-ui);font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--ink);border-radius:62.4375rem;padding:.1875rem .4375rem}.sheet-chord-bars{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--hair)}.sheet-chord-bars>div{min-height:3.875rem;padding:.5625rem;display:grid;grid-template-columns:1rem 1fr;gap:.25rem;border-right:1px solid var(--line)}.sheet-chord-bars>div:nth-child(4n){border-right:0}.sheet-chord-bars>div.is-current{background:#fff9d5}.sheet-chord-bars small{font-family:var(--font-ui);font-size:.75rem;color:#aaa}.sheet-chord-bars span{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.sheet-chord-bars strong{font-size:1.1875rem}.sheet-chord-bars strong.is-current{background:var(--row);padding:.1875rem .4375rem;border:1px solid var(--ctl-border);border-radius:.25rem}.sheet-lyrics{padding:.8125rem 2.5rem 1.125rem}.sheet-lyrics p{min-height:1.875rem;padding:.25rem .4375rem;font-size:1.1875rem;line-height:1.4;border-left:.25rem solid transparent}.sheet-lyrics p.is-current{border-left-color:var(--section);background:#f5f3ed}.sheet-lyrics em{color:#aaa}.live-lyric-lines{padding:.5rem 1.25rem 1.125rem}.live-lyric-line{position:relative;padding:.625rem .75rem;border-bottom:1px solid var(--hair);overflow:hidden}.live-lyric-line:last-child{border-bottom:0}.live-lyric-line.is-current{background:#f1f4fb;box-shadow:inset .3125rem 0 0 var(--section)}.live-chord-track{position:relative;z-index:2;height:1.9375rem}.live-chord-track strong{position:absolute;z-index:2;top:.125rem;display:flex;color:var(--blue);font-size:1.0625rem;line-height:1;white-space:nowrap}.live-chord-track strong.from-right{flex-direction:row-reverse}.live-chord-track strong>span{flex:none;margin-inline:auto}.live-chord-track strong.is-current>span{padding:.1875rem .375rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:var(--row);color:var(--ink)}.live-lyric-line p{position:relative;z-index:2;min-height:1.75rem;font-size:1.1875rem;line-height:1.45}.live-lyric-line em{color:#aaa}.lyric-sheet-section,.lyric-sheet-section.is-current{border:0;border-left:.25rem solid var(--section);border-radius:0;background:transparent;box-shadow:none;overflow:visible;padding-left:.625rem}.lyric-sheet-section>header{padding:0 0 .125rem;border-bottom:0;justify-content:flex-start;gap:.625rem}.lyric-sheet-section h3{font-size:1rem}.lyric-sheet-section>header button{min-height:1.625rem;padding:.1875rem .5625rem;font-size:.6875rem}.lyric-sheet-section .live-lyric-lines{padding:0}.lyric-sheet-section .live-lyric-line{padding:.125rem .5rem;border-bottom:0}.lyric-sheet-section .live-chord-track{height:1.375rem}.lyric-sheet-section .live-lyric-line p{min-height:0;font-size:1.125rem;line-height:1.3}.lead-sheet-staff{display:grid;grid-template-columns:repeat(4,minmax(10.625rem,1fr));overflow-x:auto;border-top:1px solid var(--hair)}.lead-sheet-measure{position:relative;display:grid;grid-template-columns:repeat(var(--beats, 4),minmax(2.375rem,1fr));grid-template-rows:3.625rem 3.375rem;min-height:7rem;border-right:.125rem solid color-mix(in srgb,var(--ink) 35%,var(--line))}.lead-sheet-measure:last-child{border-right:0}.lead-sheet-measure>small{position:absolute;top:.3125rem;left:.4375rem;z-index:3;color:#9aa0aa;font-family:var(--font-ui);font-size:.75rem}.lead-sheet-measure>strong{position:absolute;z-index:4;top:1.6875rem;display:flex;box-sizing:border-box;padding:0 .3125rem;pointer-events:none;white-space:nowrap;font-size:clamp(1.125rem,2.2vw,1.75rem);line-height:1}.lead-sheet-measure>strong.from-right{flex-direction:row-reverse}.lead-sheet-measure>strong>span{flex:none;margin-inline:auto;pointer-events:auto}.lead-sheet-measure>strong.is-current>span{padding:.1875rem .375rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:var(--row)}.lead-sheet-measure>span{z-index:2;grid-row:2;align-self:start;justify-self:center;padding-top:.75rem;color:#b9bdc5;font-size:1.5625rem;font-weight:600}.lead-sheet-staff.is-compact{border-bottom:1px solid var(--hair);background:#f8f9fc}.lead-sheet-staff.is-compact .lead-sheet-measure{grid-template-rows:2.8125rem 2.375rem;min-height:5.1875rem}.lead-sheet-staff.is-compact .lead-sheet-measure>strong{top:1.25rem;font-size:clamp(.9375rem,1.7vw,1.3125rem)}.lead-sheet-staff.is-compact .lead-sheet-measure>span{padding-top:.3125rem;font-size:1.3125rem}.section-learning-tools{padding:.75rem;display:grid;gap:.625rem;border-top:1px solid var(--ctl-border);background:#f4f6fa;font-family:var(--font-ui)}.instrument-guide{overflow:hidden;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff}.instrument-guide>header{min-height:2rem;padding:.375rem .5625rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--line);background:#eef2f8}.instrument-guide>header strong{font-size:.75rem}.instrument-guide>header small{color:var(--muted);font-size:.75rem;font-weight:600}.chord-guide-grid{padding:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(7.875rem,1fr));gap:.4375rem}.guide-bass .chord-guide-grid,.guide-piano .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(12.8125rem,1fr))}.chord-guide-card{min-width:0;min-height:7.875rem;padding:.375rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.1875rem;border:1px solid #c5cbd5;border-radius:.3125rem;background:#fffefa}.chord-guide-card.is-current{border-color:var(--ink);background:color-mix(in srgb,var(--row),white 28%);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--blue),transparent 68%)}.chord-guide-card>strong{align-self:stretch;min-height:1.5rem;padding-bottom:.1875rem;border-bottom:1px solid var(--line);text-align:center;font-family:var(--font-sheet);font-size:1.0625rem}.guide-bass .chord-guide-card,.guide-piano .chord-guide-card{min-height:7rem}.string-chord-diagram{width:6.25rem;height:6.5rem}.bass-root-diagram{width:min(100%,13.75rem);height:5.125rem}.piano-chord-diagram{width:min(100%,12.8125rem);height:5.25rem}.diagram-string,.diagram-fret,.diagram-nut{stroke:var(--ink);vector-effect:non-scaling-stroke}.diagram-string{stroke-width:1}.diagram-fret{stroke-width:.8}.diagram-nut{stroke-width:3}.diagram-barre{fill:var(--ink);opacity:.82}.diagram-dot{fill:var(--text);stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}.diagram-dot.is-root{fill:var(--blue)}.diagram-open{fill:#fff;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}.diagram-open.is-root{fill:var(--blue)}.diagram-mute,.diagram-string-name,.diagram-fret-number{fill:var(--muted);font-family:var(--font-ui);text-anchor:middle}.diagram-mute{font-size:.75rem;font-weight:600}.diagram-string-name{font-size:.4375rem;font-weight:600}.diagram-fret-number{font-size:.375rem}.string-chord-diagram.is-shifted .diagram-fret-number{fill:var(--ink);font-weight:600}.bass-root-label{fill:#fff;font-family:var(--font-ui);font-size:.4375rem;font-weight:600;text-anchor:middle}.piano-white{fill:#fff;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.piano-black{fill:var(--ink);stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.piano-white.is-active,.piano-black.is-active{fill:var(--accent)}.piano-key-label{fill:var(--muted);font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-anchor:middle}.piano-key-label.is-root{fill:var(--ink);font-size:.75rem}.piano-key-label.is-on-black{font-size:.46875rem}.drum-notation-bars{padding:.5rem;display:grid;grid-template-columns:minmax(17.5rem,1fr);gap:.5rem}.drum-notation-bar{min-width:0;padding:.375rem;border:1px solid #c5cbd5;border-radius:.3125rem;background:#fffefa}.drum-notation-bar>strong{display:block;margin-bottom:.25rem;font-size:.75rem}.drum-notation-grid{--drum-label-w: 1.75rem;position:relative;display:grid;grid-template-columns:var(--drum-label-w) repeat(var(--drum-steps, 16),minmax(.4375rem,1fr));align-items:center}.drum-notation-grid>small{min-height:.6875rem;color:#8c929c;font-size:.375rem;text-align:center}.drum-notation-row{display:contents}.drum-notation-row>span{min-height:.9375rem;display:grid;place-items:center start;border-top:1px solid #d5d9df;color:var(--muted);font-size:.4375rem;font-weight:600}.drum-notation-row>i{min-height:.9375rem;display:grid;place-items:center;border-top:1px solid #d5d9df;border-left:1px solid #e6e8ec;background:transparent}.drum-notation-row>i.beat-start{border-left-color:#9299a5}.drum-notation-row>i.has-hit:after{content:"";width:70%;aspect-ratio:1;max-width:.5rem;border:1px solid var(--ink);border-radius:.125rem;background:color-mix(in srgb,var(--voice) calc(var(--hit-strength) * 100%),white)}.drum-notation-row>i.is-current{background:color-mix(in srgb,var(--row),white 35%)}.drum-guide-playhead{position:absolute;z-index:3;top:.6875rem;bottom:0;width:.125rem;transform:translate(-1px);background:var(--blue);box-shadow:0 0 0 1px #ffffffb3;pointer-events:none}.print-title,.print-form-summary{display:none}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.export-card{border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;min-height:17.5rem;padding:1.375rem;display:flex;flex-direction:column;align-items:flex-start;box-shadow:none}.export-card.featured{grid-column:1 / -1;min-height:14.375rem;background:color-mix(in srgb,var(--row),white 54%)}.export-icon{width:3rem;height:3rem;border:1px solid var(--ctl-border);border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;margin-bottom:1.125rem}.export-card h3{font-size:1.375rem;margin:.375rem 0 .5rem}.export-card p{color:var(--muted);line-height:1.5;font-size:.8125rem;max-width:45rem}.export-card button{margin-top:auto}.export-card small{margin-top:.5625rem;color:var(--muted);font-size:.75rem}.export-guide-options{width:100%;max-width:47.5rem;margin:1.0625rem 0;padding:.75rem;display:grid;gap:.375rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff}.export-guide-options>strong{font-size:.75rem}.export-guide-options>span{color:var(--muted);font-size:.75rem}.floating-mixer{position:fixed;z-index:120;min-width:42.5rem;min-height:24.375rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--paper);box-shadow:none;resize:both;overflow:auto}.floating-mixer>header{height:2.875rem;padding:0 .75rem;border-bottom:1px solid var(--ctl-border);display:flex;justify-content:space-between;align-items:center;cursor:move;background:#eef2f7;box-shadow:inset .4375rem 0 0 var(--blue)}.floating-mixer>header>div{display:flex;align-items:center;gap:.5rem}.floating-mixer>header span{font-size:.75rem;color:#666}.floating-mixer>header button{width:1.875rem;height:1.875rem;border:1px solid var(--ctl-border);border-radius:.3125rem;background:#fff;padding:0}.mixer-channels{height:calc(100% - 2.875rem);display:flex;justify-content:safe center;gap:.5rem;padding:.75rem;overflow-x:auto}.mixer-strip{width:7.375rem;min-height:20rem;border:1px solid var(--ctl-border);border-top:.5625rem solid var(--track);border-radius:.375rem;background:#fff;display:flex;flex-direction:column;align-items:center;padding:.4375rem}.fx-toggle{width:100%;min-height:1.8125rem!important;padding:.1875rem!important;font-size:.75rem!important}.fx-toggle.is-open{background:color-mix(in srgb,var(--track),white 68%)!important}.fx-drawer{height:0;width:100%;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:.125rem;align-items:start}.fx-drawer.is-open{height:5.125rem;padding-top:.5rem;border-bottom:1px solid var(--line)}.knob-control{min-width:2rem;display:flex;flex-direction:column;align-items:center;gap:.1875rem;font-size:.4375rem;font-weight:600}.knob-face{position:relative;width:2.125rem;height:2.125rem;border-radius:50%;background:conic-gradient(from 225deg,#d8dde5 0 var(--knob-arc-start),var(--track, var(--ink)) var(--knob-arc-start) var(--knob-arc-end),#d8dde5 var(--knob-arc-end) 270deg,transparent 270deg 360deg);box-shadow:inset 0 0 0 1.5px var(--ink);cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none}.knob-face:before{content:"";position:absolute;z-index:1;top:.3125rem;right:.3125rem;bottom:.3125rem;left:.3125rem;border:1px solid var(--ctl-border);border-radius:50%;background:linear-gradient(145deg,#fff 12%,#e3e7ec 88%);box-shadow:0 1px .125rem #1e232d38}.knob-face input{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ns-resize;pointer-events:none}.knob-face:focus-within{outline:1px solid var(--accent);outline-offset:.125rem}.knob-pointer{position:absolute;z-index:2;top:.4375rem;right:.4375rem;bottom:.4375rem;left:.4375rem;transform:rotate(var(--knob-angle));pointer-events:none}.knob-pointer:before{content:"";position:absolute;top:1px;left:50%;width:.125rem;height:.4375rem;border-radius:.125rem;background:var(--ink);transform:translate(-50%)}.knob-control output{min-height:.5rem;color:var(--muted);font-size:.4375rem;font-variant-numeric:tabular-nums}.fader-wrap{flex:1;min-height:7.5rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3125rem}.fader-wrap output{font-size:.75rem;font-weight:600}.vertical-fader{writing-mode:vertical-lr;direction:rtl;width:1.875rem;height:8.125rem;accent-color:var(--track, var(--ink))}.fader-row{display:flex;align-items:center;gap:.4375rem}.level-meter{position:relative;width:.6875rem;height:8.125rem;overflow:hidden;border:1px solid var(--ctl-border);border-radius:.1875rem;background:linear-gradient(to top,var(--track, var(--ink)) 0 58%,var(--row) 76%,var(--red) 94%)}.level-mask{position:absolute;top:-1px;right:0;bottom:0;left:0;background:#e9ecf0;transform-origin:top;transform:scaleY(1);will-change:transform}.level-peak{position:absolute;left:0;right:0;bottom:0;height:.125rem;background:var(--ink);opacity:0;transition:opacity .35s}.mute-solo{display:flex;gap:.25rem}.mute-solo button{width:2rem;min-height:1.6875rem!important;padding:.125rem!important;font-size:.75rem!important}.mute-solo .is-muted{background:var(--red)!important;color:#fff}.mute-solo .is-solo{background:var(--row)!important}.mixer-strip>strong{max-width:100%;overflow-wrap:anywhere;text-align:center;margin-top:.4375rem;font-size:.75rem}.master-gap{width:1.5rem;border-left:.125rem solid #bbb}.master-strip{--track: var(--ink)}.master-badge{font-size:.75rem;font-weight:600;background:var(--ink);color:#fff;padding:.25rem .4375rem;border-radius:.1875rem}.master-space{height:5.625rem}.lesson-panel,.lesson-video-window{position:fixed;z-index:170;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--card);box-shadow:0 .625rem 1.875rem #23262b29}.lesson-panel.is-docked{top:var(--topbar);right:0;bottom:0;width:var(--lesson-width, 18.75rem);border:0;border-left:1px solid var(--hair);border-radius:0;box-shadow:none;background:var(--chrome)}.lesson-panel.is-mobile{left:.5rem;right:.5rem;top:calc(var(--topbar) + .5rem);bottom:4.5rem}.lesson-panel>header,.lesson-video-window>header{min-height:2.75rem;padding:.4375rem .5rem;display:flex;align-items:center;gap:.4375rem;border-bottom:1px solid var(--ctl-border);background:#f1f2f5;touch-action:none;-webkit-user-select:none;user-select:none}.lesson-panel.is-floating>header,.lesson-video-window>header{cursor:move}.lesson-panel>header strong,.lesson-video-window>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem}.lesson-panel>header button,.lesson-video-window>header button{width:1.9375rem;height:1.8125rem;min-height:0;padding:0;margin-left:0;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.3125rem;background:#fff}.lesson-panel>header .lesson-float-button{margin-left:auto}.lesson-panel-content{min-height:0;padding:.875rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.lesson-panel-content>*{flex-shrink:0}.lesson-picker{display:flex;flex-wrap:wrap;gap:.4375rem}.lesson-picker button{min-height:2.125rem;padding:.375rem .75rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.6875rem;font-weight:600}.lesson-picker button.is-selected{background:var(--row)}.lesson-title-block{padding-bottom:.6875rem;border-bottom:1px solid var(--ctl-border)}.lesson-title-block>span,.lesson-step-nav>span{color:var(--blue);font-size:.75rem;font-weight:600}.lesson-title-block h2{margin:.1875rem 0 .3125rem;font-size:1.5625rem;line-height:1}.lesson-title-block p{color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.45}.lesson-progress{padding:.5625rem;border:1px solid var(--hair);border-radius:.375rem;background:#f7f7f5}.lesson-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.lesson-progress [role=progressbar]{height:.6875rem;margin-top:.4375rem;overflow:hidden;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff}.lesson-progress [role=progressbar] i{display:block;height:100%;background:var(--row);transition:width .2s ease}.lesson-step-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.lesson-step-nav>div{display:flex;gap:.3125rem;margin-left:auto}.lesson-step-nav button{width:2rem;height:1.875rem;min-height:0;padding:0;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.3125rem;background:#fff}.lesson-progress.is-pulsing [role=progressbar] i{animation:lesson-progress-pop .55s ease}@keyframes lesson-progress-pop{0%{filter:brightness(1)}35%{filter:brightness(1.4)}to{filter:brightness(1)}}.lesson-step-dots{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3125rem;list-style:none}.lesson-step-dots button{width:1.625rem;height:1.625rem;min-height:0;display:grid;place-items:center;padding:0;border:1px solid var(--hair);border-radius:50%;background:#fff;font-size:.75rem;font-weight:600;color:var(--muted);cursor:pointer}.lesson-step-dots button.is-current{border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 .125rem var(--row)}.lesson-step-dots button.is-complete{border-color:var(--green);background:var(--green);color:#fff}.lesson-step-tasks{margin:0;padding-left:1.25rem;display:grid;gap:.3125rem;font-size:.78125rem;font-weight:500;line-height:1.45}.lesson-step-tasks li::marker{color:var(--blue);font-weight:600}.lesson-step-watch{display:grid;gap:.3125rem}.lesson-watch-label{display:inline-flex;align-items:center;gap:.3125rem;color:var(--muted);font-size:.75rem;font-weight:600}.lesson-done-next{min-height:2.625rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--ctl-border);border-radius:.4375rem;background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.lesson-done-next.is-complete{border-color:var(--green);background:var(--green);color:#fff}.lesson-check-tips{padding:.5625rem .6875rem;border:1px solid var(--ctl-border);border-radius:.4375rem;background:#fdf3d7;font-size:.75rem;font-weight:500;line-height:1.4}.lesson-check-tips strong{display:block;margin-bottom:.25rem;font-size:.75rem}.lesson-check-tips ul{margin:0;padding-left:1.125rem;display:grid;gap:.25rem}.section-form-notice{margin-bottom:.875rem;padding:.5625rem .75rem;display:flex;align-items:center;gap:.5625rem;border:1px solid var(--ctl-border);border-radius:.4375rem;background:#fdf3d7;font-size:.78125rem;font-weight:500}.section-form-notice svg{flex:none;color:#a97b0a}.section-form-notice span{flex:1}.section-form-notice button{min-height:1.875rem;padding:.3125rem .6875rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:var(--row);font-size:.75rem;font-weight:600}.lesson-auto-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;font-weight:500;line-height:1.35}.lesson-auto-item em{margin-left:auto;flex:none;padding:.125rem .4375rem;border-radius:62.4375rem;background:#e8e6df;color:var(--muted);font-size:.75rem;font-style:normal;font-weight:600}.lesson-auto-check{flex:none;width:1.0625rem;height:1.0625rem;margin-top:1px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:.25rem;background:#fff;color:#fff;transition:background .2s ease,border-color .2s ease}.lesson-auto-check.is-complete{border-color:var(--green);background:var(--green)}.lesson-auto-item span.is-complete{color:var(--muted);text-decoration:line-through}.lesson-step-card{display:flex;flex-direction:column;gap:.625rem}.lesson-step-card h3{margin:0;font-size:1.125rem;line-height:1.1}.lesson-step-card iframe{width:100%;aspect-ratio:16 / 9;display:block;border:1px solid var(--ctl-border);border-radius:.4375rem;background:#111}.lesson-step-card p{margin:0;color:var(--ink);font-size:.8125rem;font-weight:500;line-height:1.55}.lesson-tempo-guide{overflow:hidden;border:1px solid var(--hair);border-radius:.4375rem;background:#f7f7f5}.lesson-tempo-guide>button{width:100%;min-height:2.5rem;padding:.5rem .625rem;display:flex;align-items:center;gap:.4375rem;border:0;background:transparent;font-size:.75rem;font-weight:600;text-align:left}.lesson-tempo-guide>button svg{transition:transform .15s ease}.lesson-tempo-guide>button[aria-expanded=false] svg{transform:rotate(-90deg)}.lesson-tempo-ranges{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ctl-border);border-left:1px solid var(--ctl-border)}.lesson-tempo-ranges>div{min-width:0;padding:.5rem .5625rem;border-right:1px solid var(--ctl-border);border-bottom:1px solid var(--ctl-border);background:#fff}.lesson-tempo-ranges dt{font-size:.75rem;font-weight:600}.lesson-tempo-ranges dd{margin:.125rem 0 0;color:var(--blue);font-size:.8125rem;font-weight:600}.lesson-tempo-ranges small{display:block;margin-top:.125rem;color:var(--muted);font-size:.75rem;font-weight:600}.lesson-reveals{display:grid;gap:.4375rem}.lesson-reveal{overflow:hidden;border:1px solid var(--hair);border-radius:.4375rem;background:#f7f7f5}.lesson-reveal>button{width:100%;min-height:2.5rem;padding:.5rem .625rem;display:flex;align-items:center;gap:.4375rem;border:0;background:transparent;font-size:.75rem;font-weight:600;text-align:left}.lesson-reveal>button svg{flex-shrink:0;transition:transform .15s ease}.lesson-reveal>button[aria-expanded=false] svg{transform:rotate(-90deg)}.lesson-reveal-body{display:grid;gap:.5rem;padding:.125rem .625rem .625rem}.lesson-reveal-tasks{margin:0;padding-left:1.0625rem;display:grid;gap:.3125rem;font-size:.78125rem;font-weight:500;line-height:1.5}.lesson-step-card p.lesson-alt-way{color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.45}.lesson-alt-way button{min-height:0;padding:0;border:0;background:none;color:var(--ink);font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.125rem;cursor:pointer}.lesson-step-card p.lesson-alt-note{padding:.375rem .5625rem;border-radius:.375rem;background:#f1f2f5;color:var(--muted);font-size:.6875rem;font-weight:600}.lesson-moves{display:grid;gap:.4375rem}.lesson-moves>span{color:var(--blue);font-size:.75rem;font-weight:600}.lesson-moves>div{display:flex;flex-wrap:wrap;gap:.375rem}.lesson-moves button{min-height:2rem;padding:.3125rem .6875rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.6875rem;font-weight:600}.lesson-moves button[aria-pressed=true]{background:var(--ink);color:#fff}.lesson-popout-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.4375rem}.lesson-popout-actions button{min-height:2.25rem;padding:.4375rem .75rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.75rem;font-weight:600;cursor:pointer}.lesson-popout-actions button:hover{background:#f1f2f5}.lesson-choice{margin:0;padding:.5625rem .625rem;display:grid;gap:.375rem;border:1px solid var(--hair);border-radius:.4375rem;background:#f7f7f5}.lesson-choice legend{padding:0 .25rem;color:var(--blue);font-size:.75rem;font-weight:600}.lesson-choice label{display:flex;align-items:center;gap:.5rem;font-size:.78125rem;font-weight:600}.lesson-choice input{width:1rem;height:1rem;accent-color:var(--green)}.lesson-popout{position:fixed;display:flex;flex-direction:column;overflow:hidden;min-width:18.75rem;min-height:16.25rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--card);box-shadow:.5rem .625rem 1.75rem #14162847}.lesson-popout>header{min-height:2.75rem;padding:.4375rem .5rem;display:flex;align-items:center;gap:.4375rem;border-bottom:1px solid var(--ctl-border);background:#f1f2f5;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.lesson-popout>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem}.lesson-popout>header button{width:1.9375rem;height:1.8125rem;min-height:0;margin-left:auto;padding:0;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.3125rem;background:#fff}.lesson-popout.is-mobile{left:.5rem;right:.5rem;top:4rem;bottom:1rem;min-width:0}.lesson-popout.is-mobile>header{cursor:default}.lesson-popout-body{min-height:0;padding:.875rem 1rem 1.5rem;overflow-y:auto;display:grid;gap:.875rem;align-content:start}.popout-intro{margin:0;color:var(--muted);font-size:.8125rem;font-weight:500;line-height:1.45}.idea-group h4{margin:0 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid var(--ctl-border);font-size:1rem;font-weight:600;line-height:1.15}.idea-group ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.125rem,1fr));gap:.5rem}.idea-group li{padding:.625rem .75rem;border:1px solid var(--hair);border-radius:.4375rem;background:#f7f7f5;font-size:.78125rem;font-weight:500;line-height:1.45}.idea-group li b{display:block;margin-bottom:.125rem;font-size:.9375rem;font-weight:600;line-height:1.2}.style-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.style-picker span{font-size:.6875rem;font-weight:600}.style-picker select{min-height:2.375rem;min-width:13.75rem;max-width:100%;padding:.375rem .625rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.875rem;font-weight:600}.style-card{display:grid;gap:.75rem;padding:.875rem 1rem 1rem;border:1px solid var(--hair);border-radius:.5rem;background:#fff}.style-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--ctl-border)}.style-head h4{margin:0;font-size:1.1875rem;font-weight:600;line-height:1.1}.style-head span{color:var(--blue);font-size:.78125rem;font-weight:600;white-space:nowrap}.style-part{display:grid;gap:.4375rem}.style-part+.style-part{padding-top:.75rem;border-top:1px solid #e3e6ec}.style-part-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem}.style-part-head strong{font-size:.8125rem;font-weight:600}.style-part-head span{color:var(--muted);font-size:.75rem;font-weight:500}.style-options{display:flex;flex-wrap:wrap;gap:.3125rem}.style-options button{min-height:1.75rem;padding:.1875rem .625rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.6875rem;font-weight:600}.style-options button[aria-pressed=true]{background:var(--ink);color:#fff}.style-grid-scroll{max-width:100%;overflow-x:auto}.style-grid{width:100%;min-width:26.25rem;border-collapse:collapse;table-layout:fixed}.style-grid col.label{width:4rem}.style-grid th,.style-grid td{position:relative;height:1.625rem;padding:0;border:1px solid #e3e6ec;text-align:center}.style-grid thead th{height:1.375rem;border-top:0;color:var(--muted);font-size:.75rem;font-weight:600}.style-grid th[scope=row]{padding:0 .5rem;text-align:left;white-space:nowrap;font-size:.6875rem;font-weight:600;color:var(--ink);background:#f7f7f5}.style-grid .beat{border-left:1px solid var(--ctl-border)}.style-grid thead .beat{color:var(--ink)}.style-grid td b{position:relative;z-index:1;font-size:.8125rem;line-height:1}.style-grid .hold-line{position:absolute;left:0;right:0;top:50%;height:.1875rem;margin-top:-1.5px;background:var(--ink)}.style-note{margin:0;color:var(--muted);font-size:.75rem;font-weight:500}.style-line{margin:0;font-size:.78125rem;font-weight:600;line-height:1.4}.style-line b{margin-right:.375rem;color:var(--muted);font-size:.75rem;font-weight:600}.lesson-step-actions{margin-top:.875rem;display:flex;flex-wrap:wrap;gap:.4375rem}.lesson-step-actions button,.lesson-complete-button{min-height:2.25rem;padding:.4375rem .625rem;display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.6875rem;font-weight:600}.lesson-step-actions .lesson-action-button{background:var(--row)}.lesson-music-icon{font-size:1.0625rem;line-height:1}.lesson-step-nav .lesson-complete-button{width:auto;height:auto;min-height:2rem;padding:.3125rem .5625rem;display:inline-flex}.lesson-complete-button.is-complete{color:#fff;background:var(--green)}.lesson-project-checklist{overflow:hidden;border:1px solid var(--hair);border-radius:.4375rem;background:#f7f7f5}.lesson-project-checklist>button{width:100%;min-height:2.5rem;padding:.5rem .625rem;display:flex;align-items:center;gap:.5rem;border:0;background:transparent;text-align:left;font-size:.75rem;font-weight:600}.lesson-project-checklist>button span:last-child{margin-left:auto;color:var(--muted)}.lesson-project-checklist ul{margin:0;padding:0 .6875rem .75rem;display:grid;gap:.4375rem;list-style:none}.lesson-project-checklist label{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;font-weight:500;line-height:1.35;cursor:pointer}.lesson-project-checklist input{flex:none;width:1.0625rem;height:1.0625rem;margin-top:1px;accent-color:var(--green)}.lesson-project-checklist span.is-complete{color:var(--muted);text-decoration:line-through}.window-resize-handle{position:absolute;z-index:4;right:0;bottom:0;width:1.5625rem;height:1.5625rem;min-height:0;padding:0;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.window-resize-handle:after{content:"";position:absolute;right:.25rem;bottom:.25rem;width:.6875rem;height:.6875rem;border-right:1px solid var(--ctl-border);border-bottom:1px solid var(--ctl-border)}.lesson-dock-resize{position:absolute;inset:0 auto 0 0;width:.4375rem;cursor:ew-resize;touch-action:none}.lesson-video-window{z-index:185;min-width:22.5rem;min-height:21.0625rem}.lesson-video-window>header strong{flex:1}.lesson-video-stage{position:relative;width:100%;aspect-ratio:8 / 5;flex:none;background:#111}.lesson-video-window iframe{width:100%;height:100%;display:block;border:0;background:#111}.lesson-video-transport{min-height:4.125rem;padding:.5625rem .625rem;display:grid;grid-template-columns:2.125rem 2.125rem minmax(7.5rem,1fr) auto;align-items:center;gap:.4375rem;border-top:1px solid var(--ctl-border);background:#fff}.lesson-video-transport>button{width:2.125rem;height:2.125rem;min-height:0;padding:0;display:grid;place-items:center;border-radius:50%}.lesson-video-transport>button:first-child{color:#fff;background:var(--blue)}.lesson-video-transport>button:disabled{opacity:.45}.lesson-video-transport output{min-width:4.625rem;color:var(--muted);font-size:.75rem;font-weight:600;text-align:right;white-space:nowrap}.lesson-video-timeline{position:relative;min-width:0;height:1.875rem;display:grid;align-items:center}.lesson-video-timeline input{width:100%;margin:0;accent-color:var(--blue);cursor:pointer}.lesson-chapter-marks{position:absolute;left:.5rem;right:.5rem;top:.25rem;height:1.375rem;pointer-events:none}.lesson-chapter-marks button{position:absolute;top:.3125rem;width:.1875rem;height:.8125rem;min-height:0;padding:0;translate:-1px 0;border:0;border-radius:0;background:var(--ink);box-shadow:0 0 0 1px #fff;pointer-events:auto;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:1.25rem;background:#181818a8}.modal-card{width:min(28.75rem,100%);border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;box-shadow:none;overflow:hidden}.modal-card:focus{outline:none}.modal-card>header{min-height:3rem;padding:.5rem .875rem;background:var(--chrome);border-bottom:1px solid var(--hair);display:flex;justify-content:space-between;align-items:center}.modal-card>header h2{font-size:.9375rem;font-weight:600}.modal-card.tone-danger>header{background:var(--chrome);color:var(--rec)}.jam-dialog{width:min(42.5rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column}.jam-dialog>header,.jam-dialog>footer{flex-shrink:0}.jam-dialog h3,.jam-dialog h4{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1rem;overflow-wrap:anywhere}.jam-dialog h4{font-size:.875rem;min-width:0}.jam-content{padding:1.125rem;overflow-y:auto}.jam-enable{display:flex;align-items:center;gap:.5625rem;margin-bottom:1.125rem}.jam-enable input{width:1.125rem;height:1.125rem;accent-color:var(--ink)}.jam-dialog label>span{display:flex;align-items:center;gap:.4375rem;font-size:.75rem;font-weight:500;margin-bottom:.375rem}.jam-dialog select{width:100%;min-width:0;min-height:2.375rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:#fff;color:var(--ink);padding:.375rem 1.625rem .375rem .5625rem;font:inherit;font-size:.875rem}.jam-typing>label{display:grid;grid-template-columns:1fr 11.25rem;align-items:center;gap:.75rem}.jam-typing>label>span{margin:0}.jam-connect{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.125rem 0 .75rem;font-size:.8125rem}.jam-device{border-top:1px solid var(--line);padding:1rem 0}.jam-device:last-child{padding-bottom:0}.jam-device-heading{display:grid;grid-template-columns:minmax(0,1fr) 11.25rem 2.25rem;align-items:center;gap:.75rem;margin-bottom:.75rem}.jam-hidden-inputs{margin-top:1rem;border-top:1px solid var(--line);padding-top:.625rem}.jam-hidden-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem 0;border:0;background:none;color:var(--muted);font-size:.75rem;font-weight:500}.jam-hidden-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.jam-hidden-inputs ul{list-style:none;margin:.375rem 0 0;padding:0}.jam-hidden-inputs li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3125rem 0;font-size:.8125rem}.jam-hidden-inputs li span{min-width:0;overflow-wrap:anywhere}.jam-hidden-inputs .icon-button{flex:0 0 2.25rem}.jam-activity{flex:0 0 .5rem;width:.5rem;height:.5rem;border:1px solid var(--ink);border-radius:50%;background:#ddd}.jam-activity.is-active{background:#27835b}.jam-split-point{display:flex;align-items:flex-end;gap:.5rem;padding-bottom:.75rem}.jam-split-point label{flex:1}.jam-split-point button{min-height:2.375rem}.jam-zones{display:grid;gap:1rem}.jam-zones.is-split{grid-template-columns:1fr 1fr}.jam-zone{display:flex;flex-wrap:wrap;align-content:start;gap:.5rem;min-width:0}.jam-drum-map{flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.jam-drum-map>label{min-width:0}.jam-record-strip{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 0;margin-bottom:1rem;border-block:1px solid var(--hair)}.jam-record-strip fieldset{display:flex;flex-wrap:wrap;gap:.75rem;border:0;padding:0;margin:0}.jam-record-strip legend{font-size:.6875rem;font-weight:500;margin-bottom:.375rem}.jam-record-strip label{display:flex;align-items:center;gap:.3125rem;font-size:.8125rem;font-weight:500}.jam-record-strip input{accent-color:var(--ink);width:1rem;height:1rem}.jam-record-strip select{min-height:2.25rem;border:1px solid var(--ctl-border);border-radius:.25rem;padding:.375rem;background:#fff;color:var(--ink)}.jam-record-status{min-width:6.875rem;font-size:.8125rem;font-weight:500}.jam-enabled .composer-block [data-jam-solo-record]{display:none}.jam-zone>label{flex:1;min-width:0}.jam-zone>.jam-octave{flex:0 0 4.625rem}.jam-zones.is-split>.jam-zone:first-child{padding-left:.625rem;border-left:.1875rem solid #27835b}.jam-zones.is-split>.jam-zone:last-child{padding-left:.625rem;border-left:.1875rem solid #d34646}@container app (max-width: 32.5rem){.jam-backdrop{padding:.75rem}.jam-dialog{max-height:calc(100dvh - 1.5rem)}.jam-content{padding:.875rem}.jam-device-heading,.jam-typing>label{grid-template-columns:1fr;gap:.5rem}.jam-device-heading{grid-template-columns:minmax(0,1fr) 2.25rem}.jam-device-heading>select{grid-column:1 / -1;grid-row:2}.jam-device-heading>.icon-button{grid-column:2;grid-row:1}.jam-zones.is-split{grid-template-columns:1fr}.modal-card.jam-dialog>footer{justify-content:flex-start;padding-right:4.375rem}}.modal-content{padding:1.375rem;line-height:1.55}.modal-card>footer{padding:.75rem .875rem;border-top:1px solid var(--hair);display:flex;justify-content:flex-end;gap:.4375rem}.palette-belt-button{min-height:2.0625rem;padding:.25rem .6875rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:color-mix(in srgb,var(--green),white 84%);font-size:.75rem;font-weight:600}.modal-card.belt-modal,.modal-card:has(.belt-panel){width:min(47.5rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column}.modal-card:has(.belt-panel)>.modal-content{overflow-y:auto;padding:1rem 1.125rem 1.25rem}.belt-panel{display:grid;gap:.875rem}.belt-tabs{justify-self:start}.belt-note{margin:0;font-size:.75rem;color:var(--muted)}.belt-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.belt-entry{display:grid;grid-template-columns:minmax(7.5rem,11.25rem) minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;column-gap:.625rem;row-gap:.1875rem;padding:.5rem .625rem;border:1px solid var(--hair);border-radius:.375rem;background:color-mix(in srgb,var(--green),white 92%)}.belt-entry.is-off{background:#f6f6f4;opacity:.72}.belt-entry-name{grid-column:1;grid-row:1;min-width:0;min-height:1.875rem;padding:.25rem .5rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:#fff;color:var(--ink);font:inherit;font-size:.75rem;font-weight:600}.belt-entry-chords{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.belt-mini-chip{display:inline-flex;align-items:center;gap:.25rem;min-height:1.625rem!important;padding:.125rem .5rem!important;border:1px solid var(--ctl-border);border-radius:.25rem;background:#fff;font-size:.6875rem;font-weight:600;touch-action:none}.belt-mini-chip:active{background:var(--row)}.palette-belt-button.is-progressions{background:color-mix(in srgb,var(--purple),white 84%)}.palette-belt-button{display:inline-flex;align-items:center;gap:.25rem}.palette-group-chips{display:inline-flex;flex-wrap:wrap;gap:.25rem}.palette-group-chip{min-height:2.0625rem;padding:.25rem .625rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.75rem;font-weight:600}.palette-group-chip.is-on{background:var(--ink);color:#fff}.palette-empty-note{margin:0 0 .5rem;font-size:.6875rem;font-weight:500;color:var(--muted)}.belt-entry-source{grid-column:1 / 3;grid-row:2;font-size:.75rem;font-weight:500;color:var(--muted)}.belt-entry-toggle{grid-column:3;grid-row:1 / 3;display:flex;align-items:center;gap:.3125rem;font-size:.6875rem;font-weight:600}.belt-entry-toggle input{width:1rem;height:1rem;accent-color:var(--ink)}.belt-entry-remove{grid-column:4;grid-row:1 / 3}.belt-add{display:grid;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--hair)}.belt-add-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.belt-add-row>span{min-width:5.75rem;font-size:.6875rem;font-weight:600}.belt-add-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.belt-add-actions strong{flex:1;min-width:7.5rem;font-size:.875rem}.belt-add-actions button{min-height:2.0625rem;padding:.25rem .6875rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.6875rem;font-weight:600;display:inline-flex;align-items:center;gap:.3125rem}.belt-add-actions .belt-add-button{background:var(--ink);color:#fff}.belt-add-actions .belt-add-button:disabled{opacity:.5}.belt-full-note{font-size:.6875rem;color:var(--red);font-weight:600}.belt-row-tab{display:grid;gap:.75rem}.belt-row-slots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.375rem}.belt-row-slot{position:relative;min-height:4rem!important;padding:.375rem .375rem .3125rem!important;flex-direction:column;gap:1px;border:1px solid var(--ctl-border);border-radius:.375rem;background:color-mix(in srgb,var(--purple),white 84%)}.belt-row-slot.is-empty{background:#f6f6f4;color:var(--muted);border-style:dashed}.belt-row-slot.is-open{box-shadow:0 0 0 .1875rem var(--row)}.belt-row-slot kbd{position:absolute;top:.25rem;right:.25rem;min-width:1rem;padding:0 .1875rem;border:1px solid var(--ctl-border);border-radius:.1875rem;background:#fff;font-size:.75rem;text-align:center}.belt-row-slot strong{font-size:.8125rem}.belt-row-slot span{font-size:.75rem;color:var(--purple);font-weight:600}.belt-row-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.375rem;padding:.625rem;border:1px solid var(--hair);border-radius:.375rem;background:#f6f6f4}.belt-row-picker button{min-height:2.75rem!important;padding:.25rem .375rem!important;flex-direction:column;gap:1px;border:1px solid var(--ctl-border);border-radius:.3125rem;background:color-mix(in srgb,var(--purple),white 84%)}.belt-row-picker button.is-belt{background:color-mix(in srgb,var(--green),white 84%)}.belt-row-picker button.is-empty{background:#fff;border-style:dashed}.belt-row-picker strong{font-size:.75rem}.belt-row-picker span{font-size:.75rem;font-weight:600;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.belt-row-presets{display:grid;gap:.375rem}.belt-row-presets>div{display:flex;flex-wrap:wrap;gap:.375rem}.belt-row-presets button{min-height:2.0625rem;padding:.25rem .625rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.6875rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem}.belt-row-presets button:disabled{opacity:.55}.belt-row-presets button small{font-size:.75rem;font-weight:500;color:var(--muted)}.belt-row-presets .belt-row-reset{margin-left:auto}.belt-progressions{display:grid;gap:.875rem}.belt-progressions ul{list-style:none;margin:.375rem 0 0;padding:0;display:grid;gap:.375rem}.belt-progression{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border:1px solid var(--hair);border-radius:.375rem;background:#fff}.belt-progression-text{flex:1;min-width:0;display:grid;gap:1px}.belt-progression-text strong{font-size:.8125rem}.belt-progression-text span{font-size:.75rem;font-weight:600}.belt-progression-text small{font-size:.75rem;font-weight:500;color:var(--muted)}.belt-progression-actions{display:flex;gap:.3125rem;flex-shrink:0}.belt-progression-actions button{min-height:1.9375rem;padding:.1875rem .5625rem;border:1px solid var(--ctl-border);border-radius:.3125rem;background:#fff;font-size:.6875rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}@container app (max-width: 40rem){.belt-entry{grid-template-columns:minmax(0,1fr) auto auto}.belt-entry-chords{grid-column:1;grid-row:2}.belt-entry-source{grid-column:1;grid-row:3}.belt-entry-toggle{grid-column:2;grid-row:1 / 4}.belt-entry-remove{grid-column:3;grid-row:1 / 4}.belt-row-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.belt-progression{flex-wrap:wrap}}.toast-message{position:fixed;z-index:300;left:50%;bottom:1.5rem;transform:translate(-50%);min-width:17.5rem;max-width:32.5rem;min-height:2.75rem;display:flex;align-items:center;gap:.5625rem;padding:.5625rem .75rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;box-shadow:none;font-size:.75rem;font-weight:600}.toast-message.tone-success{background:#dff7e9}.toast-message.tone-error{background:#ffe1e4}.toast-message button{margin-left:auto;border:0;background:transparent}@container app (max-width: 65.625rem){.brand-lockup,.save-state,.sound-library-status.is-compact,.bar-history,.clock-key,.clock-meter,.bar-extra{display:none}.workspace-header{align-items:flex-start;flex-direction:column}.workspace-actions{width:100%;justify-content:space-between}.arrangement-card{grid-template-columns:1.875rem 2.5rem 1fr}.arrangement-actions{grid-column:2 / -1;border-top:1px solid var(--line)}.lyrics-layout{grid-template-columns:1fr}.lyrics-sections{position:static;display:flex;overflow-x:auto}.lyrics-sections .panel-eyebrow{display:none}.lyrics-sections button{min-width:10.625rem}}@container app (max-width: 47.5rem){.library-hero{min-height:26.25rem;padding:2.375rem 1.375rem;flex-direction:column;align-items:stretch;justify-content:flex-end}.library-actions{flex-direction:row;flex-wrap:wrap}.library-actions>*{flex:1 1 8.75rem}.sound-library-status.is-compact{display:none}.studio-header{height:auto;min-height:var(--topbar);padding:.25rem .5rem;grid-template-columns:minmax(0,1fr) auto;gap:.375rem}.bar-transport{grid-column:1 / -1;grid-row:2;justify-content:center}.song-title-field{min-width:0;flex:1}.song-title-field input{width:100%}.clock-bpm .clock-tap,.bar-workspace,.bar-mode,.bar-share span,.bar-charts,.studio-header .bar-workspace,.studio-header .bar-charts,.lesson-panel .lesson-float-button{display:none}.lesson-video-window{left:.5rem!important;right:.5rem;top:5.25rem!important;width:auto!important;height:auto!important;min-width:0;min-height:0}.lesson-video-transport{grid-template-columns:2.125rem 2.125rem minmax(5rem,1fr)}.lesson-video-transport output{grid-column:1 / -1;min-width:0;text-align:center}.lesson-video-window .window-resize-handle{display:none}.studio-body{display:block;min-height:calc(100vh - 4rem)}.workspace{padding:1.25rem .75rem 5.625rem}.mobile-nav{position:fixed;z-index:80;left:0;right:0;bottom:0;height:4rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--chrome);border-top:1px solid var(--hair);padding:.3125rem;gap:.1875rem}.mobile-nav button{border:0;border-radius:.375rem;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1875rem;font-size:.75rem;font-weight:500}.mobile-nav button.is-active{color:var(--on-accent);background:var(--accent)}.workspace-actions,.lyrics-toolbar{flex-direction:column;align-items:stretch}.midi-control{overflow-x:auto}.instrument-line{align-items:flex-start;flex-wrap:wrap}.control-kicker{width:100%}.instrument-line-primary .track-play{margin-left:0}.instrument-line-primary .select-control{order:3}.instrument-line-primary .segmented{flex:1}.preset-content{flex-direction:column;align-items:stretch}.drums-block .preset-content{flex:1 0 100%;width:100%}.bar-choice{margin-left:0}.palette-heading,.pad-toolbar{align-items:flex-start;flex-direction:column}.palette-actions,.pad-record-controls{width:100%;justify-content:flex-start}.chord-octave-control,.chord-option-toggle{min-width:0}.drum-pads{grid-template-columns:repeat(2,1fr)}.bass-performance-keys{grid-template-columns:1fr;overflow-x:auto}.bass-record-controls{justify-content:flex-start}.bass-degree-row{min-width:30rem}.form-track{min-width:43.75rem}.form-map-card{overflow-x:auto}.arrangement-card{grid-template-columns:1.875rem 2.125rem minmax(0,1fr)}.arrangement-controls{flex-direction:column;gap:.375rem}.arrangement-actions{flex-wrap:wrap}.lyric-page-header{align-items:flex-start;flex-direction:column}.section-takes{grid-template-columns:1fr}.section-takes>.take-label{display:none}.lyric-line-card{grid-template-columns:1.875rem 1fr}.line-actions{grid-column:2;flex-direction:row;justify-content:flex-start}.take-lane{grid-template-columns:3rem minmax(0,1fr) 2.75rem;align-items:center}.take-play{grid-column:1;grid-row:1}.take-waveform-button{grid-column:2;grid-row:1}.take-info{grid-column:2;grid-row:2}.take-select{grid-column:2;grid-row:3;justify-self:start}.take-delete{grid-column:3;grid-row:1}.live-hero{align-items:flex-start;flex-direction:column;gap:1.125rem}.live-hero-controls{max-width:none;width:100%;justify-items:start}.live-hero-actions{justify-content:flex-start;width:100%}.player-guide-picker{justify-content:flex-start}.song-credits{flex-direction:column}.song-credits label{width:100%}.lead-sheet-staff{grid-template-columns:repeat(4,minmax(9.375rem,1fr))}.drum-notation-bars{grid-template-columns:1fr}.sheet-chord-bars{grid-template-columns:repeat(2,1fr)}.sheet-chord-bars>div:nth-child(2n){border-right:0}.sheet-lyrics{padding:.625rem .9375rem .9375rem}.export-grid{grid-template-columns:1fr}.export-card.featured{grid-column:auto}.floating-mixer{left:.5rem!important;top:4.5rem!important;min-width:0;width:calc(100vw - 1rem)!important;height:calc(100vh - 5.625rem)!important}.mixer-channels{justify-content:flex-start;overflow-x:auto}.master-gap{min-width:1.125rem}}@media print{@page{size:letter portrait;margin:.3in .34in .32in}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body,#root{width:100%;min-height:0;background:#fff}body{font-size:9pt}.print-hide,.floating-mixer,.toast-message,.modal-backdrop,.drum-guide-playhead{display:none!important}.studio-body,.studio-main{display:block}.workspace{max-width:none;padding:0}.print-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.125rem;margin-bottom:.3125rem;padding:.4375rem .5625rem .375rem;border:1.5px solid #000;border-bottom-width:.25rem;background:#eef2ff}.print-title-main{min-width:0}.print-title-main>span{display:block;margin-bottom:1px;color:var(--blue);font-family:var(--font-ui);font-size:6.5pt;font-weight:600}.print-title h1{overflow:hidden;font-family:var(--font-sheet);font-size:22pt;line-height:.95;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.print-title p{margin-top:.1875rem;font-family:var(--font-ui);font-size:7.5pt;font-weight:500}.print-metadata{display:grid;grid-template-columns:repeat(3,auto);gap:.875rem;margin:0}.print-metadata>div{min-width:3.125rem}.print-metadata dt{color:#555;font-family:var(--font-ui);font-size:5.5pt;font-weight:600}.print-metadata dd{margin:1px 0 0;font-family:var(--font-sheet);font-size:10pt;font-weight:600}.print-form-summary{display:grid;grid-template-columns:3.375rem 1fr;align-items:baseline;gap:.5rem;margin-bottom:.4375rem;padding:.1875rem .4375rem;border:1px solid #000;font-family:var(--font-ui)}.print-form-summary span{color:var(--blue);font-size:6pt;font-weight:600}.print-form-summary strong{font-size:7.5pt;line-height:1.15;overflow-wrap:anywhere}.sheet-page{max-width:none;gap:.375rem}.sheet-section{break-inside:avoid-page;border-width:1px;border-left-width:.3125rem;border-radius:.125rem;box-shadow:none;border-color:#000;overflow:visible}.lyric-sheet-section,.lyric-sheet-section.is-current{border:0;border-left:.125rem solid #000;padding-left:.375rem}.sheet-section>header{min-height:1.5rem;padding:.1875rem .4375rem;border-bottom-width:1px;break-after:avoid}.sheet-section>header>div{gap:.3125rem}.sheet-section h3{font-size:10.5pt;line-height:1}.section-tag{font-size:5.5pt}.repeat-badge{padding:1px .25rem;border-width:.75px;font-size:6pt}.sheet-section>header button,.take-count{display:none}.live-hero,.live-form-strip{display:none}.lead-sheet-staff{grid-template-columns:repeat(4,1fr);overflow:visible}.lead-sheet-measure{min-width:0;min-height:2.625rem;grid-template-columns:repeat(var(--beats, 4),minmax(0,1fr));grid-template-rows:1.4375rem 1.1875rem;border-right-width:1px}.lead-sheet-measure>small{top:.125rem;left:.1875rem;font-size:5pt}.lead-sheet-measure>strong{top:.5625rem;padding:0 .125rem;font-size:10pt}.lead-sheet-measure>span{padding-top:0;font-size:10pt;line-height:1}.lead-sheet-staff.is-compact .lead-sheet-measure{min-height:2.375rem;grid-template-rows:1.3125rem 1.0625rem}.lead-sheet-staff.is-compact .lead-sheet-measure>strong{top:.5rem;font-size:9.5pt}.lead-sheet-staff.is-compact .lead-sheet-measure>span{padding-top:0;font-size:9pt}.live-lyric-lines{padding:.125rem .4375rem .25rem}.live-lyric-line{padding:.125rem .25rem .1875rem;border-bottom-width:.5px;break-inside:avoid}.live-lyric-line.is-empty+.live-lyric-line.is-empty{display:none}.live-chord-track{height:.875rem}.live-chord-track strong{top:0;color:#000;font-size:10pt}.live-lyric-line p{min-height:.8125rem;font-size:10pt;line-height:1.15}.section-learning-tools{grid-template-columns:repeat(2,minmax(0,1fr));padding:.1875rem;gap:.1875rem;border-top-width:1px;background:#fff}.instrument-guide{break-inside:avoid}.instrument-guide.guide-drums{grid-column:1 / -1}.instrument-guide>header{min-height:.875rem;padding:1px .25rem}.instrument-guide>header strong{font-size:6pt}.instrument-guide>header small{font-size:5.5pt}.chord-guide-grid,.guide-bass .chord-guide-grid,.guide-piano .chord-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:.125rem;gap:.125rem}.chord-guide-card,.guide-bass .chord-guide-card,.guide-piano .chord-guide-card{min-height:3.25rem;padding:1px;gap:0;border-radius:.125rem}.chord-guide-card>strong{min-height:.625rem;padding:0;font-size:7.5pt;line-height:1}.string-chord-diagram{width:2.9375rem;height:3.0625rem}.bass-root-diagram{width:min(100%,3.8125rem);height:2.125rem}.piano-chord-diagram{width:min(100%,3.8125rem);height:2.1875rem}.drum-notation-bars{grid-template-columns:minmax(0,1fr);padding:.125rem;gap:.125rem}.drum-notation-bar{padding:.125rem;border-radius:.125rem}.drum-notation-bar>strong{margin-bottom:.125rem;font-size:5.5pt}.drum-notation-grid{--drum-label-w: 1.3125rem}.drum-notation-grid>small{min-height:.4375rem;font-size:4.5pt}.drum-notation-row>span,.drum-notation-row>i{min-height:.625rem}.drum-notation-row>span{font-size:5pt}.drum-notation-row>i.has-hit:after{max-width:.3125rem}}.clip-lane-wrap{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.clip-lane-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.clip-lane-bar span{font-size:.75rem;font-weight:600;color:var(--ink)}.clip-lane-bar small{font-size:.75rem;font-weight:500;color:var(--muted)}.clip-lane-tools{margin-left:auto;display:flex;gap:.25rem}.clip-lane-tools button{display:inline-flex;align-items:center;gap:.1875rem;font-size:.75rem;font-weight:600;padding:.1875rem .5rem;border-radius:.375rem;border:1px solid var(--hair);background:#fff;cursor:pointer}.clip-lane-tools button:disabled{opacity:.4;cursor:default}.clip-lane{position:relative;height:4rem;border:1px solid var(--hair);border-radius:.625rem;background:repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0 1px,transparent 1px 25%);overflow:hidden;outline:none}.clip-lane:focus-visible{box-shadow:0 0 0 .1875rem #5b7cfa40}.clip-grid{position:absolute;top:0;bottom:0;width:1px;background:#00000014;pointer-events:none}.vclip{position:absolute;top:.25rem;bottom:.25rem;border-radius:.4375rem;border:1.5px solid var(--accent, #5b7cfa);background:#5b7cfa24;color:var(--accent, #5b7cfa);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.vclip:active{cursor:grabbing}.vclip.is-selected{background:#5b7cfa47;box-shadow:0 0 0 .125rem #5b7cfa73}.vclip svg{position:absolute;top:.125rem;right:.1875rem;bottom:.125rem;left:.1875rem;width:calc(100% - .375rem);height:calc(100% - .25rem);pointer-events:none}.vclip svg rect{fill:currentColor;opacity:.85}.vclip-edge{position:absolute;top:0;bottom:0;width:.5625rem;cursor:ew-resize}.vclip-edge.l{left:0;border-left:.1875rem solid currentColor;border-radius:.4375rem 0 0 .4375rem}.vclip-edge.r{right:0;border-right:.1875rem solid currentColor;border-radius:0 .4375rem .4375rem 0}.vclip-fade{position:absolute;top:0;bottom:0;pointer-events:none}.vclip-fade.l{left:0;background:linear-gradient(90deg,rgba(255,255,255,.75),transparent)}.vclip-fade.r{right:0;background:linear-gradient(-90deg,rgba(255,255,255,.75),transparent)}.vclip-fadegrip{position:absolute;top:0;width:.6875rem;height:.6875rem;cursor:col-resize}.vclip-fadegrip.l{left:0;border-top-left-radius:.4375rem;background:linear-gradient(135deg,currentColor 45%,transparent 46%);opacity:.55}.vclip-fadegrip.r{right:0;border-top-right-radius:.4375rem;background:linear-gradient(225deg,currentColor 45%,transparent 46%);opacity:.55}.clip-playhead{position:absolute;top:0;bottom:0;width:.125rem;background:var(--record, #e2574c);pointer-events:none}.clip-lane-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.75rem;font-weight:500;color:var(--muted)}.clip-lane-scroll{border:1px solid var(--hair);border-radius:.625rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.clip-lane-scroll .clip-lane{border:0;border-radius:0;min-width:100%}.clip-lane-scroll.is-zoomed{cursor:default}.clip-zoom{display:inline-flex;align-items:center;gap:.125rem;margin-left:.375rem}.clip-zoom output{font-size:.75rem;font-weight:600;min-width:1.625rem;text-align:center;color:var(--muted)}.clip-zoom button{display:inline-flex;align-items:center;padding:.1875rem .375rem;border-radius:.375rem;border:1px solid var(--hair);background:#fff;cursor:pointer}.clip-zoom button:disabled{opacity:.4;cursor:default}.clip-grid.is-beat{background:#0000000a}.take-play{width:100%;min-height:2.875rem}.take-waveform-button{cursor:pointer}.take-lane.is-editing .take-waveform{box-shadow:0 0 0 .125rem var(--accent, #5b7cfa)}.take-marker{position:absolute;top:0;bottom:0;width:.125rem;background:var(--record, #e2574c);pointer-events:none}.take-block{display:flex;flex-direction:column;gap:.375rem}.take-block .clip-lane-wrap{margin:0 0 .25rem;padding:.5rem .625rem .625rem;border:1px dashed var(--hair);border-radius:.625rem;background:#5b7cfa0a}.melody-memo{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;padding:.625rem .75rem;border:1px solid var(--hair);border-radius:.4375rem;background:#f7f7f5}.melody-memo-wave{flex:1 1 13.75rem;min-width:0;height:2.75rem;display:flex;align-items:center;gap:1px;overflow:hidden;padding:.25rem .375rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff}.melody-memo-wave i{flex:1 0 .125rem;min-height:.125rem;border-radius:1px;background:var(--green)}.melody-memo-empty{flex:1 1 13.75rem;color:var(--muted);font-size:.75rem;font-weight:500}.melody-memo button{min-height:2.25rem;padding:.4375rem .75rem;display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.6875rem;font-weight:600}.melody-memo button.memo-record{background:var(--red);border-color:var(--red);color:#fff}.melody-memo button.memo-record.is-armed{animation:memo-pulse 1s ease infinite}@keyframes memo-pulse{50%{filter:brightness(1.25)}}.melody-memo-error{width:100%;color:var(--red);font-size:.75rem;font-weight:600}.melody-record-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.melody-record-controls .record-button{min-height:2.375rem;padding:.4375rem .875rem;display:inline-flex;align-items:center;gap:.4375rem;border:1px solid var(--rec);border-radius:.375rem;background:var(--red);color:#fff;font-size:.75rem;font-weight:600}.melody-record-controls .record-status{color:var(--muted);font-size:.75rem;font-weight:600}.word-finder{display:grid;gap:.4375rem;margin-top:.875rem;padding:.625rem;border:1px solid var(--hair);border-radius:.4375rem;background:#f7f7f5}.word-finder input{min-height:2.125rem;padding:.375rem .5625rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font:inherit;font-weight:500}.word-finder .segmented button{font-size:.75rem}.word-finder-results{display:flex;flex-wrap:wrap;gap:.3125rem;min-height:1.875rem}.word-finder-results p{margin:0;color:var(--muted);font-size:.6875rem;font-weight:500;line-height:1.4}.word-finder-results button{min-height:1.75rem;padding:.25rem .5625rem;border:1px solid var(--hair);border-radius:62.4375rem;background:#fff;font-size:.75rem;font-weight:600;cursor:pointer}.word-finder-results button:hover{border-color:var(--blue);color:var(--blue)}.form-add-row .restore-section,.restore-section{border-style:dashed}.lyrics-sections .word-finder .segmented{display:grid;grid-template-columns:1fr 1fr;width:100%}.lyrics-sections .word-finder .segmented button,.lyrics-sections .word-finder .word-finder-results button{width:auto;margin-bottom:0;border-left:0;justify-content:center;text-align:center}.lyrics-sections .word-finder .word-finder-results{align-items:flex-start}.lyrics-sections .word-finder input{width:100%;box-sizing:border-box}.video-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--ctl-border);border-radius:.375rem;background:#000}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-frame.is-empty{display:grid;place-items:center;align-content:center;gap:.375rem;color:#d8dbe3;background:#1f2430;font-family:var(--font-ui);font-size:.6875rem;font-weight:600}.song-video-card{display:grid;grid-template-columns:minmax(12.5rem,21.25rem) minmax(0,1fr);align-items:center;gap:.875rem;margin-bottom:1.125rem;padding:.625rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;box-shadow:none;font-family:var(--font-ui)}.song-video-meta{display:grid;justify-items:start;gap:.375rem}.song-video-meta strong{font-size:.8125rem}.song-video-meta small{color:var(--muted);font-size:.75rem;font-weight:500}.song-video-meta button{display:inline-flex;align-items:center;gap:.3125rem}.song-video-meta button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.video-sync-card{display:grid;grid-template-columns:minmax(16.25rem,25rem) minmax(0,1fr);gap:1.125rem;margin-bottom:1.125rem;padding:1rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:#eef2ff;box-shadow:none;font-family:var(--font-ui)}.video-sync-player{display:grid;gap:.5rem;align-content:start}.video-sync-readout{display:flex;flex-wrap:wrap;gap:.375rem .875rem;min-height:1.25rem;color:var(--muted);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums}.video-sync-readout.is-running{color:var(--ink)}.video-sync-fields{display:grid;gap:.75rem;align-content:start}.video-sync-fields header h3{margin:.125rem 0 .25rem;font-size:1.25rem;letter-spacing:-.03em}.video-sync-fields header p{margin:0;color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.4}.video-sync-field{display:grid;gap:.25rem}.video-sync-field>span{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--muted)}.video-sync-field input{min-height:2.125rem;padding:.375rem .5625rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font:inherit;font-weight:500}.video-sync-field em{color:var(--red);font-size:.75rem;font-weight:600;font-style:normal}.video-sync-field.is-inline{grid-template-columns:auto auto auto;align-items:center;gap:.375rem}.video-sync-field.is-inline input{width:6rem}.video-sync-field.is-inline small{color:var(--muted);font-size:.75rem;font-weight:600}.video-sync-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.video-sync-row button{display:inline-flex;align-items:center;gap:.3125rem}.video-sync-nudges{display:inline-flex;gap:.1875rem}.video-sync-nudges button{min-height:1.875rem;padding:.25rem .4375rem;font-size:.75rem;font-variant-numeric:tabular-nums}.video-sync-hint{flex-basis:100%;color:var(--muted);font-size:.75rem;font-weight:500}.video-sync-actions{padding-top:.25rem;border-top:1.5px solid color-mix(in srgb,var(--ink) 20%,transparent)}.video-sync-remove{margin-left:auto;color:var(--red)}@container app (max-width: 53.75rem){.video-sync-card,.song-video-card{grid-template-columns:1fr}}.save-state.sync-mode-badge{margin-left:.5rem;padding:.125rem .375rem;border:1px solid var(--accent);border-radius:62.4375rem;color:var(--blue)}.chart-meta{display:flex;flex-wrap:wrap;gap:.25rem 1.125rem;margin:.625rem 0 0;font-family:var(--font-ui)}.chart-meta div{display:flex;align-items:baseline;gap:.3125rem}.chart-meta dt{font-size:.75rem;font-weight:600;color:var(--muted)}.chart-meta dd{margin:0;font-family:var(--font-sheet);font-size:.9375rem;font-weight:600}.chart-page{gap:0;border:1px solid var(--ctl-border);border-radius:.4375rem;background:#fffefa;box-shadow:none;overflow:hidden}.chart-line{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.5rem;border-bottom:1px solid var(--hair);border-left:.5625rem solid var(--section)}.chart-line:last-child{border-bottom:0}.chart-line.is-current{background:#fff9d5}.chart-line-label{display:grid;align-content:start;justify-items:start;gap:.125rem;padding:.625rem .25rem .5rem .625rem;font-family:var(--font-ui)}.chart-line-label strong{font-size:.9375rem;line-height:1.05}.chart-line-label small{color:var(--muted);font-size:.75rem;font-weight:600}.chart-line-label button{margin-top:.3125rem;min-height:1.625rem;padding:.1875rem .5rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem}.chart-line-staff{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;min-width:0}.chart-line-staff.has-repeats{grid-template-columns:auto minmax(0,1fr) auto}.chart-repeat{display:grid;place-items:center;padding:0 .3125rem;font-family:var(--font-sheet);font-size:1.375rem;font-weight:600;letter-spacing:-.08em;color:var(--ink)}.chart-line-staff .lead-sheet-staff{grid-template-columns:repeat(4,minmax(7.5rem,1fr));border-top:0}.chart-line-staff .lead-sheet-measure{grid-template-rows:2.5rem 1.875rem;min-height:4.375rem}.chart-line-staff .lead-sheet-measure>strong{top:.75rem;font-size:clamp(1.0625rem,2vw,1.5rem)}.chart-line-staff .lead-sheet-measure>span{padding-top:.125rem;font-size:1.25rem}.chart-line-staff .lead-sheet-measure:nth-child(4n){border-right:0}.song-learning-tools{margin-top:.875rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;font-family:var(--font-ui)}.song-learning-tools .instrument-guide>header small{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.song-learning-tools .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(7.375rem,1fr))}.song-learning-tools .guide-bass .chord-guide-grid,.song-learning-tools .guide-piano .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}@container app (max-width: 47.5rem){.song-learning-tools{grid-template-columns:1fr}}.guide-empty{margin:0;padding:.75rem;color:var(--muted);font-size:.6875rem;font-weight:500}@media print{.chart-page{border-width:1px;border-radius:.125rem;box-shadow:none}.chart-line{break-inside:avoid;grid-template-columns:4.625rem minmax(0,1fr);gap:.1875rem;border-bottom-width:.5px;border-left-width:.25rem}.chart-line-label{padding:.1875rem .125rem .125rem .25rem;gap:1px}.chart-line-label strong{font-size:8pt}.chart-line-label small,.chart-line-label .section-tag{font-size:5pt}.chart-repeat{padding:0 .125rem;font-size:10pt}.chart-line-staff .lead-sheet-staff{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-line-staff .lead-sheet-measure{min-height:1.875rem;grid-template-rows:1.0625rem .8125rem}.chart-line-staff .lead-sheet-measure>strong{top:.3125rem;font-size:9pt}.chart-line-staff .lead-sheet-measure>span{padding-top:0;font-size:8pt;line-height:1}.song-learning-tools{margin-top:.25rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1875rem}.song-learning-tools .instrument-guide.guide-drums{grid-column:auto}.song-learning-tools .instrument-guide{break-inside:avoid}}.video-strip{--track: #e63c48}.video-badge{background:#e63c48}.chord-bank{display:grid;gap:.625rem;margin-bottom:1.125rem;font-family:var(--font-ui)}.chord-bank .song-learning-tools{margin-top:0;padding:0;border-top:0;background:transparent;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.625rem;align-items:start}.chord-bank .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));padding:.375rem;gap:.3125rem}.chord-bank .guide-bass .chord-guide-grid,.chord-bank .guide-piano .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.chord-bank .chord-guide-card{min-height:0;padding:.25rem .25rem .3125rem;gap:.125rem}.chord-bank .chord-guide-card>strong{min-height:1.0625rem;padding-bottom:.125rem;font-size:.875rem}.chord-bank .string-chord-diagram{width:5.125rem;height:5.375rem}.chord-bank .bass-root-diagram,.chord-bank .piano-chord-diagram{width:100%;max-width:8.5rem;height:3.125rem}.chord-bank .instrument-guide.guide-drums{max-width:35rem}.chord-bank .drum-notation-bars{padding:.375rem}.chord-bank .drum-notation-grid{--drum-label-w: 2.875rem}.chord-bank .drum-notation-grid>small{min-height:.8125rem;font-size:.75rem}.chord-bank .drum-notation-row>span{min-height:1.25rem;font-size:.6875rem;color:var(--ink)}.chord-bank .drum-notation-row>i{min-height:1.25rem}.chord-bank .drum-notation-row>i.has-hit:after{max-width:.6875rem}.chord-bank-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5625rem .75rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;box-shadow:none}.chord-bank-title{display:grid;gap:1px}.chord-bank-title strong{font-size:.8125rem;white-space:nowrap}.chord-bank-chips{display:flex;flex-wrap:wrap;gap:.3125rem}.chord-bank-chips span{padding:.1875rem .5625rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;font-family:var(--font-sheet);font-size:.9375rem;font-weight:600;background:#fffefa}.chord-bank-chips span.is-current{background:var(--row);box-shadow:none}@media print{.chord-bank{gap:.25rem;margin-bottom:.375rem}.chord-bank-header{padding:.1875rem .4375rem;gap:.1875rem .625rem;border-width:1px;border-radius:.125rem;box-shadow:none}.chord-bank-title .page-kicker{display:none}.chord-bank-title strong{font-size:6.5pt}.chord-bank-chips span{padding:0 .25rem;border-width:.75px;font-size:8pt}.chord-bank .song-learning-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:.1875rem}}.now-panel{position:fixed;z-index:110;min-width:20rem;max-width:calc(100vw - 1rem);display:flex;flex-direction:column;border:1px solid var(--ctl-border);border-radius:.5rem;background:color-mix(in srgb,var(--row) 82%,transparent);-webkit-backdrop-filter:blur(.1875rem);backdrop-filter:blur(.1875rem);box-shadow:none;resize:horizontal;height:auto;max-height:calc(100vh - 1rem);overflow:hidden;container-type:inline-size;font-family:var(--font-ui)}.now-panel>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3125rem .375rem .3125rem .625rem;border-bottom:1px solid var(--ctl-border);background:color-mix(in srgb,#fff3bf 78%,transparent);cursor:move;-webkit-user-select:none;user-select:none}.now-panel>header>span{display:inline-flex;align-items:center;gap:.3125rem;font-size:.75rem;font-weight:600;color:var(--ink)}.now-panel.is-playing>header>span{color:var(--blue)}.now-panel>header button{width:1.625rem;height:1.625rem;padding:0;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.3125rem;background:#fff}.now-panel-body{flex:0 0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:start;justify-content:center;gap:1.6cqw;padding:1.4cqw 2cqw;overflow:hidden}.now-chord-block.is-placeholder{visibility:hidden}.now-chord-block{min-width:0;display:grid;align-content:start;justify-items:center;gap:1cqw}.now-chord-block.is-previous{opacity:.34}.now-chord-name{display:block;font-family:var(--font-sheet);font-size:9.5cqw;line-height:.95;letter-spacing:-.03em;text-align:center}.now-diagrams{display:grid;grid-template-columns:repeat(var(--now-cols, 1),auto);align-items:start;justify-items:center;justify-content:center;gap:1.2cqw}.now-diagrams figure{margin:0;min-width:0;display:grid;justify-items:center;align-content:start;gap:.4cqw;padding:.8cqw 1cqw;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff}.now-diagrams figcaption{font-size:1.35cqw;font-weight:600;color:var(--muted)}.now-diagrams .string-chord-diagram{width:calc(9.5cqw * var(--now-fig, 1));height:calc(10cqw * var(--now-fig, 1))}.now-diagrams .bass-root-diagram,.now-diagrams .piano-chord-diagram{width:calc(14cqw * var(--now-fig, 1));height:calc(5.8cqw * var(--now-fig, 1))}.now-chord-block.is-previous .now-chord-name,.now-chord-block.is-next .now-chord-name{font-size:5.8cqw}.now-diagrams.is-small{gap:.8cqw;margin-top:.6cqw}.now-diagrams.is-small figure{padding:.5cqw .7cqw}.now-diagrams.is-small figcaption{display:none}.now-diagrams.is-small .string-chord-diagram{width:calc(6.6cqw * var(--now-fig, 1));height:calc(7cqw * var(--now-fig, 1))}.now-diagrams.is-small .bass-root-diagram,.now-diagrams.is-small .piano-chord-diagram{width:calc(9.6cqw * var(--now-fig, 1));height:calc(4cqw * var(--now-fig, 1))}.live-hero-actions button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.lead-sheet-staff.is-pickable .lead-sheet-measure{cursor:pointer}.lead-sheet-staff.is-pickable .lead-sheet-measure:hover{background:color-mix(in srgb,var(--blue),transparent 92%)}.lead-sheet-staff.is-pickable .lead-sheet-measure:focus-visible{outline:.1875rem solid color-mix(in srgb,var(--blue),white 30%);outline-offset:-.1875rem}.lead-sheet-staff.is-pickable .lead-sheet-measure>strong{cursor:pointer}.lead-sheet-measure.is-selected{background:color-mix(in srgb,var(--blue),transparent 88%);box-shadow:inset .1875rem 0 0 var(--blue)}.lead-sheet-measure.is-selected>small{color:var(--blue);font-weight:600}@media print{.lead-sheet-measure.is-selected{background:transparent;box-shadow:none}}.capo-shape{font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--blue)}.now-diagrams .capo-shape{display:none}.capo-control{display:inline-flex;align-items:center;gap:.3125rem;font-family:var(--font-ui)}.capo-control>span{font-size:.75rem;font-weight:600;color:var(--muted)}.capo-control select{min-height:1.75rem;padding:.1875rem .375rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font:inherit;font-size:.75rem;font-weight:600}.capo-suggest{min-height:1.75rem;padding:.25rem .5rem;font-size:.75rem}@media print{.capo-shape{color:#000;font-size:5.5pt}}.board-bar{position:fixed;z-index:140;left:50%;bottom:.875rem;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.375rem .625rem;width:max-content;max-width:calc(100vw - 1rem);padding:.375rem .625rem;border:1px solid var(--ctl-border);border-radius:1.375rem;background:#fff;box-shadow:none;font-family:var(--font-ui);opacity:.35;transition:opacity .15s ease}.board-bar:hover,.board-bar:focus-within{opacity:1}.board-bar>span{display:inline-flex;align-items:center;gap:.3125rem;font-size:.75rem;font-weight:600;color:var(--muted)}.board-bar button{min-height:1.875rem;padding:.25rem .625rem;display:inline-flex;align-items:center;gap:.3125rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.75rem;font-weight:600}.board-bar kbd{padding:1px .25rem;border:1px solid var(--line);border-radius:.1875rem;font-size:.75rem}.board-play.is-playing{background:var(--row)}.board-zoom{display:inline-flex;align-items:center;gap:.1875rem}.board-zoom output{min-width:2.375rem;text-align:center;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.board-zoom>span{margin-right:.125rem;font-size:.75rem;font-weight:600;color:var(--muted)}.board-zoom button:disabled{opacity:.35;cursor:default}.board-speed.is-slowed output{color:var(--blue)}.sheet-section>header button.is-looping{border-color:var(--blue);background:var(--blue);color:#fff}.is-presenting .studio-header,.is-presenting .mobile-nav,.is-presenting .transport-strip,.is-presenting .live-hero-controls,.is-presenting .song-credits,.is-presenting .song-about,.is-presenting .chart-line-label button,.is-presenting .sheet-section>header button{display:none}.is-presenting .chart-line-label button.section-loop,.is-presenting .sheet-section>header button.section-loop{display:inline-flex}.is-presenting .studio-body{min-height:100vh;grid-template-columns:minmax(0,1fr)}.is-presenting .workspace{max-width:none;padding:.625rem clamp(.5rem,1.5vw,1.25rem) 4rem}.is-presenting .live-hero{padding:.625rem 1rem;margin-bottom:.625rem}.is-presenting .live-hero h2{font-size:clamp(1.375rem,3.2vw,2.5rem)}.is-presenting .chart-line-staff .lead-sheet-measure>strong{font-size:calc(clamp(1.0625rem,2vw,1.5rem) * var(--board-zoom, 1.35))}.is-presenting .chart-line-staff .lead-sheet-measure>span{font-size:calc(1.25rem * var(--board-zoom, 1.35));color:#8e939c}.is-presenting .chart-line-staff .lead-sheet-measure{grid-template-rows:calc(2.5rem * var(--board-zoom, 1.35)) calc(1.875rem * var(--board-zoom, 1.35));min-height:calc(4.375rem * var(--board-zoom, 1.35))}.is-presenting .chart-line-label strong{font-size:calc(.9375rem * var(--board-zoom, 1.35))}.is-presenting .chart-line-label small{font-size:calc(.5625rem * var(--board-zoom, 1.35))}.is-presenting .live-form-strip button{min-height:calc(2.875rem * var(--board-zoom, 1.35))}.is-presenting .live-form-strip span{font-size:calc(.6875rem * var(--board-zoom, 1.35))}@media screen{.is-presenting .live-lyric-line p{font-size:calc(1.1875rem * var(--board-zoom, 1.35));min-height:calc(1.75rem * var(--board-zoom, 1.35))}.is-presenting .live-chord-track{height:calc(1.9375rem * var(--board-zoom, 1.35))}.is-presenting .live-chord-track strong{font-size:calc(1.0625rem * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section h3{font-size:calc(1.125rem * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section .lead-sheet-staff.is-compact .lead-sheet-measure{grid-template-rows:calc(2.8125rem * var(--board-zoom, 1.35)) calc(2.375rem * var(--board-zoom, 1.35));min-height:calc(5.1875rem * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section .lead-sheet-staff.is-compact .lead-sheet-measure>strong{font-size:calc(clamp(.9375rem,1.7vw,1.3125rem) * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section .lead-sheet-staff.is-compact .lead-sheet-measure>span{font-size:calc(1.3125rem * var(--board-zoom, 1.35))}}.is-presenting .chart-line.is-current{background:transparent;box-shadow:none}.is-presenting .chart-line.is-current .chart-line-staff{box-shadow:inset 0 0 0 .1875rem var(--ink);border-radius:.25rem}.is-presenting .lead-sheet-measure.is-selected{background:color-mix(in srgb,var(--blue),transparent 78%)}.chart-line-buttons{margin-top:.3125rem;display:inline-flex;gap:.25rem}.chart-line-buttons button{min-height:1.625rem;padding:.1875rem .5rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem}.chart-line-buttons button.is-looping{border-color:var(--blue);background:var(--blue);color:#fff}.lead-sheet-measure.is-looped{background:color-mix(in srgb,var(--blue),transparent 93%);box-shadow:inset 0 .1875rem 0 var(--blue)}.lead-sheet-measure.is-looped.is-selected{background:color-mix(in srgb,var(--blue),transparent 86%)}.loop-chip{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin-bottom:.875rem;padding:.4375rem .75rem;border:1px solid var(--accent);border-radius:62.4375rem;background:color-mix(in srgb,var(--blue),white 90%);font-family:var(--font-ui)}.loop-chip strong{font-size:.75rem}.loop-chip small{color:var(--muted);font-size:.75rem;font-weight:500}.loop-chip button{margin-left:auto;min-height:1.75rem;padding:.1875rem .625rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem}@media print{.loop-chip,.lead-sheet-measure.is-looped{display:revert;background:transparent;box-shadow:none}.loop-chip{display:none}}.mixdown-progress{width:100%;height:.5rem;margin-top:.375rem;accent-color:var(--blue)}.mixdown-progress::-webkit-progress-bar{background:color-mix(in srgb,var(--ink),transparent 88%);border-radius:62.4375rem}.mixdown-progress::-webkit-progress-value{background:var(--blue);border-radius:62.4375rem}.drop-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:grid;place-content:center;justify-items:center;background:color-mix(in srgb,var(--blue),transparent 80%);-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem);pointer-events:none}.drop-veil>div{display:grid;justify-items:center;gap:.25rem;padding:1.375rem 2.125rem;border:.1875rem dashed var(--blue);border-radius:.875rem;background:var(--paper);font-family:var(--font-ui);box-shadow:none}.drop-veil strong{font-size:1.125rem}.drop-veil small{color:var(--muted);font-size:.6875rem;font-weight:600}.opening-link{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:grid;place-content:center;justify-items:center;gap:.25rem;background:var(--paper);font-family:var(--font-ui)}.opening-link strong{font-size:1rem}.opening-link small{color:var(--muted);font-size:.6875rem;font-weight:500}.qr-image{display:block;width:min(20rem,60vw);height:auto;margin:0 auto;border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;image-rendering:pixelated}.qr-length{margin-top:.625rem;text-align:center;color:var(--muted);font-size:.6875rem;font-weight:500}.qr-error{margin:0;color:var(--red);font-size:.75rem;font-weight:600;line-height:1.4}.board-bar button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.key-spelling{min-height:1.625rem;margin-left:.3125rem;padding:.125rem .4375rem;border:1px solid var(--hair);border-radius:.375rem;background:#fff;font-family:var(--font-sheet);font-size:.75rem;font-weight:600;color:var(--muted)}.key-spelling:hover{border-color:var(--blue);color:var(--blue)}.spelling-flip{min-height:1.125rem;margin-left:.3125rem;padding:0 .3125rem;border:1px solid var(--line);border-radius:.25rem;background:#fff;font-family:var(--font-sheet);font-size:.75rem;font-weight:600;color:var(--muted);vertical-align:middle}.spelling-flip:hover{border-color:var(--blue);color:var(--blue)}.chord-lane-header{margin:0 .625rem;padding:.5rem .75rem;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;border:1px solid var(--ctl-border);border-top:0;background:var(--card)}.chord-lane-chip{min-height:2.0625rem;padding:.25rem .6875rem;display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.75rem;font-weight:600}.chord-lane-chip small{font-size:.75rem;font-weight:600;color:var(--muted)}.chord-lane-chip.is-active{color:#fff;background:var(--purple)}.chord-lane-chip.is-active small{color:#fff}.chord-roll-shell.is-layer-chord{background:color-mix(in srgb,var(--purple),white 92%)}.chord-roll-shell.is-layer-chord.is-active-lane{box-shadow:inset .25rem 0 0 var(--purple)}.chord-roll-shell.is-layer-chord .sequence-event:not(.is-color-chord):not(.is-belt-chord){background:color-mix(in srgb,var(--purple),white 30%)}.chord-layer-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:0 0 .625rem}.chord-layer-name{display:grid;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--muted)}.chord-layer-name input{width:10rem;max-width:100%;padding:.375rem .5rem;color:var(--ink);font:inherit;font-size:.8125rem;border:1px solid var(--line);border-radius:.3125rem;background:#fff}.chord-layer-header>strong{margin-right:.25rem;font-size:.75rem;color:var(--purple)}.chord-layer-header .chord-octave-control{min-width:0;padding:.1875rem .375rem}.chord-layer-header .chord-octave-control>.panel-eyebrow{display:none}.chord-layer-header .lane-copy{margin-left:auto}.chord-layer-header .lane-copy+.chord-lane-remove{margin-left:0}.chord-lane-header .lane-copy{margin-left:auto}.chord-lane-remove{min-height:2.0625rem;margin-left:auto;padding:.25rem .6875rem;display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.75rem;font-weight:600;color:var(--red)}.select-menu-heading{padding:.5rem .5rem .1875rem;color:var(--muted);font-size:.75rem;font-weight:600}.sound-edit-button{min-width:2.125rem;min-height:2.125rem!important;padding:0 .5rem!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ctl-border);border-radius:.375rem;background:color-mix(in srgb,var(--purple),white 84%);color:var(--ink)}.sound-edit-button:hover{background:color-mix(in srgb,var(--purple),white 70%)}.modal-card:has(.synth-editor){width:min(51.25rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column}.modal-card:has(.synth-editor)>.modal-content{overflow-y:auto;padding:1rem 1.125rem 0}.synth-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.75rem}.synth-editor>*{grid-column:1 / -1}.synth-editor>.tone-filter{grid-column:1}.synth-editor>.tone-amp{grid-column:2}.synth-name-row{display:flex;flex-wrap:wrap;align-items:end;gap:.625rem .875rem}.synth-name-field{flex:1 1 16.25rem;display:grid;gap:.25rem}.synth-name{min-width:0;min-height:2.375rem;padding:.375rem .6875rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;color:var(--ink);font:inherit;font-size:.9375rem;font-weight:600}.synth-role-badge{padding:.375rem .625rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.75rem;font-weight:600}.synth-section{--synth-tint: #eef0f4;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;overflow:hidden}.synth-section.tone-osc{--synth-tint: color-mix(in srgb, var(--purple), white 84%);--track: var(--purple)}.synth-section.tone-filter{--synth-tint: color-mix(in srgb, var(--blue), white 84%);--track: var(--blue)}.synth-section.tone-amp{--synth-tint: color-mix(in srgb, var(--green), white 84%);--track: var(--green)}.synth-section.tone-lfo{--synth-tint: color-mix(in srgb, var(--row), white 60%);--track: #c99a00}.synth-section-title{display:flex;align-items:center;gap:.5rem;margin:0;padding:.4375rem .75rem;border-bottom:1px solid var(--ctl-border);background:var(--synth-tint);font-size:.6875rem;font-weight:600}.synth-section-title h3{margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit}.synth-section-body{display:grid;gap:.625rem;padding:.75rem;align-content:start}.synth-tag{padding:1px .4375rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.75rem}.synth-tag.is-on{background:var(--ink);color:#fff}.synth-osc-list{gap:0;padding:.125rem .75rem .5rem}.synth-osc{display:flex;flex-wrap:wrap;align-items:end;gap:.625rem 1.25rem;padding:.625rem 0 .75rem}.synth-osc+.synth-osc{border-top:1px solid var(--line)}.synth-osc-more{padding:.625rem 0 .25rem}.synth-osc-label{align-self:center;min-width:2.75rem;font-size:.6875rem;font-weight:600}.synth-osc-field{display:grid;gap:.3125rem}.synth-osc-field>span{font-size:.75rem;font-weight:600;color:var(--muted)}.synth-osc-knobs{display:flex;gap:.75rem}.synth-osc-remove{align-self:center;margin-left:auto;min-height:1.625rem!important;padding:.125rem .5625rem!important;font-size:.75rem!important}.synth-osc-add{display:inline-flex!important;align-items:center;gap:.5rem;min-height:2.25rem!important;padding:.375rem .75rem!important;border:1.5px dashed var(--ink)!important;border-radius:.375rem!important;background:#fff!important;font-size:.6875rem!important}.synth-osc-add small{font-size:.75rem;font-weight:500;color:var(--muted)}.synth-osc-add:hover{background:#f7f7f5!important}.synth-wave-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.synth-wave{display:grid!important;justify-items:center;gap:.1875rem;min-height:2.875rem!important;padding:.375rem .25rem .3125rem!important;border:1px solid var(--ctl-border)!important;border-radius:.375rem!important;background:#fff!important;font-size:.75rem!important;font-weight:600;line-height:1}.synth-wave svg{display:block;width:1.875rem;height:.875rem}.synth-wave:hover{background:color-mix(in srgb,var(--track, var(--ink)),white 82%)!important}.synth-wave.is-active,.synth-wave.is-active:hover{background:var(--ink)!important;color:#fff}.synth-knobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.125rem,1fr));align-items:start;gap:.625rem .5rem}.synth-editor .segmented button{min-height:2rem;padding:.3125rem .6875rem;font-size:.6875rem}.synth-lfo.is-off{opacity:.5}.synth-lfo{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem 1.375rem;transition:opacity .15s ease}.synth-osc .synth-wave-picker,.synth-lfo .synth-wave-picker{grid-template-columns:repeat(4,3.5rem)}.synth-toggle{display:inline-flex;align-items:center;gap:.4375rem;margin-left:auto;min-height:0!important;padding:.125rem 0!important;border:0!important;border-radius:.25rem!important;background:none!important;box-shadow:none!important;font-size:.75rem!important;font-weight:600}.synth-toggle-track{position:relative;width:2.125rem;height:1.125rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;transition:background .15s ease}.synth-toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:.6875rem;height:.6875rem;border-radius:50%;background:var(--ink);transition:transform .15s ease,background .15s ease}.synth-toggle.is-on .synth-toggle-track{background:var(--ink)}.synth-toggle.is-on .synth-toggle-thumb{background:var(--row);transform:translate(1rem)}.synth-osc-field>.synth-toggle{margin-left:0;min-height:2rem!important}.synth-field-note{font-size:.75rem;font-weight:500;color:var(--muted)}.synth-section.tone-fx{--synth-tint: color-mix(in srgb, var(--pink), white 76%);--track: var(--pink)}.synth-fx{display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem 0}.synth-fx-group{display:grid;gap:.375rem;align-content:start;justify-items:center;padding:0 1.25rem}.synth-fx-group:first-child{padding-left:.125rem}.synth-fx-group+.synth-fx-group{border-left:1px solid var(--line)}.synth-fx-name{text-align:center;font-size:.75rem;font-weight:600;color:var(--muted)}.synth-fx-row{display:flex;flex-wrap:wrap;align-items:end;gap:.625rem 1.125rem}.kit-voices{display:grid;grid-template-columns:1fr;gap:.75rem}.kit-voice{--synth-tint: color-mix(in srgb, var(--track), white 82%)}.kit-voice .synth-section-title{flex-wrap:wrap;gap:.5rem;padding:.375rem .625rem}.kit-key{padding:1px .375rem;border:1px solid var(--ctl-border);border-radius:.25rem;background:#fff;font:inherit;font-size:.75rem;line-height:1.4}.kit-model{margin-left:auto}.kit-model+.kit-pad{margin-left:0}.synth-editor .kit-model button{min-height:1.5rem;padding:.1875rem .4375rem;font-size:.75rem}.synth-editor .kit-pad{margin-left:auto;min-height:1.625rem!important;padding:.1875rem .625rem!important;font-size:.6875rem!important;background:var(--row)!important}.kit-body{display:flex;flex-wrap:wrap;align-items:end;gap:.625rem 1rem;padding:.625rem .75rem .75rem}.kit-knobs{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem .625rem}.kit-fx{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem .625rem;padding-left:.875rem;border-left:1px solid var(--line)}.synth-editor .knob-control{min-width:3.5rem;gap:.25rem;font-size:.75rem}.synth-editor .knob-face{width:2.75rem;height:2.75rem}.synth-editor .knob-face:before{top:.375rem;right:.375rem;bottom:.375rem;left:.375rem}.synth-editor .knob-pointer{top:.5625rem;right:.5625rem;bottom:.5625rem;left:.5625rem}.synth-editor .knob-pointer:before{height:.5625rem}.synth-editor .knob-control output{min-height:1rem;padding:1px .375rem;border-radius:62.4375rem;background:#eef0f4;color:var(--ink);font-size:.6875rem;font-weight:600;text-transform:none;letter-spacing:0}.synth-editor .knob-face:hover:before{box-shadow:0 1px .125rem #1e232d38,0 0 0 .125rem color-mix(in srgb,var(--track, var(--ink)),white 65%)}.synth-editor-note{margin:0;padding:.5rem .625rem;border:1px solid var(--hair);border-radius:.375rem;background:#f6f6f4;font-size:.75rem;font-weight:500;color:var(--muted)}.key-finder-button{justify-self:end;min-height:1.875rem!important;padding:.25rem .5625rem!important;display:inline-flex;align-items:center;gap:.3125rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:color-mix(in srgb,var(--blue),white 84%);font-size:.75rem;font-weight:600;white-space:nowrap}.modal-card:has(.key-finder){width:min(42.5rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column}.modal-card:has(.key-finder)>.modal-content{overflow-y:auto;padding:1rem 1.125rem 1.125rem}.key-finder{display:grid;gap:.75rem}.key-finder-input{display:grid;gap:.25rem}.key-finder-input input{min-height:2.5rem;padding:.375rem .6875rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font:inherit;font-size:1rem;font-weight:600}.key-finder-unknown{font-size:.6875rem;font-weight:500;color:var(--red)}.key-finder-line{margin:0;font-size:.875rem;font-weight:600}.key-finder-results{display:grid;gap:.625rem}.key-finder-card{--synth-tint: #eef0f4}.key-finder-card.tone-best{--synth-tint: color-mix(in srgb, var(--row), white 50%)}.key-finder-body{gap:.375rem}.key-finder-romans{margin:0;font-size:1rem;font-weight:600}.key-finder-home{margin:0;font-size:.75rem;font-weight:600;color:var(--blue)}.key-finder-reasons{margin:0;padding-left:1.125rem;font-size:.75rem;line-height:1.45}.key-finder-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.25rem}.key-finder-actions button{min-height:2.125rem;padding:.3125rem .75rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.6875rem;font-weight:600}.key-finder-actions .belt-add-button{background:var(--ink);color:#fff}@container app (max-width: 42.5rem){.synth-editor{grid-template-columns:1fr}.synth-editor>.tone-filter,.synth-editor>.tone-amp{grid-column:1}.synth-osc-label{flex-basis:100%}.kit-fx{border-left:0;padding-left:0}.synth-osc .synth-wave-picker,.synth-lfo .synth-wave-picker{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.synth-editor .segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr))}}.sound-kind{display:inline-flex;align-items:center;margin-right:.375rem;color:var(--muted);vertical-align:-1px}.select-menu-list button .sound-kind{margin-right:.5rem}.synth-switch{display:grid;gap:.25rem}.synth-switch .select-menu{min-width:12.5rem}.synth-hint-line{margin:-.25rem 0 0;font-size:.75rem;font-weight:500;color:var(--muted)}.editor-mode{align-self:center}.synth-editor .editor-mode button{min-height:1.875rem;padding:.3125rem .625rem;font-size:.6875rem}.synth-section.tone-simple{--synth-tint: color-mix(in srgb, var(--row), white 55%);--track: #c99a00}.synth-simple{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.625rem;padding:1.125rem 1rem .625rem}.synth-simple .knob-control{min-width:4rem;gap:.375rem;font-size:.6875rem}.synth-simple .knob-face{width:3.625rem;height:3.625rem}.synth-simple .knob-face:before{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem}.synth-simple .knob-pointer{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}.synth-simple .knob-pointer:before{height:.75rem}.synth-simple-hint{margin:0;padding:0 1rem .75rem;font-size:.6875rem;font-weight:500;color:var(--muted)}.meter-control .select-menu{min-width:3.875rem}.meter-control .select-menu-list{width:14.375rem}.meter-control .select-menu-list button>span{display:flex;align-items:baseline;gap:.625rem}.meter-control .select-menu-list small{color:var(--muted);font-size:.6875rem;font-weight:600;letter-spacing:0}.meter-control .select-menu-list button.is-selected small{color:inherit}@container app (max-width: 90rem){.meter-control>span{display:none}}.tempo-control .tempo-beat-unit{padding:1px .25rem;border-radius:.25rem;background:#e7eaf0;color:var(--ink);font-family:var(--font-sheet);font-size:.875rem;font-weight:600;line-height:1.1;cursor:help}.confirm-details{margin:.625rem 0 0;padding-left:1.125rem;display:grid;gap:.3125rem;font-size:.8125rem}.chart-line-staff.has-time-signature{grid-template-columns:auto minmax(0,1fr)}.chart-line-staff.has-time-signature.has-repeats{grid-template-columns:auto auto minmax(0,1fr) auto}.chart-time-signature{display:grid;align-content:center;justify-items:center;padding:0 .125rem 0 .375rem;font-family:var(--font-sheet);font-size:1.3125rem;font-weight:600;line-height:.92;color:var(--ink)}.is-presenting .chart-time-signature{font-size:calc(1.3125rem * var(--board-zoom, 1.35))}@media print{.chart-time-signature{padding:0 1px 0 .1875rem;font-size:9pt}}.progression-shelf{background:#fff;margin:0 auto;max-width:75rem;padding:1.5rem}.progression-shelf h2{font-size:1.5rem;font-weight:600}.progression-card-body{padding:1.125rem}.progression-notes{white-space:pre-wrap;overflow-wrap:anywhere}.instrument-rack,.form-map-card,.lyrics-sections,.lyric-page,.live-hero,.export-card,.song-video-card,.video-sync-card,.chart-page,.chord-bank-header,.now-panel,.board-bar,.sheet-section,.sheet-section.is-current,.arrangement-card.is-selected{box-shadow:none}.modal-card,.toast-message,.select-menu-list,.jamzone-floating-panel,.drop-veil>div{box-shadow:0 .625rem 1.875rem #1416282e}.select-menu-trigger[aria-expanded=true],.chord-bank-chips span.is-current{box-shadow:none}.lyric-page-header{border-left-width:.5rem}.line-content textarea{font-size:1.375rem;line-height:1.45;padding:.375rem .125rem;font-weight:500}.line-content textarea::placeholder{color:color-mix(in srgb,var(--muted),white 25%);font-weight:400}.line-number{padding-top:.75rem;color:color-mix(in srgb,var(--muted),white 35%)}.line-chords span{font-size:1.125rem}.lyric-page-header input{font-size:1.5rem}.lyric-line-card{padding:.625rem 0}.sheet-section.is-current{box-shadow:none;border-color:var(--section)}.lyric-sheet-section.is-current{border-left-width:.25rem;box-shadow:inset 0 0 0 .125rem var(--section),inset .25rem 0 0 var(--section);background:transparent}.live-lyric-line.is-current{background:transparent;box-shadow:none}.sheet-lyrics p.is-current{background:transparent}.chart-line.is-current{background:transparent;box-shadow:inset 0 0 0 .125rem var(--section)}.sheet-chord-bars>div.is-current{background:transparent}.live-form-strip button.is-current{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 .125rem var(--section)}.jam-explain{margin:-.5rem 0 1rem 1.6875rem;max-width:32.5rem;color:var(--muted);font-size:.8125rem;font-weight:600;line-height:1.45}.jam-enable strong{font-size:.9375rem}.lead-sheet-measure.is-selected{background:transparent;box-shadow:inset 0 0 0 .125rem var(--blue)}.lead-sheet-measure.is-looped,.lead-sheet-measure.is-looped.is-selected,.is-presenting .lead-sheet-measure.is-selected{background:transparent}.board-guides .instrument-guide-selector button{min-height:1.875rem;font-size:.75rem}.instrument-guide>header{flex-wrap:wrap}.instrument-guide>header .capo-tools{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.live-hero .chart-meta dt{font-size:.75rem;color:color-mix(in srgb,var(--ink),transparent 30%)}.live-hero .chart-meta dd{font-size:1.0625rem}.jamzone-library{margin-top:2.75rem}.jamzone-library-heading{align-items:flex-end}.jamzone-library-heading p{margin-top:.25rem;color:var(--muted);font-size:.75rem;font-weight:500}.jamzone-library-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem 1.125rem;margin-bottom:1.125rem}.jamzone-library-search{display:flex;align-items:center;gap:.4375rem;min-width:15rem;flex:1 1 16.25rem;max-width:26.25rem;padding:0 .625rem;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;color:var(--muted)}.jamzone-library-search input{flex:1;min-width:0;border:0;background:transparent;padding:.5625rem 0;font-weight:500;font-size:.8125rem}.jamzone-library-search input:focus{outline:none}.jamzone-library-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.jamzone-library-tabs>span{font-size:.75rem;font-weight:600;color:var(--muted);margin-right:.125rem}.library-screen .jamzone-library-tabs button{min-height:2rem;padding:.3125rem .6875rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;font-size:.75rem}.library-screen .jamzone-library-tabs button small{margin-left:.25rem;font-size:.75rem;color:var(--muted)}.library-screen .jamzone-library-tabs button.is-active{background:var(--ink);color:#fff}.library-screen .jamzone-library-tabs button.is-active small{color:#ffffffb3}.jamzone-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.375rem,1fr));gap:.75rem}.jamzone-song-card{position:relative;border:1px solid var(--ctl-border);border-radius:.5rem;background:var(--card);box-shadow:none;overflow:hidden}.library-screen .jamzone-song-open{width:100%;min-height:9.375rem;padding:.875rem .875rem .75rem!important;border:0!important;border-radius:0!important;display:grid!important;gap:.1875rem;align-content:start;justify-items:start;text-align:left}.jamzone-song-style{font-size:.75rem;font-weight:600;color:var(--blue)}.jamzone-song-card h3{font-size:1.0625rem;line-height:1.15}.jamzone-song-card p{margin:0;color:var(--muted);font-size:.75rem;font-weight:500}.jamzone-song-meta{margin-top:.375rem;font-size:.75rem;font-weight:600;color:var(--ink)}.jamzone-song-action{margin-top:.5rem;display:inline-flex;align-items:center;gap:.3125rem;font-size:.75rem;font-weight:600;color:var(--blue)}.jamzone-song-link{position:absolute;top:.625rem;right:.625rem;display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .4375rem;border:1px solid var(--line);border-radius:62.4375rem;color:var(--muted);font-size:.75rem;font-weight:600;text-decoration:none;background:#fff}.jamzone-song-link:hover{color:var(--ink);border-color:var(--ink)}.jamzone-library-empty{padding:1.75rem;text-align:center;color:var(--muted);font-weight:500;border:.125rem dashed #aaa;border-radius:.5rem}.jamzone-library-more{margin-top:1rem;display:flex;justify-content:center}@container app (max-width: 47.5rem){.jamzone-library-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}.library-screen .jamzone-song-open{justify-content:start;padding-right:5.75rem!important}.song-grid{grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr));gap:.625rem}.song-card{box-shadow:none}.song-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .375rem}.library-screen .song-row .song-open{min-height:2.75rem!important;padding:.25rem .5rem!important;display:flex!important;align-items:center;gap:.625rem;text-align:left;border-radius:.375rem!important}.library-screen .song-row .song-open:hover{background:#f3f5fb}.song-row .song-icon{width:1.75rem;height:1.75rem;flex:none}.song-row-text{min-width:0;display:grid;gap:1px}.song-row-text h3{font-size:.9375rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row-text p{margin:0;color:var(--muted);font-size:.75rem;font-weight:600}.library-screen .song-row .song-play{min-height:2.125rem;padding:.3125rem .625rem;font-size:.75rem}.library-screen .song-row .song-more{width:2.125rem;min-height:2.125rem;padding:0;display:grid;place-items:center}.song-card.is-open .song-more svg{transform:rotate(180deg)}.song-details{border-top:1px solid var(--hair)}.song-details .song-preview{padding:.625rem .75rem .25rem}.song-details .song-preview em{color:var(--muted);font-size:.6875rem;font-weight:500}.song-card .song-details footer{border-top:0;padding:.5rem .5rem .625rem;gap:.375rem}.song-card .song-details footer button{flex:1;border:1px solid var(--ctl-border)!important;border-radius:.375rem!important;min-height:2rem;font-size:.75rem}.song-card .song-details footer button+button{border-left:1px solid var(--ctl-border)!important}.song-card .song-play.is-playing{background:var(--red)!important;color:#fff}@container app (max-width: 47.5rem){.library-screen .song-row .song-play span{display:none}.library-screen .song-row .song-play{width:2.125rem;padding:0;justify-content:center}}.song-row-text time{display:block;margin-top:1px;font-size:.75rem;color:var(--muted)}.song-grid{align-items:start}.song-card .song-details footer{flex-wrap:wrap}.song-card .song-details footer button{flex:1 1 6.875rem}.section-recording .record-button{gap:.375rem}.record-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem 1.125rem;padding:.625rem 1rem;border-bottom:1px solid var(--hair);background:#fafbfe}.record-strip>label{display:flex;align-items:center;gap:.4375rem;font-size:.75rem;font-weight:600;color:var(--muted)}.record-strip .hear-takes-toggle{margin:0;font-size:.75rem;font-weight:600}.record-strip-mic{margin-left:auto}.record-banner{position:sticky;top:var(--topbar);z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.625rem 1rem;border-bottom:1px solid var(--ctl-border);background:#fff8e1}.record-banner.is-recording{background:#fff1f2}.record-banner .count-display{width:3rem;height:3rem;font-size:1.5rem}.record-banner .record-display{font-size:1rem;font-weight:600}.record-banner .record-display i{width:.875rem;height:.875rem;animation:record-blink 1s steps(2,start) infinite}.record-banner-text{min-width:0;display:grid;gap:.125rem}.record-banner-text b{font-size:1rem;line-height:1.15}.record-banner-text span{font-size:.75rem;font-weight:500;color:var(--muted)}.record-banner-progress{display:block;height:.375rem;margin-top:.25rem;border-radius:62.4375rem;background:#e8e8e5;overflow:hidden;position:relative}.record-banner-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--progress, 0) * 100%);background:var(--red);border-radius:inherit;transition:width .1s linear}.lyrics-workspace .record-banner-stop{min-height:2.5rem;padding:.5rem 1rem;background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;font-weight:600}@keyframes record-blink{50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.record-banner .record-display i{animation:none}}.take-lane{grid-template-columns:3rem minmax(8.125rem,1fr) 8.25rem auto 2.75rem}.take-role{margin-left:.375rem;padding:1px .375rem;border-radius:62.4375rem;background:var(--blue);color:#fff;font-size:.75rem;font-style:normal;font-weight:600;vertical-align:middle}.take-role--layer{background:var(--purple)}.take-choices{display:grid;gap:.25rem}.take-layer{min-width:4.875rem;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem}.take-layer.is-on{border-color:var(--purple);background:var(--purple);color:#fff}.take-lane.is-layered{border-color:var(--purple);background:color-mix(in srgb,var(--purple),white 92%)}@container app (max-width: 47.5rem){.record-banner{top:0;grid-template-columns:auto minmax(0,1fr)}.record-banner-stop{grid-column:1 / -1}.record-strip-mic{margin-left:0}}.bar-map{display:grid;gap:.625rem;padding:.75rem;border:1px solid var(--hair);border-radius:.5rem;background:#fafbfe}.bar-map-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.625rem}.bar-map-head strong{display:block;margin:.125rem 0 .1875rem;font-size:.8125rem}.bar-map-head small{display:block;max-width:32.5rem;color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.4}.bar-map kbd{padding:0 .3125rem;border:1px solid var(--ink);border-radius:.1875rem;font-family:inherit;font-size:.75rem;font-weight:600}.bar-map-actions{display:flex;flex-wrap:wrap;gap:.375rem}.bar-map-actions button{display:inline-flex;align-items:center;gap:.3125rem}.bar-map-tap{min-width:9.375rem}.bar-map-strip{position:relative;height:2.875rem;border:1px solid var(--hair);border-radius:.375rem;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#e4e7ee calc(10% - 1px) 10%),#fff;overflow:visible}.bar-map-strip em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:.6875rem;font-weight:500}.bar-map-playhead{position:absolute;top:0;bottom:0;width:.125rem;margin-left:-1px;background:var(--red);pointer-events:none}.video-sync-fields .bar-map-mark{position:absolute;top:.375rem;width:1.625rem;height:2rem;min-height:0;margin-left:-.8125rem;padding:0;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.375rem;background:#fff;font-size:.75rem;font-weight:600;cursor:grab;touch-action:none}.video-sync-fields .bar-map-mark.is-first{background:var(--row);cursor:default}.video-sync-fields .bar-map-mark.is-selected{background:var(--blue);color:#fff;border-color:var(--blue)}.bar-map-selected{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600}.bar-map-selected button{display:inline-flex;align-items:center;gap:.25rem;min-height:1.75rem;padding:.1875rem .5625rem;font-size:.75rem}.layer-add{position:relative;display:inline-flex}.layer-add-menu{position:absolute;z-index:40;top:calc(100% + .375rem);right:0;min-width:16.25rem;display:grid;gap:.25rem;padding:.375rem;border:1px solid var(--ctl-border);border-radius:.5rem;background:#fff;box-shadow:0 .625rem 1.875rem #1416282e}.workspace .layer-add-menu button{display:grid!important;justify-items:start;gap:1px;text-align:left;border:1px solid var(--hair);min-height:0;padding:.4375rem .625rem}.workspace .layer-add-menu button:hover{border-color:var(--ink);background:#f3f5fb}.layer-add-menu small{font-size:.75rem;font-weight:500;color:var(--muted)}.audio-part-rack .chord-layer-header{align-items:center}.audio-part-rack .chord-layer-header strong{display:inline-flex;align-items:center;gap:.3125rem}.audio-part-rack .chord-layer-header small{color:var(--muted);font-size:.75rem;font-weight:600}.audio-part-memo{margin:0;border:0;border-radius:0;background:#fafbfe}.bass-audio-rack{margin:0 .625rem;border:1px solid var(--ctl-border);border-top:0;background:#fafbfe}.bass-audio-rack .panel-eyebrow{display:inline-flex;align-items:center;gap:.25rem}.video-sync-mode .segmented{background:#fff}.bar-map-zoom{display:flex;align-items:center;gap:.25rem}.video-sync-fields .bar-map-zoom button{width:1.875rem;min-height:1.75rem;padding:0;display:grid;place-items:center;font-size:.875rem}.bar-map-zoom span{margin:0 .375rem;font-size:.75rem;font-weight:600;color:var(--muted)}.bar-map-strip{height:3.625rem;background:#fff;border-color:var(--ink);border-width:1.5px}.bar-map-tick{position:absolute;top:0;bottom:0;width:1px;background:#e6e8ee;pointer-events:none}.bar-map-tick i{position:absolute;bottom:.125rem;left:.1875rem;font-size:.75rem;font-style:normal;font-weight:600;color:#9aa0ad;white-space:nowrap}.video-sync-fields .bar-map-mark{top:.25rem;height:1.875rem}.bar-map-playhead{width:.125rem}.jamzone-library-heading-side{display:flex;align-items:center;gap:.75rem}.jamzone-suggest-button{font:inherit;font-size:.75rem;font-weight:600;padding:.4375rem .75rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;cursor:pointer}.jamzone-suggest-button:hover{background:var(--row)}.jamzone-song-card.is-updated .jamzone-song-style:after{content:" · updated";font-weight:500;color:var(--muted)}.modal-card:has(.jamzone-suggest){width:min(35rem,100%);max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column}.modal-card:has(.jamzone-suggest)>.modal-content{overflow-y:auto}.jamzone-suggest{display:grid;gap:.75rem}.jamzone-suggest-field{display:grid;gap:.25rem;min-width:0}.jamzone-suggest-field>span{font-size:.6875rem;font-weight:600;color:var(--muted)}.jamzone-suggest-field input,.jamzone-suggest-field textarea{font:inherit;padding:.5rem .625rem;border:1px solid var(--ctl-border);border-radius:.375rem;width:100%;min-width:0}.jamzone-suggest-field textarea{resize:vertical;font-size:.75rem;word-break:break-all}.jamzone-suggest-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.jamzone-suggest-picked{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.jamzone-suggest-picked button{font:inherit;font-size:.75rem;font-weight:600;padding:.1875rem .5625rem;border:1px solid var(--ctl-border);border-radius:62.4375rem;background:#fff;cursor:pointer}.jamzone-suggest-matches{list-style:none;margin:0;padding:0;border:1px solid var(--ctl-border);border-radius:.375rem;overflow:hidden}.jamzone-suggest-matches button{display:flex;flex-direction:column;width:100%;text-align:left;font:inherit;padding:.4375rem .625rem;border:0;border-bottom:1px solid var(--line);background:#fff;cursor:pointer}.jamzone-suggest-matches li:last-child button{border-bottom:0}.jamzone-suggest-matches button:hover{background:var(--row)}.jamzone-suggest-matches small{color:var(--muted)}.jamzone-suggest-error{margin:0;color:var(--red);font-weight:500}.jamzone-suggest-actions{display:flex;justify-content:flex-end;gap:.5rem}@container app (max-width: 35rem){.jamzone-suggest-row{grid-template-columns:1fr}.jamzone-library-heading-side{flex-wrap:wrap}}.chord-view-controls{padding:.625rem .875rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.drum-pad-mode{display:flex;flex-wrap:wrap;gap:.625rem;align-items:center;padding:.75rem 1rem}.drum-pad-mode>span{font-size:.8125rem}.drum-pads.is-advanced{width:min(100%,48.75rem);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.drum-pads.is-advanced .drum-pad-surface{width:clamp(3.875rem,10vw,7.375rem);height:clamp(3.875rem,10vw,7.375rem)}.drum-pad-surface{position:relative}.drum-pad-surface>small{position:absolute;bottom:.75rem;left:.5rem;font-size:.625rem;color:var(--ink);font-weight:800}@containerapp (max-width:31.25rem){.drum-pads.is-advanced {gap:.5rem;} .drum-pads.is-advanced .drum-pad-label {font-size:.6875rem;}}.editor-grid-control{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem}.editor-grid-control>span{font-size:.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.chord-view-controls .editor-grid-control{padding:0}.swing-control{position:relative}.swing-control .transport-mix{display:flex;align-items:center;gap:.375rem}.swing-control .transport-mix strong{font-size:.6875rem}.swing-popover{position:absolute;top:calc(100% + .5rem);right:0;z-index:90;width:min(17.5rem,calc(100vw - 2rem));padding:.875rem;border:1px solid var(--ctl-border);border-radius:.75rem;background:var(--card);color:var(--ink);box-shadow:0 .25rem .75rem #0002}.swing-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.swing-popover-heading button{width:1.875rem;height:1.875rem;border:1px solid var(--ctl-border);border-radius:50%;background:var(--card);font-size:1.25rem}.swing-popover p{font-size:.75rem;line-height:1.4;margin:.5rem 0}.swing-popover fieldset{margin:.75rem 0;padding:0;border:0;display:flex;align-items:center;justify-content:space-around;gap:1rem}.swing-popover fieldset:disabled{opacity:.5}.lesson-daw-guides{margin-top:.375rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--hair);padding-top:.75rem}.lesson-daw-guides>span{color:var(--blue);font-size:.75rem;font-weight:600}.lesson-daw-guides>div{display:flex;align-items:center;gap:.75rem}.lesson-daw-guides a,.lesson-daw-guides button{display:grid;place-items:center;width:3rem;height:3rem;min-height:0;padding:.375rem;margin:0;border:1px solid var(--ctl-border);border-radius:.75rem;background:#fff}.lesson-daw-guides a:hover{background:var(--row)}.lesson-daw-guides img{display:block;width:2rem;height:2rem;object-fit:contain}.lesson-daw-guides .is-soon{opacity:.35;filter:grayscale(1);cursor:not-allowed;border-color:var(--line)}.daw-guide{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--font-ui);color:var(--ink);background:#fff}.daw-guide>header{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4375rem .625rem;border-bottom:1px solid var(--ctl-border);background:#f1f2f5}.daw-guide>header img{width:1.5rem;height:1.5rem}.daw-guide>header strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem}.daw-guide>header span{font-size:.75rem;font-weight:600;color:var(--muted)}.daw-guide>header button{width:1.9375rem;height:1.8125rem;min-height:0;padding:0;display:grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.3125rem;background:#fff}.daw-guide-body{flex:1;min-height:0;overflow:auto;padding:.75rem;display:grid;gap:.625rem;align-content:start}.daw-guide-body h2{margin:0;font-size:1.0625rem;font-weight:600}.daw-guide-body iframe{width:100%;aspect-ratio:16 / 9;border:1px solid var(--ctl-border);border-radius:.5rem;background:#111}.daw-guide-body p{margin:0;font-size:.84375rem;font-weight:600;line-height:1.5}.daw-guide-tasks{margin:0;padding-left:1.25rem;display:grid;gap:.3125rem;font-size:.78125rem;font-weight:500;line-height:1.45}.daw-guide-tasks li::marker{color:var(--blue);font-weight:600}.daw-guide-actions{display:flex;flex-wrap:wrap;gap:.5rem}.daw-guide-actions button{display:inline-flex;align-items:center;gap:.375rem}.daw-guide-reveal{border:1px solid var(--hair);border-radius:.5rem;padding:0}.daw-guide-reveal>summary{cursor:pointer;padding:.5rem .625rem;font-size:.8125rem;font-weight:600;list-style:none;display:flex;align-items:center;gap:.5rem}.daw-guide-reveal>summary:before{content:"▸";color:var(--blue)}.daw-guide-reveal[open]>summary:before{content:"▾"}.daw-guide-reveal>iframe{width:calc(100% - 1.25rem);margin:0 .625rem .5rem}.daw-guide-reveal>.daw-guide-tasks{padding:0 .625rem .625rem 1.75rem}.daw-guide-checklist{border:1px solid var(--hair);border-radius:.5rem}.daw-guide-checklist>button{width:100%;min-height:0;margin:0;padding:.5rem .625rem;display:flex;align-items:center;gap:.5rem;border:0;border-radius:.5rem;background:#fff;font:inherit;font-size:.8125rem;font-weight:600;text-align:left}.daw-guide-checklist>button>span:last-child{margin-left:auto;font-size:.75rem;color:var(--muted)}.daw-guide-checklist ul{margin:0;padding:0 .625rem .625rem;list-style:none;display:grid;gap:.375rem}.daw-guide-checklist label{display:flex;align-items:flex-start;gap:.5rem;font-size:.78125rem;font-weight:500;cursor:pointer}.daw-guide-checklist input{margin-top:.125rem}.daw-guide-checklist .is-complete{color:var(--muted);text-decoration:line-through}.daw-guide-launch{display:grid;gap:.375rem;padding:.625rem;border:1px dashed var(--ctl-border);border-radius:.5rem;background:color-mix(in srgb,var(--row) 25%,white)}.daw-guide-launch a{justify-self:start;text-decoration:none}.daw-guide-launch span{font-size:.75rem;font-weight:500;color:var(--muted)}.daw-guide-page{min-height:100dvh;background:var(--card, #f6f6f4);display:flex;flex-direction:column}.daw-guide-page-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--ctl-border);background:#fff}.daw-guide-page-head a{font-size:.8125rem;font-weight:600;color:var(--ink)}.daw-guide-page main{flex:1;display:grid;justify-items:center;align-content:start;padding:1.5rem 1rem 3rem}.daw-guide-frame{width:min(35rem,100%);border:1px solid var(--ctl-border);border-radius:.625rem;overflow:hidden;background:#fff;box-shadow:.5rem .625rem 1.75rem #1416282e}.daw-guide-frame .daw-guide-body{overflow:visible}.daw-guide-floating{width:min(35rem,100%);display:grid;gap:.625rem;justify-items:start;padding:1.125rem;border:1px dashed var(--ctl-border);border-radius:.625rem;background:#fff;font-weight:600}.daw-guide-floating p{margin:0}.daw-guide-missing{font-weight:600}.cover-app~.lesson-panel.is-docked{top:0}.bar-settings{position:relative}.bar-settings__dot{position:absolute;top:.3125rem;right:.3125rem;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .125rem var(--chrome)}.pp-menu>.bar-settings-jam{display:flex;align-items:center;gap:.5rem}.pp-btn{height:var(--ctl);min-height:var(--ctl);padding:0 .75rem;display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;font-size:.8125rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none}.pp-btn:active:not(:disabled){border-color:var(--text)}.pp-btn:disabled{opacity:.45;cursor:not-allowed}.pp-btn svg{flex:none}.pp-btn--quiet{border-color:transparent;background:transparent}.pp-btn--quiet:active:not(:disabled){border-color:var(--ctl-border)}.pp-btn--primary,.pp-btn--on,.pp-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.pp-btn--icon{width:var(--ctl);padding:0}.pp-btn--sm{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;font-size:.75rem}.pp-btn--rec{color:var(--rec)}.pp-btn--rec .pp-rec-dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--rec);flex:none}.pp-btn--rec.is-on{background:var(--rec);border-color:var(--rec);color:#fff}.pp-btn--rec.is-on .pp-rec-dot{background:#fff;animation:pp-rec-blink 1s steps(2,start) infinite}@keyframes pp-rec-blink{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.pp-btn--rec.is-on .pp-rec-dot{animation:none}}.pp-seg{display:inline-flex;height:var(--ctl);border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);overflow:hidden;flex:none}.pp-seg>button{height:100%;min-height:0;padding:0 .625rem;border:0;border-right:1px solid var(--hair);border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;box-shadow:none}.pp-seg>button:last-child{border-right:0}.pp-seg>button.is-on,.pp-seg>button.is-active{background:var(--accent);color:var(--on-accent);font-weight:600}.pp-seg>button:disabled{opacity:.45;cursor:not-allowed}.pp-seg--sm{height:1.75rem}.pp-seg--sm>button{padding:0 .5rem;font-size:.75rem}.pp-dd{min-width:0}.pp-dd .select-menu-trigger{height:var(--ctl);min-height:var(--ctl)!important;padding:0 .5625rem 0 .625rem!important;border:1px solid var(--ctl-border)!important;border-radius:var(--radius)!important;background:var(--sheet)!important;color:var(--text);font-size:.8125rem!important;font-weight:500!important;gap:.4375rem!important;box-shadow:none!important}.pp-dd .select-menu-trigger svg{color:var(--muted)}.pp-dd .select-menu-trigger[aria-expanded=true]{border-color:var(--text)!important}.pp-dd--sm .select-menu-trigger{height:1.75rem;min-height:1.75rem!important;font-size:.75rem!important}.pp-stepper{display:inline-flex;height:var(--ctl);border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);overflow:hidden;flex:none}.pp-stepper>button{width:1.875rem;height:100%;min-height:0;padding:0;border:0;border-right:1px solid var(--hair);border-radius:0;background:transparent;color:var(--text);font:inherit;font-size:.9375rem;font-weight:500;display:inline-grid;place-items:center;cursor:pointer;box-shadow:none}.pp-stepper>button:last-child{border-right:0}.pp-stepper>button:disabled{opacity:.4;cursor:not-allowed}.pp-stepper>output,.pp-stepper>input{min-width:2.125rem;height:100%;padding:0 .375rem;display:inline-grid;place-items:center;border:0;border-right:1px solid var(--hair);background:transparent;color:var(--text);font:inherit;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.pp-stepper>input{width:2.75rem;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pp-stepper>input::-webkit-inner-spin-button,.pp-stepper>input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pp-stepper>input:focus{outline:none;background:var(--row)}.pp-toggle{position:relative;width:2rem;height:1.125rem;min-height:0;padding:0;border:0;border-radius:.5625rem;background:var(--ctl-border);cursor:pointer;flex:none;box-shadow:none;transition:background .15s ease}.pp-toggle:after{content:"";position:absolute;top:.125rem;left:.125rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;box-shadow:0 1px 1px #0000002e;transition:left .15s ease}.pp-toggle.is-on,.pp-toggle[aria-checked=true]{background:var(--accent)}.pp-toggle.is-on:after,.pp-toggle[aria-checked=true]:after{left:1rem}.pp-toggle:disabled{opacity:.45;cursor:not-allowed}.pp-mini{width:1.75rem;height:1.5rem;min-height:0;padding:0;display:inline-grid;place-items:center;border:1px solid var(--ctl-border);border-radius:.25rem;background:var(--sheet);color:var(--muted);font:inherit;font-size:.75rem;font-weight:600;line-height:1;cursor:pointer;flex:none;box-shadow:none}.pp-mini.is-on,.pp-mini[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--sheet)}.pp-mini--arm{color:var(--rec)}.pp-mini--arm.is-on,.pp-mini--arm[aria-pressed=true]{background:var(--rec);border-color:var(--rec);color:#fff}.pp-mini svg{width:.75rem;height:.75rem}.pp-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:5rem;height:1.5rem;margin:0;padding:0;background:transparent;cursor:pointer;flex:none;--v: 70%}.pp-fader:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem;border-radius:.25rem}.pp-fader::-webkit-slider-runnable-track{height:.1875rem;border-radius:.125rem;background:linear-gradient(to right,var(--track, var(--text)) var(--v),var(--ctl-border) var(--v))}.pp-fader::-webkit-slider-thumb{-webkit-appearance:none;width:.875rem;height:.875rem;margin-top:-.34375rem;border-radius:50%;background:var(--sheet);border:1.5px solid var(--text);box-shadow:none}.pp-fader::-moz-range-track{height:.1875rem;border-radius:.125rem;background:var(--ctl-border)}.pp-fader::-moz-range-progress{height:.1875rem;border-radius:.125rem;background:var(--track, var(--text))}.pp-fader::-moz-range-thumb{width:.875rem;height:.875rem;border-radius:50%;background:var(--sheet);border:1.5px solid var(--text)}.pp-meter{position:relative;width:2.25rem;height:.25rem;border-radius:.125rem;background:var(--hair);overflow:hidden;flex:none}.pp-meter>i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--track, var(--text));transform-origin:left;transform:scaleX(0);will-change:transform}.pp-card{position:relative;min-width:0;height:5.5rem;padding:.5rem .625rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.375rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:none;--track: var(--text)}.pp-card__name{display:flex;align-items:center;justify-content:space-between;gap:.375rem;min-width:0;font-size:.75rem;font-weight:600;line-height:1.2}.pp-card__name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-card__name svg{flex:none;color:var(--accent)}.pp-card__glyph{flex:1;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.125rem;align-items:end}.pp-card__glyph>i{display:block;min-height:.1875rem;border-radius:1px;background:var(--track)}.pp-card__glyph>i.is-off{background:var(--row)}.pp-card.is-on,.pp-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pp-card--off{width:5.25rem;flex:none}.pp-card--off .pp-card__glyph{display:none}.pp-card--strip{height:1.75rem;padding:0 .625rem;justify-content:center}.pp-card--strip .pp-card__glyph{display:none}.pp-cards{display:flex;gap:.5rem;min-width:0}.pp-cards>.pp-card{flex:0 1 7.375rem;width:7.375rem}.pp-cards>.pp-card--off{flex:0 0 5.25rem;width:5.25rem}.pp-chip{flex:none;width:6.5rem;min-width:0;height:3.125rem;padding:.375rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;cursor:pointer;box-shadow:none;touch-action:manipulation}.pp-chip>strong{font-size:1rem;font-weight:600;line-height:1.1}.pp-chip>span{font-size:.75rem;font-weight:400;color:var(--muted);line-height:1.1}.pp-chip.is-on,.pp-chip[aria-pressed=true],.pp-chip.is-pressed{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pp-chips{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.pp-field{height:var(--ctl);min-width:0;padding:0 .625rem;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);color:var(--text);font:inherit;font-size:.8125rem;font-weight:500}.pp-field:focus{outline:none;border-color:var(--text)}.pp-field::placeholder{color:var(--muted);font-weight:400}.pp-label{color:var(--muted);font-size:.75rem;font-weight:500;white-space:nowrap}.pp-ctl{display:inline-flex;align-items:center;gap:.4375rem;min-width:0}.pp-row{display:flex;align-items:center;gap:1rem;min-width:0}.pp-row--tight{gap:.75rem}.pp-row__end{margin-left:auto}.pp-sep{width:1px;height:1.25rem;background:var(--hair);flex:none}.pp-menu{position:absolute;z-index:130;top:calc(100% + .25rem);right:0;min-width:11.25rem;padding:.25rem;display:grid;gap:1px;border:1px solid var(--ctl-border);border-radius:var(--radius);background:var(--sheet);box-shadow:0 .5rem 1.5rem #23262b1f}.pp-menu--left{right:auto;left:0}.pp-menu>button{width:100%;min-height:2rem;padding:0 .625rem;display:flex;align-items:center;gap:.5rem;border:0;border-radius:.25rem;background:transparent;color:var(--text);font:inherit;font-size:.8125rem;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;box-shadow:none}.pp-menu>button:hover,.pp-menu>button:focus-visible{background:var(--row)}.pp-menu>button:disabled{opacity:.45;cursor:not-allowed}.pp-menu>button svg{color:var(--muted);flex:none}.pp-menu>hr{margin:.1875rem 0;border:0;border-top:1px solid var(--hair)}.pp-menu-anchor{position:relative;display:inline-flex}.pp-menu__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .25rem .25rem .625rem}.pp-menu__row .pp-seg{height:1.75rem}html[data-mode=basic] .pp-advanced-only{display:none!important}.rack-header{position:relative;display:flex;align-items:center;gap:.75rem;height:2.75rem;min-height:2.75rem;padding:0 .75rem 0 1rem;border-bottom:1px solid var(--hair);background:var(--sheet);color:var(--text);--track: var(--text)}.rack-header__bar{position:absolute;left:0;top:0;bottom:-1px;width:.25rem;background:var(--track)}.rack-header__main{display:flex;align-items:center;gap:.625rem;min-width:0}.rack-header__name{font-size:.875rem;font-weight:600;white-space:nowrap}.rack-header__play{flex:none}.rack-header__play svg{width:.875rem;height:.875rem}.rack-header__play.is-on svg{width:.75rem;height:.75rem}.rack-header__name-input{width:7.5rem;min-width:0;height:1.75rem;padding:0 .375rem;border:1px solid transparent;border-radius:.25rem;background:transparent;color:var(--text);font:inherit;font-size:.875rem;font-weight:600}.rack-header__name-input:hover,.rack-header__name-input:focus{border-color:var(--ctl-border);background:var(--sheet);outline:none}.rack-header__spacer{flex:1;min-width:.5rem}.rack-header__view{display:flex;align-items:center;gap:.5rem}.rack-header__mix{display:flex;align-items:center;gap:.375rem;flex:none}.rack-header__more{display:flex;align-items:center;flex:none}.rack-header--panel{padding-left:.75rem}.rack-header--panel .rack-header__bar{display:none}.bar-powered{display:inline-flex;align-items:center;gap:.3125rem;margin-right:.125rem;color:var(--muted);font-size:.75rem;font-weight:500;text-decoration:none;white-space:nowrap}.bar-powered img{width:1rem;height:1rem}.brand-lockup img{display:block;width:1.125rem;height:1.125rem}.workspace .pp-btn--quiet,.library-screen .pp-btn--quiet,.modal-card .pp-btn--quiet{border-color:transparent;background:transparent}.workspace .pp-btn--quiet:active:not(:disabled),.library-screen .pp-btn--quiet:active:not(:disabled),.modal-card .pp-btn--quiet:active:not(:disabled){border-color:var(--ctl-border)}.workspace .pp-btn--primary,.library-screen .pp-btn--primary,.modal-card .pp-btn--primary,.workspace .pp-btn--on,.workspace .pp-btn.is-on,.library-screen .pp-btn--on,.library-screen .pp-btn.is-on,.modal-card .pp-btn--on,.modal-card .pp-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.workspace .pp-btn--icon,.library-screen .pp-btn--icon,.modal-card .pp-btn--icon{width:var(--ctl);padding:0}.workspace .pp-btn--sm,.library-screen .pp-btn--sm,.modal-card .pp-btn--sm{height:1.75rem;min-height:1.75rem;padding:0 .5625rem;font-size:.75rem}.workspace .pp-btn--rec.is-on,.library-screen .pp-btn--rec.is-on,.modal-card .pp-btn--rec.is-on{background:var(--rec);border-color:var(--rec);color:#fff}.workspace .pp-toggle,.library-screen .pp-toggle,.modal-card .pp-toggle{min-height:0;padding:0;border:0;border-radius:.5625rem;background:var(--ctl-border)}.workspace .pp-toggle.is-on,.workspace .pp-toggle[aria-checked=true],.library-screen .pp-toggle.is-on,.library-screen .pp-toggle[aria-checked=true],.modal-card .pp-toggle.is-on,.modal-card .pp-toggle[aria-checked=true]{background:var(--accent)}.workspace .pp-mini,.library-screen .pp-mini,.modal-card .pp-mini{min-height:0;padding:0;display:inline-grid;border:1px solid var(--ctl-border);border-radius:.25rem;background:var(--sheet);font-size:.75rem;font-weight:600}.workspace .pp-mini.is-on,.workspace .pp-mini[aria-pressed=true],.library-screen .pp-mini.is-on,.library-screen .pp-mini[aria-pressed=true],.modal-card .pp-mini.is-on,.modal-card .pp-mini[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--sheet)}.workspace .pp-mini--arm.is-on,.workspace .pp-mini--arm[aria-pressed=true],.library-screen .pp-mini--arm.is-on,.modal-card .pp-mini--arm.is-on{background:var(--rec);border-color:var(--rec);color:#fff}.workspace .pp-card,.library-screen .pp-card,.modal-card .pp-card{min-height:0;padding:.5rem .625rem;display:flex;gap:.375rem;font-weight:400}.workspace .pp-card--off,.library-screen .pp-card--off,.modal-card .pp-card--off{width:5.25rem}.workspace .pp-card--strip,.library-screen .pp-card--strip,.modal-card .pp-card--strip{padding:0 .625rem}.workspace .pp-chip,.library-screen .pp-chip,.modal-card .pp-chip{min-height:0;padding:.375rem .5rem;display:flex;gap:.125rem;font-weight:400}:root[data-skin=mw]{--ink: #101d32;--paper: #ffffff;--card: #ffffff;--muted: #475467;--line: #eaecf0;--line-strong: #d2d7e9;--blue: #3e78f1;--yellow: #4be2d3;--red: #e5456b;--purple: #8c52db;--pink: #dc387d;--green: #1aa88f;--font-ui: "Geist", "Avenir Next", "Segoe UI", sans-serif;--font-sheet: "Geist", "Avenir Next", "Segoe UI", sans-serif;--mw-navy: #101d32;--mw-teal: #4be2d3;--mw-teal-soft: #bafeff;--mw-tint: #f6f6f8;--mw-tint-2: #eff1f6;--mw-card-edge: #eff1f6;--mw-radius: 1.25rem;--mw-radius-sm: .75rem;--mw-shadow: 0 0 2.5rem rgba(0, 0, 0, .08);--mw-shadow-strong: 0 0 2.5rem rgba(0, 0, 0, .14);--mw-cta: linear-gradient(90deg, #dc387d 0%, #8c52db 100%);--mw-hero: linear-gradient(100deg, #6a3bd9 0%, #8c52db 45%, #c64ad2 80%, #e23c9a 100%);--mw-bar: linear-gradient(90deg, #ff6c6c 0%, #dc387d 100%);--mw-teal-cta: linear-gradient(180deg, #57fbec 0%, #16a9d8 100%);--font-display: "Rubik", "Geist", "Avenir Next", sans-serif;font-family:var(--font-ui)}:where([data-skin=mw]) h1,:where([data-skin=mw]) h2,:where([data-skin=mw]) h3,:where([data-skin=mw]) h4,:where([data-skin=mw]) .workspace-header h2,:where([data-skin=mw]) .instrument-title,:where([data-skin=mw]) .panel-eyebrow,:where([data-skin=mw]) .lesson-panel>header strong,:where([data-skin=mw]) .lesson-video-window>header strong,:where([data-skin=mw]) .library-heading h2,:where([data-skin=mw]) .song-card h3,:where([data-skin=mw]) .export-card h3,:where([data-skin=mw]) .transport-position strong,:where([data-skin=mw]) .form-summary strong,:where([data-skin=mw]) .cover-app h1,:where([data-skin=mw]) .cover-app h2,:where([data-skin=mw]) .cover-app h3,:where([data-skin=mw]) .cover-kicker{font-family:var(--font-display)}:where([data-skin=mw]) h1,:where([data-skin=mw]) h2,:where([data-skin=mw]) h3{font-weight:900;color:var(--ink)}:where([data-skin=mw]) .workspace-header h2{letter-spacing:-.02em}:where([data-skin=mw]) .workspace-header p,:where([data-skin=mw]) .song-card p,:where([data-skin=mw]) .export-card p,:where([data-skin=mw]) .library-hero p{color:var(--muted);font-weight:500}:where([data-skin=mw]) .lesson-step-tasks,:where([data-skin=mw]) .lesson-title-block p,:where([data-skin=mw]) .idea-group li,:where([data-skin=mw]) .lesson-auto-item{font-weight:500}:where([data-skin=mw]) a{color:var(--blue)}:where([data-skin=mw]) .primary-action,:where([data-skin=mw]) .studio-header button,:where([data-skin=mw]) .workspace button,:where([data-skin=mw]) .library-screen button,:where([data-skin=mw]) .file-action,:where([data-skin=mw]) .modal-card button,:where([data-skin=mw]) .transport-mix,:where([data-skin=mw]) .lesson-picker button,:where([data-skin=mw]) .lesson-step-nav button,:where([data-skin=mw]) .lesson-panel>header button,:where([data-skin=mw]) .lesson-video-window>header button,:where([data-skin=mw]) .lesson-step-actions button,:where([data-skin=mw]) .lesson-complete-button,:where([data-skin=mw]) .lesson-moves button,:where([data-skin=mw]) .lesson-popout-actions button,:where([data-skin=mw]) .lesson-popout>header button,:where([data-skin=mw]) .section-form-notice button,:where([data-skin=mw]) .lesson-done-next,:where([data-skin=mw]) .floating-mixer>header button,:where([data-skin=mw]) .now-panel>header button,:where([data-skin=mw]) .board-bar button,:where([data-skin=mw]) .belt-add-actions button,:where([data-skin=mw]) .belt-row-picker button,:where([data-skin=mw]) .belt-row-presets button,:where([data-skin=mw]) .belt-progression-actions button,:where([data-skin=mw]) .melody-memo button,:where([data-skin=mw]) .style-options button{border:1px solid var(--line-strong);border-radius:62.4375rem;background:#fff;color:var(--ink);font-family:var(--font-display);font-weight:700;box-shadow:none}:where([data-skin=mw]) .workspace button:not(:disabled):hover,:where([data-skin=mw]) .library-screen button:not(:disabled):hover,:where([data-skin=mw]) .modal-card button:not(:disabled):hover{border-color:var(--purple)}:where([data-skin=mw]) .primary-action,:where([data-skin=mw]) .library-actions .primary-action,:where([data-skin=mw]) .transport-play,:where([data-skin=mw]) .board-play{background:var(--mw-cta)!important;color:#fff!important;border-color:transparent!important}:where([data-skin=mw]) .transport-play.is-playing,:where([data-skin=mw]) .board-play.is-playing{background:var(--mw-navy)!important}:where([data-skin=mw]) .save-button,:where([data-skin=mw]) .transport-mix[aria-pressed=true]{background:var(--mw-navy)!important;color:#fff!important;border-color:var(--mw-navy)!important}:where([data-skin=mw]) .lesson-button,:where([data-skin=mw]) .library-actions .library-lesson-button,:where([data-skin=mw]) .cover-app .cover-lesson-button,:where([data-skin=mw]) .lesson-picker button.is-selected,:where([data-skin=mw]) .section-form-notice button,:where([data-skin=mw]) .lesson-step-actions .lesson-action-button{background:var(--purple)!important;color:#fff!important;border-color:var(--purple)!important}:where([data-skin=mw]) .cover-app .cover-lesson-button:not(:disabled):hover{background:var(--purple);filter:brightness(1.06)}:where([data-skin=mw]) .library-actions .library-piano-button{background:var(--mw-teal-soft);border-color:transparent}:where([data-skin=mw]) .lesson-done-next{background:var(--mw-teal);border-color:transparent;color:var(--ink);border-radius:62.4375rem}:where([data-skin=mw]) .lesson-done-next.is-complete{background:var(--green);color:#fff}:where([data-skin=mw]) button.danger,:where([data-skin=mw]) .song-card footer button.danger{color:var(--pink)}:where([data-skin=mw]) .library-button,:where([data-skin=mw]) .icon-button,:where([data-skin=mw]) .form-block-play,:where([data-skin=mw]) .form-block-repeats button,:where([data-skin=mw]) .lesson-step-nav button,:where([data-skin=mw]) .lesson-panel>header button,:where([data-skin=mw]) .lesson-video-window>header button,:where([data-skin=mw]) .floating-mixer>header button{border-radius:62.4375rem}:where([data-skin=mw]) .drag-handle{border:0!important;background:transparent!important}:where([data-skin=mw]) .studio-header{background:var(--mw-navy);color:#fff;border-bottom:0;box-shadow:0 1px #ffffff14}:where([data-skin=mw]) .studio-header button{background:#ffffff1a;color:#fff;border-color:#ffffff38}:where([data-skin=mw]) .studio-header button:not(:disabled):hover{background:#ffffff2e}:where([data-skin=mw]) .studio-header .library-button{background:#fff;color:var(--ink);border-color:#fff}:where([data-skin=mw]) .studio-header .save-button{background:var(--mw-teal-cta)!important;color:var(--ink)!important;border-color:transparent!important}:where([data-skin=mw]) .studio-header .lesson-button{background:var(--mw-cta)!important;border-color:transparent!important;color:#fff!important}:where([data-skin=mw]) .studio-header .header-select,:where([data-skin=mw]) .studio-header .tempo-control{border:1px solid rgba(255,255,255,.22);border-radius:62.4375rem;background:#ffffff1a;color:#fff}:where([data-skin=mw]) .studio-header .header-select>span,:where([data-skin=mw]) .studio-header .tempo-control>label,:where([data-skin=mw]) .studio-header .song-title-field span{color:#ffffffb3}:where([data-skin=mw]) .studio-header .header-select select,:where([data-skin=mw]) .studio-header .tempo-control input,:where([data-skin=mw]) .studio-header .select-menu-trigger span{color:#fff}:where([data-skin=mw]) .studio-header .select-menu-trigger{color:#fff;background:transparent!important}:where([data-skin=mw]) .studio-header .select-menu-trigger svg{color:#fffc}:where([data-skin=mw]) .studio-header .tempo-control .tap-tempo{border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff}:where([data-skin=mw]) .studio-header .tempo-control .tap-tempo.is-tapping{background:var(--mw-teal);color:var(--ink)}:where([data-skin=mw]) .studio-header .tempo-control button{background:transparent;border:0;color:#fff}:where([data-skin=mw]) .studio-header .song-title-field input{color:#fff;background:transparent;border-bottom:1px solid rgba(255,255,255,.35);font-family:var(--font-display)}:where([data-skin=mw]) .studio-header .song-title-field input::placeholder{color:#ffffff8c}:where([data-skin=mw]) .studio-header .save-state{color:var(--mw-teal-soft)}:where([data-skin=mw]) .studio-header .save-state.is-dirty{color:#ffd6ea}:where([data-skin=mw]) .studio-header .save-state.sync-mode-badge{border-color:#ffffff80;color:#fff}:where([data-skin=mw]) .studio-header .sound-library-status{border:0;border-radius:62.4375rem}:where([data-skin=mw]) .studio-header .select-menu-list{color:var(--ink)}:where([data-skin=mw]) .brand-lockup--mw{display:flex;align-items:center;gap:.625rem;border-left:0;padding-left:0;flex:none}:where([data-skin=mw]) .mw-logo{height:1.875rem;width:auto;display:block}:where([data-skin=mw]) .studio-header .mw-logo{height:1.75rem}:where([data-skin=mw]) .brand-lockup--mw>span.mw-wordmark{display:flex;flex-direction:column;line-height:1;margin:0;padding-left:.625rem;border-left:1px solid rgba(255,255,255,.35);color:#fff;font-size:inherit;letter-spacing:0;text-transform:none;white-space:nowrap}:where([data-skin=mw]) .brand-lockup--mw .mw-wordmark strong{display:block;font-family:var(--font-display);font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:#fff}:where([data-skin=mw]) .brand-lockup--mw .mw-wordmark strong i{font-style:normal;color:var(--mw-teal);margin-left:.25rem}:where([data-skin=mw]) .brand-lockup--mw .mw-wordmark small{display:block;margin-top:.1875rem;font-size:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf}:where([data-skin=mw]) .studio-header .song-title-field{margin-left:.75rem}:where([data-skin=mw]) .studio-header .brand-group{container-type:inline-size}@container (max-width: 300px){:where([data-skin=mw]) .brand-lockup--mw>span.mw-wordmark{display:none}}@container app (max-width: 65.625rem){:where([data-skin=mw]) .brand-lockup--mw>span.mw-wordmark{display:none}}:where([data-skin=mw]) .transport-strip{border-bottom:1px solid var(--line);box-shadow:0 .375rem 1.5rem #101d320d}:where([data-skin=mw]) .transport-meter{border:0;background:var(--mw-tint-2)}:where([data-skin=mw]) .transport-meter i{background:var(--mw-cta)}:where([data-skin=mw]) .transport-position span,:where([data-skin=mw]) .transport-position small{font-family:var(--font-display)}:where([data-skin=mw]) .instrument-rack,:where([data-skin=mw]) .song-card,:where([data-skin=mw]) .export-card,:where([data-skin=mw]) .form-map-card,:where([data-skin=mw]) .section-add-panel,:where([data-skin=mw]) .arrangement-card,:where([data-skin=mw]) .lyrics-sections,:where([data-skin=mw]) .lyric-page,:where([data-skin=mw]) .live-form-strip,:where([data-skin=mw]) .sheet-section,:where([data-skin=mw]) .floating-mixer,:where([data-skin=mw]) .lesson-panel,:where([data-skin=mw]) .lesson-video-window,:where([data-skin=mw]) .lesson-popout,:where([data-skin=mw]) .modal-card,:where([data-skin=mw]) .toast-message,:where([data-skin=mw]) .song-video-card,:where([data-skin=mw]) .video-sync-card,:where([data-skin=mw]) .chart-page,:where([data-skin=mw]) .now-panel,:where([data-skin=mw]) .board-bar,:where([data-skin=mw]) .chord-bank-header,:where([data-skin=mw]) .key-finder-card,:where([data-skin=mw]) .library-empty,:where([data-skin=mw]) .custom-pattern-notice,:where([data-skin=mw]) .lesson-check-tips,:where([data-skin=mw]) .section-form-notice{border:.25rem solid var(--mw-card-edge);border-radius:var(--mw-radius);background:#fff;box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .instrument-rack{--tone: var(--blue);border-radius:var(--mw-radius-sm);box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .instrument-rack.tone-drums{--tone: var(--pink)}:where([data-skin=mw]) .instrument-title{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--tone),white 88%);color:color-mix(in srgb,var(--tone),var(--ink) 40%);letter-spacing:.1em}:where([data-skin=mw]) .instrument-line+.instrument-line{border-top:1px solid var(--line)}:where([data-skin=mw]) .palette-panel,:where([data-skin=mw]) .midi-piano-panel,:where([data-skin=mw]) .sequence-shell,:where([data-skin=mw]) .pad-workspace,:where([data-skin=mw]) .bass-grid-wrap,:where([data-skin=mw]) .chord-performance-options{border:1px solid var(--line);border-top:0;border-radius:0 0 var(--mw-radius-sm) var(--mw-radius-sm);background:#fff}:where([data-skin=mw]) .chord-performance-options{background:var(--mw-tint);border-radius:0}:where([data-skin=mw]) .pad-workspace .drum-grid-shell{border:1px solid var(--line);border-radius:var(--mw-radius-sm);background:var(--mw-tint);overflow:hidden}:where([data-skin=mw]) .sheet-section,:where([data-skin=mw]) .arrangement-card,:where([data-skin=mw]) .lyric-page,:where([data-skin=mw]) .live-form-strip,:where([data-skin=mw]) .lyrics-sections{border-radius:var(--mw-radius-sm);border-width:1px;border-color:var(--line)}:where([data-skin=mw]) .sheet-section{border-left:.5rem solid var(--section)}:where([data-skin=mw]) .sheet-section.is-current{box-shadow:0 0 0 .125rem var(--section),var(--mw-shadow)}:where([data-skin=mw]) .arrangement-card{border-left:.5rem solid var(--section)}:where([data-skin=mw]) .arrangement-card.is-selected{box-shadow:0 0 0 .125rem var(--section),var(--mw-shadow)}:where([data-skin=mw]) .arrangement-actions{border-top:1px solid var(--line)}:where([data-skin=mw]) .lyric-page-header{border-bottom:1px solid var(--line);border-left:.5rem solid var(--section)}:where([data-skin=mw]) .song-card footer{border-top:1px solid var(--line)}:where([data-skin=mw]) .song-card footer button+button{border-left:1px solid var(--line)!important}:where([data-skin=mw]) .song-card footer button{border-radius:0}:where([data-skin=mw]) .song-icon,:where([data-skin=mw]) .export-icon{border:0;background:var(--mw-cta)}:where([data-skin=mw]) .song-preview span{border:1px solid var(--purple);border-radius:62.4375rem;background:#fff;color:var(--purple)}:where([data-skin=mw]) .open-label{color:var(--purple);font-family:var(--font-display)}:where([data-skin=mw]) .library-heading{border-bottom:1px solid var(--line)}:where([data-skin=mw]) .library-heading>strong{border:0;background:var(--mw-cta);color:#fff}:where([data-skin=mw]) .library-empty{border:.125rem dashed var(--line-strong);box-shadow:none}:where([data-skin=mw]) .export-card.featured{background:#f3ecfd}:where([data-skin=mw]) .export-guide-options{border:1px solid var(--line);border-radius:var(--mw-radius-sm)}:where([data-skin=mw]) .modal-card{border:0;box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .modal-card>header{background:var(--mw-cta);color:#fff;border-bottom:0;font-family:var(--font-display)}:where([data-skin=mw]) .modal-card.tone-danger>header{background:var(--pink)}:where([data-skin=mw]) .modal-card>header button{background:#ffffff29;border-color:#fff6;color:#fff}:where([data-skin=mw]) .modal-backdrop{background:#101d3299}:where([data-skin=mw]) .toast-message{border-width:1px;border-color:var(--line);box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .custom-pattern-notice,:where([data-skin=mw]) .lesson-check-tips,:where([data-skin=mw]) .section-form-notice{border:1px solid #f3d5e3;background:#fdf1f6;border-radius:var(--mw-radius-sm);box-shadow:none}:where([data-skin=mw]) .section-form-notice svg{color:var(--pink)}:where([data-skin=mw]) .library-hero{background:var(--mw-hero);color:#fff;border-bottom:0}:where([data-skin=mw]) .library-hero:after{border-color:var(--blue);opacity:.55}:where([data-skin=mw]) .library-hero .brand-kicker{color:#ffffffd9;font-family:var(--font-display)}:where([data-skin=mw]) .library-hero h1{color:#fff;letter-spacing:-.02em}:where([data-skin=mw]) .library-hero h1 span{color:var(--mw-teal)}:where([data-skin=mw]) .library-hero p{color:#ffffffe0}:where([data-skin=mw]) .mw-logo--hero{height:3rem;margin-bottom:.75rem}:where([data-skin=mw]) .library-actions .primary-action{background:var(--mw-teal-cta)!important;color:var(--ink)!important}:where([data-skin=mw]) .library-actions .library-lesson-button{background:#fff!important;color:var(--purple)!important;border-color:#fff!important}:where([data-skin=mw]) .library-actions .library-piano-button,:where([data-skin=mw]) .library-actions .file-action{background:#ffffff24;color:#fff;border-color:#ffffff73}:where([data-skin=mw]) .live-hero{background:var(--mw-hero);color:#fff;border:0;border-radius:var(--mw-radius);box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .live-hero h2{font-family:var(--font-display);letter-spacing:-.02em;color:#fff}:where([data-skin=mw]) .live-hero .live-title-input{color:#fff}:where([data-skin=mw]) .live-hero .song-credits input,:where([data-skin=mw]) .live-hero .song-about textarea{color:#fff;border-bottom-color:#ffffff80}:where([data-skin=mw]) .live-hero button{background:#ffffff24;color:#fff;border-color:#ffffff73}:where([data-skin=mw]) .live-hero .instrument-guide-selector button.is-active{background:#fff;color:var(--ink);border-color:#fff;box-shadow:none}:where([data-skin=mw]) .live-hero .player-guide-picker>span,:where([data-skin=mw]) .live-hero .song-credits span,:where([data-skin=mw]) .live-hero .song-about span{color:#fffc}:where([data-skin=mw]) .live-form-strip i{background:var(--mw-teal)}:where([data-skin=mw]) .sheet-section h3{font-family:var(--font-display)}:where([data-skin=mw]) .sheet-section>header,:where([data-skin=mw]) .sheet-chord-bars{border-bottom:1px solid var(--line)}:where([data-skin=mw]) .sheet-chord-bars>div.is-current{background:var(--mw-teal-soft)}:where([data-skin=mw]) .sheet-chord-bars strong.is-current,:where([data-skin=mw]) .live-chord-track strong.is-current>span,:where([data-skin=mw]) .lead-sheet-measure>strong.is-current>span{background:var(--mw-teal);border:0;border-radius:.375rem}:where([data-skin=mw]) .repeat-badge,:where([data-skin=mw]) .take-count{border:1px solid var(--purple);color:var(--purple)}:where([data-skin=mw]) .chord-guide-card,:where([data-skin=mw]) .drum-notation-bar{border:1px solid var(--line);border-radius:.625rem;background:#fff}:where([data-skin=mw]) .chord-guide-card.is-current{background:var(--mw-teal-soft)}:where([data-skin=mw]) .form-summary{border:1px solid var(--line-strong);border-radius:62.4375rem;background:#fff}:where([data-skin=mw]) .form-summary i{background:var(--line-strong)}:where([data-skin=mw]) .form-progress{background:var(--mw-teal);border-top:0}:where([data-skin=mw]) .form-block-play:hover{background:var(--mw-teal)!important}:where([data-skin=mw]) .form-block-repeats button,:where([data-skin=mw]) .form-block-play{border-width:1px!important;border-color:var(--line-strong)!important}:where([data-skin=mw]) .stepper{border:1px solid var(--line-strong);border-radius:62.4375rem}:where([data-skin=mw]) .stepper button{border-radius:0;border:0}:where([data-skin=mw]) .stepper output{background:var(--mw-tint-2)}:where([data-skin=mw]) .arrangement-name input{border-bottom:1px solid var(--line-strong);font-family:var(--font-display)}:where([data-skin=mw]) .arrangement-index{color:var(--line-strong);font-family:var(--font-display)}:where([data-skin=mw]) .lyrics-sections{box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .lyrics-sections button.is-active{background:var(--purple);color:#fff;border-color:var(--purple)}:where([data-skin=mw]) .count-display{border:0;background:var(--mw-teal);font-family:var(--font-display)}:where([data-skin=mw]) .lyric-page-header input{font-family:var(--font-display)}:where([data-skin=mw]) .lyric-chord-track button.is-current,:where([data-skin=mw]) .line-chords span.is-current{background:var(--mw-teal)}:where([data-skin=mw]) .add-line{border:1px dashed var(--line-strong)!important}:where([data-skin=mw]) .chord-chip,:where([data-skin=mw]) .drum-pad-surface{border-radius:var(--mw-radius-sm)!important}:where([data-skin=mw]) .chord-chip{border:1px solid transparent}:where([data-skin=mw]) .chord-chip kbd,:where([data-skin=mw]) .drum-pad kbd,:where([data-skin=mw]) .belt-row-slot kbd,:where([data-skin=mw]) kbd{border:1px solid var(--line-strong);border-radius:.375rem;font-family:var(--font-ui)}:where([data-skin=mw]) .chord-chip strong,:where([data-skin=mw]) .chord-trigger-keyboard button strong,:where([data-skin=mw]) .drum-pad-label,:where([data-skin=mw]) .sequence-event .event-label{font-family:var(--font-display)}:where([data-skin=mw]) .drum-pad-surface{border:1px solid var(--line-strong)}:where([data-skin=mw]) .chord-trigger-whites>button{border:1px solid var(--line-strong)}:where([data-skin=mw]) .chord-trigger-black{background:var(--mw-navy)}:where([data-skin=mw]) .timeline-ruler{border-bottom:1px solid var(--line-strong)}:where([data-skin=mw]) .timeline-ruler>div,:where([data-skin=mw]) .timeline-ruler>button{border-left-color:var(--line);color:#9499ad;font-family:var(--font-ui)}:where([data-skin=mw]) .timeline-ruler .beat-start{border-left-color:#bbbdc9}:where([data-skin=mw]) .timeline-ruler .bar-start{border-left:1px solid #727892}:where([data-skin=mw]) .timeline-ruler .is-current,:where([data-skin=mw]) .timeline-ruler .is-record-start{background:var(--mw-teal)}:where([data-skin=mw]) .timeline-ruler .is-record-start{box-shadow:inset 0 -.1875rem 0 var(--pink)}:where([data-skin=mw]) .event-grid{background:var(--mw-tint)}:where([data-skin=mw]) .grid-lines>span,:where([data-skin=mw]) .grid-lines>button{border-left-color:var(--line)}:where([data-skin=mw]) .grid-lines>.beat-start{border-left-color:#bbbdc9}:where([data-skin=mw]) .grid-lines>.bar-start{border-left:1px solid #727892}:where([data-skin=mw]) .grid-lines>.is-current{background:color-mix(in srgb,var(--mw-teal),transparent 70%)}:where([data-skin=mw]) .cursor-marker{background:var(--pink)}:where([data-skin=mw]) .sequence-event{border:0;border-radius:.5rem;box-shadow:0 .125rem .5rem #101d322e}:where([data-skin=mw]) .sequence-event.is-selected{box-shadow:0 0 0 .1875rem var(--mw-teal)}:where([data-skin=mw]) .step-row>*,:where([data-skin=mw]) .step-row>button{background:var(--mw-tint);border-left-color:var(--line)}:where([data-skin=mw]) .step-row>*.is-current{background:color-mix(in srgb,var(--mw-teal),white 40%)}:where([data-skin=mw]) .row-label{border-color:var(--line);font-family:var(--font-display)}:where([data-skin=mw]) .chord-piano-roll,:where([data-skin=mw]) .midi-piano-black{border-color:var(--line-strong)}:where([data-skin=mw]) .midi-piano-whites button{border:1px solid var(--line-strong)}:where([data-skin=mw]) .piano-key{border-width:1px;border-color:var(--line-strong)}:where([data-skin=mw]) .bass-performance-keys{border:1px solid var(--line);border-radius:var(--mw-radius-sm)}:where([data-skin=mw]) .select-control,:where([data-skin=mw]) .segmented,:where([data-skin=mw]) .record-quantize-control,:where([data-skin=mw]) .midi-control{border:1px solid var(--line-strong);border-radius:62.4375rem;background:var(--mw-tint-2)}:where([data-skin=mw]) .select-menu-trigger{border:1px solid var(--line-strong);border-radius:62.4375rem}:where([data-skin=mw]) .select-menu-trigger[aria-expanded=true],:where([data-skin=mw]) .select-menu-list{box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .select-menu-list{border:1px solid var(--line);border-radius:var(--mw-radius-sm);overflow:hidden}:where([data-skin=mw]) .segmented button{border-radius:62.4375rem}:where([data-skin=mw]) .tap-tempo,:where([data-skin=mw]) .metronome-toggle>span,:where([data-skin=mw]) .chord-option-toggle>span,:where([data-skin=mw]) .line-split-toggle>span,:where([data-skin=mw]) .chord-quality-apply{border-width:1px;border-color:var(--line-strong)}:where([data-skin=mw]) .chord-option-toggle.is-on>span,:where([data-skin=mw]) .metronome-toggle.is-on>span{background:var(--mw-teal);border-color:transparent}:where([data-skin=mw]) .performance-midi-button.is-on,:where([data-skin=mw]) .midi-control button.is-on{background:var(--mw-teal)}:where([data-skin=mw]) input[type=text],:where([data-skin=mw]) input[type=number],:where([data-skin=mw]) textarea,:where([data-skin=mw]) select{font-family:var(--font-ui)}:where([data-skin=mw]) .jam-dialog select,:where([data-skin=mw]) .jam-record-strip select,:where([data-skin=mw]) .style-picker select,:where([data-skin=mw]) .capo-control select,:where([data-skin=mw]) .video-sync-field input,:where([data-skin=mw]) .word-finder input{border:1px solid var(--line-strong);border-radius:.625rem;background:var(--mw-tint-2)}:where([data-skin=mw]) .floating-mixer{border-radius:var(--mw-radius-sm);box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .floating-mixer>header{border-bottom:1px solid var(--line);background:var(--mw-tint)}:where([data-skin=mw]) .mixer-strip{border:1px solid var(--line-strong);border-top:.5rem solid var(--track);border-radius:.625rem}:where([data-skin=mw]) .level-meter{border:1px solid var(--line-strong)}:where([data-skin=mw]) .knob-face:before{border:1px solid var(--line-strong)}:where([data-skin=mw]) .master-gap{border-left:1px solid var(--line-strong)}:where([data-skin=mw]) .master-badge{background:var(--purple)}:where([data-skin=mw]) .mute-solo .is-muted{background:var(--pink)!important}:where([data-skin=mw]) .lesson-panel,:where([data-skin=mw]) .lesson-video-window,:where([data-skin=mw]) .lesson-popout{border-width:1px;border-color:var(--line);box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .lesson-panel>header,:where([data-skin=mw]) .lesson-video-window>header,:where([data-skin=mw]) .lesson-popout>header{background:var(--mw-bar);color:#fff;border-bottom:0}:where([data-skin=mw]) .lesson-panel>header strong,:where([data-skin=mw]) .lesson-video-window>header strong{color:#fff}:where([data-skin=mw]) .lesson-panel>header button,:where([data-skin=mw]) .lesson-video-window>header button,:where([data-skin=mw]) .lesson-popout>header button{background:#ffffff29;border-color:#ffffff73;color:#fff}:where([data-skin=mw]) .lesson-title-block{border-bottom:1px solid var(--line)}:where([data-skin=mw]) .lesson-title-block>span,:where([data-skin=mw]) .lesson-step-nav>span{color:var(--purple);font-family:var(--font-display)}:where([data-skin=mw]) .lesson-progress,:where([data-skin=mw]) .lesson-tempo-guide,:where([data-skin=mw]) .lesson-reveal,:where([data-skin=mw]) .lesson-choice,:where([data-skin=mw]) .idea-group li,:where([data-skin=mw]) .lesson-project-checklist{border:1px solid var(--line);border-radius:var(--mw-radius-sm);background:var(--mw-tint)}:where([data-skin=mw]) .lesson-progress [role=progressbar]{border:0;background:var(--mw-tint-2)}:where([data-skin=mw]) .lesson-progress [role=progressbar] i{background:var(--mw-cta)}:where([data-skin=mw]) .lesson-step-dots button{border:1px solid var(--line-strong)}:where([data-skin=mw]) .lesson-step-dots button.is-current{border-color:var(--purple);color:var(--purple);box-shadow:0 0 0 .125rem color-mix(in srgb,var(--purple),white 70%)}:where([data-skin=mw]) .lesson-step-tasks li::marker{color:var(--purple)}:where([data-skin=mw]) .lesson-auto-check{border:1px solid var(--line-strong)}:where([data-skin=mw]) .lesson-auto-item em{background:var(--mw-tint-2)}:where([data-skin=mw]) .lesson-step-card iframe{border:1px solid var(--line);border-radius:var(--mw-radius-sm)}:where([data-skin=mw]) .style-grid th[scope=row]{background:var(--mw-tint)}:where([data-skin=mw]) .lesson-button,:where([data-skin=mw]) .lesson-done-next,:where([data-skin=mw]) .lesson-picker button{font-family:var(--font-display)}:where([data-skin=mw]) .palette-belt-button,:where([data-skin=mw]) .belt-entry-name,:where([data-skin=mw]) .belt-mini-chip,:where([data-skin=mw]) .palette-group-chip,:where([data-skin=mw]) .belt-row-slot,:where([data-skin=mw]) .chord-bank-chips span,:where([data-skin=mw]) .now-diagrams figure,:where([data-skin=mw]) .chord-lane-chip,:where([data-skin=mw]) .chord-lane-remove,:where([data-skin=mw]) .sound-edit-button,:where([data-skin=mw]) .synth-name,:where([data-skin=mw]) .synth-role-badge,:where([data-skin=mw]) .synth-section,:where([data-skin=mw]) .synth-tag,:where([data-skin=mw]) .synth-wave,:where([data-skin=mw]) .synth-toggle-track,:where([data-skin=mw]) .kit-key,:where([data-skin=mw]) .instrument-guide,:where([data-skin=mw]) .melody-memo-wave,:where([data-skin=mw]) .video-frame,:where([data-skin=mw]) .qr-image,:where([data-skin=mw]) .chord-lane-header{border-width:1px;border-color:var(--line-strong)}:where([data-skin=mw]) .belt-row-slot.is-open,:where([data-skin=mw]) .chord-bank-chips span.is-current{background:var(--mw-teal);box-shadow:none}:where([data-skin=mw]) .belt-entry.is-off,:where([data-skin=mw]) .belt-row-slot.is-empty{background:var(--mw-tint)}:where([data-skin=mw]) .key-finder-card.tone-best{background:var(--mw-teal-soft)}:where([data-skin=mw]) .synth-section.tone-lfo,:where([data-skin=mw]) .synth-section.tone-simple,:where([data-skin=mw]) .synth-editor .kit-pad{background:var(--mw-tint)}:where([data-skin=mw]) .board-bar,:where([data-skin=mw]) .now-panel,:where([data-skin=mw]) .chord-bank-header,:where([data-skin=mw]) .chart-page{border-width:1px;border-color:var(--line)}:where([data-skin=mw]) .composer-block.is-performance-active{outline-color:var(--mw-teal)}:where(:root[data-skin=mw]) .cover-app{color:var(--ink)}:where(:root[data-skin=mw]) .cover-app button:not(:where(.cover-program *)){border:1px solid var(--line-strong);border-radius:62.4375rem;font-family:var(--font-display);font-weight:700}:where(:root[data-skin=mw]) .cover-app button:not(:where(.cover-program *)):not(:disabled):hover{background:var(--mw-tint-2)}:where(:root[data-skin=mw]) .cover-app a{color:var(--blue)}:where(:root[data-skin=mw]) .cover-heading{border-bottom:1px solid var(--line)}:where(:root[data-skin=mw]) .cover-sidebar{background:var(--mw-navy);border-right:0}:where(:root[data-skin=mw]) .cover-navigation nav button{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;border-radius:62.4375rem}:where(:root[data-skin=mw]) .cover-navigation nav button:not(:disabled):hover{background:#ffffff24}:where(:root[data-skin=mw]) .cover-navigation nav button[aria-current],:where(:root[data-skin=mw]) .cover-navigation nav button[aria-current]:hover{background:var(--mw-cta);border-color:transparent;color:#fff}:where(:root[data-skin=mw]) .cover-rail-label{border:0;background:var(--purple);font-family:var(--font-display)}:where(:root[data-skin=mw]) .cover-app .modal-card{box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .select-menu-trigger[aria-expanded=true],:where([data-skin=mw]) .form-map-card,:where([data-skin=mw]) .arrangement-card,:where([data-skin=mw]) .lyrics-sections,:where([data-skin=mw]) .lyric-page,:where([data-skin=mw]) .export-card,:where([data-skin=mw]) .song-card,:where([data-skin=mw]) .chart-page,:where([data-skin=mw]) .chord-bank-header,:where([data-skin=mw]) .now-panel,:where([data-skin=mw]) .board-bar,:where([data-skin=mw]) .video-sync-card,:where([data-skin=mw]) .song-video-card{box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .composer-block,:where([data-skin=mw]) .section-type-list button,:where([data-skin=mw]) .lyrics-sections button,:where([data-skin=mw]) .live-form-strip button{border-radius:var(--mw-radius-sm)}:where([data-skin=mw]) .section-type-list button,:where([data-skin=mw]) .lyrics-sections button,:where([data-skin=mw]) .live-form-strip button{border-left-width:.375rem}:where([data-skin=mw]) .live-form-strip button.is-current,:where([data-skin=mw]) .form-track>.form-block.is-current{color:#fff}:where([data-skin=mw]) .form-track>.form-block{border-radius:.625rem}:where([data-skin=mw]) .panel-eyebrow,:where([data-skin=mw]) .control-kicker,:where([data-skin=mw]) .micro-label{color:var(--muted)}:where([data-skin=mw]) ::selection{background:color-mix(in srgb,var(--purple),white 70%)}:where(:root[data-skin=mw]) .cover-app .cover-primary{background:var(--mw-cta);color:#fff;border-color:transparent}:where(:root[data-skin=mw]) .cover-module-heading,:where(:root[data-skin=mw]) .cover-live-feedback,:where(:root[data-skin=mw]) .cover-share{border:1px solid var(--line);border-radius:var(--mw-radius-sm)}:where(:root[data-skin=mw]) .cover-drum-surface{border:1px solid var(--line-strong)}:where(:root[data-skin=mw]) .jamzone-floating-panel{border:1px solid var(--line);border-radius:var(--mw-radius-sm);box-shadow:var(--mw-shadow-strong)}:where(:root[data-skin=mw]) .piano-test-card{border:.25rem solid var(--mw-card-edge);border-radius:var(--mw-radius);box-shadow:var(--mw-shadow)}:where(:root[data-skin=mw]) .piano-test-band{border-bottom:0;background:var(--mw-cta);color:#fff;font-family:var(--font-display)}:where(:root[data-skin=mw]) .piano-test button.is-primary{background:var(--mw-cta);color:#fff;border-color:transparent}:where(:root[data-skin=mw]) .piano-test.piano-teacher-dialog,:where(:root[data-skin=mw]) .piano-touch-keyboard.is-floating{border:1px solid var(--line);border-radius:var(--mw-radius-sm);box-shadow:var(--mw-shadow-strong)}:where(:root[data-skin=mw]) .piano-test-chart-line .lead-sheet-measure>span.is-current-slash{background:var(--mw-teal)}:where([data-skin=mw]) .transport-strip button,:where([data-skin=mw]) .transport-play{border-radius:62.4375rem;font-family:var(--font-display)}:where([data-skin=mw]) .transport-play{padding-inline:1.125rem}:where([data-skin=mw]) .now-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .now-panel>header{background:var(--mw-tint);border-bottom:1px solid var(--line)}:where([data-skin=mw]) .now-panel>header>span{font-family:var(--font-display)}:where([data-skin=mw]) .now-panel.is-playing>header>span{color:var(--purple)}:where([data-skin=mw]) .lesson-cover-link{border:1px solid var(--purple);border-radius:62.4375rem;background:#fff;color:var(--purple);box-shadow:none}:where([data-skin=mw]) .chart-line.is-current{background:var(--mw-teal-soft)}:where([data-skin=mw]) .composer-block.is-performance-active{box-shadow:0 0 0 .1875rem var(--mw-teal)}:where([data-skin=mw]) input[type=checkbox],:where([data-skin=mw]) input[type=radio],:where([data-skin=mw]) input[type=range],:where([data-skin=mw]) .jam-enable input{accent-color:var(--purple)}:where([data-skin=mw]) .piano-key.is-black.is-active{background:var(--mw-teal)!important}:where([data-skin=mw]) .sound-library-status.phase-ready{background:#dff8ee;color:#0f6b4c}:where([data-skin=mw]) .toast-message.tone-success{background:#dff8ee}:where([data-skin=mw]) .toast-message.tone-error{background:#fde4ec}:where([data-skin=mw]) .melody-roll .grid-lines button.is-chord-tone:not(:hover):not(.is-current){background:var(--mw-tint-2)}:where([data-skin=mw]) .synth-osc-add:hover{background:var(--mw-tint)!important}:where([data-skin=mw]) .synth-editor-note,:where([data-skin=mw]) .melody-memo,:where([data-skin=mw]) .word-finder,:where([data-skin=mw]) .belt-row-picker,:where([data-skin=mw]) .clip-lane,:where([data-skin=mw]) .clip-lane-scroll,:where([data-skin=mw]) .take-block .clip-lane-wrap{border-color:var(--line);background:var(--mw-tint)}:where([data-skin=mw]) .clip-zoom button{border:1px solid var(--line-strong);border-radius:62.4375rem}:where([data-skin=mw]) body,:where([data-skin=mw]) .studio-app,:where([data-skin=mw]) .studio-main,:where([data-skin=mw]) .workspace,:where([data-skin=mw]) .library-screen,:where([data-skin=mw]) .library-content,:where([data-skin=mw]) .sheet-page{background:#fff}:where([data-skin=mw]) .live-hero .segmented{background:#fff;border-color:#fff}:where([data-skin=mw]) .live-hero .segmented button{color:var(--ink);background:transparent;border:0}:where([data-skin=mw]) .live-hero .segmented button.is-active{background:var(--ink);color:#fff}:where([data-skin=mw]) .live-hero select,:where([data-skin=mw]) .live-hero .chord-display-select{border:1px solid #fff;border-radius:62.4375rem;background:#fff;color:var(--ink);padding:.375rem .625rem;font-weight:700}:where([data-skin=mw]) .live-hero .live-hero-controls>label,:where([data-skin=mw]) .live-hero .live-hero-actions label{color:#fff;font-weight:700}:where([data-skin=mw]) .live-hero .live-hero-actions button.is-active{background:#fff;color:var(--ink);border-color:#fff}:where([data-skin=mw]) .live-hero .live-hero-actions button,:where([data-skin=mw]) .live-hero .instrument-guide-selector button{background:#ffffff2e;color:#fff;border-color:#fff9}:where([data-skin=mw]) .live-hero .live-title-input::placeholder,:where([data-skin=mw]) .live-hero input::placeholder,:where([data-skin=mw]) .live-hero textarea::placeholder{color:#ffffffb8}:where([data-skin=mw]) .live-hero .brand-kicker,:where([data-skin=mw]) .live-hero>div>span:first-child{color:#ffffffd9}:where([data-skin=mw]) .cover-module-heading{background:#fff;border:1px solid var(--line);box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .step-row>*.is-active{background:var(--voice)}:where([data-skin=mw]) .step-row>*.beat-start{background:var(--mw-tint-2);border-left-color:#bbbdc9}:where([data-skin=mw]) .step-row>*.bar-start{border-left:1px solid #727892}:where([data-skin=mw]) .step-row>*.is-current{outline-color:var(--mw-teal)}:where([data-skin=mw]) .song-card footer .song-play.is-playing{background:var(--pink)!important;color:#fff}:where([data-skin=mw]) .live-hero .live-hero-actions .segmented{background:#fff;border:0;padding:.1875rem}:where([data-skin=mw]) .live-hero .live-hero-actions .segmented button{color:var(--ink);background:transparent;border:0}:where([data-skin=mw]) .live-hero .live-hero-actions .segmented button.is-active{background:var(--ink);color:#fff}:where([data-skin=mw]) .line-content textarea{font-family:var(--font-ui);font-size:1.375rem;font-weight:500}:where([data-skin=mw]) .line-chords span,:where([data-skin=mw]) .lyric-chord-track button{font-family:var(--font-display)}:where([data-skin=mw]) .lyric-chord-track button{border:1px solid var(--line-strong);border-radius:62.4375rem;background:#fff;color:var(--purple)}:where([data-skin=mw]) .line-number{font-family:var(--font-display)}:where([data-skin=mw]) .step-row>*.beat-start.is-active,:where([data-skin=mw]) .step-row>*.bar-start.is-active{background:var(--voice)}:where([data-skin=mw]) .step-row>button,:where([data-skin=mw]) .step-row>*{border-radius:0}:where([data-skin=mw]) .step-row>*.is-active{box-shadow:none}:where([data-skin=mw]) .chord-trigger-whites>button,:where([data-skin=mw]) .midi-piano-whites button,:where([data-skin=mw]) .piano-key{border-radius:0 0 .375rem .375rem}:where([data-skin=mw]) .chord-trigger-black,:where([data-skin=mw]) .midi-piano-black,:where([data-skin=mw]) .piano-key.is-black{border-radius:0 0 .25rem .25rem}:where([data-skin=mw]) .row-label{border-left:.3125rem solid var(--voice, var(--purple))}:where([data-skin=mw]) .live-form-strip button,:where([data-skin=mw]) .section-type-list button,:where([data-skin=mw]) .lyrics-sections button{border-left-color:var(--section)}:where([data-skin=mw]) .vertical-fader{accent-color:var(--track, var(--ink))}:where([data-skin=mw]) .page-kicker,:where([data-skin=mw]) .chord-chip span,:where([data-skin=mw]) .chord-depth-control strong,:where([data-skin=mw]) .library-empty svg,:where([data-skin=mw]) .open-label,:where([data-skin=mw]) .arrangement-name span{color:var(--purple)}:where([data-skin=mw]) .chord-chip.is-belt-chord span,:where([data-skin=mw]) .chord-chip.is-belt-chord small{color:var(--green)}:where([data-skin=mw]) button:focus-visible,:where([data-skin=mw]) input:focus-visible,:where([data-skin=mw]) select:focus-visible,:where([data-skin=mw]) textarea:focus-visible{outline-color:color-mix(in srgb,var(--purple),white 30%)}@container app (max-width: 47.5rem){:where([data-skin=mw]) .mobile-nav{background:var(--mw-navy);border-top:0}:where([data-skin=mw]) .mobile-nav button{color:#fff}:where([data-skin=mw]) .mobile-nav button.is-active{background:var(--mw-cta);color:#fff}}:where([data-skin=mw]) .live-hero .live-hero-actions button,:where([data-skin=mw]) .live-hero .instrument-guide-selector button{background:#fff;color:var(--ink);border-color:#fff}:where([data-skin=mw]) .live-hero .live-hero-actions .primary-action,:where([data-skin=mw]) .live-hero .live-hero-actions button.primary-action{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}:where([data-skin=mw]) .live-hero .instrument-guide-selector button{background:#ffffff38;color:#fff;border-color:#ffffffb3;font-size:.625rem}:where([data-skin=mw]) .live-hero .instrument-guide-selector button.is-active{background:#fff;color:var(--ink)}:where([data-skin=mw]) .live-hero .live-chord-display{color:#fff}:where([data-skin=mw]) input.vertical-fader[type=range]{accent-color:var(--track, var(--ink))}:where([data-skin=mw]) .sheet-section.is-current{box-shadow:var(--mw-shadow);border-color:var(--section)}:where([data-skin=mw]) .lyric-sheet-section.is-current{box-shadow:inset 0 0 0 .125rem var(--section),inset .25rem 0 0 var(--section);background:transparent}:where([data-skin=mw]) .chart-line.is-current{background:transparent;box-shadow:inset 0 0 0 .125rem var(--section)}:where([data-skin=mw]) .sheet-chord-bars>div.is-current,:where([data-skin=mw]) .live-lyric-line.is-current{background:transparent}:where([data-skin=mw]) .live-form-strip button.is-current{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 .125rem var(--section)}:where([data-skin=mw]) .board-bar button.is-active,:where([data-skin=mw]) .instrument-guide-selector button.is-active{border-color:var(--mw-navy);background:var(--mw-navy);color:#fff;box-shadow:none}:where([data-skin=mw]) .live-hero .chart-meta dt{color:#ffffffd9}:where([data-skin=mw]) .live-hero .chart-meta dd{color:#fff;font-family:var(--font-display)}:where([data-skin=mw]) .jamzone-library-search{border:1px solid var(--line-strong);border-radius:62.4375rem;background:var(--mw-tint-2)}:where([data-skin=mw]) .library-screen .jamzone-library-tabs button{border:1px solid var(--line-strong);font-family:var(--font-display)}:where([data-skin=mw]) .library-screen .jamzone-library-tabs button.is-active{background:var(--mw-navy);border-color:var(--mw-navy);color:#fff}:where([data-skin=mw]) .jamzone-song-card{border:.25rem solid var(--mw-card-edge);border-radius:var(--mw-radius);box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .jamzone-song-style,:where([data-skin=mw]) .jamzone-song-action{color:var(--purple)}:where([data-skin=mw]) .jamzone-song-card h3{font-family:var(--font-display)}:where([data-skin=mw]) .jamzone-library-empty{border-color:var(--line-strong)}:where([data-skin=mw]) .song-card{border:1px solid var(--line);border-radius:var(--mw-radius-sm);box-shadow:var(--mw-shadow)}:where([data-skin=mw]) .library-screen .song-row .song-open:hover{background:var(--mw-tint)}:where([data-skin=mw]) .song-card .song-details footer button,:where([data-skin=mw]) .song-card .song-details footer button+button{border:1px solid var(--line-strong)!important;border-radius:62.4375rem!important}:where([data-skin=mw]) .song-card .song-play.is-playing{background:var(--pink)!important;color:#fff}:where([data-skin=mw]) .mw-powered{display:inline-flex;align-items:center;gap:.375rem;margin-top:.1875rem;color:#ffffffd9;text-decoration:none}:where([data-skin=mw]) .mw-powered small,:where([data-skin=mw]) .mw-powered span{font-size:.5625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:inherit}:where([data-skin=mw]) .mw-powered img{height:.875rem;width:auto;display:block}:where([data-skin=mw]) .mw-powered:hover{color:#fff}:where([data-skin=mw]) .mw-powered:hover img{filter:drop-shadow(0 0 .375rem rgba(255,255,255,.6))}:where([data-skin=mw]) .mw-powered--hero{margin-top:1rem;gap:.625rem;padding:.5rem .875rem;border:1px solid rgba(255,255,255,.45);border-radius:62.4375rem;background:#ffffff1f}:where([data-skin=mw]) .mw-powered--hero span{font-size:.6875rem}:where([data-skin=mw]) .mw-powered--hero img{height:1.625rem}:where([data-skin=mw]) .mw-powered--hero:hover{background:#ffffff38}:where([data-skin=mw]) .brand-lockup--mw .mw-wordmark .mw-powered small{display:inline;margin:0}:where([data-skin=mw]) .brand-lockup--mw .mw-powered img{height:1.1875rem}:where([data-skin=mw]) .brand-lockup--mw .mw-powered{margin-top:.125rem;gap:.4375rem}:where([data-skin=mw]) .brand-lockup--mw .mw-wordmark strong{font-size:1.0625rem}:where([data-skin=mw]) .transport-powered{display:inline-flex;align-items:center;gap:.5rem;margin-right:.375rem;padding:.125rem .375rem .125rem 0;color:var(--ink);text-decoration:none}:where([data-skin=mw]) .transport-powered img{height:2.125rem;width:auto;display:block}:where([data-skin=mw]) .transport-powered span{display:grid;line-height:1.05}:where([data-skin=mw]) .transport-powered small{font-size:.5rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}:where([data-skin=mw]) .transport-powered b{font-family:var(--font-display);font-size:.8125rem;font-weight:800;letter-spacing:-.01em}:where([data-skin=mw]) .transport-powered:hover b{color:var(--purple)}:where([data-skin=mw]) .transport-strip{grid-template-columns:auto auto auto minmax(10rem,1fr) auto auto}@container app (max-width: 73.75rem){:where([data-skin=mw]) .transport-powered span{display:none}}@container app (max-width: 65.625rem){:where([data-skin=mw]) .transport-strip{grid-template-columns:auto auto auto minmax(6.25rem,1fr) auto}}@container app (max-width: 47.5rem){:where([data-skin=mw]) .transport-powered{display:none}:where([data-skin=mw]) .transport-strip{grid-template-columns:auto 1fr auto}}:where([data-skin=mw]) .shed-mark{display:block;width:auto;filter:invert(1);mix-blend-mode:screen}:where([data-skin=mw]) .mw-powered b{font-family:var(--font-display);font-weight:800;color:#fff;letter-spacing:-.01em}:where([data-skin=mw]) .mw-powered--hero{gap:.75rem;padding:.5rem 1rem .5rem .625rem}:where([data-skin=mw]) .mw-powered--hero .shed-mark{height:2.5rem}:where([data-skin=mw]) .mw-powered--hero>span{display:grid;line-height:1.05}:where([data-skin=mw]) .mw-powered--hero small{font-size:.5625rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}:where([data-skin=mw]) .mw-powered--hero b{font-size:1.25rem}:where([data-skin=mw]) .mw-powered:hover img{filter:invert(1) drop-shadow(0 0 .375rem rgba(255,255,255,.6))}:where([data-skin=mw]) .mw-powered b,:where([data-skin=mw]) .mw-powered--hero>span b{text-transform:none;letter-spacing:-.01em}@container app (min-width: 97.5rem){:where([data-skin=mw]) .transport-strip{grid-template-columns:auto auto minmax(10rem,1fr) auto auto}:where([data-skin=mw]) .transport-powered{position:absolute;left:1rem;top:50%;transform:translateY(-50%);margin:0}}:where([data-skin=mw]) .record-strip{background:var(--mw-tint);border-bottom:1px solid var(--line)}:where([data-skin=mw]) .record-banner{background:#f3ecfd;border-bottom:1px solid var(--line)}:where([data-skin=mw]) .record-banner.is-recording{background:#fde4ec}:where([data-skin=mw]) .record-banner .record-display,:where([data-skin=mw]) .record-banner .record-display i{color:var(--pink);background-color:var(--pink)}:where([data-skin=mw]) .record-banner .record-display{background:none}:where([data-skin=mw]) .record-banner-progress:after{background:var(--mw-cta)}:where([data-skin=mw]) .lyrics-workspace .record-banner-stop{background:var(--mw-navy)!important;border-color:var(--mw-navy)!important;border-radius:62.4375rem}:where([data-skin=mw]) .take-role{background:var(--mw-navy)}:where([data-skin=mw]) .take-role--layer,:where([data-skin=mw]) .take-layer.is-on{background:var(--purple);border-color:var(--purple)}:where([data-skin=mw]) .section-recording .record-button,:where([data-skin=mw]) .line-actions .record-button{border-color:var(--pink);color:var(--pink)}:where([data-skin=mw]) .section-recording .record-button.is-recording,:where([data-skin=mw]) .line-actions .record-button.is-recording{background:var(--pink);color:#fff}:where([data-skin=mw]) .bar-map{background:var(--mw-tint);border-color:var(--line);border-radius:var(--mw-radius-sm)}:where([data-skin=mw]) .video-sync-fields .bar-map-mark{border:1px solid var(--line-strong);border-radius:62.4375rem}:where([data-skin=mw]) .video-sync-fields .bar-map-mark.is-first{background:var(--mw-teal)}:where([data-skin=mw]) .video-sync-fields .bar-map-mark.is-selected{background:var(--mw-navy);border-color:var(--mw-navy)}:where([data-skin=mw]) .bar-map-playhead{background:var(--pink)}:where([data-skin=mw]) .layer-add-menu{border:1px solid var(--line);border-radius:var(--mw-radius-sm);box-shadow:var(--mw-shadow-strong)}:where([data-skin=mw]) .workspace .layer-add-menu button{border-radius:.625rem}:where([data-skin=mw]) .audio-part-memo,:where([data-skin=mw]) .bass-audio-rack{background:var(--mw-tint)}:where([data-skin=mw]) .bass-audio-rack{border:1px solid var(--line);border-top:0}:where([data-skin=mw]) .bar-map-strip{border:1px solid var(--line-strong)}:where([data-skin=mw]) .studio-header .clock,:where([data-skin=mw]) .studio-header .pp-seg,:where([data-skin=mw]) .studio-header .transport-btn{background:#fff;color:var(--ink);border-color:transparent}:where([data-skin=mw]) .studio-header .clock button,:where([data-skin=mw]) .studio-header .pp-seg>button{background:transparent;color:var(--ink);border-color:var(--hair)}:where([data-skin=mw]) .studio-header .pp-seg>button.is-on{background:var(--accent);color:#fff}:where([data-skin=mw]) .studio-header .pp-seg>button:disabled{opacity:.5}:where([data-skin=mw]) .studio-header .clock b,:where([data-skin=mw]) .studio-header .clock-name,:where([data-skin=mw]) .studio-header .clock-bpm input,:where([data-skin=mw]) .studio-header .clock .select-menu-trigger,:where([data-skin=mw]) .studio-header .clock .select-menu-trigger span{color:var(--ink)}:where([data-skin=mw]) .studio-header .clock .lbl,:where([data-skin=mw]) .studio-header .clock-step,:where([data-skin=mw]) .studio-header .clock .select-menu-trigger svg{color:var(--muted)}:where([data-skin=mw]) .studio-header .clock-tap{background:#fff;color:var(--ink);border-color:var(--ctl-border)}:where([data-skin=mw]) .studio-header .clock-tap.is-tapping{background:var(--accent);color:#fff;border-color:var(--accent)}:where([data-skin=mw]) .studio-header .transport-play.is-playing{background:var(--mw-teal);color:var(--ink)}:where([data-skin=mw]) .studio-header .save-state{color:#ffffffbf}:where([data-skin=mw]) .studio-header .icon-button,:where([data-skin=mw]) .studio-header .pp-btn--quiet{background:transparent;color:#ffffffd9;border-color:transparent}:where([data-skin=mw]) .studio-header .song-title-field input{border-color:transparent}:where([data-skin=mw]) .studio-header .pp-btn--primary,:where([data-skin=mw]) .studio-header .pp-btn--on{background:var(--mw-cta, var(--accent));border-color:transparent;color:#fff}:where([data-skin=mw]) .studio-header .transport-mix{background:#ffffff1f;color:#fff;border-color:#ffffff38}:where([data-skin=mw]) .studio-header .transport-mix[aria-pressed=true]{background:var(--mw-cta, var(--accent))}:where([data-skin=mw]) .studio-header .pp-menu{color:var(--ink)}:where([data-skin=mw]) .studio-header .pp-menu>button{background:transparent;color:var(--ink);border:0}:where([data-skin=mw]) .studio-header .pp-menu>button:hover{background:var(--row)}:where([data-skin=mw]) .studio-header .select-menu-list button{color:var(--ink)}:where([data-skin=mw]) .brand-lockup--mw>span.mw-wordmark,:where([data-skin=mw]) .bar-powered{display:none}@container app (min-width: 107.5rem){:where([data-skin=mw]) .brand-lockup--mw>span.mw-wordmark{display:flex}:where([data-skin=mw]) .bar-powered{display:inline-flex}}@container app (max-width: 109.9375rem){:where([data-skin=mw][data-mode=advanced]) .brand-lockup--mw>span.mw-wordmark,:where([data-skin=mw][data-mode=advanced]) .bar-powered{display:none}}@container app (max-width: 119.9375rem){:where([data-skin=mw][data-mode=advanced]) .studio-header :is(.bar-charts,.bar-lesson,.bar-share)>span{display:none}:where([data-skin=mw][data-mode=advanced]) .studio-header :is(.bar-charts,.bar-lesson,.bar-share){width:var(--ctl);padding:0}}@container app (max-width: 88.6875rem){:where([data-skin=mw]) .studio-header :is(.bar-charts,.bar-lesson,.bar-share)>span{display:none}:where([data-skin=mw]) .studio-header :is(.bar-charts,.bar-lesson,.bar-share){width:var(--ctl);padding:0}}@container app (max-width: 83.625rem){:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) .bar-history{display:none}}@container app (max-width: 79.875rem){:where([data-skin=mw][data-mode=advanced]) .studio-header .clock-what{display:none}}@container app (max-width: 77.375rem){:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) .save-state{display:none}}@container app (max-width: 73.625rem){:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) :is(.clock .lbl,.clock-unit){display:none}:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) .clock-cell{gap:.125rem}:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) .song-title-field{flex-basis:5.625rem;min-width:4.5rem}}@container app (max-width: 73rem){:where([data-skin=mw]) .studio-header .save-state{display:none}}@container app (max-width: 70.5rem){:where([data-skin=mw]) .studio-header :is(.clock .lbl,.clock-unit){display:none}:where([data-skin=mw]) .studio-header .clock-cell{gap:.125rem}:where([data-skin=mw]) .studio-header .song-title-field{flex-basis:5.625rem;min-width:4.5rem}}@container app (max-width: 66.75rem){:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) .clock-what{display:none}}@container app (max-width: 59.25rem){:where([data-skin=mw]) .studio-header .clock-what{display:none}}@container app (max-width: 58.6875rem){:where([data-skin=mw]) .studio-header .song-title-field{margin-left:.25rem}}@container app (min-width: 47.50125rem) and (max-width: 53.0625rem){:where([data-skin=mw]) .studio-header .bar-mode{display:none}:where([data-skin=mw]) .studio-header .pp-menu>.bar-more-mode{display:flex}}@container app (min-width: 47.50125rem) and (max-width: 56.1875rem){:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) .bar-mode{display:none}:where([data-skin=mw]) .studio-header:has(.bar-workspace>:nth-child(3)) .pp-menu>.bar-more-mode{display:flex}}.build-racks{container:racks / inline-size}.build-rack .rack-header__name{flex:none;width:4rem;overflow:hidden;text-overflow:ellipsis}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1){flex:none;width:16.375rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1)>.pp-label{flex:none;width:2.75rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1)>.pp-dd{flex:none;width:10.625rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(2)>.pp-label{flex:none;width:3rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(2)>.pp-dd{flex:none;width:9.375rem}.build-rack .rack-header__main>span.pp-ctl>.pp-dd .select-menu-trigger{width:100%}.build-rack .rack-header__main>span.pp-ctl>.pp-dd .select-menu-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container racks (max-width: 64rem){.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1){width:14.125rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1)>.pp-dd{width:8.5rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(2)>.pp-dd{width:7.75rem}}@container racks (max-width: 52rem){.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1){width:auto;min-width:11rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1)>.pp-dd{width:7.375rem}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(2)>.pp-dd{width:7rem}.build-rack .rack-header__main>span.pp-ctl>.pp-label{display:none}.build-rack .rack-header__main>span.pp-ctl:nth-of-type(1){min-width:0}.build-rack.is-collapsed .rack-header .cv-summary{display:none}.build-rack .rack-header__mix .pp-fader{width:4rem}}.build-rack .chord-roll-shell{overflow-x:visible}.build-rack .chord-roll-shell .timeline-ruler{min-width:0;grid-template-columns:repeat(var(--steps),minmax(0,1fr))}html[data-mode=basic] .build-rack .chord-roll-shell:not(.is-layer-chord):before{content:"Line up the left edge of a chord with the beat it starts on";display:block;margin:0 0 .375rem;color:var(--muted);font-size:.8125rem;font-weight:500}.build-rack .chord-roll-row .timeline-ruler .is-current{background:color-mix(in srgb,var(--text) 28%,transparent);color:var(--text)}html[data-mode=basic] .build-rack .chord-roll-shell:has(.ns--lane):before,html[data-mode=basic] .build-rack .ns-lane-wrap .chord-roll-shell:before{display:none}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header{padding-left:.75rem}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header{column-gap:.75rem}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(1){flex:none;width:7.75rem}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(1)>.chord-layer-name-field{flex:1 1 0;width:auto;min-width:0}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(2)>.pp-label{flex:none;width:2.75rem}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(2)>.pp-dd{flex:none;width:10.625rem}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(2)>.pp-dd .select-menu-trigger{width:100%}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(2)>.pp-dd .select-menu-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container racks (max-width: 64rem){.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(2)>.pp-dd{width:8.5rem}}@container racks (max-width: 52rem){.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(2)>.pp-dd{width:7.375rem}.build-rack .chord-roll-shell.is-layer-chord>.chord-layer-header>span.pp-ctl:nth-of-type(2)>.pp-label{display:none}}html[data-look=finalx]:not([data-skin=mw]){--page: #f5f6f8;--chrome: #ffffff;--sheet: #ffffff;--row: #f5f6f8;--hair: #d3d7de;--ctl-border: #c3c8d0;--text: #111318;--muted: #5f6570;--accent: #3466ee;--on-accent: #ffffff;--rec: #d23f44;--yellow: #ffd13b;--c-drums: #d9822b;--c-bass: #7a5af5;--c-chords: #178250;--c-melody: #d9469a;--c-vocals: #e3573a;--c-sampler: #2f8fb0;--sec-verse: #1d8a94;--sec-chorus: #9c3f8c;--sec-bridge: #8a6d1d;--font-ui: "Avenir Next", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--fx-ink: #111318;--fx-blue-line: #4f80ff;--fx-line-soft: #e9ecf0;--fx-cell: #dfe3e8;--fx-surface-2: #f5f6f8;--sec-intro: #5560a8;--sec-solo: #2f7d4a;--sec-outro: #b4532f;--sec-custom: #6f7682;--fn-home: #178250;--fn-home-fill: #178250;--fn-home-on: #ffffff;--fn-away: #b98a24;--fn-away-fill: #b98a24;--fn-away-on: #111318;--fn-tension: #e5484d;--fn-tension-fill: #c93b40;--fn-tension-on: #ffffff;--fn-color: #d9469a;--fn-color-fill: #b8327f;--fn-color-on: #ffffff;--fn-mine: #3466ee;--fn-mine-fill: #3466ee;--fn-mine-on: #ffffff}html[data-look=finalx]:not([data-skin=mw]) .pp-btn{font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .pp-btn--quiet,html[data-look=finalx]:not([data-skin=mw]) .pp-btn--sm{font-weight:500}html[data-look=finalx]:not([data-skin=mw]) .pp-btn--primary{font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .pp-btn--on,html[data-look=finalx]:not([data-skin=mw]) .pp-btn.is-on{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff;font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .pp-btn--rec{color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .pp-btn--rec.is-on{background:var(--rec);border-color:var(--rec);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .pp-seg>button,html[data-look=finalx]:not([data-skin=mw]) .segmented button{border-right-color:transparent}html[data-look=finalx]:not([data-skin=mw]) .pp-seg>button.is-on,html[data-look=finalx]:not([data-skin=mw]) .pp-seg>button.is-active,html[data-look=finalx]:not([data-skin=mw]) .segmented button.is-active{background:var(--fx-ink);color:#fff;font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .pp-toggle.is-on,html[data-look=finalx]:not([data-skin=mw]) .pp-toggle[aria-checked=true]{background:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .pp-toggle:after{box-shadow:none}html[data-look=finalx]:not([data-skin=mw]) .pp-fader::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--fx-ink) var(--v),var(--ctl-border) var(--v))}html[data-look=finalx]:not([data-skin=mw]) .pp-fader::-moz-range-progress{background:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .pp-fader:focus-visible{outline-color:var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .pp-meter{background:var(--fx-line-soft)}html[data-look=finalx]:not([data-skin=mw]) .select-menu-list button.is-selected{color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .select-menu-list button.is-selected svg{color:var(--accent)}html[data-look=finalx]:not([data-skin=mw]) .pp-menu,html[data-look=finalx]:not([data-skin=mw]) .select-menu-list{box-shadow:0 .5rem 1.5rem #1113181f}html[data-look=finalx]:not([data-skin=mw]) .modal-card,html[data-look=finalx]:not([data-skin=mw]) .toast-message{box-shadow:0 .625rem 1.875rem #11131829}html[data-look=finalx]:not([data-skin=mw]) .pp-guides button.is-active,html[data-look=finalx]:not([data-skin=mw]) .section-loop.is-looping,html[data-look=finalx]:not([data-skin=mw]) .mobile-nav button.is-active{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .song-title-field input{padding:0 .5rem;border-color:var(--ctl-border)}html[data-look=finalx]:not([data-skin=mw]) .song-title-field input:hover,html[data-look=finalx]:not([data-skin=mw]) .song-title-field input:focus{border-color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .save-state{font-weight:500}html[data-look=finalx]:not([data-skin=mw]) .clock .lbl{font-weight:500}html[data-look=finalx]:not([data-skin=mw]) .transport-mix[aria-pressed=true],html[data-look=finalx]:not([data-skin=mw]) .clock-tap.is-tapping{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff}html[data-look=finalx]:not([data-skin=mw]){--fx-bar: #eceef2}html[data-look=finalx]:not([data-skin=mw]) .studio-header{background:var(--fx-bar)}html[data-look=finalx]:not([data-skin=mw]) .build-tab{color:var(--muted)}html[data-look=finalx]:not([data-skin=mw]) .build-tab.is-on{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff;font-weight:600;box-shadow:none}html[data-look=finalx]:not([data-skin=mw]) .build-tab.is-on small{color:#ffffffbf}html[data-look=finalx]:not([data-skin=mw]) .build-tab.is-drop-before,html[data-look=finalx]:not([data-skin=mw]) .build-tab.is-on.is-drop-before{box-shadow:-.375rem 0 0 -.25rem var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .build-tab.is-drop-after,html[data-look=finalx]:not([data-skin=mw]) .build-tab.is-on.is-drop-after{box-shadow:.375rem 0 0 -.25rem var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .build-tab[style*="--sec: #ffd13b" i]{--sec: var(--sec-intro) !important}html[data-look=finalx]:not([data-skin=mw]) .build-tab[style*="--sec: #1e9e5a" i]{--sec: var(--sec-solo) !important}html[data-look=finalx]:not([data-skin=mw]) .build-tab[style*="--sec: #f280ed" i]{--sec: var(--sec-outro) !important}html[data-look=finalx]:not([data-skin=mw]) .build-tab[style*="--sec: #6b7280" i]{--sec: var(--sec-custom) !important}html[data-look=finalx]:not([data-skin=mw]) .build-strip__add,html[data-look=finalx]:not([data-skin=mw]) .build-strip__add-to-song{color:var(--accent);font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .lib-paper .song-row .song-play.is-playing{background:var(--yellow)!important;border-color:var(--yellow)!important;color:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .build-rack.composer-block,html[data-look=finalx]:not([data-skin=mw]) .build-rack.composer-block.is-performance-active{box-shadow:inset .1875rem 0 0 var(--track, var(--text))}html[data-look=finalx]:not([data-skin=mw]) .build-rack .rack-header{background:linear-gradient(to right,var(--track, var(--text)) 0 .1875rem,var(--sheet) .1875rem);border-bottom-color:var(--fx-line-soft, #e9ecf0)}html[data-look=finalx]:not([data-skin=mw]) .rack-header .rack-header__play.pp-btn.is-on{background:var(--yellow, #ffd13b);border-color:var(--yellow, #ffd13b);color:var(--fx-ink, #111318)}html[data-look=finalx]:not([data-skin=mw]) .cv-keys{height:1.375rem;padding:0 .4375rem;border-color:var(--fx-ink, #111318);color:var(--text);font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .cv-keys svg{color:var(--text)}html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=drums] [data-rack=drums]:after,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=bass] [data-rack=bass]:after,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=chords] [data-rack=chords]:after,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=melody] [data-rack=melody]:after,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=vocals] [data-rack=vocals]:after,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=drums] .instrument-rack.tone-drums,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=bass] .instrument-rack.tone-bass,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=chords] .instrument-rack.tone-chords,html[data-look=finalx]:not([data-skin=mw])[data-lesson-rack=melody] .instrument-rack.tone-melody{outline-color:var(--fx-blue-line, #4f80ff)}@keyframes fx-ld-flash{0%,40%{box-shadow:inset .1875rem 0 0 var(--track, transparent),inset 0 0 0 62.4375rem #4f80ff1a}to{box-shadow:inset .1875rem 0 0 var(--track, transparent),inset 0 0 0 62.4375rem #4f80ff00}}html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=drums] [data-rack=drums],html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=bass] [data-rack=bass],html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=chords] [data-rack=chords],html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=melody] [data-rack=melody],html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=vocals] [data-rack=vocals]{animation-name:fx-ld-flash;outline-color:var(--fx-blue-line, #4f80ff)}@keyframes fx-ld-flash-plain{0%,40%{box-shadow:inset 0 0 0 62.4375rem #4f80ff1a}to{box-shadow:inset 0 0 0 62.4375rem #4f80ff00}}html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=drums] .instrument-rack.tone-drums,html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=bass] .instrument-rack.tone-bass,html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=chords] .instrument-rack.tone-chords,html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash=melody] .instrument-rack.tone-melody{animation-name:fx-ld-flash-plain;outline-color:var(--fx-blue-line, #4f80ff)}@media (prefers-reduced-motion: reduce){html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash] [data-rack],html[data-look=finalx]:not([data-skin=mw])[data-lesson-flash] .instrument-rack{animation:none}}html[data-look=finalx]:not([data-skin=mw]) .pp-card.is-on,html[data-look=finalx]:not([data-skin=mw]) .pp-card[aria-pressed=true]{border-color:var(--fx-ink, #111318);box-shadow:inset 0 0 0 1px var(--fx-ink, #111318)}html[data-look=finalx]:not([data-skin=mw]) .cv-glyph>i,html[data-look=finalx]:not([data-skin=mw]) .pp-card__glyph>i.is-off{background:var(--fx-cell, #dfe3e8)}html[data-look=finalx]:not([data-skin=mw]) .cv-summary .cv-glyph>i{background:var(--fx-line-soft, #e9ecf0)}html[data-look=finalx]:not([data-skin=mw]) .cv-glyph>i.is-on,html[data-look=finalx]:not([data-skin=mw]) .cv-summary .cv-glyph>i.is-on{background:var(--track)}html[data-look=finalx]:not([data-skin=mw]) .pp-chip.is-on,html[data-look=finalx]:not([data-skin=mw]) .pp-chip[aria-pressed=true]{border-color:var(--fx-blue-line, #4f80ff);box-shadow:inset 0 0 0 1px var(--fx-blue-line, #4f80ff)}html[data-look=finalx]:not([data-skin=mw]):not([data-mode=basic]) .build-rack .chord-event-grid .sequence-event{border-color:color-mix(in srgb,var(--c-chords) 55%,transparent);background:color-mix(in srgb,var(--c-chords) 12%,var(--sheet))}html[data-look=finalx]:not([data-skin=mw]):not([data-mode=basic]) .build-rack .chord-event-grid .sequence-event.is-color-chord{border-color:color-mix(in srgb,var(--fn-color) 55%,transparent);background:color-mix(in srgb,var(--fn-color) 12%,var(--sheet))}html[data-look=finalx]:not([data-skin=mw]):not([data-mode=basic]) .build-rack .chord-event-grid .sequence-event.is-belt-chord{border-color:color-mix(in srgb,var(--c-chords) 70%,transparent);background:color-mix(in srgb,var(--c-chords) 20%,var(--sheet))}html[data-look=finalx]:not([data-skin=mw]):not([data-mode=basic]) .build-rack .chord-event-grid .sequence-event.is-playing{border-color:var(--c-chords);background:color-mix(in srgb,var(--c-chords) 32%,var(--sheet));box-shadow:inset 0 0 0 1px var(--c-chords)}html[data-look=finalx]:not([data-skin=mw]):not([data-mode=basic]) .build-rack .chord-event-grid .sequence-event.is-color-chord.is-playing{border-color:var(--fn-color);background:color-mix(in srgb,var(--fn-color) 32%,var(--sheet));box-shadow:inset 0 0 0 1px var(--fn-color)}html[data-look=finalx]:not([data-skin=mw]):not([data-mode=basic]) .build-rack .chord-event-grid .sequence-event.is-selected,html[data-look=finalx]:not([data-skin=mw]):not([data-mode=basic]) .build-rack .chord-event-grid .sequence-event.is-selected.is-playing,html[data-look=finalx]:not([data-skin=mw]) .build-rack .piano-event-grid .sequence-event.is-selected,html[data-look=finalx]:not([data-skin=mw]) .build-rack .bass-event-grid .sequence-event.is-selected{border-color:var(--fx-blue-line, #4f80ff);box-shadow:inset 0 0 0 1px var(--fx-blue-line, #4f80ff)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .timeline-ruler .bar-start{color:var(--muted);font-weight:500}html[data-look=finalx]:not([data-skin=mw]) .build-rack .timeline-ruler .bar-start strong{font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .build-rack .timeline-ruler .is-current{color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .cursor-marker{background:var(--fx-ink, #111318)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .step-row>*.is-current{outline-color:var(--fx-ink, #111318)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .grid-lines>.is-current{background:color-mix(in srgb,var(--fx-ink, #111318) 6%,transparent)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .drum-grid-shell,html[data-look=finalx]:not([data-skin=mw]) .build-rack .bass-grid-wrap,html[data-look=finalx]:not([data-skin=mw]) .build-rack .chord-piano-roll{border-color:var(--ctl-border)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .row-label{background:var(--sheet);color:var(--muted);border-right-color:var(--ctl-border)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .drum-row .row-label small,html[data-look=finalx]:not([data-skin=mw]) .build-rack .drum-row--roll .row-label small{color:var(--muted)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .bass-row .row-label.is-black-key,html[data-look=finalx]:not([data-skin=mw]) .build-rack .chord-piano-row.is-black-key .row-label{background:var(--fx-surface-2, #f5f6f8);color:var(--muted)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .chord-piano-row.is-playing .row-label{background:color-mix(in srgb,var(--track, var(--text)) 20%,var(--sheet));color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .step-row>*.is-active,html[data-look=finalx]:not([data-skin=mw]) .build-rack .is-long .step-row>*.is-active{border-radius:.125rem;box-shadow:inset 0 0 0 .125rem var(--sheet)}html[data-look=finalx]:not([data-skin=mw]) .melody-roll .grid-lines button.is-chord-tone:not(:hover):not(.is-current){background:var(--fx-cell, #dfe3e8)}html[data-look=finalx]:not([data-skin=mw]) .melody-roll .grid-lines button.is-chord-root:not(:hover):not(.is-current){background:var(--hair)}html[data-look=finalx]:not([data-skin=mw]) .pad-workspace .drum-grid-shell{background:var(--sheet);border-color:var(--ctl-border)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .roll-region.is-selected{border-color:var(--fx-blue-line, #4f80ff);box-shadow:inset 0 0 0 1px var(--fx-blue-line, #4f80ff)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .drum-pad-surface{border-radius:.375rem;border:1px solid color-mix(in srgb,var(--voice) 60%,var(--ctl-border));background:color-mix(in srgb,var(--voice) 14%,var(--sheet));box-shadow:inset 0 -.25rem 0 var(--voice)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .drum-pad.is-pressed .drum-pad-surface,html[data-look=finalx]:not([data-skin=mw]) .build-rack .drum-pad:active .drum-pad-surface{background:color-mix(in srgb,var(--voice) 32%,var(--sheet));box-shadow:inset 0 -.125rem 0 var(--voice)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .drum-pad kbd{background:var(--sheet);border-color:var(--ctl-border);color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .piano-key.is-active{background:color-mix(in srgb,var(--track, var(--c-melody)) 22%,var(--sheet))!important}html[data-look=finalx]:not([data-skin=mw]) .build-rack .piano-key.is-black.is-active{background:var(--track, var(--c-melody))!important;color:#fff}html[data-look=finalx]:not([data-skin=mw]) .build-rack .cv-808-pad.is-pressed{border-color:var(--c-bass);background:color-mix(in srgb,var(--c-bass) 16%,var(--sheet));box-shadow:inset 0 -.25rem 0 var(--c-bass)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .cv-808-key.is-pressed{border-color:var(--c-bass);background:color-mix(in srgb,var(--c-bass) 16%,var(--sheet))}html[data-look=finalx]:not([data-skin=mw]) .build-rack .cv-808-key.is-black.is-pressed{background:var(--c-bass);border-color:var(--c-bass);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .ns__title{font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .ns--card{border-color:color-mix(in srgb,var(--accent) 45%,var(--ctl-border));background:color-mix(in srgb,var(--accent) 4%,var(--sheet))}html[data-look=finalx]:not([data-skin=mw]) .lyr-take-use.is-on{background:var(--fx-ink, #111318);border-color:var(--fx-ink, #111318);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .lyr .lyr-chords button.is-drag-preview{color:var(--fx-blue-line, #4f80ff)}html[data-look=finalx]:not([data-skin=mw]) .lyr .lyr-chords button.is-drag-preview:after{background:var(--fx-blue-line, #4f80ff)}html[data-look=finalx]:not([data-skin=mw]) .lyr-take.is-editing .lyr-wave{box-shadow:0 0 0 1px var(--fx-blue-line, #4f80ff)}html[data-look=finalx]:not([data-skin=mw]) .lyr-wave-marker{background:var(--fx-ink, #111318)}html[data-look=finalx]:not([data-skin=mw]) .build-rack .chord-roll-row .timeline-ruler .is-current{background:color-mix(in srgb,var(--text) 28%,transparent);color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .tl-header .rack-header__bar{width:.1875rem}html[data-look=finalx]:not([data-skin=mw]) .tl-grid i{border-left-color:var(--fx-line-soft)}html[data-look=finalx]:not([data-skin=mw]) .tl-grid-bar{border-left-color:var(--hair)!important}html[data-look=finalx]:not([data-skin=mw]) .tl-mark-bar{color:var(--muted);font-size:.75rem;font-weight:500;border-left-color:var(--ctl-border)}html[data-look=finalx]:not([data-skin=mw]) .tl-playhead,html[data-look=finalx]:not([data-skin=mw]) .tl-ruler-playhead{width:1.5px;background:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .tl-ruler .tl-ruler-playhead:before{border-top-color:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .tl-loop{background:color-mix(in srgb,var(--fx-blue-line) 14%,transparent);border-left-color:var(--fx-blue-line);border-right-color:var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .tl-loop-region{background:color-mix(in srgb,var(--fx-blue-line) 6%,transparent);border-left-color:color-mix(in srgb,var(--fx-blue-line) 40%,transparent);border-right-color:color-mix(in srgb,var(--fx-blue-line) 40%,transparent)}html[data-look=finalx]:not([data-skin=mw]) .tl-block[style*="--section: #4f6fa8" i]{--section: var(--sec-verse) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-block[style*="--section: #b4536c" i]{--section: var(--sec-chorus) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-block[style*="--section: #8f6bb8" i]{--section: var(--sec-bridge) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-block[style*="--section: #a3853a" i]{--section: var(--sec-intro) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-block[style*="--section: #3a8a93" i]{--section: var(--sec-solo) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-block[style*="--section: #9a5f8a" i]{--section: var(--sec-outro) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-block[style*="--section: #6f7682" i]{--section: var(--sec-custom) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-block.is-selected{outline:0;background:color-mix(in srgb,var(--section) 88%,#000);border-left-color:color-mix(in srgb,var(--section) 65%,#000);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .tl-block.is-selected small{color:#ffffffeb}html[data-look=finalx]:not([data-skin=mw]) .tl-add-section,html[data-look=finalx]:not([data-skin=mw]) .tl-add{font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .tl-add-section{z-index:1;height:auto;min-height:0;border-color:var(--hair);background:var(--sheet)}html[data-look=finalx]:not([data-skin=mw]) .tl-block-rename{border-color:var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .tl-part.is-open,html[data-look=finalx]:not([data-skin=mw]) .tl-part.is-selected,html[data-look=finalx]:not([data-skin=mw]) .tl-part:focus-visible,html[data-look=finalx]:not([data-skin=mw]) .tl-audio-clip.is-selected,html[data-look=finalx]:not([data-skin=mw]) .tl-audio-clip.is-open,html[data-look=finalx]:not([data-skin=mw]) .tl-audio-clip:focus-visible,html[data-look=finalx]:not([data-skin=mw]) .tl-ghost.is-open{outline-color:var(--fx-blue-line);outline-offset:-1px}html[data-look=finalx]:not([data-skin=mw]) .tl-chords b{background:var(--sheet);border:1px solid color-mix(in srgb,var(--track) 50%,transparent);border-radius:.1875rem}html[data-look=finalx]:not([data-skin=mw]) .tl-ghost{border-color:var(--ctl-border)}html[data-look=finalx]:not([data-skin=mw]) .tl-lane[style*="--track: #6e63a8" i],html[data-look=finalx]:not([data-skin=mw]) .tl-header .rack-header[style*="--track: #6e63a8" i],html[data-look=finalx]:not([data-skin=mw]) .tl-rack .rack-header[style*="--track: #6e63a8" i],html[data-look=finalx]:not([data-skin=mw]) .smp-rack[style*="--track: #6e63a8" i]{--track: var(--c-sampler) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-rack[style*="--panel: #6e63a8" i]{--panel: var(--c-sampler) !important}html[data-look=finalx]:not([data-skin=mw]) .tl-clip-editor__fade{border-color:var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .smp-pad.is-selected{border-color:var(--fx-blue-line);box-shadow:inset 0 0 0 1px var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .smp-library__row.is-playing .smp-library__play{background:var(--yellow);border-color:var(--yellow);color:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .smp-grid{border-color:var(--ctl-border)}html[data-look=finalx]:not([data-skin=mw]) .smp-grid__corner,html[data-look=finalx]:not([data-skin=mw]) .smp-grid__pad{background:var(--sheet);border-right-color:var(--ctl-border);color:var(--muted)}html[data-look=finalx]:not([data-skin=mw]) .smp-grid__row.is-selected .smp-grid__pad{background:var(--row);color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .smp-grid__pad.is-pressed{background:color-mix(in srgb,var(--track) 20%,var(--sheet));color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .smp-grid__hit{border-radius:.125rem}html[data-look=finalx]:not([data-skin=mw]) .smp-grid__hit:focus-visible{outline-color:var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) .smp-grid__cols>.is-current{background:color-mix(in srgb,var(--fx-ink) 8%,transparent)}html[data-look=finalx]:not([data-skin=mw]) .smp-grid .timeline-ruler .bar-start{color:var(--muted);font-weight:500}html[data-look=finalx]:not([data-skin=mw]) .smp-grid .timeline-ruler .bar-start strong{font-weight:600}html[data-look=finalx]:not([data-skin=mw]) .smp-grid .timeline-ruler .is-current{color:var(--text)}html[data-look=finalx]:not([data-skin=mw]) .tl-menu.pp-menu{box-shadow:0 .5rem 1.5rem #1113181f}html[data-look=finalx]:not([data-skin=mw]) .ld-step.is-current{background:transparent;border-color:transparent}html[data-look=finalx]:not([data-skin=mw]) .ld-chip.is-on,html[data-look=finalx]:not([data-skin=mw]) .ld-moves button[aria-pressed=true]{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .ld-checklist input:checked{border-color:var(--fx-ink);background:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .ld-tips{border-color:var(--fx-blue-line)}html[data-look=finalx]:not([data-skin=mw]) aside.lesson-panel.is-floating,html[data-look=finalx]:not([data-skin=mw]) section.lesson-popout,html[data-look=finalx]:not([data-skin=mw]) section.lesson-video-window{box-shadow:0 .625rem 1.875rem #11131829}html[data-look=finalx]:not([data-skin=mw]) section.lesson-popout .style-options button[aria-pressed=true]{background:var(--fx-ink);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root .lyr-sections button.is-on{background:var(--fx-ink);border-color:var(--fx-ink);box-shadow:none}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root .lyr-sections button.is-on span{color:#fff}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root .lyr-sections button.is-on small{color:#ffffffbf}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root [style*="--section: #4f80ff" i],html[data-look=finalx]:not([data-skin=mw]) .sheet-paper [style*="--section: #4f80ff" i]{--section: var(--sec-verse) !important}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root [style*="--section: #e63c48" i],html[data-look=finalx]:not([data-skin=mw]) .sheet-paper [style*="--section: #e63c48" i]{--section: var(--sec-chorus) !important}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root [style*="--section: #7b52d9" i],html[data-look=finalx]:not([data-skin=mw]) .sheet-paper [style*="--section: #7b52d9" i]{--section: var(--sec-bridge) !important}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root [style*="--section: #ffd13b" i],html[data-look=finalx]:not([data-skin=mw]) .sheet-paper [style*="--section: #ffd13b" i]{--section: var(--sec-intro) !important}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root [style*="--section: #1e9e5a" i],html[data-look=finalx]:not([data-skin=mw]) .sheet-paper [style*="--section: #1e9e5a" i]{--section: var(--sec-solo) !important}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root [style*="--section: #f280ed" i],html[data-look=finalx]:not([data-skin=mw]) .sheet-paper [style*="--section: #f280ed" i]{--section: var(--sec-outro) !important}html[data-look=finalx]:not([data-skin=mw]) .lyr-page-root [style*="--section: #6b7280" i],html[data-look=finalx]:not([data-skin=mw]) .sheet-paper [style*="--section: #6b7280" i]{--section: var(--sec-custom) !important}html[data-look=finalx]:not([data-skin=mw]) .xp .pp-guides button.is-active{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .mx .mixer-strip[style*="--track: #3f8f6b" i]{--track: var(--c-chords) !important}html[data-look=finalx]:not([data-skin=mw]) .mx .mixer-strip[style*="--track: #4a6fb5" i]{--track: var(--c-bass) !important}html[data-look=finalx]:not([data-skin=mw]) .mx .mixer-strip[style*="--track: #b5712e" i]{--track: var(--c-drums) !important}html[data-look=finalx]:not([data-skin=mw]) .mx .mixer-strip[style*="--track: #8a62b8" i]{--track: var(--c-melody) !important}html[data-look=finalx]:not([data-skin=mw]) .mx .mixer-strip[style*="--track: #c04f6e" i]{--track: var(--c-vocals) !important}html[data-look=finalx]:not([data-skin=mw]) .mx .mixer-strip[style*="--track: #c0453f" i]{--track: var(--rec) !important}html[data-look=finalx]:not([data-skin=mw]) .mx .mixer-strip[style*="--track: #7b52d9" i]{--track: var(--c-sampler) !important}html[data-look=finalx]:not([data-skin=mw]) .mx .vertical-fader{accent-color:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .sheet-paper .live-form-strip button.is-current{box-shadow:inset 0 0 0 1px var(--fx-ink);border-color:var(--fx-ink);border-left-color:var(--section)}html[data-look=finalx]:not([data-skin=mw]) .sheet-paper .live-form-strip i{background:var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .sheet-paper .section-loop.is-looping,html[data-look=finalx]:not([data-skin=mw]) .sheet-paper .pp-guides button.is-active{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff}html[data-look=finalx]:not([data-skin=mw]) .sheet-paper .lyric-sheet-section.is-current{box-shadow:inset 0 0 0 1px var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .sheet-paper .chord-bank-chips span.is-current{border-color:var(--fx-ink);box-shadow:inset 0 0 0 1px var(--fx-ink)}html[data-look=finalx]:not([data-skin=mw]) .sheet-paper .lead-sheet-measure.is-selected{box-shadow:inset 0 0 0 .125rem var(--fx-blue-line)}