@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,500;8..60,650;8..60,750&display=swap";.jamzone-floating-panel{position:fixed;z-index:30;top:78px;right:18px;bottom:18px;width:min(760px,calc(100vw - 110px));display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:#fff;box-shadow:4px 4px #3333333d}.jamzone-floating-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:2px 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:34px;min-width:34px;height:34px;min-height:34px;padding:0;background:#fff}.jamzone-chart-picker{display:block;margin-top:3px}.jamzone-chart-picker select{min-width:min(430px,calc(100vw - 180px));max-width:100%;height:34px;padding:0 34px 0 10px;border:1.5px solid var(--ink);border-radius:5px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:850}.jamzone-reference-layout{min-height:0;flex:1;overflow:hidden;background:#fff}.jamzone-reference-chart{min-width:0;min-height:0;height:100%;padding:22px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.jamzone-reference-chart>header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:2px solid var(--ink)}.jamzone-reference-chart>header span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.jamzone-reference-chart h3{margin:4px 0 0;font-size:34px}.jamzone-reference-chart header p{margin-top:2px;font-weight:750}.jamzone-musicwill-link{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border:1.5px solid var(--ink);border-radius:5px;color:var(--ink);font-size:11px;font-weight:850;text-decoration:none}.jamzone-musicwill-link:hover{background:var(--blue);color:#fff}.jamzone-reference-form{padding:16px 0;border-bottom:1px solid var(--line)}.jamzone-rhythm-panel>p,.jamzone-reference-parts>div>p{margin:4px 0 10px;color:var(--muted);font-size:13px;line-height:1.35}.jamzone-form-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.jamzone-form-strip button{min-width:62px;padding:7px;border:1.5px solid var(--ink);border-radius:5px;background:#fff;box-shadow:none;font-size:11px;font-weight:900;text-align:center}.jamzone-form-strip button[aria-pressed=true]{background:var(--yellow)}.jamzone-reference-parts{display:grid;gap:16px;margin-top:18px}.jamzone-reference-parts>div{min-width:0}.jamzone-reference-section{margin-top:12px;padding:12px 0 0;border-top:1px solid var(--line);overflow-x:auto}.jamzone-reference-section h4{margin:0 0 8px;font-size:13px}.jamzone-lead-system{position:relative;min-width:440px;height:92px;margin:0 2px 8px}.jamzone-lead-chord{position:absolute;top:17px;padding-left:8px;font-family:var(--font-sheet);font-size:19px;line-height:1;white-space:nowrap}.jamzone-lead-system.has-dense{min-width:600px}.jamzone-lead-chord.is-dense{padding-left:3px;font-size:15px}.jamzone-lead-slash{position:absolute;top:59px;transform:translate(-50%);font-family:var(--font-sheet);font-size:29px;line-height:1;font-weight:700}.jamzone-lead-barline{position:absolute;top:51px;width:1.5px;height:42px;background:var(--ink)}.jamzone-rhythm-panel{padding:14px;border-left:5px solid var(--blue);background:#f7f8fa}.jamzone-rhythm-score{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.jamzone-rhythm-score th,.jamzone-rhythm-score td{height:28px;padding:3px 0;text-align:center}.jamzone-rhythm-score thead th{height:22px;color:var(--muted);border-bottom:1px solid #7b838d;font-size:10px;font-weight:500}.jamzone-rhythm-score th:first-child{text-align:left;font-size:11px}.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:2px 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:13px}.jamzone-rhythm-score td.is-hold{background:#e7ebef}.jamzone-hold{display:block;color:var(--ink);font-size:17px;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:24px;min-width:24px;height:24px;min-height:24px;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}@media (max-width: 760px){.jamzone-floating-panel{top:70px;right:8px;bottom:8px;left:8px;width:auto}.jamzone-floating-head{cursor:default}.jamzone-chart-picker select{min-width:min(310px,calc(100vw - 100px))}.jamzone-reference-chart{padding:18px}.jamzone-reference-chart h3{font-size:28px}}.cover-app{max-width:1500px;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:2px solid var(--ink);border-radius:6px;padding:10px 14px;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:3px}.cover-app h1{font-size:clamp(24px,2.5vw,34px);line-height:1.12;margin:5px 0 10px;letter-spacing:-.8px}.cover-app h2{font-size:27px;margin:5px 0}.cover-app h3{margin:0 0 12px;font-size:19px}.cover-app p{line-height:1.55;margin:8px 0 14px}.cover-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink);padding:18px 24px;margin-bottom:0}.cover-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;align-self:flex-start}.cover-app .cover-lesson-button{min-height:36px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800;background:var(--yellow);white-space:nowrap}.cover-app .cover-lesson-button:not(:disabled):hover{background:var(--yellow);filter:brightness(.96)}@media (min-width: 761px){.cover-app.has-lesson{margin-right:440px}}.cover-kicker{font-size:12px;text-transform:uppercase;font-weight:850;letter-spacing:1px}.cover-layout{display:grid;grid-template-columns:64px minmax(0,1fr)}.cover-sidebar{border-right:2px solid var(--ink);padding:8px;background:var(--card);z-index:20}.cover-navigation{position:sticky;top:8px}.cover-navigation nav{display:flex;flex-direction:column;gap:8px}.cover-navigation nav button{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:2px solid var(--ink);border-radius:12px;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% + 12px);top:50%;transform:translateY(-50%);border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;padding:5px 10px;font-size:10px;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:16px}.cover-settings{padding:0}.cover-app .modal-card{width:min(580px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;box-shadow:0 8px 24px #00000026}.cover-app .modal-card>.modal-content{overflow-y:auto}.cover-app .modal-card h2{font-size:21px}.cover-settings fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:18px;column-gap:18px;border:0;padding:0;margin:0 0 16px;min-width:0}.cover-settings fieldset>p{grid-column:1 / -1;margin:6px 0 0}.cover-settings .cover-setting-wide{grid-column:1 / -1}.cover-app .cover-difficulty-summary{margin:-12px 0 20px;font-size:12px;color:#555}.cover-settings legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.cover-settings label{display:block;font-size:12px;font-weight:750;margin-top:12px}.cover-app select:not(:where(.cover-program *)),.cover-app input[type=number]:not(:where(.cover-program *)){display:block;width:100%;padding:8px;border:1px solid #8c8c8c;border-radius:4px;background:#fff;color:var(--ink);margin-top:5px;min-height:38px}.cover-settings p,.cover-privacy{font-size:12px;color:#555}.cover-app .cover-footer{padding:18px 24px;margin:0;border-top:1px solid #ddd}.cover-workspace{min-width:0;padding:24px}.cover-module-heading{background:var(--cover-accent);padding:18px 22px;border:2px solid var(--ink);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 2px 4px #00000014;margin:0 0 24px}.cover-module-heading p{margin:0}.cover-stages{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.cover-stages button{font-size:12px;border-width:1px;padding:8px 11px}.cover-stages button[aria-current]{background:var(--ink);color:#fff}.cover-instruction{padding:20px;border:1px solid #c9c9c9;border-radius:7px;margin-bottom:20px;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:24px 0}.cover-chart>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid #ccc}.cover-chart>header span{font-size:13px}.cover-chart-key{font-size:12px}.cover-sheet-scroll,.cover-grid-scroll{overflow-x:auto}.cover-sheet-system{min-width:var(--sheet-min-width);padding:4px 5px 20px 0}.cover-lead-staff{position:relative;height:115px;margin:0 2px 4px 64px}.cover-sheet-system.is-reading .cover-lead-staff{margin-left:4px}.cover-measure-number{position:absolute;top:0;margin-left:6px;font-size:11px;color:#777}.cover-lead-chord{position:absolute;top:26px;transform:translate(-50%);font-size:25px;line-height:1}.cover-lead-slash{position:absolute;top:65px;transform:translate(-50%);font-size:36px;line-height:1;font-weight:700}.cover-lead-slash.is-current{color:#285ec9;text-shadow:0 0 12px #aac4ff}.cover-lead-slash.is-current:after{content:"";position:absolute;width:18px;height:4px;background:#4f80ff;left:50%;bottom:-8px;transform:translate(-50%)}.cover-barline{position:absolute;top:60px;bottom:9px;border-left:1.5px solid var(--ink)}.cover-barline.is-final{border-right:3px solid var(--ink);width:5px}.cover-rhythm-score{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px}.cover-rhythm-score th,.cover-rhythm-score td{padding:3px 0;height:32px;text-align:center;border:0}.cover-rhythm-score thead th{font-size:10px;font-weight:500;color:#666;height:22px}.cover-rhythm-score th:first-child{text-align:left;font-size:11px}.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:2px solid var(--ink)}.cover-rhythm-score tr>:last-child{border-right:2px 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:13px}.cover-rhythm-score td small{display:block;font-size:9px;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:20px;margin:16px 0}.cover-transport output{font-variant-numeric:tabular-nums;font-size:18px;font-weight:750}.cover-instruments{padding:18px;background:#fff;border-radius:7px;border:1px solid #c7c7c7;margin:20px 0}.cover-instruments>p{font-size:13px}.cover-pads{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:12px;margin:14px 0}.cover-pads button{min-height:85px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--cover-accent);box-shadow:0 1px 3px #00000020}.cover-pads button strong{display:block;font-size:24px}.cover-pads kbd{font:inherit;font-size:11px}.cover-pads button.is-prompted{outline:4px solid #4f80ff;outline-offset:2px}.cover-pads button.is-pressed{transform:translate(2px,2px);box-shadow:none;background:#fff1b8}.cover-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:14px}.cover-controls label{min-width:140px;font-size:12px;font-weight:750}.cover-controls button{font-size:12px}.cover-questions fieldset{border:1px solid #bbb;padding:15px;margin:16px 0;border-radius:5px}.cover-questions legend{font-weight:750;font-size:14px}.cover-questions fieldset>div{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.cover-questions label{display:flex;align-items:center;gap:6px;padding:6px;cursor:pointer}.cover-questions input{accent-color:#365bc0}.cover-questions button{font-size:12px}.cover-notice{padding:13px 16px;background:#f0f4ff;border-left:4px solid #4f80ff}.cover-error{padding:13px 16px;background:#fff1eb;border-left:4px solid #b44631}.cover-review{border:3px solid var(--ink);border-radius:7px;padding:22px;margin:24px 0;background:#fff8da;scroll-margin-top:20px}.cover-review h3{font-size:26px}.cover-live-feedback{position:sticky;top:8px;z-index:5;border:2px solid var(--ink);border-radius:7px;padding:14px 18px;background:#fff0d7;margin:16px 0}.cover-live-feedback.is-good{background:#ddf3e6}.cover-live-feedback>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.cover-live-feedback span{font-size:12px;font-weight:750;text-transform:uppercase}.cover-live-feedback strong{font-size:24px}.cover-live-feedback p{font-size:14px;margin:6px 0}.cover-live-feedback small{font-size:12px}.cover-score-row{display:flex;flex-wrap:wrap;gap:24px;background:#f8f9fa;padding:20px;margin:16px 0}.cover-score-row strong{display:block;font-size:33px}.cover-score-row>div:first-child strong{font-size:48px}.cover-score-row span{font-size:12px}.cover-review li{margin-bottom:12px;line-height:1.5}.cover-review-table{border-collapse:collapse;font-size:12px;width:100%;margin-top:14px}.cover-review-table td,.cover-review-table th{border:1px solid #ccc;padding:8px;text-align:left}.cover-review summary{font-weight:750;cursor:pointer}.cover-next{display:flex;justify-content:end;margin:24px 0}.cover-share{border:2px solid var(--ink);background:#fff7d9;padding:20px;margin:24px 0;border-radius:7px}.cover-share textarea{width:100%;height:95px;padding:10px;resize:vertical;margin-bottom:10px}.lesson-cover-link{display:block;border:1px solid var(--ink);border-radius:5px;padding:10px;color:var(--ink);background:#fff4c7;font-size:12px;font-weight:750;text-decoration:none}@media (max-width:760px){.cover-heading{align-items:start;flex-direction:column;gap:4px;padding:16px}.cover-layout{grid-template-columns:1fr}.cover-sidebar{border-right:0;border-bottom:2px 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% + 8px);left:0;transform:none}.cover-settings-toggle .cover-rail-label{left:auto;right:0}.cover-workspace{padding:20px 16px}.cover-module-heading{padding:15px;flex-wrap:wrap}.cover-app h2{font-size:23px}.cover-score-row{gap:17px;padding:12px}.cover-score-row strong{font-size:28px}}@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{-moz-column-break-inside:avoid;break-inside:avoid}.cover-module-heading{box-shadow:none}.cover-review details{display:none}}.cover-app .cover-band-toggle{font-size:12px;border-radius:20px;padding:8px 14px}.cover-app .cover-band-toggle[aria-pressed=true]{background:#e0eaff;border-color:#4f80ff}.cover-drum-pads{display:flex;justify-content:center;gap:clamp(12px,3vw,32px);padding:8px 0}.cover-app .cover-drum-pads button,.cover-app .cover-drum-pads button:hover{display:inline-flex;flex-direction:column;align-items:center;gap:8px;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(76px,20vw,148px);height:clamp(76px,20vw,148px);border:2px solid var(--ink);border-radius:18px;padding:8px}.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:26px;height:26px;padding:0 4px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:12px;font-weight:900}.cover-drum-pads button strong{font-size:16px}.cover-drum-pads button.is-pressed .cover-drum-surface{transform:scale(.94);border-width:3px;padding:7px}.cover-drum-pads button.is-prompted .cover-drum-surface,.cover-drum-pads button:focus-visible .cover-drum-surface{outline:3px solid var(--ink);outline-offset:4px}@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:2px solid var(--ink)}.cover-chord-palette .chord-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800}.cover-chord-palette .chord-chip kbd{color:var(--ink)}.cover-chord-palette .chord-chip.is-prompted{outline:3px solid var(--blue);outline-offset:-3px}.cover-chord-palette .palette-group-chip{padding:4px 10px;font-size:10px;border-width:1.5px;min-height:33px}.cover-chord-palette .palette-group-chip.is-on{background:var(--ink);color:#fff}.cover-chord-palette .palette-heading{flex-wrap:wrap}@media (max-width:480px){.cover-settings fieldset{grid-template-columns:1fr}}.cover-input-method{display:flex;gap:8px;margin:16px 0}.cover-input-method button[aria-pressed=true]{background:var(--blue);color:#fff}.cover-settings .cover-program-option{display:flex;align-items:center;gap:10px;font-size:14px;margin:20px 0 6px}.cover-program-option input{width:18px;height:18px}.cover-program.workspace{max-width:none;padding:0;margin:24px 0;min-width:0}.cover-program-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.cover-program-actions span{font-size:12px}.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 2px 4px #00000014}.cover-program-toolbar{flex-wrap:wrap}.cover-program-toolbar label{display:flex;align-items:center;gap:6px;font-size:12px}.cover-program-toolbar input{width:66px;padding:6px;border:1px solid var(--ink);border-radius:4px}.cover-program .bass-grid-wrap,.cover-program .sequence-shell{overflow-x:auto}.cover-program .chord-roll-row{min-width:600px}@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:8px;min-height:52px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#f8f9fa;font-size:13px}.cover-midi-notes span{padding:7px 12px;background:var(--blue);border:1px solid var(--ink);border-radius:5px;color:#fff;font-weight:800}:root{--ink: #333333;--paper: #ffffff;--card: #ffffff;--muted: #6d716f;--line: #d9dee7;--line-strong: #333333;--blue: #4f80ff;--yellow: #ffd13b;--red: #e63c48;--purple: #7b52d9;--pink: #f280ed;--green: #1e9e5a;--font-ui: "Avenir Next", "Segoe UI", sans-serif;--font-sheet: "Source Serif 4", Georgia, serif;font-family:var(--font-ui);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background-color:var(--paper)}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button,kbd{-webkit-user-select:none;-moz-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:3px solid color-mix(in srgb,var(--blue),white 30%);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3,p{margin:0}.primary-action,.studio-header button,.workspace button,.library-screen button,.file-action,.modal-card button{border:2px solid var(--ink);border-radius:6px;background:var(--card);min-height:36px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13px}.primary-action{background:var(--blue)!important;color:#fff!important}.danger{color:var(--red)!important}.page-kicker,.panel-eyebrow,.brand-kicker{display:block;font-size:10px;line-height:1;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.library-screen{min-height:100vh}.library-hero{min-height:286px;padding:48px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:flex-end;justify-content:space-between;gap:40px;background:linear-gradient(90deg,color-mix(in srgb,var(--yellow) 34%,transparent),transparent 54%),var(--card);color:var(--ink);border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.library-hero:after{content:"";position:absolute;width:260px;height:260px;right:6vw;top:-128px;border:48px solid var(--blue);border-radius:50%;opacity:.82}.library-hero>*{position:relative;z-index:1}.brand-kicker{color:var(--blue);margin-bottom:10px}.library-hero h1{font-size:clamp(38px,5vw,60px);line-height:.94;letter-spacing:-.04em;font-weight:900}.library-hero h1 span{color:var(--blue);margin-left:.16em}.library-hero p{max-width:650px;margin-top:20px;color:var(--muted);font-size:16px;line-height:1.55;font-weight:700}.library-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}.library-actions .primary-action{background:var(--blue)!important;color:#fff!important}.library-actions .library-lesson-button{background:var(--yellow)}.file-action{background:#fff;color:var(--ink);border-color:var(--ink)}.file-action input{display:none}.library-content{max-width:1240px;margin:0 auto;padding:42px 28px 80px}.library-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid var(--ink);padding-bottom:14px;margin-bottom:24px}.library-heading h2{font-size:23px}.library-heading>strong{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}.song-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.song-card{background:var(--card);border:2px solid var(--ink);border-radius:8px;box-shadow:3px 3px #33333338;overflow:hidden}.song-open{border:0!important;border-radius:0!important;width:100%;min-height:176px!important;padding:18px 20px!important;display:grid!important;grid-template-columns:44px 1fr;align-content:start;text-align:left}.song-icon{width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.song-card h3{font-size:22px;line-height:1.1}.song-card p{margin:6px 0 12px;color:var(--muted);font-size:12px}.song-preview{display:flex;gap:5px;flex-wrap:wrap}.song-preview span{padding:5px 8px;border:1.5px solid var(--ink);border-radius:4px;background:#f3f5fb;font-weight:900;font-size:12px}.song-card time{display:block;margin-top:14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.open-label{grid-column:1 / -1;align-self:end;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.song-card footer{border-top:2px solid var(--ink);display:flex}.song-card footer button{flex:1;border:0!important;border-radius:0!important}.song-card footer button+button{border-left:2px solid var(--ink)!important}.library-empty{padding:80px 24px;text-align:center;border:2px dashed #aaa;border-radius:8px;background:#ffffffa6}.library-empty svg{color:var(--blue)}.library-empty h3{margin:12px 0 6px;font-size:22px}.library-empty p{color:var(--muted);margin-bottom:18px}.sound-library-status{min-height:38px;border:2px solid var(--ink);border-radius:6px;background:#fff;padding:7px 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:var(--ink);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;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:4px;background:#dce4f3}.sound-library-status i b{display:block;height:100%;background:var(--blue)}.sound-library-status.is-compact{min-height:34px;padding:5px 8px;border-color:var(--line);font-size:8px;white-space:nowrap}.studio-app{min-height:100vh}.studio-header{height:70px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:50}.brand-group,.header-controls{display:flex;align-items:center;gap:9px;min-width:0}.brand-group{flex:1 1 auto;overflow:hidden}.header-controls{flex:0 0 auto}.library-button{padding:7px!important}.brand-lockup{border-left:2px solid var(--ink);padding-left:10px;line-height:.98;white-space:nowrap}.brand-lockup span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900;margin-bottom:3px}.brand-lockup strong{font-size:17px;letter-spacing:-.035em}.brand-lockup i{font-style:normal;color:var(--blue);margin-left:3px}.song-title-field{margin-left:9px;display:flex;align-items:center;gap:7px;min-width:0;max-width:280px;flex:1 1 160px}.song-title-field span,.header-select>span,.tempo-control>label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.song-title-field input{width:100%;min-width:0;border:0;border-bottom:2px solid var(--line);padding:7px 2px;font-weight:800;font-size:15px;text-overflow:ellipsis}.save-state{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--green);white-space:nowrap}.save-state.is-dirty{color:var(--purple)}.header-select,.tempo-control{border:2px solid var(--ink);border-radius:6px;height:38px;display:flex;align-items:center;gap:5px;padding:0 6px 0 8px;background:#fafafa}.header-select select,.tempo-control input{border:0;background:transparent;font-weight:900}.tempo-control input{width:38px;padding:0;font-size:16px;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.tempo-control input::-webkit-inner-spin-button,.tempo-control input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tempo-control .tap-tempo{min-width:40px;height:26px;margin-left:2px;padding:0 8px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tempo-control .tap-tempo.is-tapping{background:var(--yellow)}.tempo-stepper{display:grid;grid-template-rows:repeat(2,15px);gap:1px}.tempo-stepper button{width:20px;height:15px;min-height:0;padding:0;border:0;border-radius:2px;display:grid;place-items:center;color:var(--ink);background:#e7eaf0}.tempo-stepper button:hover,.tempo-stepper button:focus-visible{color:#fff;background:var(--blue)}.icon-button{min-width:36px;padding:6px!important}.save-button{background:var(--yellow)!important}.share-button{background:#fff!important}.share-button:disabled{opacity:.5;cursor:default}.studio-body{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:calc(100vh - 70px)}.mode-rail{background:var(--card);border-right:2px solid var(--ink);padding:8px;display:flex;flex-direction:column;gap:8px;position:sticky;top:70px;height:calc(100vh - 70px);z-index:20;overflow:visible}.mode-rail button{position:relative;flex:none;width:48px;min-height:48px;padding:0;border:2px solid var(--ink);border-radius:12px;color:var(--ink);background:var(--card);display:flex;align-items:center;justify-content:center}.mode-rail button>span{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;padding:5px 10px;font-size:10px;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none}.mode-rail button:hover>span,.mode-rail button:focus-visible>span{opacity:1}.mode-rail button.is-active{background:var(--blue);color:#fff;border-color:var(--ink)}.studio-main{min-width:0}.transport-strip{min-height:58px;background:#fff;border-bottom:2px solid var(--ink);padding:8px max(16px,calc((100vw - 1360px)/2));display:grid;grid-template-columns:auto auto minmax(160px,1fr) auto;align-items:center;gap:14px;position:sticky;top:70px;z-index:18}.transport-play{background:var(--blue)!important;color:#fff!important;min-width:132px;font-weight:900!important}.transport-play.is-playing{background:var(--red)!important}.transport-position{display:grid;grid-template-columns:auto auto;-moz-column-gap:10px;column-gap:10px;align-items:baseline;min-width:180px}.transport-position span{text-transform:uppercase;font-size:9px;font-weight:900;color:var(--muted)}.transport-position strong{font-size:19px}.transport-position small{grid-column:1 / -1;font-size:9px;color:var(--muted)}.transport-meter{height:8px;background:#e8e8e5;border:1.5px solid var(--ink);border-radius:999px;overflow:hidden}.transport-meter i{display:block;height:100%;background:var(--yellow)}.transport-hint{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.mobile-nav{display:none}.workspace{max-width:1360px;margin:0 auto;padding:32px clamp(16px,3vw,40px) 80px}.workspace-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px}.workspace-header h2{margin-top:6px;font-size:clamp(24px,3vw,34px);line-height:1.05;font-weight:900;letter-spacing:-.03em}.workspace-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px 16px}.section-focus{grid-column:2;justify-self:center;display:flex;align-items:end;gap:14px}.section-picker .select-menu-trigger{min-height:36px!important}.section-length-control .segmented{min-height:36px;box-sizing:border-box;align-items:center}.instrument-section{font-weight:800;opacity:.7}.workspace-buttons{grid-column:3;justify-self:end;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:end;gap:10px}@media (max-width: 1180px){.workspace-actions{grid-template-columns:minmax(0,1fr) auto}.section-focus{grid-column:1}.workspace-buttons{grid-column:2}}@media (max-width: 720px){.workspace-actions{grid-template-columns:1fr}.section-focus,.workspace-buttons{grid-column:1;justify-self:center;justify-content:center;flex-wrap:wrap}}.select-control{display:flex;align-items:center;gap:7px;border:1.5px solid var(--line);border-radius:6px;background:#f7f7f5;padding:5px 7px}.select-control span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.select-control select{border:0;background:transparent;font-weight:800;font-size:12px;min-height:24px}.midi-control{display:flex;align-items:center;gap:6px;padding:4px;border:2px solid var(--ink);border-radius:7px;background:var(--card)}.performance-midi-button{min-height:40px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.performance-midi-button.is-on{background:var(--yellow)}.midi-control select{border:0;background:#eee;padding:7px;font-weight:800;font-size:11px}.midi-control button{min-height:29px;padding:4px 8px;font-size:10px}.midi-control button.is-on{background:var(--yellow)}.segmented{display:inline-flex;border:1.5px solid var(--line);padding:3px;border-radius:6px;background:#f6f6f4;gap:2px;flex-wrap:wrap}.segmented button{border:0;min-height:27px;padding:4px 9px;border-radius:4px;background:transparent;font-size:10px}.segmented button.is-active{background:var(--ink);color:#fff}.bar-choice{margin-left:auto}.select-menu{position:relative;min-width:92px;color:var(--ink)}.select-menu-trigger{width:100%;min-height:29px!important;padding:5px 7px!important;border:1.5px solid var(--ink)!important;border-radius:5px!important;background:#fff!important;display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap}.select-menu-trigger.is-placeholder>span{color:var(--muted)}.select-menu-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--blue),white 88%)!important;box-shadow:2px 2px 0 var(--ink)}.select-menu-list{position:absolute;top:calc(100% + 5px);left:0;z-index:120;width:max(100%,160px);max-height:260px;overflow-y:auto;padding:5px;border:2px solid var(--ink);border-radius:6px;background:#fff;box-shadow:5px 5px 0 var(--ink)}.select-menu-list button{width:100%;min-height:32px!important;padding:6px 8px!important;border:0!important;border-radius:4px!important;background:#fff!important;display:flex!important;justify-content:space-between!important;font-size:11px!important;font-weight:800!important;text-align:left}.select-menu-list button.is-active{background:#edf2ff!important}.select-menu-list button.is-selected{color:#234fbe;background:color-mix(in srgb,var(--blue),white 86%)!important}.header-select .select-menu{min-width:68px}.header-select .select-menu-trigger{border:0!important;background:transparent!important;box-shadow:none!important}.header-select .select-menu-trigger span{color:var(--ink);font-size:20px;font-weight:900;line-height:1;letter-spacing:0;text-transform:none}.header-select .select-menu-list{width:max(100%,200px);max-height:340px}.header-select .select-menu-list button{min-height:40px!important;padding:7px 12px!important;font-size:17px!important;font-weight:900!important}.header-select .select-menu-list button span{font-size:17px}.midi-control .select-menu{min-width:145px}.midi-control .select-menu-trigger{border:0!important;background:#eee!important}.composer-block{margin-bottom:18px;border-radius:8px;transition:box-shadow .12s ease}.composer-block.is-performance-active{box-shadow:0 0 0 4px var(--yellow)}.instrument-rack{border:2px solid var(--ink);border-radius:8px;background:var(--card);overflow:visible;box-shadow:4px 4px color-mix(in srgb,var(--tone),transparent 30%);--tone: var(--blue)}.instrument-rack.tone-bass{--tone: var(--purple)}.instrument-rack.tone-drums{--tone: var(--red)}.instrument-rack.tone-chords{--tone: var(--blue)}.instrument-rack.tone-melody{--tone: var(--green)}.instrument-title{padding:9px 12px;border-bottom:2px solid var(--ink);background:color-mix(in srgb,var(--tone),white 82%);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.instrument-line{min-height:50px;padding:7px 10px;display:flex;align-items:center;gap:8px}.instrument-line+.instrument-line{border-top:1.5px solid var(--line)}.control-kicker{width:45px;flex:none;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--muted)}.instrument-line-primary .select-control{margin-left:2px}.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:6px;flex:1;min-width:0}.drums-block .instrument-line-presets{flex-wrap:wrap}.drums-block .preset-content{flex-basis:520px;flex-wrap:wrap}.compact-select{margin-left:auto}.palette-panel,.midi-piano-panel,.sequence-shell,.pad-workspace,.bass-grid-wrap{border:2px solid var(--ink);border-top:0;background:var(--card);margin:0 10px}.palette-panel{padding:14px}.midi-piano-panel{padding:14px;overflow-x:auto}.palette-heading,.pad-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}.palette-heading strong,.pad-toolbar strong{display:block;font-size:12px;margin-top:4px}.chord-palette{display:grid;gap:7px;overflow-x:auto;padding-bottom:2px}.chord-palette-row{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:7px;min-width:546px}.chord-chip,.drum-pad,.drum-pad-surface,.bass-degree-row button{touch-action:manipulation}.chord-chip{min-width:78px;min-height:62px!important;padding:5px 22px 5px 11px!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:10px;color:var(--blue)}.chord-chip strong{font-size:16px}.chord-chip kbd{position:absolute;right:6px;top:6px;min-width:18px;padding:1px 4px;border:1.5px solid var(--ink);border-radius:3px;background:#fff;font-size:9px;text-align:center}.chord-chip.is-pressed{color:#fff;background:var(--blue)!important;transform:translateY(2px);box-shadow:inset 0 -2px 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:9px;font-weight:800;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(78px,1fr))}.chord-trigger-keyboard{position:relative;width:min(100%,760px);height:184px;margin:8px auto 2px;-webkit-user-select:none;-moz-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:184px;padding:98px 5px 10px!important;flex-direction:column;justify-content:flex-end;border:2px solid var(--ink);border-radius:0 0 6px 6px;background:#fff;box-shadow:inset 0 -7px #d9dce3}.chord-trigger-whites>button+button{border-left-width:0}.chord-trigger-keyboard button span{color:var(--muted);font-size:9px;font-weight:900}.chord-trigger-keyboard button kbd{min-width:18px;padding:1px 3px;border:1px solid currentColor;border-radius:3px;font-size:8px;line-height:1.2}.chord-trigger-keyboard button strong{font-size:16px}.chord-trigger-keyboard button small{font-size:9px;font-weight:800}.chord-trigger-black{position:absolute;z-index:2;top:0;width:9%;height:106px;min-height:0!important;padding:40px 4px 7px!important;transform:translate(-50%);flex-direction:column;justify-content:flex-end;border:2px solid var(--ink)!important;border-radius:0 0 5px 5px!important;color:#fff;background:#3f4650!important;box-shadow:inset 0 -6px #272c33!important}.chord-trigger-black span{color:#d8dbe0!important}.chord-trigger-black kbd{position:absolute;top:7px;right:6px}.chord-trigger-black strong{font-size:13px!important}.chord-trigger-black small{font-size:8px!important}.chord-trigger-keyboard button.is-pressed{color:#fff;background:var(--blue)!important;transform:translateY(3px);box-shadow:inset 0 -2px color-mix(in srgb,var(--blue),black 25%)!important}.chord-trigger-black.is-pressed{transform:translate(-50%) translateY(3px)!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:7px;flex-wrap:wrap}.drum-rack-controls{border:0;padding:0;margin:0;min-width:0}.drum-record-options{display:flex;align-items:center;gap:7px;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:6px;font-size:12px;font-weight:700}.record-quantize-control{display:flex;align-items:center;gap:5px;padding:3px 4px 3px 7px;border:1.5px solid var(--line);border-radius:5px;background:#fff}.record-quantize-control>span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.record-quantize-control .select-menu-trigger{min-height:27px;padding:3px 7px;font-size:9px}.midi-editor-summary{color:var(--blue);font-size:11px}.chord-performance-options{margin:0 10px;padding:8px 12px;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;border:2px solid var(--ink);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:112px}.chord-performance-options>.chord-tonality-control{display:grid;gap:4px;align-content:center}.chord-quality-control{gap:12px}.chord-quality-control .knob-control{min-width:0;display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;-moz-column-gap:9px;column-gap:9px;row-gap:1px;align-items:center;text-align:left;font-size:9px;letter-spacing:.08em}.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:12px;font-weight:900;text-transform:none;letter-spacing:0}.chord-quality-apply{font-size:9px;padding:4px 9px}.chord-depth-control{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;border:1.5px solid var(--line);border-radius:6px;background:#f5f6fa}.chord-performance-options .chord-depth-control{margin:0;background:#fff}.chord-depth-control input[type=range]{flex:1 1 90px;min-width:80px;width:auto;accent-color:var(--blue)}.chord-depth-control strong{min-width:46px;color:var(--blue);font-size:11px;text-transform:uppercase}.chord-quality-apply{flex:0 0 auto;white-space:nowrap;min-height:0;padding:4px 9px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}.history-buttons{display:inline-flex;align-items:center;gap:4px}.history-buttons .icon-button{min-width:30px;min-height:0;padding:5px!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:112px;padding:6px 8px;display:grid;align-content:center;gap:4px;border:1.5px solid var(--line);border-radius:6px;background:#fff}.chord-octave-control>div{display:grid;grid-template-columns:28px 26px 28px;align-items:center;justify-content:center;gap:2px}.chord-octave-control button{width:28px;height:28px;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:14px}.chord-option-toggle{min-width:122px;min-height:48px;padding:6px 10px!important;display:grid!important;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-content:center;-moz-column-gap:8px;column-gap:8px;text-align:left;background:#fff!important}.chord-option-toggle>span{grid-row:1 / 3;width:30px;height:18px;padding:2px;align-self:center;border:2px solid var(--ink);border-radius:10px;background:#d8dbe3;transition:background .15s ease}.chord-option-toggle>span i{display:block;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ink);transition:transform .15s ease}.chord-option-toggle>strong{font-size:10px}.chord-option-toggle>small{color:var(--muted);font-size:8px;font-weight:800}.chord-option-toggle.is-on{color:#fff;background:var(--blue)!important}.chord-option-toggle.is-on>span{background:var(--yellow)}.chord-option-toggle.is-on>span i{transform:translate(12px)}.chord-option-toggle.is-on>small{color:#fff}.metronome-toggle{min-width:116px;min-height:35px;padding:4px 8px!important;display:grid!important;grid-template-columns:27px 1fr;grid-template-rows:auto auto;align-content:center;-moz-column-gap:7px;column-gap:7px;text-align:left;background:#fff!important}.metronome-toggle>span{grid-row:1 / 3;width:27px;height:16px;padding:2px;align-self:center;border:1.5px solid var(--ink);border-radius:9px;background:#d8dbe3}.metronome-toggle>span i{display:block;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ink);transition:transform .15s ease}.metronome-toggle>strong{font-size:9px;line-height:1}.metronome-toggle>small{color:var(--muted);font-size:8px;font-weight:800;line-height:1}.metronome-toggle.is-on{background:color-mix(in srgb,var(--red),white 84%)!important}.metronome-toggle.is-on>span{background:var(--yellow)}.metronome-toggle.is-on>span i{transform:translate(11px)}.palette-record-status{min-width:92px;color:var(--red);font-size:10px!important;text-transform:uppercase;letter-spacing:.05em}.palette-record-status.phase-recording:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--red)}.sequence-shell{padding:12px;overflow-x:auto}.chord-roll-shell{display:grid;gap:0}.chord-roll-shell.is-two-line{gap:14px}.chord-roll-row{min-width:1088px}.chord-roll-row+.chord-roll-row{padding-top:2px;border-top:2px solid var(--line)}.chord-event-continuation{border-left-style:dashed;border-radius:0 5px 5px 0;cursor:pointer}.timeline-ruler{display:grid;grid-template-columns:repeat(var(--steps),minmax(14px,1fr));min-width:calc(var(--steps) * 17px);margin-left:0;height:28px;border-bottom:2px solid var(--ink)}.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 3px;color:#aaa;background:transparent;box-shadow:none;font-size:9px;font-weight:700}.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:2px solid var(--ink);color:var(--ink)}.timeline-ruler .is-current{background:var(--yellow);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(--yellow),white 50%)}.timeline-ruler .is-record-start{background:var(--yellow);box-shadow:inset 0 -3px 0 var(--red)}.event-grid{position:relative;min-width:calc(var(--steps) * 17px);height:72px;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:2px solid var(--ink)}.grid-lines>.is-current{background:color-mix(in srgb,var(--yellow),transparent 38%)}.cursor-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--red);pointer-events:none;z-index:2}.sequence-event{position:absolute;top:11px;height:50px;z-index:4;min-width:14px;border:2px solid var(--ink);border-radius:5px;background:var(--blue);color:#fff;display:flex;align-items:center;padding:0 22px 0 8px;overflow:hidden;font-size:12px;font-weight:900}.sequence-event.is-selected{box-shadow:0 0 0 3px var(--yellow)}.sequence-event.is-color-chord{background:var(--purple)}.sequence-event.is-belt-chord{background:var(--green)}.event-grab{display:none!important;position:absolute;top:3px;right:38px;width:19px;min-height:19px!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;-moz-user-select:none;user-select:none}.event-move-handle:active{cursor:grabbing}.event-delete{display:none!important;position:absolute;top:3px;right:17px;width:19px;min-height:19px!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:17px;background:#0000002e;cursor:ew-resize;display:grid;place-items:center}.resize-handle i{width:4px;height:18px;border-left:1px solid white;border-right:1px solid white}.midi-piano{position:relative;min-width:700px;height:150px;margin-top:10px;-webkit-user-select:none;-moz-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:150px;padding:0 2px 7px!important;align-items:end;justify-content:center;border:1.5px solid var(--ink);border-radius:0 0 5px 5px;background:#fff;box-shadow:inset 0 -6px #d9dce3}.midi-piano-whites button+button{border-left-width:0}.midi-piano-whites button span{color:var(--muted);font-size:8px;font-weight:900}.midi-piano-whites button.is-active{background:var(--yellow);box-shadow:inset 0 -3px color-mix(in srgb,var(--yellow),black 18%)}.midi-piano-black{position:absolute;z-index:2;top:0;width:3.5%;height:94px;min-height:0!important;padding:0!important;transform:translate(-50%);border:2px solid var(--ink)!important;border-radius:0 0 4px 4px!important;background:var(--ink)!important;box-shadow:inset 0 -6px #000!important}.midi-piano-black.is-active{background:var(--blue)!important;box-shadow:inset 0 -3px color-mix(in srgb,var(--blue),black 25%)!important}.chord-piano-roll{max-height:420px;margin:0 10px;overflow:auto;border:2px solid var(--ink);border-top:0;background:#fff}.chord-piano-roll>.timeline-ruler{position:sticky;z-index:9;top:0;margin-left:72px;background:#fff}.chord-piano-roll-body{min-width:max(850px,calc(var(--steps, 64) * 17px))}.chord-piano-row{display:grid;grid-template-columns:72px minmax(calc(var(--steps) * 17px),1fr);min-width:calc(var(--steps) * 17px + 72px);height:29px}.chord-piano-row .row-label{position:sticky;z-index:7;left:0;min-height:29px;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(--yellow);color:var(--ink)}.piano-event-grid{height:29px;min-width:calc(var(--steps) * 17px)}.piano-event-grid .sequence-event{top:2px;height:25px;padding-left:6px;background:var(--blue);font-size:9px}.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:10px;margin:8px 0 6px}.melody-voices{margin-left:auto}.melody-voices .segmented button{min-height:24px;padding:3px 9px;font-size:10px}.capture-button.is-armed{background:var(--red)!important;color:#fff!important}.drum-pads{width:min(100%,620px);margin:4px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:14px 18px}.drum-pad{width:min(100%,170px);min-height:0!important;padding:0!important;border:0!important;display:inline-flex!important;flex-direction:column;align-items:center;gap:6px;position:relative;background:none!important;box-shadow:none!important}.drum-pad-surface{width:clamp(104px,12vw,142px);height:clamp(104px,12vw,142px);display:flex;align-items:flex-start;justify-content:flex-end;padding:8px;border:2px solid var(--ink);border-radius:16px;background:var(--voice);box-shadow:inset 0 -7px color-mix(in srgb,var(--voice),black 20%)}.drum-pad kbd{min-width:27px;height:27px;display:inline-grid;place-items:center;border:1.5px solid var(--ink);border-radius:6px;padding:1px 5px;background:#fff;color:var(--ink);font-size:10px;font-weight:900}.drum-pad-label{color:var(--ink);font-size:13px;font-weight:900}.drum-pad.is-pressed .drum-pad-surface,.drum-pad:active .drum-pad-surface{transform:scale(.94);border-width:3px;padding:7px;box-shadow:inset 0 -3px color-mix(in srgb,var(--voice),black 20%)}.pad-workspace{padding:14px}.pad-notation-heading{margin:18px 0 7px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pad-notation-heading strong{color:var(--muted);font-size:9px}.pad-workspace .drum-grid-shell{margin:0;border:2px solid var(--ink);background:#f8f8f5}.drum-grid-shell{padding-bottom:16px}.drum-grid-shell .timeline-ruler{margin-left:74px}.drum-row{display:grid;grid-template-columns:74px minmax(calc(var(--steps) * 17px),1fr);min-width:calc(var(--steps) * 17px + 74px)}.row-label{min-height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-left:5px solid var(--voice, var(--purple));font-size:10px;font-weight:900;text-transform:uppercase;background:#fff}.row-label small{font-size:7px;color:var(--muted)}.step-row{display:grid;grid-template-columns:repeat(var(--steps),minmax(14px,1fr))}.step-row>*{min-width:0;min-height:38px;display:block;border:0;border-radius:0;border-left:1px solid var(--line);background:#f3f3f0;padding:0}.step-row>button{min-height:38px;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:2px solid var(--ink)}.step-row>*.is-active{background:var(--voice);box-shadow:inset 0 0 0 4px #ffffff4d}.step-row>*.is-current{outline:3px solid var(--yellow);outline-offset:-3px}.step-row>*{position:relative}.is-long .step-row>*,.is-long .step-row>button,.is-long .row-label{min-height:26px}.is-long .step-row>*.is-active{box-shadow:inset 0 0 0 2px #ffffff59}.is-long .step-row>*.is-current{outline-width:2px;outline-offset:-2px}.drum-substep-mark{position:absolute;top:50%;width:7px;height:7px;margin-left:3px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--ink);pointer-events:none}.melody-keys{margin:8px 10px 10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fbfbf9;display:grid;gap:8px}.melody-keys-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.melody-keys-bar .panel-eyebrow{margin-right:auto}.melody-octave{gap:4px}.melody-octave strong{min-width:14px;text-align:center;font-size:11px}.melody-octave button{min-height:22px!important;width:22px;padding:0!important}.melody-keys-hint{margin:0;font-size:10px;font-weight:700;color:var(--muted)}.piano{position:relative;display:grid;grid-template-columns:repeat(var(--whites),minmax(0,1fr));height:120px}.piano-key{position:relative;min-height:0!important;height:100%;padding:0 0 6px!important;border:1.5px solid var(--ink)!important;border-radius:0 0 5px 5px!important;background:#fff!important;display:flex!important;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;box-shadow:none;font-size:10px!important;font-weight:900;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 4px 4px!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(--yellow)!important}.piano-key.is-black.is-active{background:#c99a00!important;color:var(--ink)}.piano-key .key-letter{min-width:16px;padding:1px 4px;border-radius:4px;background:#00000012;font-size:10px;line-height:1.3}.piano-key.is-black .key-letter{background:#fff3}.piano-key .key-name{font-size:8px;font-weight:700;color:var(--muted)}.piano-key.is-active .key-name{color:var(--ink)}.custom-pattern-notice{margin:0 10px;border:2px solid var(--ink);border-top:0;padding:9px 12px;background:var(--yellow);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.bass-grid-wrap{max-height:370px;overflow:auto}.bass-grid-content{min-width:max(850px,calc(var(--steps, 64) * 17px))}.bass-grid-wrap .timeline-ruler{margin-left:76px;position:sticky;top:0;z-index:8;background:#fff}.bass-row{display:grid;grid-template-columns:76px minmax(calc(var(--steps) * 17px),1fr);min-width:calc(var(--steps) * 17px + 76px);height:30px}.bass-row .row-label{position:sticky;left:0;z-index:7;min-height:30px;border-left-color:var(--purple);background:#fff}.bass-row .row-label.is-black-key{background:var(--ink);color:#fff}.bass-event-grid{height:30px;min-width:calc(var(--steps) * 17px)}.bass-event-grid .sequence-event{top:2px;height:26px;background:var(--purple);padding-left:6px;font-size:9px;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:7px}}.bass-event-grid .grid-lines button:hover{background:color-mix(in srgb,var(--purple),transparent 82%)}.bass-performance-keys{margin:0 10px;padding:12px;border:2px solid var(--ink);border-top:0;background:color-mix(in srgb,var(--purple),white 91%);display:grid;grid-template-columns:minmax(190px,.7fr) minmax(420px,1.3fr);align-items:center;gap:14px}.bass-performance-keys>div>strong{display:block;margin-top:4px;font-size:11px}.bass-record-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.bass-degree-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(7,minmax(48px,1fr));gap:5px}.bass-degree-row button{min-height:64px;padding:6px!important;position:relative;flex-direction:column;background:#fff;box-shadow:inset 0 -5px color-mix(in srgb,var(--purple),black 18%)}.bass-degree-row button.is-active{color:#fff;background:var(--purple);transform:translateY(2px);box-shadow:inset 0 -2px color-mix(in srgb,var(--purple),black 28%)}.bass-degree-row kbd{position:absolute;top:4px;right:5px;min-width:17px;padding:1px 3px;border:1px solid currentColor;border-radius:3px;font-size:8px}.bass-degree-row span{font-size:9px;color:var(--muted)}.bass-degree-row button.is-active span{color:#fff}.bass-degree-row strong{font-size:13px}.form-summary{display:flex;align-items:baseline;gap:5px;padding:10px 14px;border:2px solid var(--ink);background:var(--yellow);border-radius:6px}.form-summary strong{font-size:20px}.form-summary span{font-size:9px;text-transform:uppercase;font-weight:900}.form-summary i{width:1px;height:20px;background:var(--ink);margin:0 6px}.form-map-card{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:14px;margin-bottom:14px;box-shadow:4px 4px 0 var(--ink)}.form-track{min-height:76px;display:flex;gap:5px}.form-track>.form-block{min-width:90px;flex-basis:0;position:relative;overflow:hidden;flex-direction:column;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:grab;background:color-mix(in srgb,var(--section),white 58%)}.form-track>.form-block.is-selected{box-shadow:inset 0 0 0 3px #fff}.form-track>.form-block.is-current{background:var(--section);color:#fff}.form-track small{font-size:8px}.form-track>.form-block.is-dragging{opacity:.45}.form-block-repeats{display:inline-flex;align-items:center;gap:2px;margin-top:2px}.form-block-repeats button{width:18px;height:18px;min-height:0!important;padding:0!important;border:1.5px solid var(--ink)!important;border-radius:50%!important;background:#fff!important;font-size:11px!important;line-height:1;color:var(--ink)}.form-block-repeats output{min-width:22px;text-align:center;font-size:9px;font-weight:900}.form-track>.form-block.is-current .form-block-repeats output{color:#fff}.lift-button{gap:4px;background:color-mix(in srgb,var(--yellow),white 55%)!important}.form-progress{position:absolute;bottom:0;left:0;height:6px;background:var(--yellow);border-top:1px solid var(--ink)}.section-add-panel{padding:13px;border:2px solid var(--ink);border-radius:8px;background:#fff;margin-bottom:18px}.section-type-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.section-type-list button{border-left:7px solid var(--section)}.arrangement-list{display:flex;flex-direction:column;gap:10px}.arrangement-card{min-height:100px;display:grid;grid-template-columns:36px 48px minmax(0,1fr) auto;align-items:center;border:2px solid var(--ink);border-left:10px solid var(--section);border-radius:8px;background:#fff;box-shadow:3px 3px #bbb}.arrangement-card.is-selected{box-shadow:4px 4px 0 var(--section)}.drag-handle{border:0!important;background:transparent!important;padding:0!important;cursor:grab}.arrangement-index{font-size:19px;font-weight:900;color:#aaa}.arrangement-main{padding:10px}.arrangement-name{display:flex;align-items:center;gap:8px}.arrangement-name input{border:0;border-bottom:2px solid var(--line);font-size:17px;font-weight:900;min-width:140px}.arrangement-name span{display:inline-flex;align-items:center;gap:3px;font-size:9px;text-transform:uppercase;color:var(--blue);font-weight:900}.arrangement-controls{display:flex;gap:20px;margin-top:9px}.arrangement-controls label{display:flex;align-items:center;gap:7px;font-size:9px;text-transform:uppercase;font-weight:900;color:var(--muted)}.stepper{display:flex;border:1.5px solid var(--line);border-radius:5px;overflow:hidden}.stepper button{min-height:28px;border:0;border-radius:0;padding:3px 9px}.stepper output{min-width:30px;display:grid;place-items:center;background:#f3f3f0;color:var(--ink)}.arrangement-actions{padding:10px;display:flex;gap:5px}.lyrics-header{align-items:center}.lyrics-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lyrics-toolbar>label{display:flex;align-items:center;gap:6px;font-size:9px;text-transform:uppercase;font-weight:900;color:var(--muted)}.lyrics-toolbar button.is-playing{color:#fff;background:var(--red)}.lyrics-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px}.lyrics-sections{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:10px;align-self:start;position:sticky;top:145px;box-shadow:4px 4px #c7cfdd}.lyrics-sections .panel-eyebrow{padding:5px 7px 10px}.lyrics-sections button{width:100%;justify-content:space-between;border-left:7px solid var(--section);margin-bottom:5px;text-align:left}.lyrics-sections button small{display:block;font-size:8px;color:var(--muted)}.lyrics-sections button.is-active{background:var(--blue);color:#fff}.lyric-repeat-control{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:9px;font-weight:900;text-transform:uppercase;color:var(--muted)}.lyrics-sections button.is-active small{color:#fff;opacity:.78}.lyric-page{border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:5px 5px 0 var(--ink);overflow:hidden}.lyric-page-header{min-height:82px;padding:13px 16px;border-bottom:2px solid var(--ink);border-left:12px solid var(--section);display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--section),white 82%)}.lyric-page-header span{display:block;font-size:9px;text-transform:uppercase;font-weight:900;color:var(--muted)}.lyric-page-header input{font-size:22px;font-weight:900;border:0;border-bottom:2px solid transparent;background:transparent}.section-recording{display:flex;align-items:center;gap:8px}.section-recording button.is-recording,.line-actions button.is-recording{background:var(--red);color:#fff}.count-display{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font-size:20px}.record-display{color:var(--red);display:flex;align-items:center;gap:5px;font-size:12px}.record-display i{width:9px;height:9px;border-radius:50%;background:var(--red)}.section-takes{padding:12px 16px;border-bottom:1.5px solid var(--line);display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:12px;background:#fafbfe}.take-label{padding-top:9px;font-size:9px;font-weight:900;text-transform:uppercase;color:var(--muted)}.take-stack{width:100%;display:flex;flex-direction:column;gap:6px}.take-stack-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.take-stack-heading span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.take-stack-heading small{font-size:8px;font-weight:800;color:var(--muted)}.take-lane{min-width:0;display:grid;grid-template-columns:48px minmax(130px,1fr) 116px auto 44px;align-items:center;gap:7px;min-height:54px;padding:6px;border:1.5px solid #b9c1cf;border-radius:6px;background:#f5f6f8}.take-lane.is-selected{border-color:var(--blue);background:#edf3ff;box-shadow:inset 4px 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:31px}.take-play{width:31px;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:40px;overflow:hidden;border:1px solid #c3c9d3;border-radius:4px;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:2px;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:2px}.take-info strong{font-size:10px}.take-info small{overflow:hidden;color:var(--muted);font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.take-select{min-width:78px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;font-size:9px}.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:10px;color:#aaa;font-style:italic}.lyric-lines{padding:8px 16px}.lyric-line-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:18px 0;border-bottom:1.5px solid var(--line)}.lyric-line-card.is-recording{background:#fff3f4}.line-number{font-size:20px;font-weight:900;color:#bbb;padding-top:63px}.line-content .line-split-toggle{display:flex;width:-moz-max-content;width:max-content;align-items:center;gap:7px;margin:0 0 3px auto;min-height:0;padding:4px 8px;border:0;background:none;color:var(--muted);font-size:8.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.line-split-toggle>span{position:relative;width:28px;height:16px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;transition:background .15s ease}.line-split-toggle>span i{position:absolute;top:1.5px;left:2px;width:10px;height:10px;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:13px;background:#fff}.line-split-toggle.is-on{color:var(--blue)}.line-chords{min-height:42px;display:flex;gap:14px;align-items:center}.line-chords span{color:var(--blue);font-weight:900;font-family:var(--font-sheet);font-size:19px}.line-chords span.is-current{background:var(--yellow);color:var(--ink);padding:1px 5px}.lyric-chord-track{position:relative;height:46px;border-bottom:1px dashed #c9cfda;touch-action:none}.lyric-chord-track button{position:absolute;top:2px;min-height:39px;padding:6px 11px;transform:translate(-50%);border:2px solid var(--ink);border-radius:6px;background:#edf2ff;color:var(--blue);font-family:var(--font-sheet);font-size:18px;font-weight:900;white-space:nowrap;cursor:grab;touch-action:none}.lyric-chord-track button.is-current{background:var(--yellow);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 5px #2f68ff2b;transition:none;will-change:left}.lyric-chord-track button.is-drag-preview:after{content:"";position:absolute;top:calc(100% + 2px);left:50%;width:2px;height:17px;background:var(--blue);transform:translate(-1px)}.line-content textarea{width:100%;resize:vertical;border:0;border-bottom:2px solid var(--line);font-family:var(--font-sheet);font-size:24px;line-height:1.4;padding:7px 2px}.line-content .take-stack,.line-content .no-takes{margin-top:9px}.line-actions{display:flex;flex-direction:column;gap:5px;justify-content:center}.add-line{margin:8px 16px 18px;border-style:dashed!important;width:calc(100% - 32px)}.live-hero{width:100%;padding:22px;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);display:flex;justify-content:space-between;align-items:end;box-shadow:5px 5px 0 var(--ink);margin-bottom:18px}.live-hero h2{margin-top:4px;font-size:clamp(30px,5vw,54px);line-height:.95;letter-spacing:-.06em}.live-title-block{flex:1;min-width:260px}.live-hero-controls{max-width:min(680px,58%);display:grid;justify-items:end;gap:11px}.live-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.player-guide-picker{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.player-guide-picker>span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.instrument-guide-selector{display:flex;flex-wrap:wrap;gap:4px}.instrument-guide-selector button{min-height:28px;padding:4px 8px;display:inline-flex;align-items:center;gap:3px;border-width:1.5px;font-size:8px}.instrument-guide-selector button.is-active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:inset 0 -3px #0000002e}.song-credits{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.song-credits label{display:grid;gap:2px;min-width:180px}.song-credits span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.song-credits input{border:0;border-bottom:1.5px solid color-mix(in srgb,var(--ink),transparent 35%);background:transparent;padding:3px 0;font-size:12px;font-weight:800}.song-about{display:grid;gap:2px;max-width:560px;margin-top:10px}.song-about span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.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:3px 0;font-size:12px;font-weight:700;line-height:1.45}.print-title .print-about{margin-top:4px;font-size:11px;font-style:italic}.live-form-strip{display:flex;gap:4px;border:2px solid var(--ink);border-radius:8px;background:#fff;padding:8px;margin-bottom:18px;overflow-x:auto}.live-form-strip button{min-width:92px;flex-basis:0;flex-direction:column;position:relative;overflow:hidden;border-left:8px solid var(--section)}.live-form-strip button.is-current{background:var(--section);color:#fff}.live-form-strip small{font-size:8px}.live-form-strip i{position:absolute;left:0;bottom:0;height:4px;background:var(--yellow)}.sheet-page{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;gap:16px}.sheet-section{border:2px solid var(--ink);border-left:11px solid var(--section);border-radius:7px;background:#fffefa;font-family:var(--font-sheet);overflow:hidden;box-shadow:3px 3px #c4c2bb}.sheet-section.is-current{box-shadow:5px 5px 0 var(--section)}.sheet-section>header{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--line)}.sheet-section>header>div{display:flex;align-items:center;gap:9px}.sheet-section h3{font-family:var(--font-ui);font-size:18px}.section-tag{font-family:var(--font-ui);font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.repeat-badge,.take-count{font-family:var(--font-ui);font-size:9px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--ink);border-radius:999px;padding:3px 7px}.sheet-chord-bars{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1.5px solid var(--line)}.sheet-chord-bars>div{min-height:62px;padding:9px;display:grid;grid-template-columns:16px 1fr;gap:4px;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:8px;color:#aaa}.sheet-chord-bars span{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sheet-chord-bars strong{font-size:19px}.sheet-chord-bars strong.is-current{background:var(--yellow);padding:3px 7px;border:1.5px solid var(--ink);border-radius:4px}.sheet-lyrics{padding:13px 40px 18px}.sheet-lyrics p{min-height:30px;padding:4px 7px;font-size:19px;line-height:1.4;border-left:4px solid transparent}.sheet-lyrics p.is-current{border-left-color:var(--section);background:#f5f3ed}.sheet-lyrics em{color:#aaa}.live-lyric-lines{padding:8px 20px 18px}.live-lyric-line{position:relative;padding:10px 12px;border-bottom:1.5px solid var(--line);overflow:hidden}.live-lyric-line:last-child{border-bottom:0}.live-lyric-line.is-current{background:#f1f4fb;box-shadow:inset 5px 0 0 var(--section)}.live-chord-track{position:relative;z-index:2;height:31px}.live-chord-track strong{position:absolute;z-index:2;top:2px;transform:translate(-50%);color:var(--blue);font-size:17px;line-height:1;white-space:nowrap}.live-chord-track strong.is-current{padding:3px 6px;border:1.5px solid var(--ink);border-radius:4px;background:var(--yellow);color:var(--ink)}.live-lyric-line p{position:relative;z-index:2;min-height:28px;font-size:19px;line-height:1.45}.live-lyric-line em{color:#aaa}.lead-sheet-staff{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));overflow-x:auto;border-top:1.5px solid var(--line)}.lead-sheet-measure{position:relative;display:grid;grid-template-columns:repeat(var(--beats, 4),minmax(38px,1fr));grid-template-rows:58px 54px;min-height:112px;border-right:2px 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:5px;left:7px;z-index:3;color:#9aa0aa;font-family:var(--font-ui);font-size:8px}.lead-sheet-measure>strong{position:absolute;z-index:4;top:27px;transform:translate(-50%);white-space:nowrap;font-size:clamp(18px,2.2vw,28px);line-height:1}.lead-sheet-measure>strong.is-current{padding:3px 6px;border:1.5px solid var(--ink);border-radius:4px;background:var(--yellow)}.lead-sheet-measure>span{z-index:2;grid-row:2;align-self:start;justify-self:center;padding-top:12px;color:#b9bdc5;font-size:25px;font-weight:900}.lead-sheet-staff.is-compact{border-bottom:1.5px solid var(--line);background:#f8f9fc}.lead-sheet-staff.is-compact .lead-sheet-measure{grid-template-rows:45px 38px;min-height:83px}.lead-sheet-staff.is-compact .lead-sheet-measure>strong{top:20px;font-size:clamp(15px,1.7vw,21px)}.lead-sheet-staff.is-compact .lead-sheet-measure>span{padding-top:5px;font-size:21px}.section-learning-tools{padding:12px;display:grid;gap:10px;border-top:1.5px solid var(--ink);background:#f4f6fa;font-family:var(--font-ui)}.instrument-guide{overflow:hidden;border:1.5px solid var(--ink);border-radius:6px;background:#fff}.instrument-guide>header{min-height:32px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);background:#eef2f8}.instrument-guide>header strong{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.instrument-guide>header small{color:var(--muted);font-size:8px;font-weight:800}.chord-guide-grid{padding:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:7px}.guide-bass .chord-guide-grid,.guide-piano .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.chord-guide-card{min-width:0;min-height:126px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3px;border:1px solid #c5cbd5;border-radius:5px;background:#fffefa}.chord-guide-card.is-current{border-color:var(--ink);background:color-mix(in srgb,var(--yellow),white 28%);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue),transparent 68%)}.chord-guide-card>strong{align-self:stretch;min-height:24px;padding-bottom:3px;border-bottom:1px solid var(--line);text-align:center;font-family:var(--font-sheet);font-size:17px}.guide-bass .chord-guide-card,.guide-piano .chord-guide-card{min-height:112px}.string-chord-diagram{width:100px;height:104px}.bass-root-diagram{width:min(100%,220px);height:82px}.piano-chord-diagram{width:min(100%,205px);height:84px}.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(--yellow);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:9px;font-weight:900}.diagram-string-name{font-size:7px;font-weight:900}.diagram-fret-number{font-size:6px}.string-chord-diagram.is-shifted .diagram-fret-number{fill:var(--ink);font-weight:900}.bass-root-label{fill:#fff;font-family:var(--font-ui);font-size:7px;font-weight:900;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{fill:var(--yellow)}.piano-black.is-active{fill:var(--pink)}.piano-white.is-root,.piano-black.is-root{fill:var(--blue)}.drum-notation-bars{padding:8px;display:grid;grid-template-columns:minmax(280px,1fr);gap:8px}.drum-notation-bar{min-width:0;padding:6px;border:1px solid #c5cbd5;border-radius:5px;background:#fffefa}.drum-notation-bar>strong{display:block;margin-bottom:4px;font-size:8px;text-transform:uppercase}.drum-notation-grid{--drum-label-w: 28px;position:relative;display:grid;grid-template-columns:var(--drum-label-w) repeat(var(--drum-steps, 16),minmax(7px,1fr));align-items:center}.drum-notation-grid>small{min-height:11px;color:#8c929c;font-size:6px;text-align:center}.drum-notation-row{display:contents}.drum-notation-row>span{min-height:15px;display:grid;place-items:center start;border-top:1px solid #d5d9df;color:var(--muted);font-size:7px;font-weight:900}.drum-notation-row>i{min-height:15px;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:8px;border:1px solid var(--ink);border-radius:2px;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(--yellow),white 35%)}.drum-guide-playhead{position:absolute;z-index:3;top:11px;bottom:0;width:2px;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:16px}.export-card{border:2px solid var(--ink);border-radius:8px;background:#fff;min-height:280px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:4px 4px 0 var(--ink)}.export-card.featured{grid-column:1 / -1;min-height:230px;background:color-mix(in srgb,var(--yellow),white 54%)}.export-icon{width:48px;height:48px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;margin-bottom:18px}.export-card h3{font-size:22px;margin:6px 0 8px}.export-card p{color:var(--muted);line-height:1.5;font-size:13px;max-width:720px}.export-card button{margin-top:auto}.export-card small{margin-top:9px;color:var(--muted);font-size:9px}.export-guide-options{width:100%;max-width:760px;margin:17px 0;padding:12px;display:grid;gap:6px;border:1.5px solid var(--ink);border-radius:6px;background:#fff}.export-guide-options>strong{font-size:10px;text-transform:uppercase}.export-guide-options>span{color:var(--muted);font-size:9px}.floating-mixer{position:fixed;z-index:120;min-width:680px;min-height:390px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);border:2px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:10px 10px #33333340;resize:both;overflow:auto}.floating-mixer>header{height:46px;padding:0 12px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:move;background:#eef2f7;box-shadow:inset 7px 0 0 var(--blue)}.floating-mixer>header>div{display:flex;align-items:center;gap:8px}.floating-mixer>header span{font-size:9px;color:#666}.floating-mixer>header button{width:30px;height:30px;border:2px solid var(--ink);border-radius:5px;background:#fff;padding:0}.mixer-channels{height:calc(100% - 46px);display:flex;justify-content:center;gap:8px;padding:12px}.mixer-strip{width:118px;min-height:320px;border:2px solid var(--ink);border-top:9px solid var(--track);border-radius:6px;background:#fff;display:flex;flex-direction:column;align-items:center;padding:7px}.fx-toggle{width:100%;min-height:29px!important;padding:3px!important;font-size:9px!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:2px;align-items:start}.fx-drawer.is-open{height:82px;padding-top:8px;border-bottom:1px solid var(--line)}.knob-control{min-width:32px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px;text-transform:uppercase;font-weight:900}.knob-face{position:relative;width:34px;height:34px;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;-moz-user-select:none;user-select:none;-webkit-user-select:none}.knob-face:before{content:"";position:absolute;z-index:1;top:5px;right:5px;bottom:5px;left:5px;border:1.5px solid var(--ink);border-radius:50%;background:linear-gradient(145deg,#fff 12%,#e3e7ec 88%);box-shadow:0 1px 2px #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:2px solid var(--blue);outline-offset:2px}.knob-pointer{position:absolute;z-index:2;top:7px;right:7px;bottom:7px;left:7px;transform:rotate(var(--knob-angle));pointer-events:none}.knob-pointer:before{content:"";position:absolute;top:1px;left:50%;width:2px;height:7px;border-radius:2px;background:var(--ink);transform:translate(-50%)}.knob-control output{min-height:8px;color:var(--muted);font-size:7px;font-variant-numeric:tabular-nums}.fader-wrap{flex:1;min-height:120px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.fader-wrap output{font-size:9px;font-weight:900}.vertical-fader{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:30px;height:130px;accent-color:var(--track, var(--ink))}.fader-row{display:flex;align-items:center;gap:7px}.level-meter{position:relative;width:11px;height:130px;overflow:hidden;border:1.5px solid var(--ink);border-radius:3px;background:linear-gradient(to top,var(--track, var(--ink)) 0 58%,var(--yellow) 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:2px;background:var(--ink);opacity:0;transition:opacity .35s}.mute-solo{display:flex;gap:4px}.mute-solo button{width:32px;min-height:27px!important;padding:2px!important;font-size:9px!important}.mute-solo .is-muted{background:var(--red)!important;color:#fff}.mute-solo .is-solo{background:var(--yellow)!important}.mixer-strip>strong{margin-top:7px;text-transform:uppercase;font-size:10px}.master-gap{width:24px;border-left:2px solid #bbb}.master-strip{--track: var(--ink)}.master-badge{font-size:8px;font-weight:900;background:var(--ink);color:#fff;padding:4px 7px;border-radius:3px}.master-space{height:90px}.lesson-button{background:var(--yellow)!important;white-space:nowrap}.lesson-panel,.lesson-video-window{position:fixed;z-index:170;display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--ink);border-radius:8px;background:var(--card);box-shadow:8px 10px 28px #14162847}.lesson-panel.is-docked{top:78px;right:12px;bottom:12px;width:min(640px,max(340px,var(--lesson-width)))}.lesson-panel.is-mobile{left:8px;right:8px;top:76px;bottom:72px}.lesson-panel>header,.lesson-video-window>header{min-height:44px;padding:7px 8px;display:flex;align-items:center;gap:7px;border-bottom:2px solid var(--ink);background:#f1f2f5;touch-action:none;-webkit-user-select:none;-moz-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:11px;text-transform:uppercase;letter-spacing:.08em}.lesson-panel>header button,.lesson-video-window>header button{width:31px;height:29px;min-height:0;padding:0;margin-left:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:5px;background:#fff}.lesson-panel>header .lesson-float-button{margin-left:auto}.lesson-panel-content{min-height:0;padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.lesson-panel-content>*{flex-shrink:0}.lesson-picker{display:flex;flex-wrap:wrap;gap:7px}.lesson-picker button{min-height:34px;padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:11px;font-weight:900}.lesson-picker button.is-selected{background:var(--yellow)}.lesson-title-block{padding-bottom:11px;border-bottom:2px solid var(--ink)}.lesson-title-block>span,.lesson-step-nav>span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lesson-title-block h2{margin:3px 0 5px;font-size:25px;line-height:1}.lesson-title-block p{color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.lesson-progress{padding:9px;border:1.5px solid var(--line);border-radius:6px;background:#f7f7f5}.lesson-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.lesson-progress [role=progressbar]{height:11px;margin-top:7px;overflow:hidden;border:2px solid var(--ink);border-radius:999px;background:#fff}.lesson-progress [role=progressbar] i{display:block;height:100%;background:var(--yellow);transition:width .2s ease}.lesson-step-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lesson-step-nav>div{display:flex;gap:5px;margin-left:auto}.lesson-step-nav button{width:32px;height:30px;min-height:0;padding:0;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:5px;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:5px;list-style:none}.lesson-step-dots button{width:26px;height:26px;min-height:0;display:grid;place-items:center;padding:0;border:2px solid var(--line);border-radius:50%;background:#fff;font-size:10.5px;font-weight:900;color:var(--muted);cursor:pointer}.lesson-step-dots button.is-current{border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 2px var(--yellow)}.lesson-step-dots button.is-complete{border-color:var(--green);background:var(--green);color:#fff}.lesson-step-tasks{margin:0;padding-left:20px;display:grid;gap:5px;font-size:12.5px;font-weight:750;line-height:1.45}.lesson-step-tasks li::marker{color:var(--blue);font-weight:900}.lesson-step-watch{display:grid;gap:5px}.lesson-watch-label{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.lesson-done-next{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);border-radius:7px;background:var(--yellow);font-size:13px;font-weight:900;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:9px 11px;border:2px solid #e8b73a;border-radius:7px;background:#fdf3d7;font-size:12px;font-weight:750;line-height:1.4}.lesson-check-tips strong{display:block;margin-bottom:4px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.lesson-check-tips ul{margin:0;padding-left:18px;display:grid;gap:4px}.section-form-notice{margin-bottom:14px;padding:9px 12px;display:flex;align-items:center;gap:9px;border:2px solid #e8b73a;border-radius:7px;background:#fdf3d7;font-size:12.5px;font-weight:750}.section-form-notice svg{flex:none;color:#a97b0a}.section-form-notice span{flex:1}.section-form-notice button{min-height:30px;padding:5px 11px;border:2px solid var(--ink);border-radius:6px;background:var(--yellow);font-size:11.5px;font-weight:900}.lesson-auto-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:750;line-height:1.35}.lesson-auto-item em{margin-left:auto;flex:none;padding:2px 7px;border-radius:999px;background:#e8e6df;color:var(--muted);font-size:8.5px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lesson-auto-check{flex:none;width:17px;height:17px;margin-top:1px;display:grid;place-items:center;border:2px solid var(--line);border-radius:4px;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:10px}.lesson-step-card h3{margin:0;font-size:18px;line-height:1.1}.lesson-step-card iframe{width:100%;aspect-ratio:16 / 9;display:block;border:2px solid var(--ink);border-radius:7px;background:#111}.lesson-step-card p{margin:0;color:var(--ink);font-size:13px;font-weight:700;line-height:1.55}.lesson-tempo-guide{overflow:hidden;border:1.5px solid var(--line);border-radius:7px;background:#f7f7f5}.lesson-tempo-guide>button{width:100%;min-height:40px;padding:8px 10px;display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:12px;font-weight:900;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:2px solid var(--ink);border-left:2px solid var(--ink)}.lesson-tempo-ranges>div{min-width:0;padding:8px 9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff}.lesson-tempo-ranges dt{font-size:10px;font-weight:950;text-transform:uppercase}.lesson-tempo-ranges dd{margin:2px 0 0;color:var(--blue);font-size:13px;font-weight:950}.lesson-tempo-ranges small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:800}.lesson-reveals{display:grid;gap:7px}.lesson-reveal{overflow:hidden;border:1.5px solid var(--line);border-radius:7px;background:#f7f7f5}.lesson-reveal>button{width:100%;min-height:40px;padding:8px 10px;display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:12px;font-weight:900;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:8px;padding:2px 10px 10px}.lesson-reveal-tasks{margin:0;padding-left:17px;display:grid;gap:5px;font-size:12.5px;font-weight:700;line-height:1.5}.lesson-step-card p.lesson-alt-way{color:var(--muted);font-size:11.5px;font-weight:700;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:900;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.lesson-step-card p.lesson-alt-note{padding:6px 9px;border-radius:6px;background:#f1f2f5;color:var(--muted);font-size:11px;font-weight:800}.lesson-moves{display:grid;gap:7px}.lesson-moves>span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lesson-moves>div{display:flex;flex-wrap:wrap;gap:6px}.lesson-moves button{min-height:32px;padding:5px 11px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:11px;font-weight:900}.lesson-moves button[aria-pressed=true]{background:var(--ink);color:#fff}.lesson-popout-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.lesson-popout-actions button{min-height:36px;padding:7px 12px;border:2px solid var(--ink);border-radius:6px;background:#fff;font-size:11.5px;font-weight:900;cursor:pointer}.lesson-popout-actions button:hover{background:#f1f2f5}.lesson-choice{margin:0;padding:9px 10px;display:grid;gap:6px;border:1.5px solid var(--line);border-radius:7px;background:#f7f7f5}.lesson-choice legend{padding:0 4px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lesson-choice label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800}.lesson-choice input{width:16px;height:16px;accent-color:var(--green)}.lesson-popout{position:fixed;display:flex;flex-direction:column;overflow:hidden;min-width:300px;min-height:260px;border:2px solid var(--ink);border-radius:8px;background:var(--card);box-shadow:8px 10px 28px #14162847}.lesson-popout>header{min-height:44px;padding:7px 8px;display:flex;align-items:center;gap:7px;border-bottom:2px solid var(--ink);background:#f1f2f5;cursor:move;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lesson-popout>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.lesson-popout>header button{width:31px;height:29px;min-height:0;margin-left:auto;padding:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:5px;background:#fff}.lesson-popout.is-mobile{left:8px;right:8px;top:64px;bottom:16px;min-width:0}.lesson-popout.is-mobile>header{cursor:default}.lesson-popout-body{min-height:0;padding:14px 16px 24px;overflow-y:auto;display:grid;gap:14px;align-content:start}.popout-intro{margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}.idea-group h4{margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--ink);font-size:16px;font-weight:900;line-height:1.15}.idea-group ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.idea-group li{padding:10px 12px;border:1.5px solid var(--line);border-radius:7px;background:#f7f7f5;font-size:12.5px;font-weight:700;line-height:1.45}.idea-group li b{display:block;margin-bottom:2px;font-size:15px;font-weight:900;line-height:1.2}.style-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.style-picker span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.style-picker select{min-height:38px;min-width:220px;max-width:100%;padding:6px 10px;border:2px solid var(--ink);border-radius:6px;background:#fff;font-size:14px;font-weight:900}.style-card{display:grid;gap:12px;padding:14px 16px 16px;border:1.5px solid var(--line);border-radius:8px;background:#fff}.style-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding-bottom:8px;border-bottom:2px solid var(--ink)}.style-head h4{margin:0;font-size:19px;font-weight:900;line-height:1.1}.style-head span{color:var(--blue);font-size:12.5px;font-weight:900;white-space:nowrap}.style-part{display:grid;gap:7px}.style-part+.style-part{padding-top:12px;border-top:1px solid #e3e6ec}.style-part-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.style-part-head strong{font-size:13px;font-weight:900}.style-part-head span{color:var(--muted);font-size:12px;font-weight:750}.style-options{display:flex;flex-wrap:wrap;gap:5px}.style-options button{min-height:28px;padding:3px 10px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:11px;font-weight:900}.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:420px;border-collapse:collapse;table-layout:fixed}.style-grid col.label{width:64px}.style-grid th,.style-grid td{position:relative;height:26px;padding:0;border:1px solid #e3e6ec;text-align:center}.style-grid thead th{height:22px;border-top:0;color:var(--muted);font-size:10.5px;font-weight:900}.style-grid th[scope=row]{padding:0 8px;text-align:left;white-space:nowrap;font-size:11px;font-weight:900;color:var(--ink);background:#f7f7f5}.style-grid .beat{border-left:1.5px solid var(--ink)}.style-grid thead .beat{color:var(--ink)}.style-grid td b{position:relative;z-index:1;font-size:13px;line-height:1}.style-grid .hold-line{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:var(--ink)}.style-note{margin:0;color:var(--muted);font-size:11.5px;font-weight:700}.style-line{margin:0;font-size:12.5px;font-weight:800;line-height:1.4}.style-line b{margin-right:6px;color:var(--muted);font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lesson-step-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.lesson-step-actions button,.lesson-complete-button{min-height:36px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--ink);border-radius:6px;background:#fff;font-size:11px;font-weight:900}.lesson-step-actions .lesson-action-button{background:var(--yellow)}.lesson-music-icon{font-size:17px;line-height:1}.lesson-step-nav .lesson-complete-button{width:auto;height:auto;min-height:32px;padding:5px 9px;display:inline-flex}.lesson-complete-button.is-complete{color:#fff;background:var(--green)}.lesson-project-checklist{overflow:hidden;border:1.5px solid var(--line);border-radius:7px;background:#f7f7f5}.lesson-project-checklist>button{width:100%;min-height:40px;padding:8px 10px;display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;font-size:12px;font-weight:900}.lesson-project-checklist>button span:last-child{margin-left:auto;color:var(--muted)}.lesson-project-checklist ul{margin:0;padding:0 11px 12px;display:grid;gap:7px;list-style:none}.lesson-project-checklist label{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:750;line-height:1.35;cursor:pointer}.lesson-project-checklist input{flex:none;width:17px;height:17px;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:25px;height:25px;min-height:0;padding:0;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.window-resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:11px;height:11px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}.lesson-dock-resize{position:absolute;inset:0 auto 0 0;width:7px;cursor:ew-resize;touch-action:none}.lesson-video-window{z-index:185;min-width:360px;min-height:337px}.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:66px;padding:9px 10px;display:grid;grid-template-columns:34px 34px minmax(120px,1fr) auto;align-items:center;gap:7px;border-top:2px solid var(--ink);background:#fff}.lesson-video-transport>button{width:34px;height:34px;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:74px;color:var(--muted);font-size:10px;font-weight:900;text-align:right;white-space:nowrap}.lesson-video-timeline{position:relative;min-width:0;height:30px;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:8px;right:8px;top:4px;height:22px;pointer-events:none}.lesson-chapter-marks button{position:absolute;top:5px;width:3px;height:13px;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:20px;background:#181818a8}.modal-card{width:min(460px,100%);border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:8px 8px 0 var(--ink);overflow:hidden}.modal-card:focus{outline:none}.modal-card>header{min-height:54px;padding:10px 14px;background:var(--yellow);border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center}.modal-card.tone-danger>header{background:var(--red);color:#fff}.jam-dialog{width:min(680px,100%);max-height:calc(100dvh - 40px);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:8px;font-size:16px;overflow-wrap:anywhere}.jam-dialog h4{font-size:14px;min-width:0}.jam-content{padding:18px;overflow-y:auto}.jam-enable{display:flex;align-items:center;gap:9px;margin-bottom:18px}.jam-enable input{width:18px;height:18px;accent-color:var(--ink)}.jam-dialog label>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;margin-bottom:6px}.jam-dialog select{width:100%;min-width:0;min-height:38px;border:1.5px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);padding:6px 26px 6px 9px;font:inherit;font-size:14px}.jam-typing>label{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:12px}.jam-typing>label>span{margin:0}.jam-connect{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 12px;font-size:13px}.jam-device{border-top:1px solid var(--line);padding:16px 0}.jam-device:last-child{padding-bottom:0}.jam-device-heading{display:grid;grid-template-columns:minmax(0,1fr) 180px 36px;align-items:center;gap:12px;margin-bottom:12px}.jam-hidden-inputs{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.jam-hidden-toggle{display:flex;align-items:center;gap:6px;padding:6px 0;border:0;background:none;color:var(--muted);font-size:12px;font-weight:700}.jam-hidden-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.jam-hidden-inputs ul{list-style:none;margin:6px 0 0;padding:0}.jam-hidden-inputs li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px}.jam-hidden-inputs li span{min-width:0;overflow-wrap:anywhere}.jam-hidden-inputs .icon-button{flex:0 0 36px}.jam-activity{flex:0 0 8px;width:8px;height:8px;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:8px;padding-bottom:12px}.jam-split-point label{flex:1}.jam-split-point button{min-height:38px}.jam-zones{display:grid;gap:16px}.jam-zones.is-split{grid-template-columns:1fr 1fr}.jam-zone{display:flex;flex-wrap:wrap;align-content:start;gap:8px;min-width:0}.jam-drum-map{flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.jam-drum-map>label{min-width:0}.jam-record-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;margin-bottom:16px;border-block:1.5px solid var(--line)}.jam-record-strip fieldset{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:0}.jam-record-strip legend{font-size:11px;font-weight:700;margin-bottom:6px}.jam-record-strip label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700}.jam-record-strip input{accent-color:var(--ink);width:16px;height:16px}.jam-record-strip select{min-height:36px;border:1.5px solid var(--ink);border-radius:4px;padding:6px;background:#fff;color:var(--ink)}.jam-record-status{min-width:110px;font-size:13px;font-weight:700}.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 74px}.jam-zones.is-split>.jam-zone:first-child{padding-left:10px;border-left:3px solid #27835b}.jam-zones.is-split>.jam-zone:last-child{padding-left:10px;border-left:3px solid #d34646}@media (max-width: 520px){.jam-backdrop{padding:12px}.jam-dialog{max-height:calc(100dvh - 24px)}.jam-content{padding:14px}.jam-device-heading,.jam-typing>label{grid-template-columns:1fr;gap:8px}.jam-device-heading{grid-template-columns:minmax(0,1fr) 36px}.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:70px}}.modal-content{padding:22px;line-height:1.55}.modal-card>footer{padding:12px 14px;border-top:1.5px solid var(--line);display:flex;justify-content:flex-end;gap:7px}.palette-belt-button{min-height:33px;padding:4px 11px;border:1.5px solid var(--ink);border-radius:6px;background:color-mix(in srgb,var(--green),white 84%);font-size:10px;font-weight:900}.modal-card.belt-modal,.modal-card:has(.belt-panel){width:min(760px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.modal-card:has(.belt-panel)>.modal-content{overflow-y:auto;padding:16px 18px 20px}.belt-panel{display:grid;gap:14px}.belt-tabs{justify-self:start}.belt-note{margin:0;font-size:12px;color:var(--muted)}.belt-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.belt-entry{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;-moz-column-gap:10px;column-gap:10px;row-gap:3px;padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;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:30px;padding:4px 8px;border:1.5px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:12px;font-weight:800}.belt-entry-chords{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.belt-mini-chip{display:inline-flex;align-items:center;gap:4px;min-height:26px!important;padding:2px 8px!important;border:1.5px solid var(--ink);border-radius:4px;background:#fff;font-size:11px;font-weight:900;touch-action:none}.belt-mini-chip:active{background:var(--yellow)}.palette-belt-button.is-progressions{background:color-mix(in srgb,var(--purple),white 84%)}.palette-belt-button{display:inline-flex;align-items:center;gap:4px}.palette-group-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.palette-group-chip{min-height:33px;padding:4px 10px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:10px;font-weight:900}.palette-group-chip.is-on{background:var(--ink);color:#fff}.palette-empty-note{margin:0 0 8px;font-size:11px;font-weight:700;color:var(--muted)}.belt-entry-source{grid-column:1 / 3;grid-row:2;font-size:10px;font-weight:700;color:var(--muted)}.belt-entry-toggle{grid-column:3;grid-row:1 / 3;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800}.belt-entry-toggle input{width:16px;height:16px;accent-color:var(--ink)}.belt-entry-remove{grid-column:4;grid-row:1 / 3}.belt-add{display:grid;gap:8px;padding-top:12px;border-top:1.5px solid var(--line)}.belt-add-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.belt-add-row>span{min-width:92px;font-size:11px;font-weight:800}.belt-add-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.belt-add-actions strong{flex:1;min-width:120px;font-size:14px}.belt-add-actions button{min-height:33px;padding:4px 11px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:5px}.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:11px;color:var(--red);font-weight:800}.belt-row-tab{display:grid;gap:12px}.belt-row-slots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.belt-row-slot{position:relative;min-height:64px!important;padding:6px 6px 5px!important;flex-direction:column;gap:1px;border:1.5px solid var(--ink);border-radius:6px;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 3px var(--yellow)}.belt-row-slot kbd{position:absolute;top:4px;right:4px;min-width:16px;padding:0 3px;border:1.5px solid var(--ink);border-radius:3px;background:#fff;font-size:8px;text-align:center}.belt-row-slot strong{font-size:13px}.belt-row-slot span{font-size:9px;color:var(--purple);font-weight:900}.belt-row-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding:10px;border:1.5px solid var(--line);border-radius:6px;background:#f6f6f4}.belt-row-picker button{min-height:44px!important;padding:4px 6px!important;flex-direction:column;gap:1px;border:1.5px solid var(--ink);border-radius:5px;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:12px}.belt-row-picker span{font-size:9px;font-weight:800;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.belt-row-presets{display:grid;gap:6px}.belt-row-presets>div{display:flex;flex-wrap:wrap;gap:6px}.belt-row-presets button{min-height:33px;padding:4px 10px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:6px}.belt-row-presets button:disabled{opacity:.55}.belt-row-presets button small{font-size:9px;font-weight:700;color:var(--muted)}.belt-row-presets .belt-row-reset{margin-left:auto}.belt-progressions{display:grid;gap:14px}.belt-progressions ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.belt-progression{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;background:#fff}.belt-progression-text{flex:1;min-width:0;display:grid;gap:1px}.belt-progression-text strong{font-size:13px}.belt-progression-text span{font-size:12px;font-weight:800}.belt-progression-text small{font-size:10px;font-weight:700;color:var(--muted)}.belt-progression-actions{display:flex;gap:5px;flex-shrink:0}.belt-progression-actions button{min-height:31px;padding:3px 9px;border:1.5px solid var(--ink);border-radius:5px;background:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:4px}@media (max-width: 640px){.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:24px;transform:translate(-50%);min-width:280px;max-width:520px;min-height:44px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:2px solid var(--ink);border-radius:6px;background:#fff;box-shadow:5px 5px 0 var(--ink);font-size:12px;font-weight:800}.toast-message.tone-success{background:#dff7e9}.toast-message.tone-error{background:#ffe1e4}.toast-message button{margin-left:auto;border:0;background:transparent}@media (max-width: 1050px){.brand-lockup,.save-state,.sound-library-status.is-compact{display:none}.header-controls .icon-button:not(.jam-settings-button){display:none}.transport-hint{display:none}.transport-strip{grid-template-columns:auto auto minmax(100px,1fr)}.workspace-header{align-items:flex-start;flex-direction:column}.workspace-actions{width:100%;justify-content:space-between}.arrangement-card{grid-template-columns:30px 40px 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:170px}}@media (max-width: 760px){.library-hero{min-height:420px;padding:38px 22px;flex-direction:column;align-items:stretch;justify-content:flex-end}.library-actions{flex-direction:row}.library-actions>*{flex:1}.sound-library-status.is-compact{display:none}.studio-header{height:auto;min-height:64px;padding:8px 10px}.brand-group{flex:1}.song-title-field{margin-left:0;min-width:0;flex:1}.song-title-field span{display:none}.song-title-field input{width:100%}.header-controls .header-select,.header-controls .tempo-control,.header-controls>button:not(.save-button):not(.lesson-button):not(.jam-settings-button){display:none}.lesson-button{width:38px;min-width:38px;padding:6px!important}.lesson-button span,.lesson-panel .lesson-float-button{display:none}.lesson-video-window{left:8px!important;right:8px;top:84px!important;width:auto!important;height:auto!important;min-width:0;min-height:0}.lesson-video-transport{grid-template-columns:34px 34px minmax(80px,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 - 64px)}.mode-rail{display:none}.transport-strip{top:64px;padding:6px 10px;grid-template-columns:auto 1fr}.transport-meter{grid-column:1 / -1}.transport-position{min-width:0}.workspace{padding:20px 12px 90px}.mobile-nav{position:fixed;z-index:80;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:2px solid var(--ink);padding:5px;gap:3px}.mobile-nav button{border:0;border-radius:6px;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:900}.mobile-nav button.is-active{color:#fff;background:var(--blue)}.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:480px}.form-track{min-width:700px}.form-map-card{overflow-x:auto}.arrangement-card{grid-template-columns:30px 34px minmax(0,1fr)}.arrangement-controls{flex-direction:column;gap:6px}.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:30px 1fr}.line-actions{grid-column:2;flex-direction:row;justify-content:flex-start}.take-lane{grid-template-columns:48px minmax(0,1fr) 44px;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:18px}.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(150px,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:10px 15px 15px}.export-grid{grid-template-columns:1fr}.export-card.featured{grid-column:auto}.floating-mixer{left:8px!important;top:72px!important;min-width:0;width:calc(100vw - 16px)!important;height:calc(100vh - 90px)!important}.mixer-channels{justify-content:flex-start;overflow-x:auto}.master-gap{min-width:18px}}@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:18px;margin-bottom:5px;padding:7px 9px 6px;border:1.5px solid #000;border-bottom-width:4px;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:900;letter-spacing:.13em;text-transform:uppercase}.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:3px;font-family:var(--font-ui);font-size:7.5pt;font-weight:700}.print-metadata{display:grid;grid-template-columns:repeat(3,auto);gap:14px;margin:0}.print-metadata>div{min-width:50px}.print-metadata dt{color:#555;font-family:var(--font-ui);font-size:5.5pt;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.print-metadata dd{margin:1px 0 0;font-family:var(--font-sheet);font-size:10pt;font-weight:900}.print-form-summary{display:grid;grid-template-columns:54px 1fr;align-items:baseline;gap:8px;margin-bottom:7px;padding:3px 7px;border:1px solid #000;font-family:var(--font-ui)}.print-form-summary span{color:var(--blue);font-size:6pt;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.print-form-summary strong{font-size:7.5pt;line-height:1.15;overflow-wrap:anywhere}.sheet-page{max-width:none;gap:6px}.sheet-section{break-inside:avoid-page;border-width:1px;border-left-width:5px;border-radius:2px;box-shadow:none;border-color:#000;overflow:visible}.sheet-section>header{min-height:24px;padding:3px 7px;border-bottom-width:1px;-moz-column-break-after:avoid;break-after:avoid}.sheet-section>header>div{gap:5px}.sheet-section h3{font-size:10.5pt;line-height:1}.section-tag{font-size:5.5pt}.repeat-badge{padding:1px 4px;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:42px;grid-template-columns:repeat(var(--beats, 4),minmax(0,1fr));grid-template-rows:23px 19px;border-right-width:1px}.lead-sheet-measure>small{top:2px;left:3px;font-size:5pt}.lead-sheet-measure>strong{top:9px;transform:translate(-50%);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:38px;grid-template-rows:21px 17px}.lead-sheet-staff.is-compact .lead-sheet-measure>strong{top:8px;font-size:9.5pt}.lead-sheet-staff.is-compact .lead-sheet-measure>span{padding-top:0;font-size:9pt}.live-lyric-lines{padding:2px 7px 4px}.live-lyric-line{padding:2px 4px 3px;border-bottom-width:.5px;-moz-column-break-inside:avoid;break-inside:avoid}.live-lyric-line.is-empty+.live-lyric-line.is-empty{display:none}.live-chord-track{height:14px}.live-chord-track strong{top:0;color:#000;font-size:10pt}.live-lyric-line p{min-height:13px;font-size:10pt;line-height:1.15}.section-learning-tools{grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;gap:3px;border-top-width:1px;background:#fff}.instrument-guide{-moz-column-break-inside:avoid;break-inside:avoid}.instrument-guide.guide-drums{grid-column:1 / -1}.instrument-guide>header{min-height:14px;padding:1px 4px}.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:2px;gap:2px}.chord-guide-card,.guide-bass .chord-guide-card,.guide-piano .chord-guide-card{min-height:52px;padding:1px;gap:0;border-radius:2px}.chord-guide-card>strong{min-height:10px;padding:0;font-size:7.5pt;line-height:1}.string-chord-diagram{width:47px;height:49px}.bass-root-diagram{width:min(100%,61px);height:34px}.piano-chord-diagram{width:min(100%,61px);height:35px}.drum-notation-bars{grid-template-columns:minmax(0,1fr);padding:2px;gap:2px}.drum-notation-bar{padding:2px;border-radius:2px}.drum-notation-bar>strong{margin-bottom:2px;font-size:5.5pt}.drum-notation-grid{--drum-label-w: 21px}.drum-notation-grid>small{min-height:7px;font-size:4.5pt}.drum-notation-row>span,.drum-notation-row>i{min-height:10px}.drum-notation-row>span{font-size:5pt}.drum-notation-row>i.has-hit:after{max-width:5px}}.clip-lane-wrap{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.clip-lane-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clip-lane-bar span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.clip-lane-bar small{font-size:8.5px;font-weight:700;color:var(--muted)}.clip-lane-tools{margin-left:auto;display:flex;gap:4px}.clip-lane-tools button{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:6px;border:1.5px solid var(--line, #d8d3c8);background:#fff;cursor:pointer}.clip-lane-tools button:disabled{opacity:.4;cursor:default}.clip-lane{position:relative;height:64px;border:1.5px solid var(--line, #d8d3c8);border-radius:10px;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 3px #5b7cfa40}.clip-grid{position:absolute;top:0;bottom:0;width:1px;background:#00000014;pointer-events:none}.vclip{position:absolute;top:4px;bottom:4px;border-radius:7px;border:1.5px solid var(--accent, #5b7cfa);background:#5b7cfa24;color:var(--accent, #5b7cfa);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.vclip:active{cursor:grabbing}.vclip.is-selected{background:#5b7cfa47;box-shadow:0 0 0 2px #5b7cfa73}.vclip svg{position:absolute;top:2px;right:3px;bottom:2px;left:3px;width:calc(100% - 6px);height:calc(100% - 4px);pointer-events:none}.vclip svg rect{fill:currentColor;opacity:.85}.vclip-edge{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize}.vclip-edge.l{left:0;border-left:3px solid currentColor;border-radius:7px 0 0 7px}.vclip-edge.r{right:0;border-right:3px solid currentColor;border-radius:0 7px 7px 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:11px;height:11px;cursor:col-resize}.vclip-fadegrip.l{left:0;border-top-left-radius:7px;background:linear-gradient(135deg,currentColor 45%,transparent 46%);opacity:.55}.vclip-fadegrip.r{right:0;border-top-right-radius:7px;background:linear-gradient(225deg,currentColor 45%,transparent 46%);opacity:.55}.clip-playhead{position:absolute;top:0;bottom:0;width:2px;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:10px;font-weight:700;color:var(--muted)}.clip-lane-scroll{border:1.5px solid var(--line, #d8d3c8);border-radius:10px;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:2px;margin-left:6px}.clip-zoom output{font-size:9.5px;font-weight:900;min-width:26px;text-align:center;color:var(--muted)}.clip-zoom button{display:inline-flex;align-items:center;padding:3px 6px;border-radius:6px;border:1.5px solid var(--line, #d8d3c8);background:#fff;cursor:pointer}.clip-zoom button:disabled{opacity:.4;cursor:default}.clip-grid.is-beat{background:#0000000a}.take-play{width:100%;min-height:46px}.take-waveform-button{cursor:pointer}.take-lane.is-editing .take-waveform{box-shadow:0 0 0 2px var(--accent, #5b7cfa)}.take-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--record, #e2574c);pointer-events:none}.take-block{display:flex;flex-direction:column;gap:6px}.take-block .clip-lane-wrap{margin:0 0 4px;padding:8px 10px 10px;border:1.5px dashed var(--line, #d8d3c8);border-radius:10px;background:#5b7cfa0a}.melody-memo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:7px;background:#f7f7f5}.melody-memo-wave{flex:1 1 220px;min-width:0;height:44px;display:flex;align-items:center;gap:1px;overflow:hidden;padding:4px 6px;border:2px solid var(--ink);border-radius:6px;background:#fff}.melody-memo-wave i{flex:1 0 2px;min-height:2px;border-radius:1px;background:var(--green)}.melody-memo-empty{flex:1 1 220px;color:var(--muted);font-size:12px;font-weight:750}.melody-memo button{min-height:36px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);border-radius:6px;background:#fff;font-size:11px;font-weight:900}.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:11.5px;font-weight:800}.melody-record-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.melody-record-controls .record-button{min-height:38px;padding:7px 14px;display:inline-flex;align-items:center;gap:7px;border:2px solid var(--red);border-radius:6px;background:var(--red);color:#fff;font-size:12px;font-weight:900}.melody-record-controls .record-status{color:var(--muted);font-size:11.5px;font-weight:800}.word-finder{display:grid;gap:7px;margin-top:14px;padding:10px;border:1.5px solid var(--line);border-radius:7px;background:#f7f7f5}.word-finder input{min-height:34px;padding:6px 9px;border:2px solid var(--ink);border-radius:6px;background:#fff;font:inherit;font-weight:700}.word-finder .segmented button{font-size:10.5px}.word-finder-results{display:flex;flex-wrap:wrap;gap:5px;min-height:30px}.word-finder-results p{margin:0;color:var(--muted);font-size:11px;font-weight:750;line-height:1.4}.word-finder-results button{min-height:28px;padding:4px 9px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-size:11.5px;font-weight:800;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:2px solid var(--ink);border-radius:6px;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:6px;color:#d8dbe3;background:#1f2430;font-family:var(--font-ui);font-size:11px;font-weight:800}.song-video-card{display:grid;grid-template-columns:minmax(200px,340px) minmax(0,1fr);align-items:center;gap:14px;margin-bottom:18px;padding:10px;border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:3px 3px #c4c2bb;font-family:var(--font-ui)}.song-video-meta{display:grid;justify-items:start;gap:6px}.song-video-meta strong{font-size:13px}.song-video-meta small{color:var(--muted);font-size:10.5px;font-weight:700}.song-video-meta button{display:inline-flex;align-items:center;gap:5px}.song-video-meta button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.video-sync-card{display:grid;grid-template-columns:minmax(260px,400px) minmax(0,1fr);gap:18px;margin-bottom:18px;padding:16px;border:2px solid var(--ink);border-radius:8px;background:#eef2ff;box-shadow:5px 5px 0 var(--ink);font-family:var(--font-ui)}.video-sync-player{display:grid;gap:8px;align-content:start}.video-sync-readout{display:flex;flex-wrap:wrap;gap:6px 14px;min-height:20px;color:var(--muted);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.video-sync-readout.is-running{color:var(--ink)}.video-sync-fields{display:grid;gap:12px;align-content:start}.video-sync-fields header h3{margin:2px 0 4px;font-size:20px;letter-spacing:-.03em}.video-sync-fields header p{margin:0;color:var(--muted);font-size:11.5px;font-weight:700;line-height:1.4}.video-sync-field{display:grid;gap:4px}.video-sync-field>span{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.video-sync-field input{min-height:34px;padding:6px 9px;border:2px solid var(--ink);border-radius:6px;background:#fff;font:inherit;font-weight:700}.video-sync-field em{color:var(--red);font-size:10.5px;font-weight:800;font-style:normal}.video-sync-field.is-inline{grid-template-columns:auto auto auto;align-items:center;gap:6px}.video-sync-field.is-inline input{width:96px}.video-sync-field.is-inline small{color:var(--muted);font-size:10px;font-weight:800}.video-sync-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.video-sync-row button{display:inline-flex;align-items:center;gap:5px}.video-sync-nudges{display:inline-flex;gap:3px}.video-sync-nudges button{min-height:30px;padding:4px 7px;font-size:10px;font-variant-numeric:tabular-nums}.video-sync-hint{flex-basis:100%;color:var(--muted);font-size:10.5px;font-weight:700}.video-sync-actions{padding-top:4px;border-top:1.5px solid color-mix(in srgb,var(--ink) 20%,transparent)}.video-sync-remove{margin-left:auto;color:var(--red)}@media (max-width: 860px){.video-sync-card,.song-video-card{grid-template-columns:1fr}}.save-state.sync-mode-badge{margin-left:8px;padding:2px 6px;border:1.5px solid var(--blue);border-radius:999px;color:var(--blue)}.chart-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;font-family:var(--font-ui)}.chart-meta div{display:flex;align-items:baseline;gap:5px}.chart-meta dt{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chart-meta dd{margin:0;font-family:var(--font-sheet);font-size:15px;font-weight:900}.chart-page{gap:0;border:2px solid var(--ink);border-radius:7px;background:#fffefa;box-shadow:3px 3px #c4c2bb;overflow:hidden}.chart-line{display:grid;grid-template-columns:128px minmax(0,1fr);gap:8px;border-bottom:1.5px solid var(--line);border-left:9px 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:2px;padding:10px 4px 8px 10px;font-family:var(--font-ui)}.chart-line-label strong{font-size:15px;line-height:1.05}.chart-line-label small{color:var(--muted);font-size:9px;font-weight:900}.chart-line-label button{margin-top:5px;min-height:26px;padding:3px 8px;display:inline-flex;align-items:center;gap:4px;font-size:9px}.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 5px;font-family:var(--font-sheet);font-size:22px;font-weight:900;letter-spacing:-.08em;color:var(--ink)}.chart-line-staff .lead-sheet-staff{grid-template-columns:repeat(4,minmax(120px,1fr));border-top:0}.chart-line-staff .lead-sheet-measure{grid-template-rows:40px 30px;min-height:70px}.chart-line-staff .lead-sheet-measure>strong{top:12px;font-size:clamp(17px,2vw,24px)}.chart-line-staff .lead-sheet-measure>span{padding-top:2px;font-size:20px}.chart-line-staff .lead-sheet-measure:nth-child(4n){border-right:0}.song-learning-tools{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;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(118px,1fr))}.song-learning-tools .guide-bass .chord-guide-grid,.song-learning-tools .guide-piano .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media (max-width: 760px){.song-learning-tools{grid-template-columns:1fr}}.guide-empty{margin:0;padding:12px;color:var(--muted);font-size:11px;font-weight:700}@media print{.chart-page{border-width:1px;border-radius:2px;box-shadow:none}.chart-line{-moz-column-break-inside:avoid;break-inside:avoid;grid-template-columns:74px minmax(0,1fr);gap:3px;border-bottom-width:.5px;border-left-width:4px}.chart-line-label{padding:3px 2px 2px 4px;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 2px;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:30px;grid-template-rows:17px 13px}.chart-line-staff .lead-sheet-measure>strong{top:5px;font-size:9pt}.chart-line-staff .lead-sheet-measure>span{padding-top:0;font-size:8pt;line-height:1}.song-learning-tools{margin-top:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.song-learning-tools .instrument-guide.guide-drums{grid-column:auto}.song-learning-tools .instrument-guide{-moz-column-break-inside:avoid;break-inside:avoid}}.video-strip{--track: #e63c48}.video-badge{background:#e63c48}.chord-bank{display:grid;gap:10px;margin-bottom:18px;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(240px,1fr));gap:10px;align-items:start}.chord-bank .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));padding:6px;gap:5px}.chord-bank .guide-bass .chord-guide-grid,.chord-bank .guide-piano .chord-guide-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}.chord-bank .chord-guide-card{min-height:0;padding:4px 4px 5px;gap:2px}.chord-bank .chord-guide-card>strong{min-height:17px;padding-bottom:2px;font-size:14px}.chord-bank .string-chord-diagram{width:82px;height:86px}.chord-bank .bass-root-diagram,.chord-bank .piano-chord-diagram{width:100%;max-width:136px;height:50px}.chord-bank .instrument-guide.guide-drums{max-width:560px}.chord-bank .drum-notation-bars{padding:6px}.chord-bank .drum-notation-grid{--drum-label-w: 46px}.chord-bank .drum-notation-grid>small{min-height:13px;font-size:8.5px}.chord-bank .drum-notation-row>span{min-height:20px;font-size:11px;letter-spacing:.02em;color:var(--ink)}.chord-bank .drum-notation-row>i{min-height:20px}.chord-bank .drum-notation-row>i.has-hit:after{max-width:11px}.chord-bank-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:9px 12px;border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:3px 3px #c4c2bb}.chord-bank-title{display:grid;gap:1px}.chord-bank-title strong{font-size:13px;white-space:nowrap}.chord-bank-chips{display:flex;flex-wrap:wrap;gap:5px}.chord-bank-chips span{padding:3px 9px;border:1.5px solid var(--ink);border-radius:999px;font-family:var(--font-sheet);font-size:15px;font-weight:900;background:#fffefa}.chord-bank-chips span.is-current{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}@media print{.chord-bank{gap:4px;margin-bottom:6px}.chord-bank-header{padding:3px 7px;gap:3px 10px;border-width:1px;border-radius:2px;box-shadow:none}.chord-bank-title .page-kicker{display:none}.chord-bank-title strong{font-size:6.5pt}.chord-bank-chips span{padding:0 4px;border-width:.75px;font-size:8pt}.chord-bank .song-learning-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}}.now-panel{position:fixed;z-index:110;min-width:320px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:8px;background:color-mix(in srgb,var(--yellow) 82%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:8px 8px #33333338;resize:horizontal;height:auto;max-height:calc(100vh - 16px);overflow:hidden;container-type:inline-size;font-family:var(--font-ui)}.now-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px 5px 10px;border-bottom:2px solid var(--ink);background:color-mix(in srgb,#fff3bf 78%,transparent);cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.now-panel>header>span{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.now-panel.is-playing>header>span{color:var(--blue)}.now-panel>header button{width:26px;height:26px;padding:0;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:5px;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:1.5px solid var(--ink);border-radius:6px;background:#fff}.now-diagrams figcaption{font-size:1.35cqw;font-weight:900;letter-spacing:.08em;text-transform:uppercase;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:3px solid color-mix(in srgb,var(--blue),white 30%);outline-offset:-3px}.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 3px 0 0 var(--blue)}.lead-sheet-measure.is-selected>small{color:var(--blue);font-weight:900}@media print{.lead-sheet-measure.is-selected{background:transparent;box-shadow:none}}.capo-shape{font-family:var(--font-ui);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}.now-diagrams .capo-shape{display:none}.capo-control{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui)}.capo-control>span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.capo-control select{min-height:28px;padding:3px 6px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font:inherit;font-size:10px;font-weight:900}.capo-suggest{min-height:28px;padding:4px 8px;font-size:9px}@media print{.capo-shape{color:#000;font-size:5.5pt}}.board-bar{position:fixed;z-index:140;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 10px;border:2px solid var(--ink);border-radius:999px;background:#fff;box-shadow:4px 4px 0 var(--ink);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:5px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.board-bar button{min-height:30px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:10px;font-weight:900}.board-bar kbd{padding:1px 4px;border:1px solid var(--line);border-radius:3px;font-size:8px}.board-play.is-playing{background:var(--yellow)}.board-zoom{display:inline-flex;align-items:center;gap:3px}.board-zoom output{min-width:38px;text-align:center;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}.is-presenting .studio-header,.is-presenting .mode-rail,.is-presenting .mobile-nav,.is-presenting .transport-strip,.is-presenting .live-hero-controls,.is-presenting .song-credits,.is-presenting .chart-line-label button,.is-presenting .sheet-section>header button{display:none}.is-presenting .studio-body{min-height:100vh;grid-template-columns:minmax(0,1fr)}.is-presenting .workspace{max-width:none;padding:10px clamp(8px,1.5vw,20px) 64px}.is-presenting .live-hero{padding:10px 16px;margin-bottom:10px}.is-presenting .live-hero h2{font-size:clamp(22px,3.2vw,40px)}.is-presenting .chart-line-staff .lead-sheet-measure>strong{font-size:calc(clamp(17px,2vw,24px) * var(--board-zoom, 1.35))}.is-presenting .chart-line-staff .lead-sheet-measure>span{font-size:calc(20px * var(--board-zoom, 1.35));color:#8e939c}.is-presenting .chart-line-staff .lead-sheet-measure{grid-template-rows:calc(40px * var(--board-zoom, 1.35)) calc(30px * var(--board-zoom, 1.35));min-height:calc(70px * var(--board-zoom, 1.35))}.is-presenting .chart-line-label strong{font-size:calc(15px * var(--board-zoom, 1.35))}.is-presenting .chart-line-label small{font-size:calc(9px * var(--board-zoom, 1.35))}.is-presenting .live-form-strip button{min-height:calc(46px * var(--board-zoom, 1.35))}.is-presenting .live-form-strip span{font-size:calc(11px * var(--board-zoom, 1.35))}@media screen{.is-presenting .live-lyric-line p{font-size:calc(19px * var(--board-zoom, 1.35));min-height:calc(28px * var(--board-zoom, 1.35))}.is-presenting .live-chord-track{height:calc(31px * var(--board-zoom, 1.35))}.is-presenting .live-chord-track strong{font-size:calc(17px * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section h3{font-size:calc(18px * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section .lead-sheet-staff.is-compact .lead-sheet-measure{grid-template-rows:calc(45px * var(--board-zoom, 1.35)) calc(38px * var(--board-zoom, 1.35));min-height:calc(83px * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section .lead-sheet-staff.is-compact .lead-sheet-measure>strong{font-size:calc(clamp(15px,1.7vw,21px) * var(--board-zoom, 1.35))}.is-presenting .lyric-sheet-section .lead-sheet-staff.is-compact .lead-sheet-measure>span{font-size:calc(21px * 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 3px var(--ink);border-radius:4px}.is-presenting .lead-sheet-measure.is-selected{background:color-mix(in srgb,var(--blue),transparent 78%)}.chart-line-buttons{margin-top:5px;display:inline-flex;gap:4px}.chart-line-buttons button{min-height:26px;padding:3px 8px;display:inline-flex;align-items:center;gap:4px;font-size:9px}.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 3px 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:6px 12px;margin-bottom:14px;padding:7px 12px;border:2px solid var(--blue);border-radius:999px;background:color-mix(in srgb,var(--blue),white 90%);font-family:var(--font-ui)}.loop-chip strong{font-size:12px}.loop-chip small{color:var(--muted);font-size:10px;font-weight:700}.loop-chip button{margin-left:auto;min-height:28px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px;font-size:10px}@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:8px;margin-top:6px;accent-color:var(--blue)}.mixdown-progress::-webkit-progress-bar{background:color-mix(in srgb,var(--ink),transparent 88%);border-radius:999px}.mixdown-progress::-webkit-progress-value{background:var(--blue);border-radius:999px}.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(2px);backdrop-filter:blur(2px);pointer-events:none}.drop-veil>div{display:grid;justify-items:center;gap:4px;padding:22px 34px;border:3px dashed var(--blue);border-radius:14px;background:var(--paper);font-family:var(--font-ui);box-shadow:5px 5px 0 var(--ink)}.drop-veil strong{font-size:18px}.drop-veil small{color:var(--muted);font-size:11px;font-weight:900}.opening-link{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:grid;place-content:center;justify-items:center;gap:4px;background:var(--paper);font-family:var(--font-ui)}.opening-link strong{font-size:16px}.opening-link small{color:var(--muted);font-size:11px;font-weight:700}.qr-image{display:block;width:min(320px,60vw);height:auto;margin:0 auto;border:2px solid var(--ink);border-radius:8px;background:#fff;image-rendering:pixelated}.qr-length{margin-top:10px;text-align:center;color:var(--muted);font-size:11px;font-weight:700}.qr-error{margin:0;color:var(--red);font-size:12px;font-weight:800;line-height:1.4}.board-bar button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.key-spelling{min-height:26px;margin-left:5px;padding:2px 7px;border:1.5px solid var(--line);border-radius:6px;background:#fff;font-family:var(--font-sheet);font-size:12px;font-weight:900;color:var(--muted)}.key-spelling:hover{border-color:var(--blue);color:var(--blue)}.spelling-flip{min-height:18px;margin-left:5px;padding:0 5px;border:1px solid var(--line);border-radius:4px;background:#fff;font-family:var(--font-sheet);font-size:10px;font-weight:900;color:var(--muted);vertical-align:middle}.spelling-flip:hover{border-color:var(--blue);color:var(--blue)}.chord-lane-header{margin:0 10px;padding:8px 12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:2px solid var(--ink);border-top:0;background:var(--card)}.chord-lane-chip{min-height:33px;padding:4px 11px;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:10px;font-weight:900}.chord-lane-chip small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;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 4px 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:8px;flex-wrap:wrap;padding:0 0 10px}.chord-layer-header>strong{margin-right:4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--purple)}.chord-layer-header .chord-octave-control{min-width:0;padding:3px 6px}.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:33px;margin-left:auto;padding:4px 11px;display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:10px;font-weight:900;color:var(--red)}.select-menu-heading{padding:8px 8px 3px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sound-edit-button{min-width:34px;min-height:34px!important;padding:0 8px!important;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:6px;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(820px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.modal-card:has(.synth-editor)>.modal-content{overflow-y:auto;padding:16px 18px 0}.synth-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}.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:10px 14px}.synth-name-field{flex:1 1 260px;display:grid;gap:4px}.synth-name{min-width:0;min-height:38px;padding:6px 11px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:900}.synth-role-badge{padding:6px 10px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.synth-section{--synth-tint: #eef0f4;display:grid;grid-template-rows:auto 1fr;border:1.5px solid var(--ink);border-radius:8px;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(--yellow), white 60%);--track: #c99a00}.synth-section-title{display:flex;align-items:center;gap:8px;margin:0;padding:7px 12px;border-bottom:1.5px solid var(--ink);background:var(--synth-tint);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.synth-section-title h3{margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit}.synth-section-body{display:grid;gap:10px;padding:12px;align-content:start}.synth-tag{padding:1px 7px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-size:10px;letter-spacing:.06em}.synth-tag.is-on{background:var(--ink);color:#fff}.synth-osc-list{gap:0;padding:2px 12px 8px}.synth-osc{display:flex;flex-wrap:wrap;align-items:end;gap:10px 20px;padding:10px 0 12px}.synth-osc+.synth-osc{border-top:1px solid var(--line)}.synth-osc-more{padding:10px 0 4px}.synth-osc-label{align-self:center;min-width:44px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.synth-osc-field{display:grid;gap:5px}.synth-osc-field>span{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.synth-osc-knobs{display:flex;gap:12px}.synth-osc-remove{align-self:center;margin-left:auto;min-height:26px!important;padding:2px 9px!important;font-size:10px!important}.synth-osc-add{display:inline-flex!important;align-items:center;gap:8px;min-height:36px!important;padding:6px 12px!important;border:1.5px dashed var(--ink)!important;border-radius:6px!important;background:#fff!important;font-size:11px!important}.synth-osc-add small{font-size:10px;font-weight:700;color:var(--muted)}.synth-osc-add:hover{background:#f7f7f5!important}.synth-wave-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.synth-wave{display:grid!important;justify-items:center;gap:3px;min-height:46px!important;padding:6px 4px 5px!important;border:1.5px solid var(--ink)!important;border-radius:6px!important;background:#fff!important;font-size:9px!important;font-weight:900;letter-spacing:.05em;text-transform:uppercase;line-height:1}.synth-wave svg{display:block;width:30px;height:14px}.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(66px,1fr));align-items:start;gap:10px 8px}.synth-editor .segmented button{min-height:32px;padding:5px 11px;font-size:11px}.synth-lfo.is-off{opacity:.5}.synth-lfo{display:flex;flex-wrap:wrap;align-items:end;gap:12px 22px;transition:opacity .15s ease}.synth-osc .synth-wave-picker,.synth-lfo .synth-wave-picker{grid-template-columns:repeat(4,56px)}.synth-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto;min-height:0!important;padding:2px 0!important;border:0!important;border-radius:4px!important;background:none!important;box-shadow:none!important;font-size:10px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.synth-toggle-track{position:relative;width:34px;height:18px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;transition:background .15s ease}.synth-toggle-thumb{position:absolute;top:2px;left:2px;width:11px;height:11px;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(--yellow);transform:translate(16px)}.synth-osc-field>.synth-toggle{margin-left:0;min-height:32px!important}.synth-field-note{font-size:10px;font-weight:700;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:12px 0}.synth-fx-group{display:grid;gap:6px;align-content:start;justify-items:center;padding:0 20px}.synth-fx-group:first-child{padding-left:2px}.synth-fx-group+.synth-fx-group{border-left:1px solid var(--line)}.synth-fx-name{text-align:center;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.synth-fx-row{display:flex;flex-wrap:wrap;align-items:end;gap:10px 18px}.kit-voices{display:grid;grid-template-columns:1fr;gap:12px}.kit-voice{--synth-tint: color-mix(in srgb, var(--track), white 82%)}.kit-voice .synth-section-title{flex-wrap:wrap;gap:8px;padding:6px 10px}.kit-key{padding:1px 6px;border:1.5px solid var(--ink);border-radius:4px;background:#fff;font:inherit;font-size:10px;line-height:1.4}.kit-model{margin-left:auto}.kit-model+.kit-pad{margin-left:0}.synth-editor .kit-model button{min-height:24px;padding:3px 7px;font-size:10px}.synth-editor .kit-pad{margin-left:auto;min-height:26px!important;padding:3px 10px!important;font-size:11px!important;background:var(--yellow)!important}.kit-body{display:flex;flex-wrap:wrap;align-items:end;gap:10px 16px;padding:10px 12px 12px}.kit-knobs{display:flex;flex-wrap:wrap;align-items:end;gap:8px 10px}.kit-fx{display:flex;flex-wrap:wrap;align-items:end;gap:8px 10px;padding-left:14px;border-left:1px solid var(--line)}.synth-editor .knob-control{min-width:56px;gap:4px;font-size:10px;letter-spacing:.04em}.synth-editor .knob-face{width:44px;height:44px}.synth-editor .knob-face:before{top:6px;right:6px;bottom:6px;left:6px}.synth-editor .knob-pointer{top:9px;right:9px;bottom:9px;left:9px}.synth-editor .knob-pointer:before{height:9px}.synth-editor .knob-control output{min-height:16px;padding:1px 6px;border-radius:999px;background:#eef0f4;color:var(--ink);font-size:11px;font-weight:800;text-transform:none;letter-spacing:0}.synth-editor .knob-face:hover:before{box-shadow:0 1px 2px #1e232d38,0 0 0 2px color-mix(in srgb,var(--track, var(--ink)),white 65%)}.synth-editor-note{margin:0;padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;background:#f6f6f4;font-size:12px;font-weight:700;color:var(--muted)}.key-finder-button{justify-self:end;min-height:30px!important;padding:4px 9px!important;display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--ink);border-radius:6px;background:color-mix(in srgb,var(--blue),white 84%);font-size:10px;font-weight:900;white-space:nowrap}.modal-card:has(.key-finder){width:min(680px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.modal-card:has(.key-finder)>.modal-content{overflow-y:auto;padding:16px 18px 18px}.key-finder{display:grid;gap:12px}.key-finder-input{display:grid;gap:4px}.key-finder-input input{min-height:40px;padding:6px 11px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font:inherit;font-size:16px;font-weight:800}.key-finder-unknown{font-size:11px;font-weight:700;color:var(--red)}.key-finder-line{margin:0;font-size:14px;font-weight:900;letter-spacing:.02em}.key-finder-results{display:grid;gap:10px}.key-finder-card{--synth-tint: #eef0f4}.key-finder-card.tone-best{--synth-tint: color-mix(in srgb, var(--yellow), white 50%)}.key-finder-body{gap:6px}.key-finder-romans{margin:0;font-size:16px;font-weight:900;letter-spacing:.04em}.key-finder-home{margin:0;font-size:12px;font-weight:800;color:var(--blue)}.key-finder-reasons{margin:0;padding-left:18px;font-size:12px;line-height:1.45}.key-finder-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.key-finder-actions button{min-height:34px;padding:5px 12px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:11px;font-weight:900}.key-finder-actions .belt-add-button{background:var(--ink);color:#fff}@media (max-width: 680px){.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(64px,1fr))}}.sound-kind{display:inline-flex;align-items:center;margin-right:6px;color:var(--muted);vertical-align:-1px}.select-menu-list button .sound-kind{margin-right:8px}.synth-switch{display:grid;gap:4px}.synth-switch .select-menu{min-width:200px}.synth-hint-line{margin:-4px 0 0;font-size:12px;font-weight:700;color:var(--muted)}.editor-mode{align-self:center}.synth-editor .editor-mode button{min-height:30px;padding:5px 10px;font-size:11px}.synth-section.tone-simple{--synth-tint: color-mix(in srgb, var(--yellow), white 55%);--track: #c99a00}.synth-simple{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 26px;padding:18px 16px 10px}.synth-simple .knob-control{min-width:64px;gap:6px;font-size:11px}.synth-simple .knob-face{width:58px;height:58px}.synth-simple .knob-face:before{top:8px;right:8px;bottom:8px;left:8px}.synth-simple .knob-pointer{top:12px;right:12px;bottom:12px;left:12px}.synth-simple .knob-pointer:before{height:12px}.synth-simple-hint{margin:0;padding:0 16px 12px;font-size:11px;font-weight:700;color:var(--muted)}.meter-control .select-menu{min-width:62px}.meter-control .select-menu-list{width:230px}.meter-control .select-menu-list button>span{display:flex;align-items:baseline;gap:10px}.meter-control .select-menu-list small{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:0}.meter-control .select-menu-list button.is-selected small{color:inherit}@media (max-width: 1440px){.meter-control>span{display:none}}.tempo-control .tempo-beat-unit{padding:1px 4px;border-radius:4px;background:#e7eaf0;color:var(--ink);font-family:var(--font-sheet);font-size:14px;font-weight:900;line-height:1.1;cursor:help}.confirm-details{margin:10px 0 0;padding-left:18px;display:grid;gap:5px;font-size:13px}.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 2px 0 6px;font-family:var(--font-sheet);font-size:21px;font-weight:900;line-height:.92;color:var(--ink)}.is-presenting .chart-time-signature{font-size:calc(21px * var(--board-zoom, 1.35))}@media print{.chart-time-signature{padding:0 1px 0 3px;font-size:9pt}}