:root{--music-fixed-header-offset: 70px;--music-header-side-min-width: 227px;--music-score-leading-gutter: 126px;--music-score-editor-width: 800px;--music-bg: #fff2c9;--music-surface: #fffdf8;--music-surface-strong: #fff2df;--music-fg: #34251f;--music-muted: #7a6d66;--music-border: #ead6c7;--music-grid-line: #8c7567;--music-measure-line: #5c4539;--music-primary: #2dbfaf;--music-primary-ink: #133b36;--music-selected: #dff8f3;--music-selected-border: #08766b;--music-focus: #005a4f;--music-cursor: #8a5a00;--music-playhead: #6f4acb;--music-error: #b23a48;--music-warning: #8a5600;--music-shadow: rgb(75 49 36 / 14%)}:root[data-theme=dark]{--music-bg: #18110d;--music-surface: #241a15;--music-surface-strong: #312219;--music-fg: #f8eadb;--music-muted: #c9b8aa;--music-border: #4b3327;--music-grid-line: #b58a72;--music-measure-line: #c9b8aa;--music-primary: #43d4c2;--music-primary-ink: #173f39;--music-selected: #344237;--music-selected-border: #43d4c2;--music-focus: #8ee8dc;--music-cursor: #f3bd63;--music-playhead: #c5a7ff;--music-error: #f28b99;--music-warning: #f0c15e;--music-shadow: rgb(0 0 0 / 32%)}*{box-sizing:border-box}html{background:var(--music-bg);color:var(--music-fg);font-family:ui-rounded,SF Pro Rounded,Nunito,Inter,ui-sans-serif,system-ui,sans-serif}body{background:var(--music-bg);color:var(--music-fg);margin:0}button,input,select{font:inherit}button{color:inherit}.music-mats-workspace,.music-mats-viewer{background:var(--music-bg);color:var(--music-fg);min-height:100vh}.music-mats-workspace{min-width:0}.music-mats-workspace [data-top-center-toast]{background:color-mix(in srgb,var(--music-warning) 14%,var(--music-surface));border:1px solid color-mix(in srgb,var(--music-warning) 58%,var(--music-border));border-radius:10px;box-shadow:0 12px 28px var(--music-shadow);color:var(--music-fg);font-size:13px;font-weight:850;left:50%;max-width:min(92vw,420px);padding:10px 16px;position:fixed;text-align:center;top:76px;transform:translate(-50%);width:max-content;z-index:70}.top-banner{background:color-mix(in srgb,var(--music-surface) 94%,#fff 6%);border:1px solid var(--music-border);border-radius:6px;box-shadow:0 10px 22px var(--music-shadow);color:var(--music-fg);height:48px;margin:6px 6px 0;overflow:visible;position:relative;z-index:30}:root[data-theme=dark] .top-banner{background:var(--music-surface);box-shadow:none}.top-banner__inner{align-items:center;display:flex;gap:4px;height:100%;justify-content:flex-start;min-height:0;padding:0 7px;width:100%}.top-banner__brand{align-items:center;display:inline-flex;flex-shrink:0;text-decoration:none}.top-banner h1{background:linear-gradient(90deg,#009bd1,#54aa32,#e48a12,#e25292);background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgb(75 49 36 / 24%));font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:950;letter-spacing:0;line-height:1;margin:0;text-transform:lowercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.music-header-product-name{color:var(--music-fg);font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1;white-space:nowrap}:root[data-theme=dark] .top-banner h1{background:linear-gradient(90deg,#58d7ff,#95df65,#f6c55d,#ff8fc1);background-clip:text;-webkit-background-clip:text}.top-banner__actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:3px;margin-inline-start:auto;position:relative}.music-header-document-actions{align-items:center;display:inline-flex;gap:3px;order:-1;position:relative}.theme-toggle,.language-toggle,.music-header-file-trigger{align-items:center;background:#fffefb;border:1px solid var(--music-fg);border-radius:7px;box-shadow:3px 3px #231f1a29;color:var(--music-fg);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;position:relative;width:28px}.theme-toggle:after,.language-toggle:after,.music-header-file-trigger:after{border:1px dashed rgb(35 31 26 / 38%);border-radius:5px;content:"";inset:3px;pointer-events:none;position:absolute}.music-header-file-icon{display:block;fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:15px}.theme-toggle svg{height:15px;width:15px}.theme-toggle circle{fill:none;stroke:currentColor;stroke-width:1.6}.theme-toggle path{fill:currentColor}.language-toggle{font-size:11px;font-weight:850}.top-banner__actions>a{align-items:center;background:color-mix(in srgb,var(--music-primary) 14%,var(--music-surface) 86%);border:1px solid color-mix(in srgb,var(--music-selected-border) 50%,var(--music-border));border-radius:6px;color:var(--music-fg);display:inline-flex;font-size:12px;font-weight:900;height:28px;justify-content:center;min-width:58px;padding:0 10px;text-decoration:none}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .language-toggle,:root[data-theme=dark] .music-header-file-trigger{background:var(--music-surface-strong);border-color:var(--music-border);box-shadow:none;color:var(--music-fg)}:root[data-theme=dark] .theme-toggle:after,:root[data-theme=dark] .language-toggle:after,:root[data-theme=dark] .music-header-file-trigger:after{border-color:color-mix(in srgb,var(--music-fg) 38%,transparent)}.music-file-menu{background:color-mix(in srgb,var(--music-surface-strong) 96%,#fff 4%);border:1px solid var(--music-border);border-radius:8px;box-shadow:0 14px 26px var(--music-shadow);display:grid;gap:4px;min-width:150px;padding:7px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}.music-file-menu>button{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--music-fg);cursor:pointer;display:flex;font-size:12px;font-weight:850;justify-content:flex-start;min-height:34px;padding:0 10px;white-space:nowrap;width:100%}.music-file-menu>button:hover,.music-file-menu>button:focus-visible{background:color-mix(in srgb,var(--music-selected) 76%,transparent);border-color:color-mix(in srgb,var(--music-selected-border) 38%,transparent);outline:none}.music-file-menu__separator{border-top:1px solid color-mix(in srgb,var(--music-border) 78%,transparent);margin:3px 4px}.music-file-menu>.music-file-menu__reset{color:var(--music-error)}.music-file-menu>.music-file-menu__reset:hover,.music-file-menu>.music-file-menu__reset:focus-visible{background:color-mix(in srgb,var(--music-error) 12%,transparent);border-color:color-mix(in srgb,var(--music-error) 38%,transparent)}:root[data-theme=dark] .top-banner__actions>a{background:color-mix(in srgb,var(--music-primary) 18%,var(--music-surface-strong));border-color:color-mix(in srgb,var(--music-primary) 45%,var(--music-border));color:var(--music-fg)}.music-fixed-menus{inset:0 0 auto;min-width:0;position:fixed;width:100%;z-index:40}.top-banner.music-app-header{background:transparent;border:0;border-radius:0;box-shadow:none;height:64px}.music-app-header .top-banner__inner{display:grid;gap:7px;grid-template-columns:minmax(var(--music-header-side-min-width),1fr) minmax(0,min(var(--music-score-editor-width),calc(100vw - 454px))) minmax(var(--music-header-side-min-width),1fr);padding:0}.music-app-header .top-banner__inner:after{align-self:stretch;background:color-mix(in srgb,var(--music-surface) 94%,#fff 6%);border:1px solid var(--music-border);border-radius:12px;box-shadow:0 10px 22px var(--music-shadow);content:"";grid-column:3;grid-row:1;pointer-events:none;z-index:0}.music-app-header .top-banner__brand{grid-column:3;grid-row:1;justify-self:start;margin-inline-start:10px;padding-inline-start:0;z-index:1}.music-app-header .top-banner__actions{grid-column:3;grid-row:1;justify-self:end;margin-inline-start:0;margin-inline-end:7px;z-index:1}:root[data-theme=dark] .top-banner.music-app-header{background:transparent}.music-workspace-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,1fr) auto;height:100vh;min-height:100vh;min-width:0}.music-metadata-transport{align-items:center;align-self:stretch;background:color-mix(in srgb,var(--music-surface) 94%,#fff 6%);border:1px solid var(--music-border);border-radius:12px;box-shadow:0 10px 22px var(--music-shadow);display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px;grid-column:2;grid-row:1;min-height:0;min-width:0;padding:5px 7px;z-index:1}:root[data-theme=dark] .music-app-header .top-banner__inner:after,:root[data-theme=dark] .music-metadata-transport{background:var(--music-surface);box-shadow:none}.music-field{align-items:center;background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:12px;display:inline-flex;flex:0 0 auto;gap:6px;min-height:42px;padding:5px 9px}.music-field--title{flex:1 1 auto;flex-direction:row;inline-size:auto;min-width:0}.music-field--title .music-field-label{white-space:nowrap}.music-score-options{display:block;flex:0 0 auto;position:relative}.music-score-options__trigger{align-items:center;background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:12px;color:var(--music-fg);cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;width:42px}.music-score-options__icon{height:19px;width:19px}.music-score-options__panel{background:color-mix(in srgb,var(--music-surface) 96%,#fff 4%);border:1px solid var(--music-border);border-radius:12px;box-shadow:0 14px 26px var(--music-shadow);display:none;gap:8px;padding:9px;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:50}.music-score-options.is-open .music-score-options__panel{display:grid}.music-score-options__panel .music-field{justify-content:space-between;width:100%}.music-score-options__panel select{padding-inline-end:16px;text-align:right}.music-field-label{color:var(--music-muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.music-field input,.music-field select{background:transparent;border:0;color:var(--music-fg);font-size:13px;font-weight:800;min-width:0;outline:none}.music-field select{appearance:base-select;color-scheme:light;justify-content:flex-end}.music-field select::picker-icon{margin-inline-start:0}.music-field select::picker(select){appearance:base-select;background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:10px;box-shadow:0 10px 22px var(--music-shadow);color:var(--music-fg);padding:4px}.music-field select option{background:var(--music-surface-strong);color:var(--music-fg);justify-content:flex-end;padding-block:5px;padding-inline-start:12px;padding-inline-end:12px}:root[data-theme=dark] .music-field select{color-scheme:dark}.music-field--title input{font-size:15px;width:100%}.music-field--bpm select{width:132px}.music-field--beats select,.music-field--meter select{width:58px}.music-meter-divider{color:var(--music-muted);font-size:14px;font-weight:900}.music-field--tracks select{width:38px}.music-transport-controls{align-items:center;display:inline-flex;gap:6px}.music-icon-button{align-items:center;background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:12px;color:var(--music-fg);cursor:pointer;display:inline-flex;font-size:16px;font-weight:900;height:42px;justify-content:center;line-height:1;padding:0;width:42px}.music-icon-button--play{background:var(--music-primary);border-color:var(--music-primary);color:var(--music-primary-ink)}.music-icon-button:disabled{cursor:wait;opacity:.82}.music-play-icon{block-size:0;border-block:6px solid transparent;border-inline-start:10px solid currentColor;display:inline-block;inline-size:0;margin-inline-start:2px}.music-stop-icon{background:currentColor;block-size:12px;border-radius:2px;display:inline-block;inline-size:12px}.music-playback-spinner{animation:music-playback-spin .7s linear infinite;block-size:17px;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;display:inline-block;inline-size:17px}@keyframes music-playback-spin{to{transform:rotate(1turn)}}.music-advanced-dialog{background:var(--music-surface);border:1px solid var(--music-border);border-radius:14px;box-shadow:0 20px 50px var(--music-shadow);display:grid;gap:12px;max-width:calc(100vw - 28px);padding:18px;position:absolute;right:0;top:calc(100% + 16px);width:320px;z-index:50}.music-advanced-dialog h2,.music-advanced-dialog p{margin:0}.music-advanced-dialog h2{font-size:16px}.music-advanced-dialog p{color:var(--music-muted);font-size:12px}.music-advanced-dialog label{display:grid;font-size:12px;font-weight:800;gap:5px}.music-advanced-dialog input,.music-advanced-dialog select,.music-advanced-dialog textarea{background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:10px;color:var(--music-fg);min-height:42px;padding:7px 10px}.music-advanced-dialog textarea{font:700 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:112px;resize:vertical;width:100%}.music-advanced-dialog button{background:var(--music-primary);border:0;border-radius:10px;color:var(--music-primary-ink);cursor:pointer;font-weight:850;min-height:42px}.music-track-card{align-items:center;background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:10px;color:var(--music-fg);display:grid;gap:3px;grid-template-columns:minmax(0,1fr) auto;height:52px;min-height:52px;padding:4px;text-align:left}.music-grid-track-header{border:0;border-block-end:1px solid var(--music-grid-line);border-inline-end:1px solid var(--music-grid-line);border-radius:0;flex:0 0 var(--music-score-leading-gutter);min-width:var(--music-score-leading-gutter);width:var(--music-score-leading-gutter)}.music-track-select{background:transparent;border:0;color:inherit;cursor:pointer;font-size:10px;font-weight:850;line-height:1.1;min-height:28px;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.music-track-card.is-selected{background:var(--music-selected);border:3px solid var(--music-selected-border);padding:2px}.music-grid-track-header.is-selected{border:0;border-block-end:1px solid var(--music-grid-line);border-inline-end:1px solid var(--music-grid-line);box-shadow:inset 0 0 0 3px var(--music-selected-border);padding:4px}.music-grid-row:last-child .music-grid-track-header{border-block-end:0}.music-track-audio-actions{display:flex;gap:1px}.music-track-audio-actions button{align-items:center;background:transparent;border:1px solid var(--music-grid-line);border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:8px;height:20px;justify-content:center;padding:0;width:18px}.music-track-audio-actions button[aria-pressed=true]{background:var(--music-fg);color:var(--music-surface)}.music-track-audio-actions .music-play-icon{border-block-width:4px;border-inline-start-width:7px;margin-inline-start:1px}.music-speaker-icon{block-size:13px;display:block;inline-size:13px}.music-track-audio-actions .music-track-delete{background:color-mix(in srgb,var(--music-error) 14%,transparent);border-color:color-mix(in srgb,var(--music-error) 68%,var(--music-border));color:var(--music-error);font-size:14px;font-weight:950}.music-track-audio-actions .music-track-delete:disabled{cursor:not-allowed;opacity:.35}.music-track-add{align-items:center;background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:8px;color:var(--music-selected-border);cursor:pointer;display:inline-flex;font-size:20px;font-weight:950;height:44px;justify-content:center;justify-self:center;line-height:1;margin-top:6px;padding:0;width:44px}.music-track-add:disabled{cursor:not-allowed;opacity:.42}.music-track-add--inline{height:44px;margin:0;width:44px}.music-numbered-score{background:var(--music-surface);border:1px solid var(--music-border);border-radius:12px;min-width:max-content;overflow:hidden;width:max-content}.music-numbered-track-row{display:flex;min-width:max-content}.music-grid-score-header{background:color-mix(in srgb,var(--music-surface-strong) 72%,transparent);border-bottom:1px solid var(--music-border);display:flex;height:48px;min-width:max-content}.music-grid-score-gutter,.music-numbered-track-label{align-items:center;border-right:1px solid var(--music-border);display:inline-flex;flex:0 0 var(--music-score-leading-gutter);justify-content:center;width:var(--music-score-leading-gutter)}.music-grid-score-gutter{color:var(--music-muted);font-size:15px}.music-numbered-measure{align-items:center;border-left:1px dashed color-mix(in srgb,var(--music-fg) 28%,transparent);color:var(--music-muted);display:inline-flex;flex:0 0 auto;font-size:9px;font-weight:750;padding-inline-start:6px;white-space:nowrap}.music-grid-score-gutter+.music-numbered-measure{border-left:0}.music-numbered-track-row{height:38px}.music-numbered-track-row+.music-numbered-track-row{border-top:1px solid color-mix(in srgb,var(--music-border) 72%,transparent)}.music-numbered-track-row.is-emphasized{background:color-mix(in srgb,var(--music-selected) 72%,transparent)}.music-numbered-track-label{color:var(--music-muted);font-size:9px;font-weight:850}.music-numbered-track-row.is-emphasized .music-numbered-track-label{color:var(--music-selected-border)}.music-numbered-cell{align-items:center;display:inline-flex;flex:0 0 42px;height:38px;justify-content:center;width:42px}.music-numbered-cell+.music-numbered-cell{border-left:1px dashed color-mix(in srgb,var(--music-grid-line) 18%,transparent)}.music-numbered-cell[data-measure-start=true]{border-left:1px dashed color-mix(in srgb,var(--music-fg) 28%,transparent)}.music-numbered-track-label+.music-numbered-cell{border-left:0}.music-numbered-note{align-items:center;color:color-mix(in srgb,var(--music-fg) 68%,transparent);display:grid;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-weight:900;grid-template-rows:8px 20px;justify-items:center;line-height:1;min-width:24px}.music-numbered-octave-dots{font-size:8px;letter-spacing:-1px;min-height:8px}.music-numbered-note-value{align-items:center;display:inline-flex;font-size:18px;justify-content:center}.music-numbered-accidental{font-size:10px;margin-inline-end:1px}.music-numbered-track-row.is-emphasized .music-numbered-note{color:var(--music-selected-border);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--music-primary) 38%,transparent))}.music-grid-panel{align-content:start;display:grid;grid-column:1;grid-row:1;grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0;padding:calc(28px + var(--music-fixed-header-offset)) 10px 26px}.music-score-lines{align-content:start;block-size:100%;display:grid;gap:24px;justify-self:center;max-width:100%;min-height:0;min-width:0;-ms-overflow-style:none;overflow:auto;overscroll-behavior:contain;scroll-padding-block:var(--music-fixed-header-offset) 12rem;scrollbar-width:none;width:max-content}.music-score-lines::-webkit-scrollbar{display:none;height:0;width:0}.music-score-line{display:grid;gap:8px;min-width:100%;width:max-content}.music-step-grid{background:var(--music-surface);border:1px solid var(--music-grid-line);border-radius:15px;min-height:0;min-width:max-content;overflow:hidden;width:max-content}.music-grid-row{display:flex;min-width:max-content}.music-grid-cell{align-items:flex-start;appearance:none;background-color:var(--music-surface);border:0;border-block-end:1px solid var(--music-grid-line);border-inline-start:1px solid color-mix(in srgb,var(--music-grid-line) 62%,transparent);cursor:pointer;display:inline-flex;flex:0 0 42px;height:52px;justify-content:center;max-width:42px;min-width:42px;overflow:hidden;padding:5px 0 1px;position:relative;width:42px}.music-grid-row.is-selected .music-grid-cell{background-color:var(--music-selected)}.music-grid-cell[data-measure-start=true]{border-inline-start:2px dashed var(--music-measure-line)}.music-grid-track-header+.music-grid-cell{border-inline-start:0}.music-grid-row:last-child .music-grid-cell{border-block-end:0}.music-grid-cell.is-current{outline:2px solid var(--music-cursor);outline-offset:-2px;z-index:4}.music-grid-cell.is-playhead{background-color:color-mix(in srgb,var(--music-primary) 22%,var(--music-surface));box-shadow:inset 3px 0 0 var(--music-primary),inset -3px 0 0 var(--music-primary);z-index:3}.music-grid-row.is-selected .music-grid-cell.is-playhead{background-color:color-mix(in srgb,var(--music-primary) 26%,var(--music-selected))}.music-grid-cell.is-current.is-playhead{z-index:5}.music-grid-row .music-grid-cell.music-grid-cell--pending{outline-style:dashed}.music-grid-cell--committed{border-style:solid}.music-grid-cell.is-playhead-paused{box-shadow:none;outline:2px dashed var(--music-primary);outline-offset:-2px}.music-grid-cell.is-current.is-playhead-paused{box-shadow:inset 0 0 0 2px var(--music-cursor)}.music-pitch-legend{--music-hint-surface: rgb(255 253 248 / 98%);align-self:end;background:transparent;bottom:0;grid-column:1 / -1;grid-row:2;min-height:0;padding:7px 8px 4px;position:sticky;z-index:15}.music-pitch-legend:before{background:var(--music-hint-surface);border-top:1px solid var(--music-border);box-shadow:0 -8px 24px var(--music-shadow);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}:root[data-theme=dark] .music-pitch-legend{--music-hint-surface: rgb(36 26 21 / 98%)}.music-pitch-legend[data-state=collapsed]{min-height:10px;padding-block:5px}.music-hint-drawer__handle{align-items:center;background:var(--music-hint-surface);border:1px solid var(--music-border);border-radius:14px 14px 5px 5px;box-shadow:none;color:var(--music-muted);cursor:pointer;display:grid;gap:1px;grid-template-rows:4px 8px;height:28px;justify-items:center;left:50%;padding:5px 18px 4px;position:absolute;top:-22px;transform:translate(-50%);width:108px;z-index:-1}.music-hint-drawer__handle:focus-visible{outline-color:var(--music-border);outline-offset:1px}.music-hint-drawer__grip{background:currentColor;border-radius:999px;height:3px;opacity:.75;width:44px}.music-hint-drawer__chevron{font-size:15px;font-weight:950;line-height:7px}.music-hint-drawer__content{align-items:start;display:grid;gap:18px;grid-template-columns:max-content 1px max-content;justify-content:center;justify-items:stretch;position:relative;z-index:1}.music-hint-drawer__content[hidden]{display:none}.music-hint-drawer__divider{align-self:stretch;background:color-mix(in srgb,var(--music-border) 70%,var(--music-fg));min-height:72px;width:1px}.music-pitch-strip{align-items:start;display:grid;gap:1px;grid-template-columns:repeat(26,24px);justify-content:center;max-width:100%;min-width:0;overflow:visible;width:max-content}.music-legend-pitch{align-content:start;display:grid;gap:1px;justify-items:center;min-width:0}.music-pitch-label{color:var(--music-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:8px;font-weight:850;line-height:1}.music-placement-stack{align-items:center;display:flex;flex-direction:column;gap:1px;min-height:0}.music-placement-stack button{background:transparent;border:0;border-radius:7px;cursor:pointer;height:22px;padding:1px;position:relative;width:22px}.music-placement-stack button[aria-current=true]{box-shadow:0 0 0 2px var(--music-selected-border)}.music-placement-stack button[aria-disabled=true]{cursor:not-allowed;opacity:.45}.music-placement-stack button[aria-current=true]:after{align-items:center;background:var(--music-selected-border);border-radius:50%;color:var(--music-surface);content:"✓";display:flex;font-size:8px;font-weight:900;height:11px;justify-content:center;position:absolute;right:-3px;top:-3px;width:11px}.music-shortcut-guide{align-self:center;display:grid;gap:3px 10px;grid-template-columns:repeat(2,minmax(64px,max-content)) minmax(64px,max-content) minmax(190px,max-content)}.music-shortcut-guide__heading{align-self:end;color:var(--music-fg);font-size:10px;font-weight:850;line-height:1.2;margin:0;text-align:center;white-space:nowrap}.music-shortcut-guide__heading--notes{grid-column:1 / 3}.music-shortcut-guide__heading--direction{grid-column:3}.music-shortcut-guide__heading--cursor{grid-column:4}.music-shortcut-guide__column{align-content:start;display:grid;gap:1px;grid-row:2}.music-shortcut-guide__row{align-items:center;display:flex;font-size:10px;font-weight:750;gap:4px;line-height:1;min-height:22px;white-space:nowrap}.music-shortcut-guide__row .music-mat-tile{height:21px;width:21px}.music-shortcut-guide kbd{align-items:center;background:var(--music-surface);border:1px solid var(--music-border);border-radius:4px;box-shadow:0 1px 0 var(--music-border);display:inline-flex;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:9px;font-weight:900;justify-content:center;min-height:18px;min-width:18px;padding:0 3px}.music-shortcut-guide__column--cursor{gap:1px}.music-shortcut-guide__cursor-row{justify-content:flex-start}.music-mat-tile{display:block;height:100%;transform:rotate(var(--music-mat-rotation, 0deg));transform-origin:center;width:100%}.music-mat-tile svg{display:block;height:100%;width:100%}.music-grid-tile{height:40px;max-width:40px;width:100%}.music-mats-viewer>main{display:grid;gap:18px;margin:0 auto;max-width:1100px;padding:24px}.music-viewer-source,.music-viewer-ready{background:var(--music-surface);border:1px solid var(--music-border);border-radius:18px;box-shadow:0 16px 40px var(--music-shadow);padding:20px}.music-viewer-source{display:flex;flex-wrap:wrap;gap:12px}.music-viewer-source h2{flex:1 0 100%;margin:0}.music-viewer-source label{background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:12px;display:grid;font-size:12px;font-weight:800;gap:6px;padding:10px}.music-viewer-ready{display:grid;gap:14px}.music-viewer-ready header h2,.music-viewer-ready header p{margin:0}.music-viewer-ready header p{color:var(--music-muted);margin-top:4px}.music-viewer-ready [role=group]{display:flex;gap:8px}.music-viewer-ready button{background:var(--music-surface-strong);border:1px solid var(--music-border);border-radius:10px;min-height:42px;padding:7px 12px}.music-viewer-segments{display:grid;gap:12px;max-block-size:55vh;overflow-y:auto}.music-viewer-measure{background-color:var(--music-surface);background-image:repeating-linear-gradient(to bottom,transparent 0 12px,color-mix(in srgb,var(--music-fg) 34%,transparent) 12px 13px);border:1px solid var(--music-border);border-radius:12px;min-height:96px;min-inline-size:min(38rem,100%);padding:22px}.music-pitch-legend--viewer{display:flex;gap:4px;grid-row:auto;max-inline-size:100%;overflow-x:auto;padding:8px;position:relative}.music-pitch-legend--viewer .music-legend-pitch{display:flex}.music-pitch-legend--viewer .music-mat-tile{height:28px;width:28px}[role=alert]{color:var(--music-error);font-weight:800}:where(button,input,select,[role=gridcell],a):focus-visible{outline:3px solid var(--music-focus);outline-offset:3px;scroll-margin-block:6rem 11rem}.music-sr-only{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}@media(max-width:76rem){.music-workspace-main{grid-template-columns:minmax(820px,1fr);overflow-x:auto}}@media(max-width:48rem){.top-banner__inner{padding-inline:12px}.top-banner h1{font-size:24px}.top-banner__actions>a{min-width:56px;padding-inline:12px}.music-mats-viewer>main{padding:14px}.music-pitch-legend--viewer{display:block}}@media(prefers-reduced-motion:reduce){.music-mats-workspace *,.music-mats-viewer *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}