:root{--well:#121214;--surface:#1b1b1e;--raised:#222226;--float:#2a2a2f;--hover:#ffffff12;--line:#ffffff12;--line-strong:#ffffff21;--ink:#ececef;--ink-2:#b6b6bd;--ink-3:#93939c;--highlight:#5f06ea;--highlight-soft:#5f06ea47;--focus:#9b6cf5;--danger:#f87171;--radius-s:6px;--radius-m:8px;--radius-l:12px;--shadow-float:0 12px 32px #00000073, 0 1px 3px #0000004d;--ease:.12s ease;--bg:var(--well);--panel:var(--surface);--paper:var(--float);--border:var(--line-strong);--text:var(--ink);--muted:var(--ink-3);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--highlight);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:13px}button,input,.list-option{transition:background-color var(--ease), color var(--ease), border-color var(--ease), opacity var(--ease)}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--ease:0s}}body{margin:0}select{border:1px solid var(--border);background:var(--paper) url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.9999%209.31161L13.0605%2014.251C12.4772%2014.8343%2011.5227%2014.8343%2010.9393%2014.251L5.99992%209.31161'%20stroke='%231C252E'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat right 8px center / 14px 14px;min-height:28px;color:var(--ink);font:inherit;appearance:none;cursor:pointer;border-radius:6px;padding:4px 28px 4px 8px;font-size:13px}select:focus-visible{outline:2px solid var(--highlight);outline-offset:1px}select:disabled{opacity:.4;cursor:default}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select::picker-icon{display:none}::picker(select){border:1px solid var(--border);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-float);border-radius:8px;margin-top:4px;padding:4px}option{border-radius:5px;padding:5px 8px}option:hover,option:focus-visible{background:var(--highlight-soft);outline:none}option:checked{background:var(--highlight);color:#fff}option::checkmark{display:none}}.shell{grid-template:"top top top""palettes score inspector"minmax(0,1fr)"keyboard keyboard keyboard"/auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.control-bar,.palettes,.inspector,.keyboard{background:var(--panel);border-color:var(--line);border-style:solid;border-width:0}.top{grid-area:top;min-width:0}.control-bar{border-bottom-width:1px;flex-wrap:wrap;align-items:center;row-gap:8px;min-height:44px;padding:7px 16px;display:flex}.brand{width:auto;height:20px;display:block}.title-bar{border-bottom:1px solid var(--border);background:var(--panel);justify-content:center;align-items:center;min-width:0;height:22px;padding:0 16px;font-size:12px;display:flex}.title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.control-bar button{white-space:nowrap;flex:none}.edit-buttons{align-items:center;gap:4px;margin-left:12px;display:flex}.edit-buttons button{border:1px solid var(--border);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.edit-buttons button:disabled{opacity:.4;cursor:default}.icon{flex:none;width:16px;height:16px;display:inline-flex}.icon svg{width:100%;height:100%}.update-notice{z-index:40;border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--float);color:var(--ink);box-shadow:var(--shadow-float);align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:13px;display:flex;position:fixed;bottom:72px;right:16px}.update-notice button{border:1px solid var(--line-strong);border-radius:var(--radius-s);height:28px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:0 10px}.update-notice button.update-reload{border-color:var(--highlight);background:var(--highlight);color:#fff}.audio-export{z-index:40;border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--float);color:var(--ink);box-shadow:var(--shadow-float);align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:13px;display:flex;position:fixed;bottom:120px;right:16px}.audio-export progress{width:96px;accent-color:var(--highlight)}.audio-export button{border:1px solid var(--line-strong);border-radius:var(--radius-s);height:28px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.audio-export button svg{width:16px;height:16px}@media (prefers-reduced-motion:no-preference){.update-notice,.audio-export{animation:.16s ease-out update-in}}@keyframes update-in{0%{opacity:0;transform:translateY(8px)}}.transport{align-items:center;gap:8px;margin-left:12px;display:flex}.transport button{border:1px solid var(--border);background:var(--paper);min-width:96px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.transport button[aria-pressed=true]{background:var(--line-strong);color:var(--ink);border-color:#0000}.transport button.switch{min-width:0;padding:4px 8px}.transport .tempo{border:0;gap:2px;margin:0;padding:0;display:flex}.tempo button:disabled{opacity:.4;cursor:default}.playback-cursor{background:var(--highlight);pointer-events:none;will-change:transform;width:2px;position:absolute;top:0;left:0}.zoom-buttons{align-items:center;gap:4px;margin-left:auto;display:flex}.zoom-buttons button{border:1px solid var(--border);background:var(--paper);min-width:28px;height:28px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.zoom-buttons .zoom-level{font-variant-numeric:tabular-nums;min-width:48px}.zoom-buttons button:disabled{opacity:.4;cursor:default}.palettes{border-right:1px solid var(--line);background:var(--surface);color:var(--ink-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-area:palettes;overflow:hidden}.symbol-palette{grid-template-columns:repeat(5,32px);gap:4px;display:grid}.symbol-palette button{border:1px solid var(--border);background:var(--paper);width:32px;height:32px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex;overflow:hidden}.symbol-palette button[aria-pressed=true]{border-color:var(--highlight);background:var(--highlight);color:#fff}.symbol-palette button:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}:is(.symbol-palette,.tool-glyph) .glyph{font-family:Bravura,serif;font-size:18px;line-height:1}:is(.symbol-palette,.tool-glyph) .clef{align-items:center;display:inline-flex}:is(.symbol-palette,.tool-glyph) .clef .glyph{font-size:13px}:is(.symbol-palette,.tool-glyph) .clef-mark{margin-left:1px;font-size:9px;font-weight:600}:is(.symbol-palette,.tool-glyph) .barline{font-size:20px}:is(.symbol-palette,.tool-glyph) .jump-sign,:is(.symbol-palette,.tool-glyph) .dynamic{font-size:22px}:is(.symbol-palette,.tool-glyph) .hairpin{font-size:26px}:is(.symbol-palette,.tool-glyph) .line{white-space:nowrap;font-size:23px}:is(.symbol-palette,.tool-glyph) .line.glissando{font-size:20px}:is(.symbol-palette,.tool-glyph) :is(.fingering,.notehead,.roll){font-size:26px}:is(.symbol-palette,.tool-glyph) .arpeggio{font-size:13px}:is(.symbol-palette,.tool-glyph) :is(.tab,.drum-kit){font-size:15px}:is(.symbol-palette,.tool-glyph) .tab.both{text-decoration:overline}:is(.symbol-palette,.tool-glyph) :is(.string,.frame){font-size:22px}:is(.symbol-palette,.tool-glyph) .drum{font-size:26px}.tab-box{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}:is(.symbol-palette,.tool-glyph) .non-arpeggio{border:1.5px solid;border-right:none;width:5px;height:18px}:is(.symbol-palette,.tool-glyph) .sticking{font-family:Georgia,serif;font-size:15px;font-weight:600}:is(.symbol-palette,.tool-glyph) .jump-words{letter-spacing:-.2px;white-space:nowrap;flex-direction:column;align-items:center;font-size:8.5px;font-style:italic;line-height:1.1;display:flex}:is(.symbol-palette,.tool-glyph) .mark{font-size:30px}:is(.symbol-palette,.tool-glyph) .ending-mark{border-top:1.5px solid;border-left:1.5px solid;padding:1px 4px 0 2px;font-size:11px;font-weight:600}:is(.symbol-palette,.tool-glyph) .key-signature{align-items:center;gap:1px;display:inline-flex}:is(.symbol-palette,.tool-glyph) .meter{flex-direction:column;align-items:center;font-size:22px;display:flex}:is(.symbol-palette,.tool-glyph) .meter span{height:11px;line-height:11px}.window-bar{border-bottom:1px solid var(--line);background:var(--surface);height:22px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 4px 0 10px;font-size:10px;font-weight:600;display:flex}.window-bar.grip{opacity:0;height:12px;transition:opacity var(--ease);background:repeating-linear-gradient(90deg, #ffffff38 0 1px, transparent 1px 3px) center / 17px 5px no-repeat, var(--surface);margin:0 -8px 8px}.window-close{width:18px;height:18px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.window-close:hover{background:var(--hover);color:var(--ink)}.window-close .icon{width:13px;height:13px}.dock-icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex;overflow:visible}.tool-glyph{pointer-events:none;justify-content:center;align-items:center;display:flex}.tool-glyph .icon{width:18px;height:18px}.tool-glyph .tuplet{font-size:20px}.tool-glyph .tuplet.ratio{font-size:14px}.voice-glyph{display:flex;position:relative}.voice-number{font-family:system-ui,sans-serif;font-size:10px;font-weight:700;position:absolute;bottom:-4px;right:-5px}.tool-grid{grid-template-columns:repeat(5,40px);gap:4px;display:grid}.tool-grid button{height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.tool-grid button:hover{background:var(--hover);color:var(--ink)}.tool-grid button[aria-pressed=true]{background:var(--highlight);color:#fff}.tool-grid button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.tool-grid .after-line{grid-column-start:1;margin-top:8px}.tool-field{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.tool-field input{border:1px solid var(--line-strong);background:var(--well);width:100%;height:30px;color:var(--ink-2);font:inherit;text-align:center;border-radius:6px}.tool-field input:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}.over-score{z-index:5;pointer-events:none;grid-area:score;place-self:end center;margin-bottom:22px}.score-island{border:1px solid var(--line);background:var(--float);color:var(--ink-2);box-shadow:var(--shadow-float);pointer-events:auto;border-radius:12px;align-items:center;gap:4px;padding:10px;display:flex}.score-island button{width:34px;height:34px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.score-island button.glyph{font-family:Bravura,serif;font-size:22px;line-height:1}.score-island .icon{width:18px;height:18px}.score-island button:hover:not(:disabled){background:var(--hover)}.score-island button[aria-pressed=true]{border-color:var(--highlight);background:var(--highlight);color:#fff}.score-island button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.score-island button:disabled{opacity:.35;cursor:default}.island-line{background:var(--line-strong);width:1px;height:20px;margin:0 5px}.tooltip{z-index:60;border:1px solid var(--line);background:var(--float);max-width:240px;color:var(--ink);box-shadow:var(--shadow-float);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:5px 9px;font-size:12px;line-height:1.35;display:flex;position:fixed;transform:translate(-50%)}.tooltip-name{white-space:nowrap;font-weight:600}.tooltip-hint{color:var(--ink-2)}.tooltip.above{transform:translate(-50%,-100%)}.score{grid-area:score;padding:24px;overflow:auto}.part-tabs{z-index:2;scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--panel);min-height:26px;margin:-24px -24px 12px;display:flex;position:sticky;top:0;left:0;overflow-x:auto}.part-tabs [role=tab]{text-overflow:ellipsis;white-space:nowrap;border:0;border-right:1px solid var(--line);max-width:200px;color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.part-tabs .icon{width:13px;height:13px}.part-tabs>:first-child{margin-left:auto}.part-tabs>:last-child{margin-right:auto}.part-tabs [role=tab]:hover{color:var(--ink)}.part-tabs [role=tab][aria-selected=true]{background:var(--float);color:#fff}.score-view{flex-direction:column;align-items:flex-start;gap:8px;margin:0;display:flex}.score-canvas{cursor:pointer;margin:0 auto;position:relative}.score-canvas .page{background:#fff;display:block;position:absolute;left:0;box-shadow:0 2px 6px #00000059,0 18px 48px #0006}.score-canvas .slides{pointer-events:none;position:absolute;inset:0}.score-canvas .slide{transition:transform .25s ease-out;position:absolute}@media (prefers-reduced-motion:reduce){.score-canvas .slide{transition:none}}.score-canvas.writing{cursor:crosshair}.score-canvas.typing{cursor:text}.text-entry{z-index:2;border:1px solid var(--highlight);color:#1d1d1b;background:#ffffffeb;border-radius:3px;min-width:2em;padding:0 .15em;font-family:Georgia,Times New Roman,serif;line-height:1.2;position:absolute}.text-entry.chord,.text-entry.rehearsal,.text-entry.tempo{font-weight:700}.tool-glyph .tempo-words{letter-spacing:-.2px;font-family:Georgia,Times New Roman,serif;font-size:9px;font-weight:700}.tempo-typed{box-sizing:border-box;border:1px solid var(--border);width:100%;height:32px;font:inherit;border-radius:6px}.inspector{border-left-width:1px;grid-area:inspector;padding:12px;overflow-y:auto}.inspector-section+.inspector-section{margin-top:16px}.new-score label{gap:4px;margin-top:10px;font-size:13px;display:grid}.new-score input{border:1px solid var(--border);background:var(--paper);color:var(--ink);font:inherit;border-radius:6px;padding:5px 6px}.new-score button[aria-pressed=true]{border-color:var(--highlight);background:var(--highlight);color:#fff}.inspector-section h2{margin:0 0 8px;font-size:13px;font-weight:600}.inspector-section [role=toolbar]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.inspector-section button{border:1px solid var(--border);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:inline-flex}.inspector-section button:last-child:nth-child(odd){grid-column:1/-1}.inspector-section button:disabled{opacity:.4;cursor:default}.keyboard{border-top-width:1px;flex-direction:column;grid-area:keyboard;gap:8px;min-width:0;padding:8px 16px 12px;display:flex}.keyboard.folded{padding-bottom:6px}.status-row{justify-content:space-between;align-items:center;gap:16px;min-height:22px;display:flex}.piano{cursor:pointer;width:100%}.hear-notes[aria-pressed=false]{opacity:.6}.keyboard p.status{color:var(--text);margin:0;font-size:14px}.status{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.status-link{color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.status-link:hover{color:var(--ink)}.view-switch{border:0;flex:none;min-width:0;margin:0;padding:0;display:inline-flex}.view-switch button{border:1px solid var(--line);background:var(--float);width:30px;height:20px;color:var(--ink-2);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.view-switch button:hover{color:var(--ink)}.view-switch button:first-child{border-radius:5px 0 0 5px}.view-switch button:last-child{border-left-width:0;border-radius:0 5px 5px 0}.view-switch button[aria-pressed=true]{border-color:var(--line-strong);background:var(--line-strong);color:var(--ink)}.view-switch .icon,.piano-toggle .icon,.roll-toggle .icon{width:14px;height:14px}.status-row .piano-toggle{border:1px solid var(--line);background:var(--float);width:30px;height:20px;color:var(--ink-2);cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;margin-left:8px;padding:0;display:inline-flex}.status-row .piano-toggle:hover{color:var(--ink)}.status-row .piano-toggle[aria-pressed=true]{border-color:var(--line-strong);background:var(--line-strong);color:var(--ink)}.piano-roll{border-bottom:1px solid var(--line);background:var(--well);flex-direction:column;flex:none;min-height:0;margin:-8px -16px 0;display:flex}.roll-divider{background:var(--line-strong);cursor:ns-resize;flex:none;height:6px}.roll-divider:hover,.roll-divider:focus-visible{background:var(--focus)}.roll-head{height:24px;color:var(--ink-2);flex:none;align-items:center;gap:8px;padding:0 8px 0 16px;font-size:12px;display:flex}.roll-head .roll-title{color:var(--ink);font-weight:600}.roll-head .roll-close{width:24px;height:24px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.roll-head .roll-close:hover{background:var(--hover);color:var(--ink)}.roll-head .icon{width:16px;height:16px}.roll-canvas{flex:1;min-height:0;overflow:hidden}.roll-canvas canvas{touch-action:none;display:block}.roll-lanes{align-items:center;gap:2px;min-width:0;margin-left:16px;display:flex;overflow-x:auto}.roll-lanes-label{white-space:nowrap;margin-right:4px}.roll-lanes button{border:1px solid var(--line);background:var(--float);height:20px;color:var(--ink-2);white-space:nowrap;cursor:pointer;border-radius:5px;flex:none;padding:0 6px;font-size:11px}.roll-lanes button:hover{color:var(--ink)}.roll-lanes input{border:1px solid var(--line-strong);background:var(--float);width:56px;height:20px;color:var(--ink);border-radius:5px;padding:0 4px;font-size:11px}.lane-marker{z-index:1;color:#5f06ea;white-space:nowrap;cursor:ew-resize;background:#f0e9feeb;border:1px solid #5f06ea73;border-radius:4px;height:16px;margin-left:-4px;padding:0 4px;font:600 10px/14px system-ui,sans-serif;position:absolute;top:0;left:0}.lane-marker[aria-pressed=true]{color:#fff;background:#5f06ea}.status-row .roll-toggle{border:1px solid var(--line);background:var(--float);width:30px;height:20px;color:var(--ink-2);cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;margin-left:8px;padding:0;display:inline-flex}.status-row .roll-toggle:hover{color:var(--ink)}.status-row .roll-toggle[aria-pressed=true]{border-color:var(--line-strong);background:var(--line-strong);color:var(--ink)}.file-buttons .joined{display:inline-flex}.file-buttons .joined>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.menu-arrow{border:1px solid var(--border);background:var(--paper);width:18px;color:var(--ink);cursor:pointer;border-left-width:0;border-radius:0 6px 6px 0;justify-content:center;align-items:center;padding:4px 0;display:inline-flex}.file-buttons .menu-arrow{padding:4px 0}.menu-arrow .icon{width:12px;height:12px}.menu-button{border:1px solid var(--border);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-left:12px;padding:4px 6px;display:inline-flex}.menu-button .icon:last-child{width:12px;height:12px}.menu{z-index:50;border:1px solid var(--border);background:var(--panel);min-width:200px;max-height:min(60vh,480px);color:var(--text);box-shadow:var(--shadow-float);border-radius:8px;outline:none;padding:4px;overflow-y:auto}.menu-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;gap:16px;padding:6px 10px;display:flex}.menu-item[data-focus]{background:var(--highlight);color:#fff}.menu-item[data-disabled]{opacity:.5;cursor:default}.menu-hint{opacity:.7}.menu-heading{color:var(--muted);padding:6px 10px 2px;font-size:12px;font-weight:600}.menu-line{background:var(--border);height:1px;margin:4px 0}.setup-dialog{z-index:45;position:relative}.setup-backdrop{background:#0003;position:fixed;inset:0}.setup-frame{justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.setup-panel{background:var(--panel);max-width:min(960px,100%);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-float);border-radius:10px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.setup-title{margin:0;font-size:16px}.setup-body{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow:auto}.setup-body fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:8px 12px 12px}.setup-body h3{margin:4px 0 0;font-size:13px}.setup-note{color:var(--muted);margin:0 0 10px;font-size:12px}.setup-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.setup-body .field{gap:4px;font-size:13px;display:grid}.field-input{align-items:center;gap:4px;display:inline-flex}.setup-body input:not([type]){border:1px solid var(--border);background:var(--paper);width:140px;color:var(--ink);font:inherit;border-radius:6px;padding:4px 6px}.setup-body select{width:160px}.setup-body input.number{width:80px}.setup-body .choice{align-items:center;gap:4px;font-size:13px;display:inline-flex}.setup-body .choice input[type=checkbox]{width:24px;height:24px;margin:0}.setup-table{border-collapse:collapse;font-size:13px}.setup-table th{color:var(--muted);text-align:left;padding:2px 6px;font-weight:600}.setup-table td{padding:2px 4px}.setup-table input:not([type]){width:100px}.setup-table select{width:auto;max-width:150px}.setup-table select.lines{width:52px}.setup-panel button{border:1px solid var(--border);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.setup-panel button:disabled{opacity:.4;cursor:default}.setup-panel button.primary{border-color:var(--highlight);background:var(--highlight);color:#fff}.row-buttons{gap:2px;display:flex}.setup-panel .row-buttons button{padding:4px}.setup-message{min-height:1.2em;color:var(--danger);margin:0;font-size:13px}.setup-buttons{justify-content:flex-end;gap:8px;display:flex}.setup-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.setup-list li{align-items:center;gap:8px;display:flex}.kept-name{flex:1}.kept-at,.kept-open{color:var(--muted);font-size:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.inspector-section .selection-filter{margin-top:6px}.selection-filter button[aria-pressed=true]{border-color:var(--highlight)}.selection-filter button[aria-pressed=false]{opacity:.55}.inspector-section.transpose select{width:100%;margin-bottom:6px}.inspector-section.transpose h3{margin:10px 0 6px;font-size:12px;font-weight:600}.inspector-section.transpose .symbol-palette{grid-template-columns:repeat(5,32px);gap:4px}.inspector-section.transpose .symbol-palette button{justify-content:center;padding:0}.tool-glyph .ending-mark:not(.open){border-right:1.5px solid}.search-list{border:1px solid var(--border);background:var(--paper);min-height:28px;color:var(--ink);border-radius:6px;align-items:center;display:flex}.search-list:focus-within{outline:2px solid var(--highlight);outline-offset:1px}.search-list-input{min-width:0;color:inherit;font:inherit;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:4px 0 4px 10px;font-size:13px}button.search-list-button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 8px;display:inline-flex}button.search-list-button .icon{width:14px;height:14px}button.list-button{border:1px solid var(--border);background:var(--paper);min-width:120px;min-height:28px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 10px;font-size:13px;display:inline-flex}button.list-button.wide{width:100%;margin-bottom:6px}button.list-button.lines{min-width:52px}button.list-button .icon{flex:none;width:14px;height:14px}button.list-button:focus-visible{outline:2px solid var(--highlight);outline-offset:1px}.list-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-options{z-index:55;min-width:var(--button-width);border:1px solid var(--border);background:var(--paper);max-height:320px;color:var(--ink);box-shadow:var(--shadow-float);border-radius:8px;outline:none;padding:4px;font-size:13px;overflow-y:auto}.list-option{cursor:pointer;border-radius:5px;padding:5px 10px}.list-option[data-focus]{background:var(--highlight-soft)}.list-option[data-selected]{background:var(--highlight);color:#fff}.list-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px 2px;font-size:10px;font-weight:600}header.top{--bar:var(--surface);--bar-line:var(--line);--bar-ink:var(--ink-2);--bar-muted:var(--ink-3);--bar-hover:var(--hover);--bar-on:var(--line-strong);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}header.top .title-bar{border-bottom-color:var(--bar-line);background:var(--bar)}header.top .title{color:var(--bar-muted)}header.top .control-bar{border-bottom-color:var(--bar-line);background:var(--bar);min-height:42px;color:var(--ink);padding:5px 12px}header.top .control-bar>:not(.brand){margin-left:17px;position:relative}header.top .control-bar>:not(.brand):before{background:var(--bar-line);content:"";width:1px;position:absolute;top:5px;bottom:5px;left:-9px}header.top .control-bar>.zoom-buttons{margin-left:auto}.shell header.top .control-bar button{min-width:30px;height:30px;color:var(--bar-ink);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:0;padding:0 7px;font-size:0;display:inline-flex}header.top .control-bar button .icon{width:18px;height:18px}header.top .control-bar button:hover:not(:disabled){background:var(--bar-hover)}header.top .control-bar button[aria-pressed=true]{background:var(--bar-on);color:var(--ink);border-color:#0000}header.top .control-bar button:disabled{opacity:.35}header.top .control-bar button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.shell header.top .control-bar .menu-arrow{width:24px;min-width:24px;padding:0}header.top .control-bar .menu-arrow .icon,header.top .control-bar .menu-button .icon:last-child{width:10px;height:10px}.shell header.top .control-bar .zoom-level{gap:4px;font-size:12px}.licences-backdrop{z-index:45;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.licences{border:1px solid var(--border);background:var(--panel);width:min(640px,100%);max-height:min(80dvh,720px);color:var(--text);border-radius:8px;flex-direction:column;gap:8px;padding:16px 20px;display:flex;overflow:auto}.licences header{justify-content:space-between;align-items:center;display:flex}.licences-close{border:1px solid var(--border);background:var(--paper);min-height:28px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.licences-close:hover{background:var(--hover)}.licences h2{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 0;font-size:11px;font-weight:600}.about-logo{width:auto;height:30px;display:block}.about-credits{border-bottom:1px solid var(--line);color:var(--ink-2);gap:4px;padding:4px 0 14px;display:grid}.licences .about-version{color:var(--ink-3);letter-spacing:.04em;margin-bottom:6px;font-size:12px}.sikahaus-logo{vertical-align:-1px;width:auto;height:14px;margin-left:2px}.about-credits a{color:var(--ink);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}.about-credits a:hover{text-decoration-color:currentColor}.licences p{margin:0;font-size:13px}.licences .about-licences{margin-top:2px;font-size:11px}.about-licences a{color:var(--ink-3);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}.about-licences a:hover{color:var(--ink);text-decoration-color:currentColor}.opensource{max-width:720px;color:var(--text);margin:0 auto;padding:24px 16px}.opensource .brand{height:24px;margin-bottom:16px}.opensource h1{margin:0 0 8px;font-size:20px}.opensource p{margin:0;font-size:13px}.opensource ul{gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.opensource h2{margin:0 0 4px;font-size:13px;font-weight:600}.licences-source,.licences-note{overflow-wrap:anywhere;margin:.25rem 0 .5rem}.opensource a{color:var(--ink);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}.opensource pre{border:1px solid var(--border);white-space:pre-wrap;border-radius:6px;margin:4px 0 0;padding:8px;font-size:11px}.parts-mix ul{margin:0;padding:0;list-style:none}.parts-mix li{flex-wrap:wrap;align-items:center;gap:4px;padding:2px 0;display:flex}.parts-mix .search-list{flex-basis:100%}.parts-mix .part-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.shell .inspector{--ins:var(--surface);--ins-line:var(--line);--ins-ink:var(--ink-2);--ins-muted:var(--ink-3);--ins-hover:var(--hover);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-left-color:var(--ins-line);background:var(--ins);color:var(--ins-ink)}.shell .inspector .inspector-section+.inspector-section{border-top:1px solid var(--ins-line);margin-top:12px;padding-top:12px}.shell .inspector .inspector-section h2,.shell .inspector .inspector-section h3{color:var(--ins-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:600}.shell .inspector .inspector-section [role=toolbar]{flex-wrap:wrap;gap:4px;display:flex}.shell .inspector .inspector-section button:not(.list-button){min-width:32px;height:32px;color:var(--ins-ink);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.shell .inspector [role=toolbar]:not(.symbol-palette)>button{width:32px;font-size:0}.shell .inspector .inspector-section button .icon{width:18px;height:18px}.shell .inspector .inspector-section button:hover:not(:disabled){background:var(--ins-hover);color:var(--ink)}.shell .inspector .inspector-section button:disabled{opacity:.35;cursor:default}.shell .inspector .selection-filter button[aria-pressed=false]{opacity:.45}.shell .inspector .inspector-section button.list-button,.shell .inspector .inspector-section .search-list{border-color:var(--ins-line);background:var(--float);color:var(--ins-ink)}.shell .inspector .inspector-section button.search-list-button{min-width:0;height:26px}.shell .inspector .new-score input{border-color:var(--ins-line);background:var(--float);color:var(--ins-ink)}.shell aside.inspector{padding:0;overflow:hidden}.dock{flex-direction:column;height:100%;display:flex}.dock-buttons{scrollbar-width:none;flex:auto;width:172px;min-height:0;padding:0 8px 8px;overflow:hidden auto}.dock-group{flex-direction:column;gap:2px;display:flex}.dock-group+.dock-group{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.dock-button{border-radius:var(--radius-m);width:100%;height:34px;color:var(--ink-2);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.shell :is(aside.inspector,.palettes) .dock-button .icon{flex:none;width:18px;height:18px}.dock-button:hover{background:var(--hover);color:var(--ink)}.dock-button[aria-pressed=true]{background:var(--float);color:var(--ink)}.dock-panel{z-index:35;border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--raised);width:304px;max-height:calc(100dvh - 16px);box-shadow:var(--shadow-float);flex-direction:column;display:none;position:fixed;overflow:hidden}.panel-head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex:none}.panel-head:active{cursor:grabbing}.panel-head>.window-bar.grip{border-bottom:0;height:10px;margin:0}.dock:hover .window-bar.grip,.dock:focus-within .window-bar.grip,.dock-panel:hover .window-bar.grip,.panel-head:hover>.window-bar.grip{opacity:1}.dock-panel.open{display:flex}.dock-panel .window-bar{padding-left:0}.dock-tabs{align-self:stretch;min-width:0;display:flex;overflow:hidden}.dock-tabs [role=tab]{text-overflow:ellipsis;white-space:nowrap;border:0;border-right:1px solid var(--line);min-width:0;color:var(--ink-3);font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;flex:0 auto;padding:0 9px;font-size:11px;font-weight:600;overflow:hidden}.dock-tabs [role=tab]:hover{color:var(--ink)}.dock-tabs [role=tab][aria-selected=true]{background:var(--float);color:#fff}.dock-body{padding:12px;display:none}.dock-body.open{display:block}.shell .inspector .dock-body>.inspector-section>h2{display:none}@media (width<=1199px){.dock-buttons{width:52px}.dock-button{justify-content:center;padding:0}.dock-button>span+span{display:none}}.status-row .view-switch{margin-left:auto}.score-view>figcaption.status{display:none}.shell .inspector .parts-mix button[aria-pressed=true]{background:var(--highlight);color:#fff}.midi-panel ul{margin:0 0 6px;padding:0;font-size:13px;list-style:none}.midi-panel .midi-note{margin:6px 0 0;font-size:12px;line-height:1.4}.shell .inspector .midi-panel .midi-note{color:var(--ins-muted)}.shell .inspector .midi-panel button.midi-ask{background:var(--float);width:100%;padding:0 10px;font-size:13px}.shell .inspector .midi-panel button[aria-pressed=true]{background:var(--highlight);color:#fff}header.top .control-bar .record[aria-pressed=true] .icon{color:#dc2626}.midi-panel .midi-outputs{gap:6px;margin-top:10px;display:grid}.palette-search-box{border:1px solid var(--line-strong);background:var(--well);width:100%;height:30px;color:var(--ink-2);font:inherit;border-radius:6px;padding:0 8px}.palette-search .search-hint{color:var(--ink-3);margin:10px 2px 0;font-size:12px}.palette-search .tool-panel{margin-top:10px}.position-name{margin:8px 0 0;font-size:13px}.position-fields{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.position-fields .field{gap:4px;font-size:13px;display:grid}.position-fields .number{border:1px solid var(--border);background:var(--paper);width:56px;color:var(--ink);font:inherit;border-radius:6px;padding:4px 6px}.status-row .position{color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin:0;font-size:12px}.status-row .go-to-bar{border-radius:var(--radius-s);color:var(--ink);font:inherit;text-align:center;cursor:text;transition:border-color var(--ease), background var(--ease);background:0 0;border:1px solid #0000;margin:0 1px;padding:0 3px}.status-row .go-to-bar:hover{border-color:var(--line-strong)}.status-row .go-to-bar:focus{border-color:var(--focus);background:var(--well)}.bar-reveal{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.status-row .mode-chip{background:var(--raised);height:20px;color:var(--ink-2);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--ease), color var(--ease);border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 8px 0 6px;font-size:12px;display:inline-flex}.status-row .mode-chip:hover{background:var(--hover);color:var(--ink)}.status-row .mode-chip:is([data-mode=write],[data-mode=rest],[data-mode=place],[data-mode=type]){background:var(--highlight);color:#fff}.status-row .mode-chip[data-mode=record]{background:var(--danger);color:#fff}header.top .control-bar .play-clock{border-radius:var(--radius-s);background:var(--well);height:28px;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.play-start-flag{color:var(--highlight);pointer-events:none;margin:-18px 0 0 -17px;position:absolute;top:0;left:0}.instruments ul{scrollbar-width:none;max-height:calc(100vh - 220px);margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.instruments ul::-webkit-scrollbar{display:none}.instruments li{align-items:center;gap:2px;padding:1px 0;display:flex}.instruments .instrument-name{border-radius:var(--radius-s);min-width:0;height:24px;color:var(--ink);font:inherit;text-overflow:ellipsis;background:0 0;border:1px solid #0000;flex:1;padding:0 6px;font-size:13px}.instruments .instrument-name:hover{border-color:var(--line-strong)}.instruments .instrument-name:focus{border-color:var(--focus);background:var(--well)}.instruments .hidden-instrument .instrument-name{color:var(--ink-3)}.shell .inspector .inspector-section.instruments li button:not(.list-button){flex:none;width:24px;height:24px;padding:0}.shell .inspector .inspector-section.instruments li button[aria-pressed=true]{color:var(--ink)}.key-commands .key-preset{align-items:center;gap:6px;display:flex}.key-commands .key-preset .list-button{flex:1}.shell .inspector .key-commands button.key-reset{gap:4px;padding:0 8px;font-size:12px}.key-commands .key-hint,.key-commands .key-said{color:var(--ins-muted);margin:6px 0;font-size:12px;line-height:1.4}.key-commands .key-said:empty{display:none}.key-commands .key-filter{box-sizing:border-box;border:1px solid var(--ins-line);border-radius:var(--radius-s);background:var(--float);width:100%;height:28px;color:var(--ins-ink);font:inherit;padding:0 8px}.key-commands .key-list{scrollbar-width:none;max-height:calc(100dvh - 260px);margin-top:8px;overflow-y:auto}.key-commands .key-list::-webkit-scrollbar{display:none}.key-list>ul{margin:0 0 10px;padding:0;list-style:none}.key-commands .key-row{flex-wrap:wrap;align-items:center;gap:2px 6px;min-height:28px;display:flex}.key-commands .key-name{color:var(--ins-ink);flex:110px;font-size:12px}.key-commands .key-keys{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.key-commands .key-chip{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--float);align-items:center;display:inline-flex}.shell .inspector .key-commands button.key-cap{font-variant-numeric:tabular-nums;min-width:24px;height:22px;padding:0 6px;font-size:12px}.shell .inspector .key-commands button.key-remove,.shell .inspector .key-commands button.key-add{width:22px;min-width:22px;height:22px;padding:0}.shell .inspector .key-commands button.key-add[aria-pressed=true]{width:auto;padding:0 6px;font-size:12px}.shell .inspector .key-commands .key-chip span.icon,.shell .inspector .key-commands button.key-add span.icon{width:14px;height:14px}.shell .inspector .inspector-section.key-commands button[aria-pressed=true]:not(.list-button){background:var(--highlight-soft);color:var(--ink)}.key-commands .key-note{color:var(--ins-muted);flex-basis:100%;font-size:11px}.account-area{margin-left:auto;position:relative}.account-button{margin-left:auto}.account-area .account-button{margin-left:0}.sign-in-card{z-index:45;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--panel);width:300px;color:var(--text);box-shadow:var(--shadow-float);flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.sign-in-card p{color:var(--muted);margin:0;font-size:13px}.sign-in-choice,.sign-in-email button{border:1px solid var(--line-strong);border-radius:var(--radius-s);height:32px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:0 12px}.sign-in-choice:hover,.sign-in-email button:hover{background:var(--hover)}.sign-in-email{gap:6px;display:flex}.sign-in-email input{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--well);min-width:0;height:32px;color:var(--ink);font:inherit;flex:1;padding:0 8px}.read-only-notice{flex-basis:100%;align-items:center;gap:8px;padding:4px 0 0;font-size:13px;display:flex}.read-only-notice button{border:1px solid var(--highlight);border-radius:var(--radius-s);background:var(--highlight);color:#fff;height:26px;font:inherit;cursor:pointer;padding:0 10px}.cloud-state{color:var(--bar-muted);margin-left:6px;display:inline-flex}.cloud-state .icon{width:14px;height:14px}.cloud-state.cloud-saving{opacity:.6}.cloud-state.cloud-local{color:var(--danger)}.shell[data-mode=view] .palettes,.shell[data-mode=view] .inspector,.shell[data-mode=view] .piano,.shell[data-mode=view] .edit-buttons,.shell[data-mode=view] .score-menu,.shell[data-mode=embed] .palettes,.shell[data-mode=embed] .inspector,.shell[data-mode=embed] .piano,.shell[data-mode=embed] .edit-buttons,.shell[data-mode=embed] .score-menu,.shell[data-mode=embed] .title-bar,.shell[data-mode=embed] .over-score{display:none}.shell[data-mode=view],.shell[data-mode=embed]{grid-template:"top top top""palettes score inspector"minmax(0,1fr)"keyboard keyboard keyboard"/0 minmax(0,1fr) 0}.checkout{max-width:480px;color:var(--text);margin:0 auto;padding:24px 16px}.checkout .brand{height:24px;margin-bottom:16px}.checkout h1{margin:0 0 8px;font-size:20px}.checkout .plans{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.checkout .plans button{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--panel);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.checkout .plans button:hover{border-color:var(--highlight)}.checkout .plans small{color:var(--muted)}.to-check ul{gap:2px;max-height:60dvh;margin:0;padding:0;font-size:13px;line-height:18px;list-style:none;display:grid;overflow-y:auto}.to-check li{overflow-wrap:anywhere;color:var(--ink-2);padding:3px 6px}.to-check li:has(button){padding:0}.shell .inspector .inspector-section.to-check li>button{width:100%;height:auto;color:var(--ink);font:inherit;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px;border-radius:6px;padding:3px 6px;display:block}.shell .inspector .inspector-section.to-check li>button:hover{text-decoration-color:currentColor}.shell .inspector .dock-body>.inspector-section.archive>h2{overflow-wrap:anywhere;color:var(--ink);letter-spacing:normal;text-transform:none;margin:0 0 4px;font-size:13px;display:block}.archive-progress,.archive-left-out{color:var(--ink-2);margin:0 0 6px;font-size:13px;line-height:18px}.archive ul{gap:2px;max-height:60dvh;margin:0;padding:0;font-size:13px;line-height:18px;list-style:none;display:grid;overflow-y:auto}.archive li{overflow-wrap:anywhere;padding:3px 6px}.archive li:has(button){padding:0}.archive-path{color:var(--ink);display:block}.archive-note{color:var(--ink-2);font-size:12px;display:block}.archive li[data-kind=failed] .archive-note{color:var(--danger)}.shell .inspector .inspector-section.archive li>button{width:100%;height:auto;font:inherit;text-align:left;border-radius:6px;padding:3px 6px;display:block}.shell .inspector .inspector-section.archive li>button .archive-path{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px}.shell .inspector .inspector-section.archive li>button:hover .archive-path{text-decoration-color:currentColor}.fader,.knob{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:none}.fader:focus-visible,.knob:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.fader.horizontal{align-items:center;width:88px;height:18px;display:flex}.fader.vertical{justify-content:center;width:22px;height:140px;display:flex}.fader-track{background:var(--line-strong);border-radius:2px;width:100%;height:4px;position:relative}.fader.vertical .fader-track{width:4px;height:100%}.fader-fill{background:var(--highlight);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.fader.vertical .fader-fill{top:auto;right:0}.fader-thumb{background:var(--ink);border-radius:3px;width:10px;height:14px;margin:-7px 0 0 -5px;position:absolute;top:50%;box-shadow:0 1px 3px #0006}.fader.vertical .fader-thumb{width:18px;height:10px;margin:0 0 -5px -9px;top:auto;left:50%}.knob{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--float);cursor:ns-resize;border-radius:50%;width:20px;height:20px;position:relative}.knob-dial{background:var(--ink);transform-origin:1px 7px;border-radius:1px;width:2px;height:6px;margin-left:-1px;position:absolute;top:2px;left:50%}.status-row .mixer-strip{border:0;flex:none;align-items:center;gap:6px;min-width:0;height:22px;margin:0;padding:0;display:flex}.mixer-strip-name{max-width:64px;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.status-row .mixer-strip .search-list{width:132px;height:22px}.status-row .mixer-strip button.mute,.status-row .mixer-strip button.solo{border:1px solid var(--line);background:var(--float);width:26px;height:20px;color:var(--ink-2);cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.status-row .mixer-strip button[aria-pressed=true]{border-color:var(--line-strong);background:var(--line-strong);color:var(--ink)}.mixer-window{z-index:40;border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--surface);max-width:calc(100vw - 32px);box-shadow:var(--shadow-float);color:var(--ink);position:fixed;top:112px;left:184px}.mixer-bar{border-bottom:1px solid var(--line);height:28px;color:var(--ink-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 6px 0 12px;font-size:12px;display:flex}.mixer-close{border-radius:var(--radius-s);width:22px;height:22px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mixer-close:hover{background:var(--hover);color:var(--ink)}.mixer-channels{gap:4px;max-width:880px;padding:8px;display:flex;overflow-x:auto}.mixer-channel{box-sizing:border-box;border-radius:var(--radius-m);background:var(--raised);border:0;flex-direction:column;flex:none;align-items:center;gap:6px;width:84px;min-width:0;margin:0;padding:6px 4px 8px;display:flex}.mixer-channel.master{background:var(--float);justify-content:flex-end}.mixer-channel-name{white-space:nowrap;text-overflow:ellipsis;max-width:76px;font-size:12px;overflow:hidden}.mixer-channel.hidden-instrument .mixer-channel-name{color:var(--ink-3)}.mixer-hidden{height:14px;color:var(--ink-3);display:inline-flex}.mixer-channel .search-list{width:76px;height:22px}.mixer-knobs{gap:4px;display:flex}.mixer-knob{color:var(--ink-3);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.mixer-level{gap:6px;height:140px;display:flex}.mixer-meter{background:linear-gradient(to top, var(--highlight) calc(var(--level,0) * 100%), var(--line) calc(var(--level,0) * 100%));border-radius:3px;width:6px}.mixer-readout{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.mixer-switches{gap:4px;display:flex}.mixer-switches button{border:1px solid var(--line);background:var(--float);width:30px;height:22px;color:var(--ink-2);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mixer-switches button[aria-pressed=true]{border-color:var(--line-strong);background:var(--line-strong);color:var(--ink)}.note-playback .play-field{grid-template-columns:58px 32px minmax(0,1fr) 32px 40px;align-items:center;gap:4px;margin-bottom:6px;font-size:13px;display:grid}.shell .inspector .note-playback .play-field input{border:1px solid var(--ins-line,var(--border));background:var(--float,var(--paper));width:100%;color:inherit;border-radius:6px;padding:4px 6px}.shell .inspector .note-playback .play-field input::placeholder{color:var(--ins-muted,var(--ink-3))}.shell .inspector .note-playback button.as-written{gap:6px;margin-top:4px;padding:0 8px;font-size:13px}