@font-face{font-family:Bravura;src:url(/assets/Bravura-CBWYXOFh.woff2) format("woff2"),url(/assets/Bravura-C2wZb3c4.woff) format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Edwin;src:url(https://cdn.jsdelivr.net/gh/MuseScoreFonts/Edwin@main/Edwin-Roman.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Edwin;src:url(https://cdn.jsdelivr.net/gh/MuseScoreFonts/Edwin@main/Edwin-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Edwin;src:url(https://cdn.jsdelivr.net/gh/MuseScoreFonts/Edwin@main/Edwin-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Edwin;src:url(https://cdn.jsdelivr.net/gh/MuseScoreFonts/Edwin@main/Edwin-BdIta.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--bg-deep: #e6ecf4;--bg-mid: #d5dee9;--ink-ui: #1a2332;--muted: #5a6578;--accent: #a67c4a;--accent-bright: #c9a056;--accent-soft: rgba(166, 124, 74, .14);--violet: #6b7db5;--violet-soft: rgba(107, 125, 181, .16);--rose: #c45c72;--border: rgba(26, 35, 50, .12);--panel: #f5f8fc;--glass: rgba(245, 248, 252, .82);--shadow: 0 20px 48px -16px rgba(40, 55, 80, .22);--paper: #f3ecdf;--paper-edge: #e2d6c2;--score-ink: #2a231c;--score-muted: #5c4f42;--font-ui: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-score-text: "Edwin", "Century Schoolbook", "New Century Schoolbook", Georgia, serif;--motion-fast: .14s;--motion-med: .22s;--motion-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.22, 1.2, .36, 1);--ease-press: cubic-bezier(.3, .7, .4, 1);--btn-face: linear-gradient( 180deg, rgba(255, 255, 255, .95) 0%, rgba(232, 238, 246, .9) 55%, rgba(214, 223, 235, .95) 100% );--surface-glass: linear-gradient( 165deg, rgba(255, 255, 255, .96) 0%, rgba(240, 245, 252, .94) 48%, rgba(228, 235, 245, .96) 100% );--rim-highlight: inset 0 1px 0 rgba(255, 255, 255, .85)}.app--workspace,body.app-theme-workspace{--bg-deep: #08090f;--bg-mid: #12141f;--ink-ui: #e8ecf4;--muted: #8b93a8;--accent: #c4a574;--accent-bright: #e8c98a;--accent-soft: rgba(196, 165, 116, .14);--violet: #9b7ed9;--violet-soft: rgba(155, 126, 217, .18);--rose: #e85d7a;--border: rgba(255, 255, 255, .08);--panel: rgba(18, 20, 31, .72);--glass: rgba(18, 20, 31, .72);--shadow: 0 24px 64px -12px rgba(0, 0, 0, .65);--btn-face: linear-gradient( 180deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .02) 42%, rgba(0, 0, 0, .18) 100% );--surface-glass: linear-gradient( 165deg, rgba(42, 38, 34, .98) 0%, rgba(22, 24, 34, .97) 48%, rgba(16, 18, 28, .98) 100% );--rim-highlight: inset 0 1px 0 rgba(255, 255, 255, .12)}body.app-theme-workspace{background:var(--bg-deep);color:var(--ink-ui)}.app--workspace .ambient{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(155,126,217,.22),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(196,165,116,.12),transparent 50%),radial-gradient(ellipse 50% 35% at 10% 70%,rgba(232,92,122,.08),transparent 45%)}body.app-theme-workspace .shell-dashboard-trigger:hover,body.app-theme-workspace .shell-dashboard-trigger.is-open{background:#ffffff0f;box-shadow:inset 0 0 0 1px #c4a5742e}body.app-theme-workspace .shell-dashboard-menu{border-color:#c4a57466;box-shadow:0 20px 48px -10px #000000b8,0 0 0 1px #ffffff0f inset,inset 0 1px #ffffff24,0 0 28px #c4a5741a}body.app-theme-workspace .shell-dashboard-link.is-active{color:var(--accent-bright);background:#c4a57429;box-shadow:inset 0 0 0 1px #c4a57438}body.app-theme-workspace .shell-dashboard-home-mark{background:#ffffff0f}body.app-theme-workspace .shell-dashboard-link:hover .shell-dashboard-home-mark,body.app-theme-workspace .shell-dashboard-link.is-active .shell-dashboard-home-mark{color:var(--accent-bright);background:#c4a57433}*{box-sizing:border-box}html,body{margin:0;background:var(--bg-deep);color:var(--ink-ui);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{position:relative;max-width:1180px;margin:0 auto;padding:36px 24px 56px}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(120,150,200,.28),transparent 55%),radial-gradient(ellipse 60% 40% at 92% 78%,rgba(201,160,86,.16),transparent 50%),radial-gradient(ellipse 50% 35% at 8% 72%,rgba(100,140,170,.14),transparent 45%),linear-gradient(180deg,#edf2f8,#e6ecf4 45%,#dde5ef)}.app>*:not(.ambient){position:relative;z-index:1}@keyframes ui-menu-pop{0%{opacity:0;transform:perspective(640px) rotateX(-7deg) translateY(-6px) scale(.96)}to{opacity:1;transform:perspective(640px) rotateX(0) translateY(0) scale(1)}}@keyframes ui-item-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes ui-check-pop{0%{transform:scale(.7)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ui-active-settle{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes ui-window-in{0%{opacity:0;transform:perspective(900px) rotateX(5deg) translateY(10px) scale(.97)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0) scale(1)}}@keyframes ui-accent-pulse{0%,to{box-shadow:0 0 0 1px #c4a57447,0 0 18px #c4a5741f}50%{box-shadow:0 0 0 1px #e8c98a6b,0 0 26px #c4a57438}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.shell-nav-leading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0;flex:1 1 auto}.shell-nav-trailing{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin-left:auto}.shell-dashboard{position:relative;flex:none;min-width:0}.shell-dashboard-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:4px 6px 4px 4px;margin:-4px -6px -4px -4px;border-radius:14px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.shell-dashboard-trigger:hover,.shell-dashboard-trigger.is-open{background:#ffffffa6;box-shadow:inset 0 0 0 1px #a67c4a38}.shell-dashboard-caret{display:inline-block;margin-left:8px;font-size:.55em;vertical-align:middle;opacity:.7;transform:translateY(-1px);transition:transform var(--motion-med) var(--ease-spring),opacity var(--motion-fast) var(--ease-out)}.shell-dashboard-trigger.is-open .shell-dashboard-caret{opacity:1;transform:translateY(-1px) rotate(180deg)}.shell-dashboard-menu{min-width:240px;padding:8px;border-radius:14px;border:1px solid rgba(166,124,74,.35);background:var(--surface-glass);box-shadow:0 18px 40px -12px #28375047,0 0 0 1px #ffffffb3 inset,inset 0 1px #ffffffe6,0 0 24px #c9a05614;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-origin:top left;animation:ui-menu-pop var(--motion-med) var(--ease-spring)}.shell-dashboard-menu--portal{position:fixed;z-index:2147483645;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 16px)}.shell-dashboard-heading{padding:4px 10px 8px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid rgba(196,165,116,.18);margin-bottom:4px}.shell-dashboard-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;width:100%;border:none;border-radius:10px;background:transparent;color:var(--ink-ui);font-family:var(--font-ui);font-size:14px;font-weight:550;text-align:left;text-decoration:none;padding:10px 12px;cursor:pointer;position:relative;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);animation:ui-item-in var(--motion-med) var(--ease-out) both}.shell-dashboard-link:nth-child(2){animation-delay:.02s}.shell-dashboard-link:nth-child(3){animation-delay:.04s}.shell-dashboard-link:nth-child(4){animation-delay:.06s}.shell-dashboard-link:nth-child(5){animation-delay:.08s}.shell-dashboard-link:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;border-radius:2px;background:transparent;transition:background var(--motion-fast) var(--ease-out)}.shell-dashboard-link:hover{background:#c4a5741a;color:var(--ink-ui);transform:translate(3px)}.shell-dashboard-link:hover:before,.shell-dashboard-link.is-active:before{background:var(--accent-bright)}.shell-dashboard-link.is-active{color:#8a6a38;background:#c9a05629;box-shadow:inset 0 0 0 1px #a67c4a47}.shell-dashboard-link-label{flex:1;min-width:0}.shell-dashboard-home-mark{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;background:#1a23320f;color:var(--muted);font-size:14px;line-height:1;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.shell-dashboard-link:hover .shell-dashboard-home-mark,.shell-dashboard-link.is-active .shell-dashboard-home-mark{color:#8a6a38;background:#c9a05638;transform:scale(1.06)}.shell-brand-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tools-menu-wrap{position:relative}.tools-menu-trigger{display:inline-flex;align-items:center;gap:4px}.tools-menu-caret{font-size:10px;opacity:.75;line-height:1}.tools-menu{min-width:248px;padding:8px;border-radius:12px;border:1px solid rgba(196,165,116,.4);background:var(--surface-glass);box-shadow:0 18px 40px -8px #000000b3,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1f,0 0 24px #c4a5741a;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-origin:top center;animation:ui-menu-pop var(--motion-med) var(--ease-spring)}.tools-menu--portal{position:fixed;z-index:2147483646;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 16px)}.tools-menu-heading{padding:4px 10px 8px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid rgba(196,165,116,.18);margin-bottom:4px}.tools-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;width:100%;border:none;border-radius:8px;background:transparent;color:var(--ink-ui);font-family:var(--font-ui);font-size:13px;font-weight:550;text-align:left;padding:8px 10px;cursor:pointer;position:relative;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);animation:ui-item-in var(--motion-med) var(--ease-out) both}.tools-menu-item:nth-child(2){animation-delay:15ms}.tools-menu-item:nth-child(3){animation-delay:.03s}.tools-menu-item:nth-child(4){animation-delay:45ms}.tools-menu-item:nth-child(5){animation-delay:.06s}.tools-menu-item:nth-child(6){animation-delay:75ms}.tools-menu-item:nth-child(7){animation-delay:.09s}.tools-menu-item:nth-child(8){animation-delay:.105s}.tools-menu-item:nth-child(9){animation-delay:.12s}.tools-menu-item:before{content:"";position:absolute;left:3px;top:7px;bottom:7px;width:2px;border-radius:2px;background:transparent;transition:background var(--motion-fast) var(--ease-out)}.tools-menu-item:hover{background:#c4a5741a;transform:translate(3px)}.tools-menu-item:hover:before,.tools-menu-item.is-checked:before{background:var(--accent-bright)}.tools-menu-item:hover .tools-menu-check:not(.is-checked){border-color:#c4a574d9;background:#c4a5741a}.tools-menu-item.is-checked{color:var(--accent-bright);background:#c4a57424}.tools-menu-check{box-sizing:border-box;width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border-radius:5px;border:1.5px solid rgba(196,165,116,.55);background:#ffffff0f;color:transparent;box-shadow:inset 0 1px 2px #00000040;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-spring)}.tools-menu-check.is-checked{border-color:var(--accent);background:var(--accent);color:#1a1612;box-shadow:0 0 0 1px #c4a57459,0 0 10px #c4a5744d;animation:ui-check-pop var(--motion-med) var(--ease-spring)}.tools-menu-check-mark{display:block}.tools-menu-icon{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.92;transition:transform var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.tools-menu-item:hover .tools-menu-icon{transform:scale(1.08);opacity:1}.tools-menu-bravura{font-family:Bravura,serif;font-size:18px;line-height:1;display:inline-block;transform:translateY(1px)}.tools-menu-bravura--note{font-size:17px}.tools-menu-bravura--artic{font-size:16px;transform:translateY(2px)}.tools-menu-bravura--dyn{font-size:15px;letter-spacing:-.04em}.tools-menu-bravura--orn{font-size:15px}.tools-menu-icon-svg{display:block}.tools-menu-item.is-checked .tools-menu-icon{opacity:1;color:var(--accent-bright)}.tools-menu-label{flex:1;min-width:0}.learn-menu-wrap{position:relative}.learn-menu-trigger{display:inline-flex;align-items:center;gap:4px}.learn-menu{min-width:280px;padding:8px;border-radius:12px;border:1px solid rgba(196,165,116,.4);background:var(--surface-glass);box-shadow:0 18px 40px -8px #000000b3,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1f,0 0 24px #c4a5741a;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-origin:top center;animation:ui-menu-pop var(--motion-med) var(--ease-spring)}.learn-menu--portal{position:fixed;z-index:2147483646;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 16px)}.learn-menu-heading{padding:4px 10px 8px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid rgba(196,165,116,.18);margin-bottom:4px}.learn-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:flex-start;gap:10px;width:100%;border:none;border-radius:8px;background:transparent;color:var(--ink-ui);font-family:var(--font-ui);font-size:13px;font-weight:550;text-align:left;padding:10px;cursor:pointer;position:relative;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);animation:ui-item-in var(--motion-med) var(--ease-out) both}.learn-menu-item:nth-child(2){animation-delay:.02s}.learn-menu-item:nth-child(3){animation-delay:.04s}.learn-menu-item:nth-child(4){animation-delay:.06s}.learn-menu-item:nth-child(5){animation-delay:.08s}.learn-menu-item:before{content:"";position:absolute;left:3px;top:9px;bottom:9px;width:2px;border-radius:2px;background:transparent;transition:background var(--motion-fast) var(--ease-out)}.learn-menu-item:hover{background:#c4a5741a;transform:translate(3px)}.learn-menu-item:hover:before,.learn-menu-item.is-checked:before{background:var(--accent-bright)}.learn-menu-item.is-checked{color:var(--accent-bright);background:#c4a57424}.learn-menu-icon{flex:0 0 auto;width:22px;height:22px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.92}.learn-menu-icon-svg{display:block}.learn-menu-item.is-checked .learn-menu-icon{opacity:1;color:var(--accent-bright)}.learn-menu-item-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.learn-menu-label{font-size:13px;font-weight:600;line-height:1.25}.learn-menu-hint{font-size:11px;font-weight:450;line-height:1.35;color:var(--muted)}.learn-menu-item.is-checked .learn-menu-hint{color:#e8c98abf}.learn-menu-divider{height:1px;margin:6px 8px;background:#c4a57438}.learn-menu-item--action{align-items:flex-start}.learn-menu-action-mark{flex:0 0 16px;width:16px;margin-top:2px;font-size:12px;font-weight:700;color:var(--accent-bright);text-align:center}.float-panel[data-panel-id=sound] .studio-bar-trailing,.float-panel .studio-bar-trailing{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:4px 2px 8px}.float-panel .mode-bar-playback{display:flex;flex-direction:column;align-items:stretch;gap:10px}.shell-transport{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:5px 8px;border-radius:12px;border:1px solid rgba(196,165,116,.32);background:linear-gradient(165deg,#24201ceb,#12141ce0);box-shadow:0 0 0 1px #ffffff0a inset,0 8px 20px -10px #0000008c}.shell-transport-seek{display:inline-flex;align-items:center;gap:3px;padding:2px;border-radius:9px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.shell-transport-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink-ui);min-width:30px;height:28px;padding:0 7px;font-size:13px;font-family:var(--font-ui);font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.shell-transport-btn:hover:not(:disabled){background:#ffffff14;border-color:#c4a57459}.shell-transport-btn:disabled{opacity:.35;cursor:default}.shell-transport-btn--start,.shell-transport-btn--end{font-size:12px;letter-spacing:-.04em}.shell-transport-btn--play{min-width:34px;height:30px;border-radius:8px;border:1px solid rgba(196,165,116,.4);background:#c4a57424;color:var(--accent-bright, #c4a574)}.shell-transport-btn--play:hover:not(:disabled){background:#c4a5743d;border-color:#c4a5748c}.shell-transport-bar{display:inline-flex;align-items:center;gap:4px;min-width:0;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#08090e73;font-size:12px;font-weight:700;font-family:var(--font-ui);color:var(--ink-ui);cursor:text}.shell-transport-bar:focus-within{border-color:#c4a57480;color:var(--ink-ui);background:#08090ea6}.shell-transport-bar-input{width:3.8em;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;outline:none}.shell-transport-bar--time .shell-transport-bar-input{width:4.2em}.shell-transport-btn--display{min-width:34px;padding:0 6px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.shell-transport-btn--display.is-time{color:var(--accent-bright, #c4a574);border-color:#c4a57459;background:#c4a5741f}.shell-transport-tempo{display:inline-flex;align-items:center;gap:6px;padding:0 2px 0 4px;border-left:1px solid rgba(255,255,255,.1);margin-left:2px;font-size:12px;font-weight:600;font-family:var(--font-ui);color:var(--muted)}.shell-transport-tempo input[type=range]{width:72px;accent-color:var(--accent-bright, #c4a574)}.shell-transport-bpm{display:inline-flex;align-items:baseline;gap:3px;margin:0;padding:1px 4px;border-radius:5px;border:1px solid transparent;cursor:text}.shell-transport-bpm:focus-within{border-color:#c4a57473;background:#ffffff0a;color:var(--ink-ui, #f2efe8)}.shell-transport-bpm-input{width:3ch;min-width:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right;outline:none}.shell-transport-bpm-unit{font-size:10px;font-weight:700;letter-spacing:.04em;opacity:.75;-webkit-user-select:none;user-select:none}.shell-transport-btn--metro{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding-left:8px;padding-right:8px;color:#c4a5748c}.shell-transport-btn--metro.is-active{color:var(--accent-bright, #c4a574);background:#c4a57424;border-color:#c4a57447}.shell-transport-btn--metro:hover:not(:disabled){color:#e8c98ae6}.shell-transport-btn--metro.is-active:hover:not(:disabled){color:var(--accent-bright, #c4a574);background:#c4a5742e}.shell-transport-metro-icon{display:inline-flex;line-height:0}.shell-transport-btn--follow{display:inline-flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.1);border-radius:0 7px 7px 0;margin-left:2px;padding-left:10px;min-width:30px;color:#c4a5748c}.shell-transport-btn--follow.is-active{color:var(--accent-bright, #c4a574);background:#c4a57424;border-color:#c4a57447;border-radius:7px}.shell-transport-btn--follow:hover:not(:disabled){background:transparent;border-color:transparent;color:#c4a5748c}.shell-transport-btn--follow.is-active:hover:not(:disabled){background:#c4a57424;border-color:#c4a57447;color:var(--accent-bright, #c4a574)}.shell-transport-follow-icon{font-size:13px;font-weight:800;line-height:1;transform:translateY(.5px)}.shell-tool-short{display:none}@media (max-width: 720px){.shell-tool-full{display:none}.shell-tool-short{display:inline}}.shell-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}.shell-brand-mark{font-family:Bravura,serif;font-size:28px;line-height:1;color:var(--accent-bright);flex:none}.shell-brand-logo{width:48px;height:48px;object-fit:contain;object-position:center;flex:none;border-radius:50%;background:#efe6d4;box-shadow:0 0 0 1px #3b6fe047,0 8px 22px #1a233238}.shell-brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.shell-brand-text{font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1;letter-spacing:-.02em;display:inline-flex;align-items:baseline;flex-wrap:wrap}.shell-brand-lede{color:var(--muted);font-size:12px;line-height:1.3;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(36vw,22rem)}.shell-brand-project{color:var(--ink-ui);font-weight:600}.shell-nav-icon{width:22px;height:22px;object-fit:contain;border-radius:6px;flex:none}.shell-nav-icon--light{background:#ffffffeb;padding:1px}.shell-main{min-width:0}.workspace-project-name-overlay{display:none}body.workspace-maximized .workspace-project-name-overlay{display:block;position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:40;max-width:min(48vw,28rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:600;letter-spacing:.02em;color:#fff8ecd1;text-shadow:0 1px 10px rgba(0,0,0,.55)}.app--home{max-width:min(1100px,100%);padding:16px 24px 40px}.app--home .shell-main{width:100%;max-width:none;margin:0}.home-page{display:flex;flex-direction:column;gap:8px}.home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:24px;align-items:center;min-height:0;padding:32px 28px 36px;overflow:hidden;border-radius:20px;border:1px solid rgba(26,35,50,.1);background:radial-gradient(ellipse 55% 70% at 85% 40%,rgba(120,155,210,.22),transparent 60%),radial-gradient(ellipse 40% 50% at 10% 90%,rgba(201,160,86,.14),transparent 55%),linear-gradient(155deg,#f4f7fb,#e8eef6 55%,#dfe7f1)}.home-hero-art{position:relative;z-index:1;display:grid;place-items:center;align-self:center;justify-self:end}.home-hero-logo{display:block;width:min(42vw,340px);height:auto;object-fit:contain;border-radius:18px;box-shadow:0 24px 48px -20px #1a233259,0 0 0 1px #1a23320f}.home-hero-copy{position:relative;z-index:1;max-width:min(34rem,100%)}.home-brand{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(2.8rem,7vw,4.2rem);font-weight:700;line-height:.9;letter-spacing:-.03em;overflow:visible;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) both}.home-headline{margin:0 0 8px;font-family:var(--font-ui);font-size:.95rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#1a23329e;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) .05s both}.home-lede{margin:0;max-width:42ch;font-size:14px;line-height:1.5;color:var(--muted);animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) .1s both}.home-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) .14s both}.home-hero-actions .btn-ghost{padding:8px 14px}.home-hero-plans{margin-left:4px;padding:4px 2px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap}.home-hero-plans:hover{color:var(--ink-ui)}@keyframes home-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.home-tools{width:100%;margin:0;padding:18px 4px 8px}.home-tools-heading{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:600;letter-spacing:-.02em}.home-tools-lede{margin:0 0 16px;color:var(--muted);font-size:14px;max-width:42ch}.home-profile{margin:8px 4px 0;padding:22px 24px 26px;border-radius:20px;border:1px solid rgba(26,35,50,.1);background:#ffffffb8;box-shadow:0 8px 20px -12px #2837502e}.home-profile-header{margin-bottom:18px}.home-profile-heading{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:600;letter-spacing:-.02em}.home-profile-lede{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.home-profile-email{color:#1a2332b8}.home-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-profile-card{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px;border-radius:16px;border:1px solid var(--border);background:var(--panel)}.home-profile-card--danger{border-color:#c45c5c59;background:#fff8f8eb}.home-profile-card-title{margin:0;font-size:15px;font-weight:650}.home-profile-card-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.home-profile-form{display:flex;flex-direction:column;gap:12px;margin-top:auto}.home-profile-submit{align-self:flex-start;margin-top:2px}@media (max-width: 860px){.home-profile-grid{grid-template-columns:1fr}}.home-tool-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.home-tool-list>li{display:flex;min-width:0}.home-tool{display:flex;flex-direction:row;align-items:stretch;gap:12px;width:100%;text-decoration:none;color:inherit;min-width:0;padding:12px 14px 12px 12px;border-radius:14px;border:1px solid rgba(26,35,50,.1);background:#ffffffb8;box-shadow:0 8px 20px -12px #28375033;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;animation:home-copy-in .5s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(.08s + var(--tool-i, 0) * .06s)}.home-tool:hover{transform:translateY(-2px);border-color:#a67c4a66;background:#ffffffeb;box-shadow:0 12px 28px -12px #28375047}.home-tool-art-wrap{position:relative;align-self:center;flex:none;width:76px;height:76px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(70,100,170,.22),transparent 65%),#0a0c14d9}.home-tool--light .home-tool-art-wrap{background:radial-gradient(ellipse 60% 50% at 50% 45%,#fffffff5,#ecf0f8e6);border-color:#ffffff24}.home-tool-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}.home-tool:hover .home-tool-art{transform:scale(1.06)}.home-tool-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;padding:2px 0}.home-tool-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.home-tool-desc{color:var(--muted);font-size:12px;line-height:1.4}.home-tool-cta{margin-top:auto;padding-top:6px;color:var(--accent-bright);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.btn-primary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-press),box-shadow var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}.btn-primary{background:linear-gradient(145deg,var(--accent-bright),var(--accent) 55%,#a67c52);color:#1a140c;border:1px solid rgba(232,201,138,.45);box-shadow:var(--rim-highlight),0 6px 18px #c4a57447,0 1px #fff3 inset}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:var(--rim-highlight),0 10px 24px #c4a5745c,0 1px #ffffff40 inset}.btn-primary:active{transform:translateY(1px) scale(.98);filter:brightness(.98)}.btn-ghost{color:var(--ink-ui);border:1px solid var(--border);background:var(--btn-face);box-shadow:var(--rim-highlight)}.btn-ghost:hover{border-color:#c4a57459;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);transform:translateY(-1px);box-shadow:var(--rim-highlight),0 8px 18px #00000047}.btn-ghost:active{transform:translateY(1px) scale(.98)}.btn-danger{color:#fff;border:1px solid rgba(160,48,48,.55);background:linear-gradient(145deg,#d46464,#b84040 55%,#9a3030);box-shadow:0 6px 18px #b8404047,0 1px #ffffff26 inset}.btn-danger:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-danger:active{transform:translateY(1px) scale(.98);filter:brightness(.98)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.section-art{flex:none;display:grid;place-items:center;width:160px;height:160px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(70,100,170,.28),transparent 65%),#0a0c14e6}.section-art--light{background:linear-gradient(160deg,#f7f8fb,#e8ecf4);border-color:#ffffff29}.section-art img{width:92%;height:92%;object-fit:contain}.section-art--compact{width:72px;height:72px;border-radius:14px}.section-masthead{display:flex;align-items:center;gap:16px;flex:none;margin-bottom:10px;padding:4px 2px 8px}.section-masthead-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,1.9rem);font-weight:700;line-height:1;letter-spacing:-.02em}.section-masthead-lede{margin:6px 0 0;color:var(--muted);font-size:13px}body.workspace-maximized .section-masthead{display:none}@media (max-width: 900px){.home-tool-list{grid-template-columns:1fr}}@media (max-width: 640px){.app--home{padding:12px 14px 32px}.home-hero{grid-template-columns:1fr;padding:22px 18px 24px}.home-hero-art{justify-self:center;order:-1}.home-hero-logo{width:min(86vw,320px)}.project-library-header--art{flex-direction:column;align-items:flex-start}}.landing-page{display:flex;flex-direction:column;gap:20px}.landing-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:24px;align-items:center;min-height:280px;padding:36px 32px 40px;overflow:hidden;border-radius:22px;border:1px solid rgba(26,35,50,.1);background:radial-gradient(ellipse 55% 70% at 88% 35%,rgba(120,155,210,.26),transparent 60%),radial-gradient(ellipse 40% 50% at 8% 92%,rgba(201,160,86,.16),transparent 55%),linear-gradient(155deg,#f5f8fc,#e9eef6,#dfe7f2)}.landing-hero-watermarks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing-wm{position:absolute;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.9)}.landing-wm--staff{left:-4%;bottom:-8%;width:min(28%,220px);opacity:.16;transform:rotate(-12deg)}.landing-hero-art{position:relative;z-index:1;display:grid;place-items:center;align-self:center;justify-self:end}.landing-hero-logo{display:block;width:min(42vw,360px);height:auto;object-fit:contain;border-radius:20px;box-shadow:0 24px 48px -20px #1a233259,0 0 0 1px #1a23320f}.landing-hero-copy{position:relative;z-index:1;max-width:min(36rem,100%)}.landing-brand{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(3rem,8vw,4.6rem);font-weight:700;line-height:.9;letter-spacing:-.03em;overflow:visible;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) both}.landing-headline{margin:0 0 12px;font-family:var(--font-ui);font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:600;letter-spacing:-.01em;color:#1a2332e0;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) .05s both}.landing-lede{margin:0;max-width:48ch;font-size:15px;line-height:1.55;color:var(--muted);animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) .1s both}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) .14s both}.landing-trial-note{margin:14px 0 0;font-size:13px;color:#8a6a38;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) .18s both}.landing-tools{padding:8px 4px 4px}.landing-tools-heading{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:600;letter-spacing:-.02em}.landing-tools-lede{margin:0 0 18px;max-width:56ch;color:var(--muted);font-size:14px;line-height:1.5}.landing-tool-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.landing-tool{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:18px 18px 18px 16px;border-radius:18px;border:1px solid rgba(26,35,50,.1);background:#ffffffc7;box-shadow:0 10px 28px -16px #28375038;animation:home-copy-in .55s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(.08s * var(--tool-i, 0))}.landing-tool--dark{background:radial-gradient(ellipse 60% 80% at 0% 50%,rgba(120,155,210,.16),transparent 70%),#ffffffd1}.landing-tool--light{background:radial-gradient(ellipse 60% 80% at 0% 50%,rgba(201,160,86,.14),transparent 70%),#ffffffd1}.landing-tool-art-wrap{position:relative;flex:none;width:108px;height:108px;border-radius:18px;overflow:hidden;background:#e6ecf4e6}.landing-tool-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.landing-tool-title{margin:0 0 6px;font-size:1.1rem;font-weight:700}.landing-tool-desc{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.5}.landing-tool-highlights{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}.landing-tool-highlights li{font-size:12px;font-weight:600;color:#7a5a2e;padding:4px 10px;border-radius:999px;border:1px solid rgba(166,124,74,.35);background:#c9a0561f}.landing-cta{padding:8px 0 12px}.landing-cta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0 20px;align-items:center}.landing-cta-art-wrap{display:grid;place-items:center;padding:12px 8px 12px 4px}.landing-cta-art{width:min(100%,240px);height:auto;object-fit:contain;border-radius:18px;box-shadow:0 22px 44px -18px #1a233259,0 0 0 1px #1a233214;transform:rotate(-4deg);transition:transform .35s var(--ease-press)}.landing-cta-layout:hover .landing-cta-art{transform:rotate(-2deg) scale(1.02)}.landing-cta-card{text-align:center;padding:28px 22px;border-radius:20px;border:1px solid rgba(166,124,74,.35);background:radial-gradient(ellipse 70% 80% at 50% 0%,rgba(201,160,86,.14),transparent 65%),#ffffffd9}.landing-cta-card h2{margin:0 0 8px;font-size:1.4rem}.landing-cta-card p{margin:0 auto 16px;max-width:42ch;color:var(--muted);font-size:14px;line-height:1.5}.landing-cta-card .landing-hero-actions{justify-content:center;margin-top:0}@media (max-width: 640px){.landing-hero{grid-template-columns:1fr;padding:26px 18px 28px;min-height:0}.landing-hero-art{justify-self:center;order:-1}.landing-hero-logo{width:min(86vw,320px)}.landing-tool{grid-template-columns:1fr}.landing-wm--staff{opacity:.08}.landing-cta-layout{grid-template-columns:1fr;gap:16px}.landing-cta-art-wrap{order:-1;padding:0 12px}.landing-cta-art{width:min(72%,200px);margin:0 auto;transform:rotate(-3deg)}}.trial-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:8px 16px;font-size:13px;font-weight:600;color:#1a140c;background:linear-gradient(90deg,var(--accent-bright),var(--accent));border-bottom:1px solid rgba(0,0,0,.12)}.trial-banner-link{color:#1a140c;text-decoration:underline;font-weight:700}.home-pillars{padding:12px 0 24px;border-top:1px solid var(--border)}.section-heading{margin:28px 0 8px;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2rem);font-weight:600;letter-spacing:-.02em}.section-lede{margin:0 0 24px;color:var(--muted);font-size:15px;max-width:42ch}.pillar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pillar-card{padding:22px 20px;border:1px solid var(--border);border-radius:16px;background:#12141f73}.pillar-card h3{margin:0 0 10px;font-family:var(--font-display);font-size:1.35rem;font-weight:600}.pillar-card p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.55}.pillar-link{color:var(--accent-bright);font-size:13px;font-weight:600;text-decoration:none}.pillar-link:hover{text-decoration:underline}.tool-page-header{margin-bottom:28px}.tool-page-header h1{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1;letter-spacing:-.02em}.tool-placeholder{padding:28px 24px;border:1px solid var(--border);border-radius:16px;background:#12141f73;max-width:36rem}.tool-placeholder-badge{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft)}.tool-placeholder-copy{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.55}.example-progressions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.example-progressions li{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;background:#00000040;border:1px solid var(--border)}.example-name{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.example-chords{font-family:var(--font-display);font-size:1.25rem;color:var(--ink-ui)}.songwriting-pad{max-width:40rem}.songwriting-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.songwriting-textarea{width:100%;padding:18px 16px;border-radius:12px;border:1px solid var(--border);background:#08090fa6;color:var(--ink-ui);font-family:var(--font-ui);font-size:15px;line-height:1.6;resize:vertical;min-height:280px}.songwriting-textarea:focus{outline:none;border-color:#c4a57473;box-shadow:0 0 0 3px var(--accent-soft)}.songwriting-hint{margin:10px 0 0;color:var(--muted);font-size:12px}.chords-page .lede{max-width:48ch;color:var(--muted);font-size:15px;line-height:1.55}.chords-project-title-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:4px 0 0;width:min(100%,28rem);color:var(--ink-ui);font-size:1.35rem;font-weight:650;line-height:1.2}.chords-project-title-input:focus{outline:none;box-shadow:0 1px #c4a574a6}.chords-workspace{display:flex;flex-direction:column;gap:18px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#1c201c8c,#0e1016b8),#12141f8c;box-shadow:var(--shadow);outline:none;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-med) var(--ease-out)}.chords-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px}.chords-field{display:flex;flex-direction:column;gap:6px;min-width:0}.chords-field span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chords-field select,.chords-field input{min-width:9.5rem;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:#08090fb8;color:var(--ink-ui);font-family:var(--font-ui);font-size:13px}.chords-field--narrow select,.chords-field--narrow input{min-width:5.5rem;width:5.5rem}.chords-sound-quality .sound-quality-buttons{height:38px;align-items:stretch}.chords-sound-quality .sound-quality-btn{padding:0 10px;font-size:12px}.chords-octave{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.chords-octave-controls{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:10px;border:1px solid var(--border);background:#08090fb8}.chords-octave-btn{width:28px;height:28px;border:none;border-radius:7px;background:#ffffff0d;color:var(--ink-ui);font-size:16px;font-weight:700;line-height:1;cursor:pointer}.chords-octave-btn:hover:not(:disabled){background:#7eb8ff29;color:#8fd4ff}.chords-octave-btn:disabled{opacity:.35;cursor:not-allowed}.chords-octave-controls em{min-width:1.4rem;text-align:center;font-style:normal;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-ui);text-transform:none;letter-spacing:0}.chords-field--wide select,.chords-field--wide .chords-key-trigger{min-width:14rem}.chords-key-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:14rem;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:#08090fb8;color:var(--ink-ui);font-family:var(--font-ui);font-size:13px;text-align:left;cursor:pointer}.chords-key-trigger:hover,.chords-key-trigger:focus-visible{border-color:#c4a57473;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chords-key-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chords-key-trigger-chevron{flex-shrink:0;color:var(--muted);font-size:11px}.progression-key-popup{max-width:min(420px,calc(100vw - 32px));max-height:min(86vh,720px);overflow:auto}.progression-key-section-label{padding:4px 6px 8px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.progression-scale-groups{display:flex;flex-direction:column;gap:12px;padding:0 4px 8px}.progression-scale-group-title{margin-bottom:6px;font-size:11px;font-weight:600;color:var(--muted)}.progression-scale-chips{display:flex;flex-wrap:wrap;gap:6px}.progression-scale-chip{padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:12px;cursor:pointer}.progression-scale-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.progression-scale-chip.is-active{color:var(--accent-bright);border-color:var(--accent);background:var(--accent-soft)}.chords-field select:focus,.chords-field input:focus{outline:none;border-color:#c4a57473;box-shadow:0 0 0 3px var(--accent-soft)}.chords-transport{margin-left:auto;display:flex;align-items:flex-end;gap:10px}.chords-accompaniment-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:-2px}.chords-style-hint{flex:1 1 16rem;margin:0;padding:8px 12px;border-radius:10px;background:#00000038;border:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.4}.chords-style-hint-spacer{flex:1 1 16rem}.chords-accompaniment-row .chords-play-btn{flex:0 0 auto;min-width:8rem;padding:10px 22px;font-size:14px}.chords-slider-field{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:#08090f73;font-size:11px;font-weight:600;color:var(--muted)}.chords-slider-field input[type=range]{width:88px;accent-color:var(--accent)}.chords-slider-field em{min-width:2.2ch;font-style:normal;font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink-ui)}.swing-controls{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:4px 8px 4px 4px;border-radius:10px;border:1px solid var(--border);background:#08090f73;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.swing-controls.is-on{border-color:#c4a57466;background:linear-gradient(180deg,#c4a5741f,#08090f66);box-shadow:inset 0 1px #ffffff0d}.swing-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:#ffffff08;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.swing-toggle:hover{color:var(--ink-ui);background:#ffffff0f}.swing-toggle.is-on{color:var(--accent-bright);border-color:#c4a57459;background:#c4a57424}.swing-toggle-icon{width:16px;height:16px}.swing-amount{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.swing-amount input[type=range]{width:84px;accent-color:var(--accent)}.swing-amount input[type=range]:disabled{opacity:.4;cursor:not-allowed}.swing-amount em{min-width:3.2ch;font-style:normal;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;color:var(--ink-ui)}.swing-amount-feel{min-width:4.5rem;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.swing-controls.is-on .swing-amount-feel{color:#e8c98ad9}.swing-controls--compact{padding:2px 6px 2px 2px}.swing-controls--compact .swing-toggle{padding:5px 8px;font-size:11px}.swing-controls--compact .swing-amount input[type=range]{width:64px}.chords-style-hint-label{display:inline-block;margin-right:8px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.chords-style-hint-bank{color:#e8c98abf}.chords-pedal{display:inline-flex;align-items:center;gap:8px;align-self:flex-end;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#08090f8c;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.chords-pedal input{position:absolute;opacity:0;pointer-events:none}.chords-pedal-mark{font-family:var(--font-display);font-style:italic;font-size:15px;line-height:1;color:inherit}.chords-pedal.is-on{color:var(--accent-bright);border-color:#c4a57473;background:var(--accent-soft)}.chords-pedal:hover{border-color:#ffffff2e;color:var(--ink-ui)}.chords-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:9.5rem;padding:12px 28px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#1a140c;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}.chords-play-icon{width:15px;height:15px;flex-shrink:0}.chords-play-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 22px -10px #c4a574a6}.chords-play-btn:disabled{opacity:.45;cursor:not-allowed}.chords-play-btn.is-playing{background:#e85d7a33;border-color:#e85d7a73;color:#ffb3c0}.mini-piano{position:relative;height:96px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0c0d12}.mini-piano-whites{display:grid;height:100%;gap:1px;padding:0 1px}.mini-piano-key.white{position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;background:linear-gradient(180deg,#f4f0e8,#d9d2c4);border-radius:0 0 4px 4px}.mini-piano-key.white.is-active{background:linear-gradient(180deg,#ffe08a,#e8c98a);box-shadow:inset 0 -8px 16px #c48c2859}.mini-piano-blacks{position:absolute;inset:0 1px auto;height:58%;pointer-events:none;z-index:2}.mini-piano-key.black{position:absolute;top:0;display:flex;align-items:flex-end;justify-content:center;height:100%;padding-bottom:3px;transform:translate(-50%);background:linear-gradient(180deg,#2a2d38,#12141c);border-radius:0 0 3px 3px;border:1px solid rgba(0,0,0,.5)}.mini-piano-key.black.is-active{background:linear-gradient(180deg,#e85d7a,#a83d55);border-color:#e85d7ab3}.mini-piano-note-label{font-family:var(--font-ui);font-size:clamp(8px,1.1vw,11px);font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;pointer-events:none}.mini-piano-key.white .mini-piano-note-label{color:#3a2a10}.mini-piano-key.black .mini-piano-note-label{color:#fff4f6;font-size:clamp(7px,.95vw,9px);text-shadow:0 1px 2px rgba(0,0,0,.55)}.chord-section-title{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e8ecf4c7}.chord-section-icon{width:16px;height:16px;flex-shrink:0;color:var(--accent-bright);filter:drop-shadow(0 0 6px rgba(232,201,138,.35))}.chord-palette{position:relative;padding:12px 12px 4px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 80% at 12% 0%,rgba(196,165,116,.1),transparent 55%),linear-gradient(180deg,#1c221c8c,#0c0e1259);box-shadow:inset 0 1px #ffffff0f,0 12px 28px -18px #000000a6;transition:border-color .25s ease,box-shadow .25s ease}.chord-palette.is-collapsed{padding-bottom:12px;border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff0a}.chord-palette-header,.chord-progression-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.chord-palette-header{margin-bottom:0}.chord-palette-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.chord-palette-toggle:hover,.chord-palette-toggle:focus-visible{background:#ffffff0a;border-color:#c4a57447;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px var(--accent-soft);outline:none}.chord-palette-toggle-leading{display:flex;align-items:center;gap:10px;min-width:0}.chord-palette-toggle-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.chord-palette-toggle .chord-section-title{line-height:1.1}.chord-palette-key{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.chord-palette-key-mark{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;background:#e8c98a24;color:var(--accent-bright);font-size:10px;font-weight:700;line-height:1;box-shadow:inset 0 1px #ffffff1f}.chord-palette-toggle-trailing{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:var(--muted)}.chord-palette-toggle-hint{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chord-palette-chevron{width:18px;height:18px;transition:transform .28s cubic-bezier(.22,1,.36,1),color .2s ease}.chord-palette-chevron.is-open{transform:rotate(180deg);color:var(--accent-bright)}.chord-palette-body{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),opacity .22s ease,margin-top .34s ease}.chord-palette.is-open .chord-palette-body{grid-template-rows:1fr;opacity:1;margin-top:8px}.chord-palette-body-inner{overflow:hidden;min-height:0}.chord-palette-grid{display:flex;flex-direction:column;gap:8px;padding:2px 2px 10px}.chord-palette-degrees{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center}.chord-palette-degree-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.chord-palette-degree{text-align:center;font-size:10px;font-weight:700;letter-spacing:.08em;color:#e8c98ab3;font-variant-numeric:tabular-nums}.chord-palette-row{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:stretch}.chord-palette.is-open .chord-palette-row{animation:chord-palette-row-in .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--chord-row-i, 0) * 45ms)}.chord-palette-row-label{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.chord-palette-row-glyph{width:14px;height:14px;color:#c4a574d9;filter:drop-shadow(0 0 4px rgba(196,165,116,.25))}.chord-palette-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.chord-palette-cell{position:relative;isolation:isolate;min-height:42px;padding:8px 4px;border-radius:9px;border:1px solid rgba(120,148,96,.45);background:linear-gradient(145deg,rgba(255,255,255,.42) 0%,transparent 42%),linear-gradient(180deg,#d4e0c2,#b4c49a 48%,#8fa678);color:#1a2214;font-family:var(--font-ui);font-size:clamp(11px,1.5vw,13px);font-weight:700;letter-spacing:-.01em;cursor:pointer;overflow:hidden;box-shadow:0 1px #ffffff8c inset,0 -2px 4px #28371c47 inset,0 6px 12px -6px #00000073,0 0 0 1px #ffffff0f;transform:translateZ(0);transition:transform .16s cubic-bezier(.22,1,.36,1),filter .16s ease,box-shadow .16s ease,border-color .16s ease}.chord-palette.is-open .chord-palette-cell:not(.is-empty){animation:chord-palette-cell-in .38s cubic-bezier(.22,1,.36,1) both;animation-delay:calc((var(--chord-row-i, 0) * 45ms) + (var(--chord-cell-i, 0) * 18ms))}.chord-palette-cell-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.38) 38%,transparent 58%);opacity:.55;transform:translate(-40%) skew(-12deg);pointer-events:none;z-index:0;transition:transform .45s ease,opacity .2s ease}.chord-palette-cell-label{position:relative;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.28)}.chord-palette-cell:hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-2px) scale(1.015);border-color:#c4a5748c;box-shadow:0 1px #ffffffb3 inset,0 -2px 5px #28371c38 inset,0 10px 18px -8px #0000008c,0 0 18px #c4a5742e}.chord-palette-cell:hover .chord-palette-cell-sheen{opacity:.85;transform:translate(55%) skew(-12deg)}.chord-palette-cell:active{transform:translateY(0) scale(.985);filter:brightness(.98);box-shadow:0 1px #ffffff59 inset,0 2px 6px #28371c59 inset,0 2px 6px #00000040}.chord-palette-cell.is-preview{border-color:#e8c98af2;filter:brightness(1.1) saturate(1.08);box-shadow:0 0 0 2px #e8c98abf,0 0 22px #e8c98a59,0 1px #ffffffb3 inset,0 -2px 4px #28371c38 inset,0 8px 16px -8px #00000080;animation:chord-palette-preview-glow 1.6s ease-in-out infinite}.chord-palette-cell.is-empty{border:1px dashed rgba(255,255,255,.1);background:#0000002e;box-shadow:inset 0 1px 2px #00000040;pointer-events:none;animation:none}@keyframes chord-palette-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chord-palette-cell-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chord-palette-preview-glow{0%,to{box-shadow:0 0 0 2px #e8c98abf,0 0 16px #e8c98a47,0 1px #ffffffb3 inset,0 -2px 4px #28371c38 inset,0 8px 16px -8px #00000080}50%{box-shadow:0 0 0 2px #e8c98af2,0 0 28px #e8c98a73,0 1px #ffffffb3 inset,0 -2px 4px #28371c38 inset,0 8px 16px -8px #00000080}}.chord-progression{margin-top:4px;padding:14px 12px 4px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(90% 70% at 88% 0%,rgba(126,184,255,.07),transparent 50%),linear-gradient(180deg,#14182273,#0a0c1233);box-shadow:inset 0 1px #ffffff0d}.chord-progression-title-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.chord-progression-count{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.chord-progression-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chord-progression-nudge{display:inline-flex;gap:4px}.chord-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px #ffffff0d;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.chord-tool-btn--icon{width:32px;height:32px;padding:0}.chord-tool-icon{width:14px;height:14px;flex-shrink:0}.chord-tool-btn:hover:not(:disabled){color:var(--ink-ui);border-color:#fff3;background:linear-gradient(180deg,#ffffff1a,#ffffff08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 6px 12px -8px #0000008c}.chord-tool-btn:disabled{opacity:.4;cursor:not-allowed}.chord-progression-empty{position:relative;margin:0;padding:28px 16px;overflow:hidden;text-align:center;color:var(--muted);font-size:14px;border-radius:12px;border:1px dashed rgba(255,255,255,.12);background:#0003}.chord-progression-empty-glow{position:absolute;inset:-40% auto auto 30%;width:40%;height:120%;background:radial-gradient(circle,rgba(196,165,116,.12),transparent 70%);pointer-events:none}.chord-progression-timeline{display:flex;flex-direction:column;gap:8px}.chord-progression-scroll{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000047}.chord-progression-canvas{display:flex;flex-direction:column;width:100%;padding:8px 10px 10px;box-sizing:border-box}.chord-progression-ruler{position:relative;display:flex;flex-direction:column;gap:2px;margin-bottom:4px;-webkit-user-select:none;user-select:none}.chord-ruler-labels{position:relative;height:18px}.chord-ruler-label{position:absolute;top:0;transform:translate(-50%);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;pointer-events:none}.chord-ruler-label.is-bar{display:inline-flex;align-items:baseline;gap:3px;color:#e8ecf4e6;font-size:12px;font-weight:700}.chord-ruler-label.is-bar em{font-style:normal}.chord-ruler-label.is-bar small{font-size:9px;font-weight:600;color:#e8ecf48c}.chord-ruler-label.is-beat{color:#b4c4dcb8;font-size:10px;font-weight:600}.chord-ruler-ticks{position:relative;height:14px;border-bottom:1px solid rgba(255,255,255,.12)}.chord-ruler-tick{position:absolute;bottom:0;width:1px;transform:translate(-50%);background:#ffffff38}.chord-ruler-tick.is-bar{height:14px;width:2px;background:#e8ecf4bf}.chord-ruler-tick.is-beat{height:10px;background:#b4c4dc8c}.chord-ruler-tick.is-sub{height:5px;background:#fff3}.chord-ruler-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:4px;font-size:10px;color:var(--muted)}.chord-ruler-legend span{display:inline-flex;align-items:center;gap:5px}.chord-ruler-legend i{display:inline-block;width:2px;border-radius:1px;background:#ffffff59}.chord-ruler-legend i.is-bar{height:12px;width:2px;background:#e8ecf4bf}.chord-ruler-legend i.is-beat{height:9px;background:#b4c4dc8c}.chord-ruler-legend i.is-sub{height:5px;background:#ffffff40}.chord-progression-body{position:relative;min-height:96px}.chord-progression-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.chord-grid-line{position:absolute;top:0;bottom:0;width:1px;transform:translate(-50%);background:#ffffff0d}.chord-grid-line.is-bar{width:2px;background:#e8ecf42e}.chord-grid-line.is-beat{background:#b4c4dc1f}.chord-grid-line.is-sub{background:#ffffff0a}.chord-progression-track{position:relative;z-index:1;display:grid;gap:3px;min-height:96px}.chord-progression-hint{margin:0;font-size:11px;color:var(--muted)}.chord-block{position:relative;min-width:0;display:flex;z-index:1;animation:chord-block-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes chord-block-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chord-block.is-dragging{opacity:.55}.chord-block-main{flex:1;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:0;border:none;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.28) 0%,transparent 40%),linear-gradient(180deg,var(--chord-top, #c48a4a),var(--chord-bottom, #9a6430));color:var(--chord-ink, #1a1208);cursor:pointer;box-shadow:inset 0 1px #ffffff52,inset 0 -2px 6px #0000002e,0 8px 16px -10px #0000008c;transition:filter .12s ease,transform .16s ease,box-shadow .16s ease}.chord-block-main:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #fff6,inset 0 -2px 6px #00000029,0 12px 20px -10px #0009,0 0 16px color-mix(in srgb,var(--chord-top, #c48a4a) 28%,transparent)}.chord-block-bar{display:block;height:10px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent),#00000047}.chord-block-symbol{flex:1;display:grid;place-items:center;padding:14px 8px 4px;font-family:var(--font-display);font-size:clamp(1.05rem,2.4vw,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:1;text-shadow:0 1px 0 color-mix(in srgb,var(--chord-ink, #1a1208) 18%,transparent)}.chord-block-beats{display:block;padding:0 8px 10px;text-align:center;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:color-mix(in srgb,var(--chord-ink, #1a1208) 62%,transparent)}.chord-block-resize{position:absolute;top:0;right:0;width:10px;height:100%;cursor:ew-resize;z-index:2;border-radius:0 10px 10px 0}.chord-block-resize:hover,.chord-block-resize:active{background:#ffffff2e}.chord-block.is-selected .chord-block-main{box-shadow:0 0 0 2px #fff6,0 0 18px #ffffff1f,inset 0 1px #ffffff59;filter:brightness(1.08)}.chord-block.is-playing .chord-block-main{box-shadow:0 0 0 2px color-mix(in srgb,var(--chord-top, #ffe566) 70%,white),0 0 22px color-mix(in srgb,var(--chord-top, #ffe566) 48%,transparent),inset 0 1px #ffffff73;filter:brightness(1.14) saturate(1.1);animation:chord-block-play-pulse 1.1s ease-in-out infinite}@keyframes chord-block-play-pulse{0%,to{filter:brightness(1.12) saturate(1.08)}50%{filter:brightness(1.18) saturate(1.15)}}.chord-block.is-playing .chord-block-bar{background:#ffffff8c}.chord-block-remove{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:22px;height:22px;border:none;border-radius:999px;background:#0006;color:#ffffffe6;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease,transform .12s ease}.chord-block-remove-icon{width:12px;height:12px}.chord-block:hover .chord-block-remove,.chord-block.is-selected .chord-block-remove{opacity:1}.chord-block-remove:hover{background:#0009;transform:scale(1.06)}.chords-workspace--progression{margin-bottom:20px}.sequencer-panel{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#121620b8,#0a0c14e0),#0c0e18a6;box-shadow:var(--shadow);outline:none;-webkit-user-select:none;user-select:none;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-med) var(--ease-out)}.sequencer-panel input,.sequencer-panel textarea,.sequencer-panel select{-webkit-user-select:text;user-select:text}.chords-workspace.is-focus-target,.sequencer-panel.is-focus-target{border-color:#96e6d2b8;box-shadow:0 0 0 2px #96e6d261,0 0 28px #78d2be29,var(--shadow)}.sequencer-panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.sequencer-panel-meter{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.4rem;padding:4px 10px;border-radius:10px;border:1px solid rgba(196,165,116,.35);background:linear-gradient(180deg,#c4a57424,#08090f73);line-height:1.15}.sequencer-panel-meter-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sequencer-panel-meter strong{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--accent-bright)}.sequencer-panel-meter.is-mixed{border-color:#7eb8ff73;background:linear-gradient(180deg,#7eb8ff29,#08090f73)}.sequencer-panel-meter.is-mixed strong{font-size:13px;color:#9ec8ff}.sequencer-window-meta.is-mixed{color:#9ec8ff}.sequencer-panel-track{display:flex;align-items:center;gap:10px}.sequencer-instrument-select{min-width:11rem;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#08090fb8;color:var(--ink-ui);font-size:12px}.sequencer-slider-field{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.sequencer-slider-field input[type=range]{width:72px}.sequencer-slider-field em{min-width:2ch;font-style:normal;font-size:11px;color:var(--ink-ui)}.sequencer-tools{display:flex;align-items:center;gap:6px}.sequencer-tool-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#08090f8c;color:var(--muted);font-size:14px;cursor:pointer}.sequencer-tool-btn.is-active{color:#7eb8ff;border-color:#5aa0ff73;background:#285ab440}.sequencer-grid-select{padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:#08090f8c;color:var(--ink-ui);font-size:11px}.sequencer-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-right:auto}.sequencer-history{display:flex;align-items:center;gap:4px}.sequencer-history-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:8px;border:1px solid var(--border);background:#08090f8c;color:var(--ink-ui);font-size:18px;font-weight:600;line-height:1;cursor:pointer}.sequencer-history-btn:hover:not(:disabled){border-color:#c4a57473;color:var(--accent-bright)}.sequencer-history-btn:disabled{opacity:.35;cursor:not-allowed}.sequencer-rec-style{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em}.sequencer-import-btn,.sequencer-record-live-btn,.sequencer-rec-btn{padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer}.sequencer-import-btn{border:1px solid rgba(126,184,255,.45);background:#285ab433;color:#b8d7ff}.sequencer-record-live-btn,.sequencer-rec-btn{border:1px solid rgba(232,93,122,.45);background:#e85d7a24;color:#ffb3c0;text-transform:uppercase}.sequencer-record-live-btn.is-recording{border-color:#ff5a5ab3;background:#dc283c59;color:#fff;box-shadow:0 0 0 1px #ff647840;animation:sequencer-record-pulse 1.1s ease-in-out infinite}@keyframes sequencer-record-pulse{0%,to{box-shadow:0 0 #e85d7a59}50%{box-shadow:0 0 0 6px #e85d7a00}}.sequencer-rec-btn.is-append{border-color:#e8a05d73;background:#e8a05d1f;color:#ffd4a8}.sequencer-import-btn:disabled,.sequencer-record-live-btn:disabled,.sequencer-rec-btn:disabled{opacity:.4;cursor:not-allowed}.sequencer-export-wrap{position:relative}.sequencer-export-btn,.sequencer-clear-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:#08090f8c;color:var(--ink-ui);font-size:12px;font-weight:600;cursor:pointer}.sequencer-export-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:flex;flex-direction:column;min-width:140px;padding:6px;border-radius:10px;border:1px solid var(--border);background:#0c0e16fa;box-shadow:var(--shadow)}.sequencer-export-menu button{padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--ink-ui);font-size:12px;text-align:left;cursor:pointer}.sequencer-export-menu button:hover{background:#ffffff0f}.sequencer-tool-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.25fr);gap:14px}.sequencer-tool-group{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#08090f66}.sequencer-tool-group--form{border-color:#e8c06047;background:linear-gradient(145deg,rgba(232,192,96,.1),transparent 55%),#08090f6b}.sequencer-tool-group--transpose{border-color:#7eb8ff47;background:linear-gradient(145deg,rgba(126,184,255,.1),transparent 55%),#08090f6b}.sequencer-tool-group--legato{border-color:#78d2aa4d;background:linear-gradient(145deg,rgba(120,210,170,.1),transparent 55%),#08090f6b}.sequencer-tool-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sequencer-tool-group-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e8ecf4db}.sequencer-tool-group--form .sequencer-tool-group-title{color:#f0d48a}.sequencer-tool-group--transpose .sequencer-tool-group-title{color:#9ec8ff}.sequencer-tool-group--legato .sequencer-tool-group-title{color:#9ed9b8}.sequencer-tool-group-hint{font-size:10px;color:var(--muted)}.sequencer-tool-group-body{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sequencer-form-field{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.sequencer-form-field select{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#08090f8c;color:var(--ink-ui)}.sequencer-form-add{padding:8px 14px;border-radius:8px;border:1px solid rgba(232,192,96,.4);background:#e8c06024;color:#f3d99a;font-size:12px;font-weight:700;cursor:pointer}.sequencer-form-add:hover{filter:brightness(1.08)}.sequencer-transpose{display:inline-flex;align-items:center;gap:6px;color:var(--ink-ui);font-size:12px}.sequencer-transpose-label{margin-right:2px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em}.sequencer-transpose button{min-width:2.4rem;height:26px;padding:0 6px!important;border-radius:6px!important;border:1px solid transparent!important;background:#ffffff0a!important;color:var(--ink-ui)!important;font-size:11px!important;font-weight:700;cursor:pointer}.sequencer-transpose button:hover:not(:disabled){border-color:#7eb8ff66!important;color:#8fd4ff!important;background:#7eb8ff1f!important}.sequencer-transpose button:disabled{opacity:.4;cursor:not-allowed}.sequencer-transpose-input{width:3rem;height:26px;padding:0 4px;border:1px solid var(--border);border-radius:6px;background:#ffffff0a;color:#b8dcff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.sequencer-transpose-input:focus-visible{outline:2px solid rgba(126,184,255,.55);outline-offset:1px}.sequencer-transpose-apply{min-width:2rem!important;background:#7eb8ff24!important;color:#8fd4ff!important}.sequencer-transpose-scope{margin-left:2px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;min-width:2.2rem}.sequencer-legato{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.sequencer-legato-overlap{display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;color:var(--muted);font-size:11px}.sequencer-legato-overlap input[type=range]{flex:1 1 auto;min-width:0;height:18px;accent-color:#7ed9a8}.sequencer-legato-overlap input[type=range]:disabled{opacity:.42;cursor:not-allowed}.sequencer-legato-overlap em{min-width:4.6ch;font-style:normal;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;color:var(--ink-ui)}.sequencer-legato-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:7px 12px;border-radius:9px;border:1px solid rgba(120,210,170,.28);background:#ffffff08;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer}.sequencer-legato-toggle:hover:not(:disabled){color:#d4f5e4;background:#78d2aa1a}.sequencer-legato-toggle.is-on{color:#b6ebd0;border-color:#78d2aa80;background:#28825f47}.sequencer-legato-toggle:disabled{opacity:.42;cursor:not-allowed}.sequencer-legato-graphic{position:relative;width:24px;height:11px;flex:0 0 auto}.sequencer-legato-bar{position:absolute;top:1px;height:9px;border-radius:2px}.sequencer-legato-bar--a{left:0;width:15px;background:currentColor;opacity:.88}.sequencer-legato-bar--b{left:11px;width:13px;background:currentColor;opacity:.38;box-shadow:inset 2px 0 0 currentColor}.sequencer-editor-row{display:flex;align-items:stretch;gap:0;min-height:0;max-height:min(68vh,580px)}.sequencer-editor-stack{display:flex;flex-direction:column;flex:1;min-width:0;border:1px solid var(--border);border-radius:12px 0 0 12px;overflow:hidden;background:#06070cbf;max-height:inherit;overscroll-behavior:contain}.seq-layer-rail{display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#10121cfa,#0a0c14f0)}.seq-layer-chip{--layer-color: #5aabe8;display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 8px 4px 4px;border-radius:12px;border:1px solid color-mix(in srgb,var(--layer-color) 28%,var(--border));background:linear-gradient(180deg,#161822eb,#080910e0);box-shadow:inset 0 1px #ffffff0a;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.seq-layer-chip.is-enabled{border-color:color-mix(in srgb,var(--layer-color) 55%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--layer-color) 16%,rgba(22,24,34,.95)),color-mix(in srgb,var(--layer-color) 8%,rgba(8,9,16,.9)))}.seq-layer-chip.is-active{border-color:color-mix(in srgb,var(--layer-color) 72%,white 8%);box-shadow:0 0 0 1px color-mix(in srgb,var(--layer-color) 45%,transparent),0 0 18px color-mix(in srgb,var(--layer-color) 22%,transparent)}.seq-layer-chip.is-disabled{filter:grayscale(.7);opacity:.55;border-color:#787c8859;background:linear-gradient(180deg,#1c1e26e6,#0e0f16e0);box-shadow:none}.seq-layer-push{display:flex;align-items:center;gap:8px;min-width:7.5rem;min-height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;text-align:left}.seq-layer-push:focus-visible{outline:2px solid color-mix(in srgb,var(--layer-color) 70%,white);outline-offset:2px}.seq-layer-bar{width:5px;align-self:stretch;min-height:34px;border-radius:10px 0 0 10px;background:var(--layer-color);box-shadow:0 0 10px color-mix(in srgb,var(--layer-color) 55%,transparent)}.seq-layer-chip.is-disabled .seq-layer-bar{box-shadow:none;background:#6a6e78}.seq-layer-push-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:4.4rem;padding:2px 0}.seq-layer-name{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--layer-color)}.seq-layer-chip.is-disabled .seq-layer-name{color:#9aa0ac}.seq-layer-count{font-size:10px;font-weight:600;color:var(--muted)}.seq-layer-push-state{margin-left:auto;margin-right:4px;padding:3px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--layer-color) 40%,transparent);background:color-mix(in srgb,var(--layer-color) 18%,transparent);color:var(--layer-color);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.seq-layer-chip.is-disabled .seq-layer-push-state{border-color:#8c909c59;background:#50546040;color:#9aa0ac}.seq-layer-gen{display:flex;align-items:center;gap:6px;padding-left:4px;border-left:1px solid rgba(255,255,255,.08)}.seq-layer-chip.is-disabled .seq-layer-gen{opacity:.45;pointer-events:none}.seq-layer-style{max-width:8.6rem;height:26px;padding:0 6px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#080910bf;color:var(--text);font-size:11px;font-weight:600}.seq-layer-style:disabled{color:#8b909c;cursor:not-allowed}.seq-layer-generate{height:26px;padding:0 9px;border-radius:7px;border:1px solid color-mix(in srgb,var(--layer-color) 55%,transparent);background:color-mix(in srgb,var(--layer-color) 22%,rgba(8,9,16,.7));color:#f4f7fb;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.seq-layer-generate:hover:not(:disabled){background:color-mix(in srgb,var(--layer-color) 38%,rgba(8,9,16,.5))}.seq-layer-generate:disabled{opacity:.4;cursor:not-allowed}.sequencer-window{display:flex;flex-direction:column;min-height:0;background:#08090e8c}.sequencer-piano-window{flex:1;min-height:180px;border-bottom:none}.sequencer-window-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);background:#0c0e16fa;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.sequencer-window-meta{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--muted)}.sequencer-piano-scroll{flex:1;overflow:auto;min-height:0}.sequencer-ruler-row{display:flex;position:sticky;top:0;z-index:4;min-width:min-content;border-bottom:1px solid var(--border);background:#0c0e16fa}.sequencer-ruler-corner{position:sticky;left:0;z-index:5;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:34px;padding:0 4px;border-right:1px solid var(--border);background:#0a0b12fa}.sequencer-ruler-bars-ctrl{position:sticky;right:0;z-index:6;flex-shrink:0;display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 6px;border-left:1px solid var(--border);background:#0a0b12fa}.sequencer-ruler-bars-btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:#ffffff0a;color:var(--ink-ui);font-size:14px;line-height:1;cursor:pointer}.sequencer-ruler-bars-btn:hover:not(:disabled){border-color:#7eb8ff73;color:#7eb8ff}.sequencer-ruler-bars-btn:disabled{opacity:.35;cursor:not-allowed}.sequencer-ruler-bars-count{min-width:1.5em;text-align:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.sequencer-time-mode-select{width:100%;max-width:56px;padding:2px;font-size:9px;font-weight:700;letter-spacing:.02em;color:var(--muted);background:#ffffff0a;border:1px solid var(--border);border-radius:4px;cursor:pointer}.sequencer-time-mode-select:focus-visible{outline:2px solid rgba(126,184,255,.55);outline-offset:1px}.sequencer-split-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:10px;cursor:ns-resize;background:#0e1018f2;border-top:1px solid var(--border);border-bottom:1px solid var(--border);touch-action:none}.sequencer-split-handle:hover,.sequencer-split-handle:active{background:#5aa0ff1f}.sequencer-split-grip{width:48px;height:4px;border-radius:999px;background:#ffffff38}.sequencer-velocity-window{flex-shrink:0;border-top:none}.sequencer-velocity-scroll{flex:1;overflow:auto;min-height:0}.sequencer-velocity-row{display:flex;align-items:stretch;min-width:min-content}.sequencer-ruler-inner{position:relative;height:34px;cursor:pointer;flex-shrink:0}.sequencer-ruler-inner.is-loop-tool{cursor:ew-resize}.sequencer-time-sig{position:absolute;left:6px;top:8px;font-size:11px;font-weight:700;color:var(--muted)}.sequencer-ruler-label{position:absolute;top:4px;padding-left:4px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent)}.sequencer-record-cursor{position:absolute;top:0;bottom:0;width:8px;margin-left:-4px;border-radius:2px;background:linear-gradient(90deg,#f0a04026,#f0a040f2 45%,#f0a040f2 55%,#f0a04026);box-shadow:0 0 10px #f0a04073,inset 0 0 0 1px #ffd28c59;pointer-events:none;z-index:2}.sequencer-record-cursor.is-grid{z-index:3;background:linear-gradient(90deg,#f0a0400d,#f0a04073 45%,#f0a04073 55%,#f0a0400d);box-shadow:none}.sequencer-record-cursor.is-velocity{z-index:3;background:linear-gradient(90deg,#f0a04014,#f0a0408c 45%,#f0a0408c 55%,#f0a04014);box-shadow:none}.sequencer-loop-region{position:absolute;top:2px;bottom:2px;border-radius:4px;background:#7eb8ff1f;border:1px solid rgba(126,184,255,.35);pointer-events:none;z-index:1}.sequencer-loop-region.is-active{background:#7eb8ff38;border-color:#7eb8ffb3;box-shadow:inset 0 0 0 1px #7eb8ff26}.sequencer-loop-handle{position:absolute;top:0;bottom:0;width:3px;background:#7eb8ffd9}.sequencer-loop-handle.is-start{left:0}.sequencer-loop-handle.is-end{right:0}.sequencer-loop-shade{position:absolute;top:0;bottom:0;background:#7eb8ff0d;border-left:1px solid rgba(126,184,255,.25);border-right:1px solid rgba(126,184,255,.25);pointer-events:none;z-index:1}.sequencer-loop-shade.is-active{background:#7eb8ff1a;border-left-color:#7eb8ff8c;border-right-color:#7eb8ff8c}.sequencer-form-marker{position:absolute;top:8px;display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:4px 10px 4px 12px;border-radius:5px 10px 10px 5px;background:#e8c060;color:#1a1520;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.2;box-shadow:0 2px 8px #00000059;cursor:grab;z-index:3;transform:rotate(-2deg);border-left:3px solid rgba(0,0,0,.22)}.sequencer-form-marker button{border:none;background:transparent;color:inherit;font-size:13px;line-height:1;cursor:pointer;opacity:.65}.sequencer-marker-edit{min-width:260px}.sequencer-marker-edit-presets{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.sequencer-marker-edit-presets button{padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--muted);font-size:10px;font-weight:600;cursor:pointer}.sequencer-marker-edit-presets button.is-active,.sequencer-marker-edit-presets button:hover{color:#ffe08a;border-color:#ffe08a73;background:#ffe08a1f}.sequencer-marker-edit-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sequencer-marker-edit-field input{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#ffffff0a;color:var(--text);font-size:13px;font-weight:500;text-transform:none;letter-spacing:normal}.sequencer-marker-edit-field input:focus-visible{outline:2px solid rgba(126,184,255,.55);outline-offset:1px}.sequencer-marker-edit-colors{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.sequencer-marker-color-swatch{width:22px;height:22px;padding:0;border:2px solid transparent;border-radius:6px;cursor:pointer;box-shadow:inset 0 0 0 1px #00000040}.sequencer-marker-color-swatch.is-active,.sequencer-marker-color-swatch:hover{border-color:#ffffffd9;box-shadow:inset 0 0 0 1px #0003,0 0 0 1px #7eb8ff80}.sequencer-marker-edit-preview{margin-top:6px;display:inline-flex;align-items:center;min-height:22px;padding:4px 12px;border-radius:5px 10px 10px 5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:none;border-left:3px solid rgba(0,0,0,.22);align-self:flex-start}.sequencer-marker-edit-position{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sequencer-marker-edit-delete{margin-right:auto;color:#ff8f8f!important}.sequencer-marker-edit-save{color:#8fd4ff!important;font-weight:700!important}.sequencer-body{display:flex;min-width:min-content}.sequencer-piano-roll{position:sticky;left:0;z-index:3;flex-shrink:0;border-right:1px solid rgba(255,255,255,.12);background:#12131a}.sequencer-piano-key{position:relative;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.25)}.sequencer-piano-key.is-white{background:linear-gradient(90deg,#ece8e0,#d8d2c8 88%,#bdb7ad)}.sequencer-piano-key.is-black{background:linear-gradient(90deg,#2a2a32,#181820 78%,#0a0a10);border-bottom-color:#ffffff0f}.sequencer-piano-key.is-active.is-white{background:linear-gradient(90deg,#fff4c2,#ffe08a 70%,#e8c060);box-shadow:inset -3px 0 #e8c060d9}.sequencer-piano-key.is-active.is-black{background:linear-gradient(90deg,#7eb8ff,#4a8fd4 70%,#2f6fad);box-shadow:inset -3px 0 #7eb8ffe6}.sequencer-piano-key.is-active .sequencer-piano-label{color:#14120cd9;font-weight:800}.sequencer-piano-key.is-active.is-black .sequencer-piano-label{color:#fffffff2}.sequencer-piano-label{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;color:#0000008c}.sequencer-piano-key.is-black .sequencer-piano-label{color:#ffffff8c}.sequencer-grid-wrap{position:relative;display:flex;flex-shrink:0}.sequencer-grid{position:relative;flex-shrink:0;cursor:crosshair;touch-action:none}.sequencer-row{border-bottom:1px solid rgba(255,255,255,.04)}.sequencer-row.is-black{background:#00000038}.sequencer-grid-line{position:absolute;top:0;bottom:0;width:1px;pointer-events:none}.sequencer-grid-line.is-sub{background:#ffffff0a}.sequencer-grid-line.is-beat{background:#ffffff1a}.sequencer-grid-line.is-bar{background:#c4a57459}.sequencer-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#e85d7a;box-shadow:0 0 8px #e85d7aa6;pointer-events:none;z-index:5}.sequencer-playhead.is-velocity{bottom:auto;height:100%;z-index:2}.sequencer-marquee{position:absolute;border:1px solid rgba(126,184,255,.85);background:#5aa0ff2e;pointer-events:none;z-index:6}.sequencer-note{position:absolute;border-radius:3px;background:linear-gradient(180deg,#6eb5ff,#3d8fd9);border:1px solid rgba(255,255,255,.22);box-shadow:0 1px 4px #00000059;cursor:grab;z-index:2;overflow:hidden}.sequencer-note.is-layer-chords{background:linear-gradient(180deg,#6eb5ff,#3d8fd9)}.sequencer-note.is-layer-melody{background:linear-gradient(180deg,#7ee8d8,#2bb8a8)}.sequencer-note.is-layer-bass{background:linear-gradient(180deg,#ffc078,#d47a2e)}.sequencer-note.is-hovered,.sequencer-note.is-selected{z-index:4}.sequencer-note.is-layer-chords.is-hovered,.sequencer-note.is-layer-chords.is-selected{background:linear-gradient(180deg,#9fd0ff,#5aabe8)}.sequencer-note.is-layer-melody.is-hovered,.sequencer-note.is-layer-melody.is-selected{background:linear-gradient(180deg,#b6f4ea,#3dccc0)}.sequencer-note.is-layer-bass.is-hovered,.sequencer-note.is-layer-bass.is-selected{background:linear-gradient(180deg,#ffd7a8,#f0a35e)}.sequencer-note.is-selected{outline:2px solid #fff;outline-offset:0}.sequencer-note.is-disabled{filter:grayscale(1);opacity:.38;cursor:default;pointer-events:none;box-shadow:none}.sequencer-note-label{position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;color:#ffffffeb;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}.sequencer-note-resize{position:absolute;top:0;right:0;bottom:0;cursor:ew-resize;border-radius:0 3px 3px 0;background:#0000002e}.sequencer-velocity{display:block;min-height:0;border-top:none;background:transparent}.sequencer-velocity-scale{position:sticky;left:0;z-index:2;width:64px;flex-shrink:0;border-right:1px solid var(--border);background:#0a0b12fa;box-sizing:border-box}.sequencer-velocity-tick{position:absolute;left:8px;transform:translateY(-50%);font-size:9px;font-weight:600;line-height:1;color:var(--muted);pointer-events:none;white-space:nowrap}.sequencer-velocity-lane{position:relative;flex-shrink:0;cursor:crosshair;touch-action:none;background:linear-gradient(to top,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 100% 25%,linear-gradient(to top,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 100% 50%,#06080ef2}.sequencer-velocity-bar{position:absolute;bottom:0;min-width:10px;min-height:12px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7eb8ff,#3d7ec0);pointer-events:auto;cursor:crosshair;touch-action:none;z-index:2}.sequencer-velocity-bar.is-layer-melody{background:linear-gradient(180deg,#7ee8d8,#2bb8a8)}.sequencer-velocity-bar.is-layer-bass{background:linear-gradient(180deg,#ffc078,#d47a2e)}.sequencer-velocity-bar.is-hovered,.sequencer-velocity-bar.is-selected{background:linear-gradient(180deg,#b8dcff,#6eb5ff);box-shadow:0 0 0 1px #ffffff73;z-index:3}.sequencer-velocity-bar.is-layer-melody.is-hovered,.sequencer-velocity-bar.is-layer-melody.is-selected{background:linear-gradient(180deg,#b6f4ea,#3dccc0)}.sequencer-velocity-bar.is-layer-bass.is-hovered,.sequencer-velocity-bar.is-layer-bass.is-selected{background:linear-gradient(180deg,#ffd7a8,#f0a35e)}.sequencer-velocity-bar.is-disabled{filter:grayscale(1);opacity:.38;pointer-events:none;cursor:default}.sequencer-velocity-bar-cap{position:absolute;top:-5px;left:50%;width:calc(100% + 6px);height:10px;transform:translate(-50%);border-radius:3px;background:#b8dcfff2;box-shadow:0 1px 3px #00000059;pointer-events:none}.sequencer-velocity-bar-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);padding:0 3px;border-radius:3px;background:#0a0c12eb;color:#b8dcff;font-size:9px;font-weight:700;line-height:1.3;white-space:nowrap;pointer-events:none}.sequencer-velocity-live-readout{position:sticky;left:72px;top:6px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:3px 8px;border-radius:6px;background:#0c101ceb;border:1px solid rgba(126,184,255,.45);color:#b8dcff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.sequencer-velocity-controls{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.sequencer-velocity-controls button{min-width:28px;height:24px;padding:0 6px;border-radius:5px;border:1px solid var(--border);background:#08090f8c;color:var(--ink-ui);font-size:10px;font-weight:700;cursor:pointer}.sequencer-velocity-controls button:hover{border-color:#7eb8ff73;color:#8fd4ff}.sequencer-velocity-input{width:3.2rem;height:24px;padding:0 6px;border-radius:5px;border:1px solid var(--border);background:#08090fb8;color:#b8dcff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.sequencer-velocity-input:focus-visible{outline:2px solid rgba(126,184,255,.55);outline-offset:1px}.sequencer-velocity-link{position:absolute;top:0;bottom:0;width:1px;margin-left:-.5px;background:#7eb8ff8c;pointer-events:none;z-index:1}.sequencer-transport{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding-top:12px;border-top:1px solid var(--border)}.sequencer-transport-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(165deg,#ffffff1f,#ffffff08 42%,#00000047),#0e1018eb;color:var(--ink-ui);box-shadow:inset 0 1px #ffffff29,0 8px 18px -10px #000000b3;cursor:pointer;transition:transform var(--motion-fast) var(--ease-press),border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}.sequencer-transport-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#c4a5746b;box-shadow:inset 0 1px #fff3,0 12px 22px -10px #000000c7,0 0 0 1px #c4a5741f}.sequencer-transport-btn:active:not(:disabled){transform:translateY(1px) scale(.97)}.sequencer-transport-btn:disabled{opacity:.45;cursor:not-allowed}.sequencer-transport-icon{display:block;width:20px;height:20px}.sequencer-transport-btn.is-play{width:52px;height:52px;background:linear-gradient(145deg,#7ec2ff,#4a90e8 48%,#2f6fc4);border-color:#b4dcff8c;color:#071018;box-shadow:inset 0 1px #ffffff73,0 10px 24px -8px #4a90e8a6,0 0 0 1px #4a90e840}.sequencer-transport-btn.is-play:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px #ffffff80,0 14px 28px -8px #4a90e8bf,0 0 0 1px #7ec2ff59}.sequencer-transport-btn.is-play .sequencer-transport-icon{width:22px;height:22px;margin-left:2px}.sequencer-transport-btn.is-playing{width:52px;height:52px;background:linear-gradient(145deg,#ff8ca047,#e85d7a2e);border-color:#ff96aa8c;color:pink;box-shadow:inset 0 1px #ffffff24,0 10px 24px -8px #e85d7a73}.sequencer-transport-btn.is-playing .sequencer-transport-icon{width:20px;height:20px;margin-left:0}.sequencer-transport-btn.is-loop-on{color:#9cccff;border-color:#6eb4ff8c;background:linear-gradient(165deg,#6eb4ff47,#285ab438),#0e1018eb;box-shadow:inset 0 1px #b4dcff38,0 8px 18px -10px #3c78dc73,0 0 0 1px #5aa0ff2e}.sequencer-transport-loop,.sequencer-transport-bpm{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sequencer-transport-bpm input{width:4.75rem;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#0000002e),#08090fb3;color:var(--ink-ui);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #ffffff14}.sequencer-timecode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;color:var(--accent-bright);letter-spacing:.06em;padding:8px 12px;border-radius:10px;border:1px solid rgba(196,165,116,.22);background:#c4a57414}.zoom-lenses{margin-left:auto;display:inline-flex;align-items:flex-end;gap:10px;flex-shrink:0}.zoom-lenses-time{width:11.5rem;justify-content:flex-end}.zoom-lens{display:flex;flex-direction:column;align-items:center;gap:4px;width:7.25rem;flex-shrink:0}.zoom-lens-glass{position:relative;width:52px;height:52px;flex-shrink:0;padding:0;border:none;background:transparent;color:#9ec8ff;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.zoom-lens[data-axis=H] .zoom-lens-glass{cursor:ew-resize}.zoom-lens-rim{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;border:1px solid rgba(126,184,255,.35);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.28),transparent 36%),radial-gradient(circle at 50% 55%,#285ab459,#080c16d9);box-shadow:inset 0 1px #fff3,0 6px 14px -8px #000000b3;pointer-events:none}.zoom-lens-core{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#c8e2ff;pointer-events:none}.zoom-lens-icon{width:22px;height:22px;opacity:.9}.zoom-lens-axis{position:absolute;bottom:14px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#c8e2ffe6}.zoom-lens-pct{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);width:3.2rem;text-align:center;font-style:normal;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-ui);text-shadow:0 1px 2px rgba(0,0,0,.55);pointer-events:none}.zoom-lens[data-axis=V] .zoom-lens-glass{color:#f0d48a}.zoom-lens[data-axis=V] .zoom-lens-rim{border-color:#e8c06059;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.28),transparent 36%),radial-gradient(circle at 50% 55%,#b482284d,#080c16d9)}.zoom-lens[data-axis=V] .zoom-lens-core,.zoom-lens[data-axis=V] .zoom-lens-axis{color:#f6e2a8}.zoom-lens-steps{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%;height:22px}.zoom-lens-step{width:22px;height:22px;flex-shrink:0;border-radius:6px;border:1px solid var(--border);background:#08090f8c;color:var(--ink-ui);font-size:13px;line-height:1;cursor:pointer}.zoom-lens-step:hover{border-color:#7eb8ff66;color:#8fd4ff}.zoom-lens-presets{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;height:22px;box-sizing:border-box;border-radius:999px;border:1px solid var(--border);background:#00000040}.zoom-lens-preset{display:grid;place-items:center;width:12px;height:16px;padding:0;border:none;background:transparent;cursor:pointer}.zoom-lens-preset-dot{width:5px;height:5px;border-radius:999px;background:#ffffff38;transition:background .12s ease,box-shadow .12s ease}.zoom-lens-preset.is-active .zoom-lens-preset-dot,.zoom-lens-preset:hover .zoom-lens-preset-dot{background:#8fd4ff;box-shadow:0 0 8px #7eb8ff8c}.zoom-lens[data-axis=V] .zoom-lens-preset.is-active .zoom-lens-preset-dot,.zoom-lens[data-axis=V] .zoom-lens-preset:hover .zoom-lens-preset-dot{background:#f0d48a;box-shadow:0 0 8px #e8c06080}.zoom-lens-caption{height:12px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.zoom-lenses-reset{align-self:center;width:3.4rem;height:28px;padding:0;border-radius:8px;border:1px solid rgba(126,184,255,.35);background:#285ab42e;color:#8fd4ff;font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0}.zoom-lenses-reset.is-idle{visibility:hidden;pointer-events:none}.zoom-lenses-reset:hover:not(:disabled){filter:brightness(1.08)}.zoom-lens-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;width:5.5rem;flex-shrink:0;border:1px solid var(--border);border-left:none;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#14120ceb,#08090ff2);padding:10px 6px}.zoom-lens.is-rail{width:100%}.zoom-lens.is-rail .zoom-lens-steps{flex-direction:column;height:auto;gap:6px}.zoom-lens.is-rail .zoom-lens-presets{flex-direction:column;height:auto;padding:5px 3px;border-radius:10px}.sequencer-meter-marker{position:absolute;top:2px;z-index:4;transform:translate(-50%);padding:1px 6px;border-radius:999px;border:1px solid rgba(126,184,255,.55);background:#1e468ce0;color:#d7eaff;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1.3;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px #00000059}.sequencer-ruler-label.is-meter-bar{color:#9ec8ff;font-weight:800}.sequencer-empty{margin:0;padding:10px 12px;border-radius:10px;background:#0003;border:1px dashed var(--border);color:var(--muted);font-size:12px;line-height:1.5}.sequencer-empty strong{color:var(--accent-bright);font-weight:700}.sequencer-clear-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 980px){.sequencer-tool-groups{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sequencer-tool-group--legato{grid-column:1 / -1}}@media (max-width: 720px){.sequencer-tool-groups{grid-template-columns:1fr}.sequencer-tool-group--legato{grid-column:auto}.zoom-lenses,.zoom-lenses-time{margin-left:0;width:100%;justify-content:flex-start}.sequencer-editor-row{max-height:none}.zoom-lens-rail{width:4.6rem}.chords-accompaniment-row{flex-direction:column;align-items:stretch}.chords-accompaniment-row .chords-play-btn{width:100%}.chords-slider-field,.swing-controls{width:100%;justify-content:space-between}.chords-slider-field input[type=range],.swing-amount input[type=range]{flex:1;width:auto;min-width:0}.chord-palette-degrees,.chord-palette-row{grid-template-columns:1fr}.chord-palette-degrees-spacer{display:none}.chord-palette-row-label{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px}.chord-palette-toggle-hint{display:none}.chord-block{min-height:76px}.chord-ruler-legend{display:none}.chord-progression-header{flex-direction:column;align-items:stretch}.chord-progression-actions{justify-content:flex-start}}.eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.title-main{color:var(--ink-ui)}.title-accent{margin-left:.18em;font-style:italic;font-weight:500;background:linear-gradient(120deg,#b8893f,#6b7db5);-webkit-background-clip:text;background-clip:text;color:transparent}.title-lockup .title-accent{margin-left:0}.title-lockup--signature{display:inline-flex;align-items:baseline;padding:.08em .12em .28em 0;line-height:.82}.title-lockup--signature .title-main{font-size:.62em;font-weight:600;font-style:italic;letter-spacing:.01em;transform:rotate(-4deg);transform-origin:100% 80%;margin-right:.02em}.title-lockup--signature .title-accent{font-size:1.38em;font-weight:600;font-style:italic;letter-spacing:-.045em;line-height:.72;background:linear-gradient(105deg,#c9a056,#a67c52 28%,#7a8cb8 62%,#b7a0c9);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:10px 0 0;max-width:52ch;color:var(--muted);font-size:15px;line-height:1.55}.app-footer{margin-top:28px;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.04em}body.notation-immersive{overflow:hidden;height:100%;height:100dvh}body.notation-immersive #root{height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app:has(.notation-page){max-width:none;width:100%;margin:0;padding:10px 14px 12px;flex:1;min-height:0;height:100%;max-height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.app:has(.notation-page) .shell-nav{flex:none;margin-bottom:8px}.app:has(.notation-page) .shell-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app:has(.notation-page) .app-footer{display:none}.notation-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.editor{border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.editor--fill{flex:1;min-height:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;padding:14px 22px;border-bottom:1px solid var(--border)}.input-tools-bar{background:#08090f1f}.group{display:flex;flex-direction:column;gap:7px}.group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.btn-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff1a,#ffffff08 45%,#0003),#ffffff08;color:var(--ink-ui);border-radius:10px;padding:8px 12px;min-width:38px;height:40px;font-size:13px;font-family:var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-press),box-shadow var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:var(--rim-highlight),0 2px 6px #00000040;transform:translateZ(0);will-change:transform}.btn:hover{border-color:#c4a5746b;background:linear-gradient(180deg,#ffffff24,#c4a5741a,#00000029);transform:translateY(-1px);box-shadow:var(--rim-highlight),0 8px 18px #00000059,0 0 16px #c4a5741f}.btn:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 6px #00000073,inset 0 0 0 1px #0003}.btn.active{border-color:var(--accent);background:linear-gradient(180deg,#e8c98a47,#c4a5741f),var(--accent-soft);color:var(--accent-bright);box-shadow:0 0 20px var(--accent-soft),inset 0 0 0 1px #c4a57466,inset 0 1px #ffffff2e;animation:ui-active-settle var(--motion-med) var(--ease-spring)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn:hover .bravura-icon{transform:translateY(2px) scale(1.06)}.btn:hover .dot-icon{transform:translateY(-6px) scale(1.06)}.btn.active .bravura-icon{filter:drop-shadow(0 0 6px rgba(232,201,138,.35))}.btn.glyph{padding:4px 10px}.bravura-icon{font-family:Bravura;font-size:30px;line-height:1;display:inline-block;transform:translateY(2px);transition:transform var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}.tool-key-glyphs{display:inline-flex;align-items:center;gap:4px}.tool-key-glyphs .bravura-icon{font-size:24px;transform:translateY(1px)}.btn .dot-icon{font-size:28px;font-weight:800;transform:translateY(-6px)}.btn.play{background:linear-gradient(145deg,var(--accent-bright),var(--accent) 50%,#a67c52);color:#1a1208;border:none;font-weight:600;min-width:88px;box-shadow:var(--rim-highlight),0 6px 18px #c4a57452,0 1px #ffffff40 inset}.btn.play:hover{background:linear-gradient(145deg,#f0d6a0,var(--accent-bright) 40%,var(--accent));transform:translateY(-1px);box-shadow:var(--rim-highlight),0 10px 26px #c4a5746b,0 1px #ffffff4d inset}.btn-new-project{color:var(--accent-bright);border-color:#c4a5746b}.btn-new-project:hover{border-color:#c4a574b8;background:linear-gradient(180deg,#e8c98a2e,#c4a57414)}.tempo{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}.tempo input[type=range]{width:96px;accent-color:var(--accent)}.sound-quality{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.sound-quality-label{opacity:.85}.sound-quality-buttons{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#ffffff08}.sound-quality-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:4px 8px;font:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);background:transparent;cursor:pointer;border-right:1px solid var(--border)}.sound-quality-btn:last-child{border-right:0}.sound-quality-btn:hover{color:var(--text);background:#ffffff0d}.sound-quality-btn.active{color:var(--text);background:#c4a5742e;box-shadow:inset 0 0 0 1px #c4a57459}.hear-input-toggle{font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.hear-input-toggle.active{border-color:#60a5fa80;background:#3b82f624;color:#93c5fd}.view-panel{padding:16px 18px}.workspace{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.workspace-zoom-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:#0e1018d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.06em;-webkit-user-select:none;user-select:none;touch-action:none;cursor:ns-resize}.workspace-zoom-badge:hover,.workspace-zoom-badge:focus-visible{color:var(--accent-bright);border-color:#c4a57473;outline:none}.workspace-controls{position:fixed;top:12px;right:18px;z-index:720;display:flex;align-items:center;gap:8px;touch-action:none}.workspace-controls.is-dragging{opacity:.94;cursor:grabbing;box-shadow:0 12px 32px #00000073}.workspace-controls-grabber{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:32px;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.workspace-controls-grabber:hover,.workspace-controls-grabber:focus-visible{color:var(--accent-bright);background:#c4a5741f;outline:none}.workspace-controls.is-dragging .workspace-controls-grabber{cursor:grabbing;color:var(--accent-bright)}.workspace-controls-grabber-dots{font-size:12px;letter-spacing:-.12em;line-height:1;transform:translateY(-1px)}.workspace-controls--flyout-up .view-flyout-panel{top:auto;bottom:calc(100% + 8px);transform:translateY(8px)}.workspace-controls--flyout-up .view-flyout:hover .view-flyout-panel,.workspace-controls--flyout-up .view-flyout.open .view-flyout-panel{transform:translateY(0)}.workspace-maximize-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:#0e1018d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-ui);font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.workspace-maximize-btn:hover{border-color:#c4a57480;color:var(--accent-bright)}.workspace-maximize-icon{font-size:15px;line-height:1}.view-flyout{position:relative;top:auto;right:auto}.view-flyout-handle{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:#0e1018d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-ui);font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.view-flyout-handle:hover,.view-flyout.open .view-flyout-handle{border-color:#c4a57480;color:var(--accent-bright)}.view-flyout-icon{font-size:14px}.view-flyout-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;border:1px solid var(--border);border-radius:14px;background:#0c0e16f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #0000008c;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.view-flyout:hover .view-flyout-panel,.view-flyout.open .view-flyout-panel{opacity:1;visibility:visible;transform:translateY(0)}.view-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.view-reset{height:30px;padding:0 12px;font-size:12px;color:var(--muted)}.view-bar-numbers-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.view-reset-bar-numbers{height:26px;padding:0 10px;font-size:11px;flex-shrink:0}.view-reset-bar-numbers:disabled{opacity:.4;cursor:default}.view-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preset-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:12px;font-family:var(--font-ui);cursor:pointer;transition:all .15s ease}.preset-chip:hover{color:var(--ink-ui);border-color:#ffffff24}.preset-chip.active{color:var(--accent-bright);border-color:var(--accent);background:var(--accent-soft)}.view-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 20px}.view-slider{display:grid;grid-template-columns:96px 1fr 3.4em;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.view-slider input[type=range]{width:100%;accent-color:var(--violet);height:4px}.view-slider-value{text-align:center;font-variant-numeric:tabular-nums;color:var(--ink-ui);font-weight:500}.view-toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-ui);cursor:pointer;-webkit-user-select:none;user-select:none}.view-toggle input{accent-color:var(--accent)}.view-hint{margin:-4px 0 8px;font-size:11px;line-height:1.45;color:var(--muted)}.view-slider--disabled{opacity:.45;pointer-events:none}.studio-bar{display:flex;flex-direction:column;gap:12px;padding:10px 22px 12px;border-bottom:1px solid var(--border);background:#08090f59}.studio-bar-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.studio-tab-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.studio-tab-group--trailing{margin-left:auto}.studio-tab-group--brand{gap:8px}.studio-brand-mark{display:inline-flex;align-items:center;gap:8px;padding:2px 4px 2px 2px;margin-right:2px;flex:none;-webkit-user-select:none;user-select:none;pointer-events:none}.studio-brand-mark img{width:30px;height:30px;border-radius:50%;object-fit:contain;background:radial-gradient(circle at 40% 35%,#28375af2,#080c18fa);box-shadow:0 0 0 1px #c4a57447}.studio-brand-text{font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap}.studio-dock--vertical .studio-brand-mark{flex-direction:column;align-items:center;margin:0 0 4px;padding:4px}.studio-dock--vertical .studio-brand-text{font-size:.85rem}.studio-toggle.edu-toggle.active{border-color:#ff9a3ca6;background:linear-gradient(135deg,#ff5c5c1f,#4da6ff24,#b06cff1f);color:#ffd24a;box-shadow:0 0 14px #ffd24a33}.studio-tab-sep{width:1px;align-self:stretch;min-height:22px;margin:0 4px;background:#ffffff1f;flex:0 0 1px}.studio-bar-trailing{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto}.studio-bar-panels{display:flex;flex-direction:column;gap:12px}.studio-panel-body{display:flex;flex-direction:column;gap:12px;width:100%}.studio-dock{position:fixed;z-index:210;display:flex;flex-direction:column;gap:0;max-width:min(96vw,1100px);max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);border-radius:14px;background:linear-gradient(180deg,#222028f5,#12141ff5);border:1px solid rgba(196,165,116,.34);box-shadow:0 18px 48px -12px #000000a6,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1f,0 0 28px #c4a57414;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);touch-action:none;overflow:hidden;transition:box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.studio-dock--dragging{border-color:#e8c98a9e;transform:scale(1.012);box-shadow:0 28px 64px -10px #000000bf,0 0 0 1px #e8c98a47,inset 0 1px #ffffff29,0 0 36px #c4a57433}.studio-dock-chrome{display:flex;align-items:center;gap:6px;flex:none;padding:8px 8px 8px 12px;border-bottom:1px solid rgba(196,165,116,.14);cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 55%,transparent 100%)}.studio-dock-chrome:active{cursor:grabbing}.studio-dock--collapsed .studio-dock-chrome{border-bottom:none}.studio-dock-grip{flex:none;font-size:13px;line-height:1;letter-spacing:-.12em;color:#c4a5748c}.studio-dock-hint,.studio-dock-collapsed-label{flex:1;min-width:0;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-dock-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-press)}.studio-dock-btn:hover{color:var(--ink-ui);background:#ffffff14;border-color:#c4a57440;transform:translateY(-1px)}.studio-dock-body{padding:8px 10px 10px;overflow:auto;overscroll-behavior:contain;touch-action:auto}.studio-dock-panels{padding:0 10px 10px}.studio-dock--horizontal .studio-bar-tabs{flex-direction:row;flex-wrap:wrap}.studio-dock--vertical{max-width:min(280px,88vw)}.studio-dock--vertical .studio-dock-chrome{flex-direction:column;align-items:stretch;padding:10px 8px;gap:8px}.studio-dock--vertical .studio-dock-hint,.studio-dock--vertical .studio-dock-collapsed-label{text-align:center;writing-mode:horizontal-tb}.studio-dock--vertical .studio-dock-btn{width:100%}.studio-dock--vertical .studio-bar-tabs{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px}.studio-dock--vertical .studio-tab-group{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.studio-dock--vertical .studio-tab-group--trailing{margin-left:0}.studio-dock--vertical .studio-tab-sep{width:auto;height:1px;min-height:0;align-self:stretch;margin:2px 0}.studio-dock--vertical .studio-bar-trailing{margin-left:0;flex-direction:column;align-items:stretch}.studio-dock--vertical .mode-bar-playback{flex-direction:column;align-items:stretch}.studio-dock--vertical .studio-toggle,.studio-dock--vertical .btn{width:100%;justify-content:center}.studio-dock--vertical .tempo,.studio-dock--vertical .sound-quality{flex-wrap:wrap;justify-content:center;width:100%}.studio-dock--collapsed{min-width:120px}.studio-dock--vertical.studio-dock--collapsed{min-width:52px;max-width:64px}.studio-dock--vertical.studio-dock--collapsed .studio-dock-collapsed-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.18em;padding:6px 0;text-align:center}.studio-dock--vertical .studio-toggle{padding:8px 10px;font-size:12px}.float-panel{--nx-symbol-scale: 1;position:fixed;z-index:800;max-height:calc(100vh - 16px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#24222afa,#12141ffa);border:1px solid rgba(196,165,116,.32);box-shadow:0 22px 56px -10px #000000b3,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1f,0 0 32px #c4a57414;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);touch-action:none;transform-origin:top center;animation:ui-window-in var(--motion-med) var(--ease-spring);transition:box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.float-panel:hover{border-color:#c4a57473;box-shadow:0 26px 64px -10px #000000bd,0 0 0 1px #ffffff0f inset,inset 0 1px #ffffff24,0 0 36px #c4a57424}.float-panel--dragging{border-color:#e8c98a9e;transform:scale(1.012);box-shadow:0 32px 72px -8px #000000c7,0 0 0 1px #e8c98a47,inset 0 1px #ffffff29,0 0 40px #c4a57438;animation:none}.float-panel--sized{max-height:calc(100vh - 16px);overflow:hidden}.float-panel--sized .float-panel-body{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}.float-panel--vertical .float-panel-body{overflow:auto}.float-panel--vertical:not(.float-panel--minimized){min-width:64px;max-width:min(320px,88vw);container-type:inline-size;container-name:float-vert}@container float-vert (max-width: 140px){.float-panel-grip{display:none}.float-panel-chrome{padding:6px 4px;gap:2px}.float-panel-btn{width:22px;height:22px}.float-panel-title{letter-spacing:.04em;font-size:9px}.nx-grid,.nx-grid--compact,.nx-grid--dyn,.nx-grid--finger,.nx-grid--wide{padding:6px 4px;gap:4px}}.float-panel-resize{position:absolute;z-index:3;background:transparent}.float-panel-resize--n,.float-panel-resize--s{left:10px;right:10px;height:8px;cursor:ns-resize}.float-panel-resize--n{top:0}.float-panel-resize--s{bottom:0}.float-panel-resize--e,.float-panel-resize--w{top:10px;bottom:10px;width:8px;cursor:ew-resize}.float-panel-resize--e{right:0}.float-panel-resize--w{left:0}.float-panel-resize--ne,.float-panel-resize--nw,.float-panel-resize--se,.float-panel-resize--sw{width:14px;height:14px}.float-panel-resize--ne{top:0;right:0;cursor:nesw-resize}.float-panel-resize--nw{top:0;left:0;cursor:nwse-resize}.float-panel-resize--se{bottom:0;right:0;cursor:nwse-resize}.float-panel-resize--sw{bottom:0;left:0;cursor:nesw-resize}.float-panel-resize--se:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(196,165,116,.45);border-bottom:2px solid rgba(196,165,116,.45);border-radius:0 0 2px;pointer-events:none}.float-panel:hover .float-panel-resize--se:after{border-color:#c4a574bf}.float-panel--vertical:not(.float-panel--input-tools){max-height:min(58vh,calc(100dvh - 16px))}.float-panel--vertical.float-panel--sized:not(.float-panel--input-tools){max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.float-panel--gutter:not(.float-panel--minimized){min-width:64px;max-width:min(320px,42vw)}.float-panel--vertical:not(.float-panel--input-tools) .float-panel-body{overflow:auto}.float-panel--horizontal:not(.float-panel--input-tools){container-type:inline-size;container-name:float-tools}.float-panel--horizontal .nx-cell,.float-panel--horizontal .nx-cell-glyphs{overflow:visible}@container float-tools (min-width: 560px){.float-panel-body>.nx-panel{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px 16px}.float-panel-body>.nx-panel>.nx-panel-hint{flex:1 0 100%}.float-panel-body>.nx-panel>.nx-group{flex:1 1 200px;min-width:160px;padding-top:0}.float-panel-body>.nx-panel>.nx-group+.nx-group{border-top:none;border-left:1px solid rgba(255,255,255,.08);padding-top:0;padding-left:14px;margin-left:0}}@keyframes float-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.float-panel--minimized{max-height:none}.float-panel--minimized.float-panel--vertical{width:52px!important}.float-panel--minimized.float-panel--vertical .float-panel-chrome{flex-direction:column;padding:10px 6px;gap:8px}.float-panel--minimized.float-panel--vertical .float-panel-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.16em;flex:none;max-height:140px}.float-panel-chrome{display:flex;align-items:center;gap:6px;flex:none;padding:10px 8px 10px 12px;border-bottom:1px solid rgba(196,165,116,.16);cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 55%,transparent 100%);transition:background var(--motion-fast) var(--ease-out)}.float-panel--minimized .float-panel-chrome{border-bottom:none}.float-panel-chrome:active{cursor:grabbing}.float-panel--dragging .float-panel-chrome{background:linear-gradient(180deg,rgba(232,201,138,.14) 0%,rgba(196,165,116,.04) 60%,transparent 100%)}.float-panel-grip{flex:none;font-size:13px;line-height:1;letter-spacing:-.12em;color:#c4a5748c;transition:color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.float-panel--dragging .float-panel-grip,.float-panel-chrome:hover .float-panel-grip{color:var(--accent-bright)}.float-panel-title{flex:1;min-width:0;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 18px rgba(196,165,116,.25)}.float-panel-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-press)}.float-panel-btn:hover{color:var(--ink-ui);background:#ffffff14;border-color:#c4a57440;transform:translateY(-1px)}.float-panel-btn:active{transform:translateY(1px) scale(.94)}.float-panel-btn--active{color:var(--accent-bright);background:#c4a57424;border-color:#c4a57466}.float-panel-dock{position:relative;flex:none}.float-panel-dock-icon{width:14px;height:14px;display:block}.float-panel-dock-menu{position:fixed;z-index:9000;min-width:168px;padding:6px;border-radius:10px;border:1px solid rgba(196,165,116,.32);background:#10121cfa;box-shadow:0 16px 40px #0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.float-panel-dock-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--ink-ui);font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.02em;padding:8px 10px;border-radius:7px;cursor:pointer}.float-panel-dock-item:hover{background:#ffffff14;border-color:#c4a57438}.float-panel-dock-item.is-active{color:var(--accent-bright);background:#c4a57424;border-color:#c4a57459}.float-panel-body{flex:1;min-height:0;overflow:auto;padding:12px 14px 14px;overscroll-behavior:contain;touch-action:auto}.float-panel-body .studio-panel-body,.float-panel-body .nx-panel,.float-panel-body .edit-panel,.float-panel-body .file-panel{width:auto;max-width:none;padding-bottom:0}.float-panel-body .nx-grid{max-width:none}.float-panel-body .edit-panel-actions{flex-wrap:wrap}.nx-panel{display:flex;flex-direction:column;gap:14px;width:100%;padding-bottom:4px}.nx-panel-hint{font-size:12px;color:var(--muted);line-height:1.35}.float-panel--gutter .nx-panel-hint,.float-panel--vertical:not(.float-panel--input-tools) .nx-panel-hint{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nx-group{display:flex;flex-direction:column;gap:8px;padding-top:2px}.nx-group+.nx-group{border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.nx-group-label{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.voice-picker{display:flex;flex-direction:column;gap:8px}.voice-picker--compact{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.voice-multi-toggle{display:inline-flex;align-items:center;gap:7px;margin:0;padding:5px 12px;border-radius:999px;border:1px solid rgba(232,201,138,.55);background:linear-gradient(180deg,#ffecbe38,#c4a57414 55%,#c4a5740a);box-shadow:inset 0 1px #fff8e659,0 0 10px #e8c98a2e;color:var(--accent-bright, #e8c98a);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.voice-multi-toggle:hover{border-color:#e8c98ad9;box-shadow:inset 0 1px #fff8e680,0 0 14px #e8c98a52;color:#ffe7b0}.voice-multi-toggle input{width:15px;height:15px;accent-color:var(--accent-bright, #e8c98a);cursor:pointer;flex:none}.voice-multi-toggle.active{color:#1a140c;border-color:#f0d48a;background:linear-gradient(180deg,#ffe9b8 0%,var(--accent-bright, #e8c98a) 48%,var(--accent, #c4a574) 100%);box-shadow:inset 0 1px #ffffffa6,0 0 16px #e8c98a73}.voice-single-hint{font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.voice-dropdown-wrap{display:inline-flex;align-items:center;gap:6px;margin:0}.voice-dropdown-label{font-size:11px;font-weight:600;color:var(--muted)}.voice-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:7.5em;height:32px;padding:0 28px 0 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--voice-color, #c4a574) 55%,transparent);background:linear-gradient(45deg,transparent 50%,var(--ink-ui) 50%) calc(100% - 14px) / 5px 5px no-repeat,linear-gradient(135deg,var(--ink-ui) 50%,transparent 50%) calc(100% - 9px) / 5px 5px no-repeat,var(--voice-color-soft, rgba(196, 165, 116, .18));color:var(--voice-color, var(--ink-ui));font-family:var(--font-ui);font-size:12px;font-weight:700;cursor:pointer}.voice-dropdown:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--voice-color, #c4a574) 40%,transparent)}.voice-dropdown option{color:var(--ink-ui);background:#1a1f2e;font-weight:600}.voice-picker-active-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.voice-active-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--voice-color, #c4a574);background:var(--voice-color-soft, rgba(196, 165, 116, .2));color:var(--voice-color, #c4a574);font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.voice-picker-buttons{display:flex;flex-wrap:wrap;gap:6px}.voice-picker--compact .voice-picker-buttons{gap:4px}.voice-btn{display:inline-flex;align-items:center;gap:6px;min-width:2.6rem;font-variant-numeric:tabular-nums;border:1px solid color-mix(in srgb,var(--voice-color, #888) 45%,transparent);background:var(--voice-color-soft, rgba(128, 128, 128, .12));color:var(--text, #eee);opacity:.72;transition:opacity .12s ease,box-shadow .12s ease,transform .12s ease}.voice-btn-swatch{width:10px;height:10px;border-radius:50%;background:var(--voice-color, #888);box-shadow:0 0 0 1px #00000040;flex:none}.voice-btn-label{font-weight:700;letter-spacing:.02em}.voice-btn-check{font-size:11px;font-weight:800;line-height:1;color:var(--voice-color, #c4a574)}.voice-btn.active{opacity:1;border-color:var(--voice-color, #c4a574);border-width:2px;color:var(--voice-color, #c4a574);background:color-mix(in srgb,var(--voice-color, #c4a574) 28%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--voice-color, #c4a574) 45%,transparent),0 0 12px color-mix(in srgb,var(--voice-color, #c4a574) 35%,transparent);transform:translateY(-1px)}.voice-btn.active .voice-btn-swatch{width:12px;height:12px;box-shadow:0 0 0 2px #ffffff59,0 0 0 3px var(--voice-color, #c4a574)}.studio-tab-group--voices{align-items:center}.note.voice-mono text,.note.voice-mono .bravura-glyph{fill:var(--score-ink)}.note.voice-mono .stem,.note.voice-mono line.stem,.stem.voice-mono,.beam.voice-mono{stroke:var(--score-ink);fill:var(--score-ink)}.note.voice-1 text,.note.voice-1 .bravura-glyph,.timesig .voice-1{fill:#1d4ed8}.note.voice-2 text,.note.voice-2 .bravura-glyph{fill:#b91c1c}.note.voice-3 text,.note.voice-3 .bravura-glyph{fill:#15803d}.note.voice-4 text,.note.voice-4 .bravura-glyph{fill:#7c3aed}.note.voice-1 .stem,.note.voice-1 line.stem,.stem.voice-1{stroke:#1d4ed8}.note.voice-2 .stem,.note.voice-2 line.stem{stroke:#b91c1c}.note.voice-3 .stem,.note.voice-3 line.stem{stroke:#15803d}.note.voice-4 .stem,.note.voice-4 line.stem{stroke:#7c3aed}.beam.voice-1{fill:#1d4ed8}.beam.voice-2{fill:#b91c1c}.beam.voice-3{fill:#15803d}.beam.voice-4{fill:#7c3aed}.note.selected.voice-1 text,.note.selected.voice-2 text,.note.selected.voice-3 text,.note.selected.voice-4 text,.note.playing.voice-1 text,.note.playing.voice-2 text,.note.playing.voice-3 text,.note.playing.voice-4 text{filter:brightness(1.15)}.nx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(44px * var(--nx-symbol-scale, 1))),1fr));gap:calc(6px * var(--nx-symbol-scale, 1));padding:calc(10px * var(--nx-symbol-scale, 1));border-radius:12px;border:1px solid rgba(92,79,66,.18);background:#fbf7ec0f;max-width:none}.nx-grid--compact{max-width:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(40px * var(--nx-symbol-scale, 1))),1fr))}.nx-grid--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(110px * var(--nx-symbol-scale, 1))),1fr));max-width:none}.nx-grid--dyn{grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(48px * var(--nx-symbol-scale, 1))),1fr));max-width:none}.nx-grid--finger{grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(40px * var(--nx-symbol-scale, 1))),1fr));max-width:none}.nx-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4px * var(--nx-symbol-scale, 1));min-height:calc(44px * var(--nx-symbol-scale, 1));min-width:calc(44px * var(--nx-symbol-scale, 1));padding:calc(6px * var(--nx-symbol-scale, 1)) calc(4px * var(--nx-symbol-scale, 1));border-radius:8px;border:1px solid transparent;background:linear-gradient(180deg,#ffffff14,#ffffff05 55%,#00000029),#ffffff0a;color:var(--ink-ui);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-press);box-shadow:var(--rim-highlight);transform:translateZ(0)}.nx-cell:hover:not(:disabled){border-color:#c4a57480;background:linear-gradient(180deg,#e8c98a2e,#c4a5741a);transform:translateY(-1px);box-shadow:var(--rim-highlight),0 6px 14px #0000004d,0 0 14px #c4a57424}.nx-cell:active:not(:disabled){transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 5px #0006}.nx-cell:focus{outline:none}.nx-cell:focus-visible{outline:2px solid rgba(196,165,116,.7);outline-offset:2px}.nx-cell.active,.nx-cell.active:hover:not(:disabled){border-color:var(--accent);background:linear-gradient(180deg,#e8c98a42,#c4a5741f),var(--accent-soft);color:var(--accent-bright);box-shadow:inset 0 0 0 1px #c4a57459,inset 0 1px #ffffff29,0 0 16px #c4a5742e;animation:ui-active-settle var(--motion-med) var(--ease-spring)}.nx-cell:hover:not(:disabled) .nx-cell-glyphs{transform:scale(1.05)}.nx-cell:disabled{opacity:.4;cursor:not-allowed}.nx-cell--wide{min-height:calc(56px * var(--nx-symbol-scale, 1))}.nx-cell--finger{font-family:var(--font-ui);font-size:calc(15px * var(--nx-symbol-scale, 1));font-weight:600;min-height:calc(40px * var(--nx-symbol-scale, 1))}.nx-cell--disabled-look{opacity:.35}.nx-cell-glyphs{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;min-height:1.6em;font-family:Bravura,serif;font-size:calc(22px * var(--nx-symbol-scale, 1));line-height:1;color:#c9d0e0;transition:transform var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.nx-cell.active .nx-cell-glyphs{color:var(--accent-bright)}.nx-cell-glyphs--dyn{font-size:calc(26px * var(--nx-symbol-scale, 1));color:#d5dbeb}.nx-cell-glyphs--orn{font-size:calc(24px * var(--nx-symbol-scale, 1));color:#d5dbeb}.nx-cell-head{opacity:.85}.nx-cell-mark--over{position:absolute;left:50%;bottom:72%;transform:translate(-50%);font-size:calc(18px * var(--nx-symbol-scale, 1))}.nx-cell-caption{font-family:var(--font-ui);font-size:calc(11px * var(--nx-symbol-scale, 1));color:var(--muted-ui, rgba(220, 224, 235, .7))}.nx-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px}.nx-toolrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.nx-toolrow .nx-cell{flex:0 0 auto}.nx-cell-glyphs--note{font-size:28px}.nx-cell-dot{font-size:34px;font-weight:800;line-height:.4;transform:translateY(-2px)}.nx-cell-dot--double{font-size:22px;letter-spacing:.02em;line-height:1;transform:none;font-weight:700}.nx-tuplet-glyph{display:inline-flex;align-items:center;gap:1px;line-height:1}.nx-tuplet-bracket{font-size:11px;font-weight:600;opacity:.85;transform:translateY(-1px)}.nx-tuplet-glyph .bravura-btn{font-size:15px;line-height:1}.nx-tuplet-label{margin-left:4px}.nx-mark-icon{display:inline-grid;place-items:center;width:100%;height:100%}.nx-mark-svg{width:22px;height:13px;display:block}.nx-cell-text{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.02em;color:#c9d0e0}.nx-size-sm{font-size:16px}.nx-size-lg{font-size:30px}.nx-cell.active .nx-cell-text{color:var(--accent-bright)}.nx-cell--text-artic{min-height:calc(44px * var(--nx-symbol-scale, 1))}.nx-cell-text--technique{font-family:Times New Roman,Times,serif;font-style:italic;font-weight:400;font-size:calc(13px * var(--nx-symbol-scale, 1));letter-spacing:0;line-height:1.15;text-align:center}.nx-mordent-wrap{position:relative}.nx-cell--mordent{position:relative;padding-right:14px}.nx-mordent-caret{position:absolute;right:4px;bottom:4px;font-size:9px;opacity:.7}.nx-mordent-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:170px;padding:4px;border-radius:10px;border:1px solid rgba(92,79,66,.2);background:#fbf7ec;box-shadow:0 10px 22px #14100c40}.nx-mordent-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#1e2a44;font-family:var(--font-ui);font-size:12px;cursor:pointer;text-align:left}.nx-mordent-item:hover{background:#c9a00024}.nx-orn-tremolo{position:absolute;left:54%;top:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none;line-height:0}.nx-orn-tremolo-slash{display:block;font-size:calc(11px * var(--nx-symbol-scale, 1));line-height:.32;height:.32em}.nx-slur-preview{gap:1px;padding-top:10px}.nx-slur-curve{position:absolute;top:2px;left:8%;right:8%;height:10px;border:1.5px solid currentColor;border-color:currentColor transparent transparent transparent;border-radius:50% 50% 0 0;opacity:.85}.nx-grace{font-size:14px;opacity:.55;transform:translateY(-4px)}.nx-grace-pair{display:inline-flex;flex-direction:column;align-items:stretch;gap:3px}.nx-grace-arm{overflow:hidden;padding:3px 2px!important}.nx-grace-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#c9d0e0;pointer-events:none}.nx-grace-arm.active .nx-grace-icon{color:var(--accent-bright)}.nx-grace-svg{display:block;width:22px;height:17px;overflow:visible}.nx-grace-svg-ornament{fill:currentColor;opacity:.78}.nx-grace-svg-principal{fill:currentColor;opacity:1}.nx-grace-svg-slash{opacity:1}.nx-grace-convert{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:2px 4px;border-radius:5px;border:1px solid rgba(196,165,116,.35);background:#ffffff0d;color:#c9d0e0d9;font-family:var(--font-ui);font-size:8.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.nx-grace-convert:hover:not(:disabled){border-color:#c4a574b3;background:#c4a57429;color:var(--accent-bright)}.nx-grace-convert:disabled{opacity:.35;cursor:default}.workspace-controls.nx-toolbar{gap:0;padding:4px;border-radius:12px;border:1px solid var(--border);background:#0c0e16e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000059}.workspace-controls.nx-toolbar .workspace-controls-grabber{height:32px}.workspace-controls.nx-toolbar .workspace-zoom-badge,.workspace-controls.nx-toolbar .workspace-maximize-btn,.workspace-controls.nx-toolbar .view-flyout-handle{height:32px;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px}.workspace-controls.nx-toolbar .workspace-zoom-badge{min-width:40px;color:var(--muted);cursor:ns-resize}.workspace-controls.nx-toolbar .workspace-zoom-badge:hover,.workspace-controls.nx-toolbar .workspace-zoom-badge:focus-visible{background:#c4a5741f;color:var(--accent-bright)}.workspace-controls.nx-toolbar .workspace-maximize-btn:hover,.workspace-controls.nx-toolbar .view-flyout-handle:hover,.workspace-controls.nx-toolbar .view-flyout.open .view-flyout-handle{background:#c4a5741f}.input-panel.studio-panel-body{gap:14px}.float-panel--input-tools{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;border-radius:0}.float-panel--input-tools:hover,.float-panel--input-tools.float-panel--dragging{border:none;box-shadow:none;transform:none}.float-panel--input-tools .float-panel-chrome{background:transparent;border-bottom:none;padding:6px 8px 4px 12px}.float-panel--input-tools .float-panel-title{text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 18px rgba(196,165,116,.25)}.float-panel--input-tools .float-panel-btn{background:#0c0e1673;border-color:#c4a57438}.float-panel--input-tools .float-panel-grip{text-shadow:0 1px 2px rgba(0,0,0,.7)}.float-panel--input-tools.float-panel--docked-free .float-panel-chrome{background:linear-gradient(180deg,#282630ad,#14162094);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(196,165,116,.22);border-bottom:none;border-radius:10px 10px 0 0;padding:8px 8px 6px 12px}.float-panel--input-tools.float-panel--docked-free .float-panel-body{border-top-left-radius:0;border-top-right-radius:0}.float-panel--input-tools.float-panel--docked-free .float-panel-btn{background:#0c0e168c}.float-panel--input-tools .float-panel-body{background:linear-gradient(180deg,#24222afa,#12141ffa);border:1px solid rgba(196,165,116,.32);border-radius:10px;box-shadow:0 22px 56px -10px #000000b3,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1f,0 0 32px #c4a57414;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}.float-panel--input-tools.float-panel--horizontal:not(.float-panel--sized){max-width:calc(100vw - 16px);height:auto;max-height:none;overflow:visible;border-radius:0}.float-panel--input-tools.float-panel--horizontal{border-radius:0}.float-panel--input-tools.float-panel--horizontal.float-panel--sized{overflow:visible;max-height:none}.float-panel--input-tools.float-panel--horizontal.float-panel--sized .float-panel-body{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:8px 10px 10px}.float-panel--input-tools.float-panel--horizontal .float-panel-chrome{padding:6px 8px 4px 12px;gap:6px}.float-panel--input-tools.float-panel--horizontal .float-panel-title{font-size:11px;letter-spacing:.1em}.float-panel--input-tools.float-panel--horizontal .float-panel-btn{width:28px;height:28px;font-size:15px;border-radius:7px}.float-panel--input-tools.float-panel--horizontal:not(.float-panel--sized) .float-panel-body{flex:none;overflow:visible;padding:8px 10px 10px}.float-panel--input-tools.float-panel--horizontal .input-panel.studio-panel-body,.float-panel--input-tools.float-panel--horizontal .input-panel.nx-panel{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-group{flex:0 0 auto;padding-top:0;gap:4px;max-width:100%}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-group+.nx-group{border-top:none;border-left:1px solid rgba(255,255,255,.1);padding-top:0;padding-left:10px;margin-left:8px}.float-panel--input-tools.float-panel--horizontal .input-panel .input-panel-row--secondary{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin-top:4px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.float-panel--input-tools.float-panel--horizontal .input-panel .input-panel-row--secondary>.nx-group:first-child{border-left:none;padding-left:0;margin-left:0}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-group-label,.float-panel--input-tools.float-panel--horizontal .input-panel .group-label,.float-panel--input-tools.float-panel--horizontal .markings-panel>.group-label{display:none}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-toolrow{flex-wrap:wrap;gap:4px}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-cell{min-width:calc(34px * var(--nx-symbol-scale, 1));min-height:calc(36px * var(--nx-symbol-scale, 1));height:auto;padding:4px 3px;border-radius:7px;gap:0;overflow:visible}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-grace-pair{gap:2px}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-grace-arm{min-width:calc(34px * var(--nx-symbol-scale, 1));min-height:calc(28px * var(--nx-symbol-scale, 1));padding:2px!important;overflow:hidden}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-grace-svg{width:20px;height:15px}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-grace-convert{padding:1px 3px;font-size:7.5px;border-radius:4px}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-cell-glyphs{font-size:calc(15px * var(--nx-symbol-scale, 1));min-width:1.15em;min-height:1.15em;line-height:1;overflow:visible}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-cell-glyphs--note{font-size:calc(16px * var(--nx-symbol-scale, 1))}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-cell-dot{font-size:calc(18px * var(--nx-symbol-scale, 1));transform:none}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-cell-dot--double{font-size:calc(14px * var(--nx-symbol-scale, 1));letter-spacing:.04em}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-tuplet-glyph .bravura-btn{font-size:15px}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-tuplet-bracket{font-size:10px}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-mark-svg{width:24px;height:14px}.float-panel--input-tools.float-panel--horizontal .input-panel .nx-cell-text{font-size:10px;padding:0 3px}.float-panel--input-tools.float-panel--horizontal .input-panel .input-history-btn{width:36px;min-width:36px;height:36px;padding:0;display:inline-grid;place-items:center}.input-history-icon{width:18px;height:18px;display:block}.float-panel--input-tools.float-panel--horizontal .input-panel .btn{height:36px;min-width:0;padding:0 10px;border-radius:7px;font-size:12px;gap:4px;overflow:visible}.float-panel--input-tools.float-panel--horizontal .input-panel .btn.glyph{padding:0 8px}.float-panel--input-tools.float-panel--horizontal .input-panel .bravura-icon{font-size:22px;line-height:1;transform:none}.float-panel--input-tools.float-panel--horizontal .input-panel .tool-key-glyphs .bravura-icon{font-size:17px}.float-panel--input-tools.float-panel--horizontal .input-panel .btn .dot-icon{font-size:20px;transform:none}.float-panel--input-tools.float-panel--horizontal .input-panel .mode-shortcut{display:none}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-picker{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-multi-toggle{padding:5px 14px;font-size:12px;height:36px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-multi-toggle input{width:14px;height:14px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-dropdown{height:36px;min-width:6.5em;padding:0 26px 0 10px;font-size:12px;border-radius:7px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-active-badge{padding:4px 10px;font-size:10px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-single-hint{font-size:11px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-picker-buttons{flex-wrap:wrap;gap:4px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-btn{min-width:0;height:36px;padding:0 8px;font-size:12px;gap:5px;border-radius:7px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-btn-swatch{width:8px;height:8px}.float-panel--input-tools.float-panel--horizontal .input-panel .voice-btn.active .voice-btn-swatch{width:10px;height:10px}.float-panel--input-tools.float-panel--horizontal .input-panel .hear-input-toggle{height:32px;padding:0 12px;font-size:12px}.float-panel--input-tools.float-panel--horizontal .input-panel .markings-panel{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;padding-top:0;border-top:none}.float-panel--input-tools.float-panel--horizontal .input-panel .markings-row{flex-wrap:wrap;gap:4px}.float-panel--input-tools.float-panel--vertical{max-height:calc(100vh - 16px)}.float-panel--input-tools.float-panel--docked-top,.float-panel--input-tools.float-panel--docked-bottom,.float-panel--input-tools.float-panel--docked-free{max-height:none}.float-panel--input-tools.float-panel--docked-left,.float-panel--input-tools.float-panel--docked-right{max-width:min(320px,42vw);max-height:calc(100vh - var(--shell-nav-offset, 56px) - 16px);overflow:hidden}.float-panel--input-tools.float-panel--docked-left .float-panel-body,.float-panel--input-tools.float-panel--docked-right .float-panel-body{overflow-x:hidden;overflow-y:auto;min-height:0;flex:1 1 auto}.float-panel--input-tools.float-panel--vertical .float-panel-body{overflow-x:hidden;overflow-y:auto}.float-panel--input-tools.float-panel--vertical .input-panel.studio-panel-body{flex-direction:column}.float-panel--input-tools.float-panel--vertical .input-panel .nx-group+.nx-group{border-left:none;padding-left:0;margin-left:0}.float-panel--input-tools.float-panel--vertical .input-panel .nx-toolrow{flex-wrap:wrap;gap:4px}.float-panel--input-tools.float-panel--vertical .input-panel .nx-cell{min-width:calc(34px * var(--nx-symbol-scale, 1));min-height:calc(36px * var(--nx-symbol-scale, 1));overflow:visible}.float-panel--input-tools.float-panel--vertical .input-panel .nx-cell-glyphs,.float-panel--input-tools.float-panel--vertical .input-panel .bravura-icon,.float-panel--input-tools.float-panel--vertical .input-panel .btn.glyph{overflow:visible}.float-panel--input-tools.float-panel--vertical .input-panel .bravura-icon{font-size:22px;line-height:1}.float-panel--input-tools.float-panel--side-narrow .input-panel .nx-group-label,.float-panel--input-tools.float-panel--side-narrow .input-panel .group-label{display:none}.float-panel--input-tools.float-panel--side-narrow .input-panel .btn{height:auto;min-height:28px;min-width:0;padding:3px 4px;font-size:10px;gap:3px}.float-panel--input-tools.float-panel--side-narrow .input-panel .bravura-icon,.float-panel--input-tools.float-panel--side-narrow .input-panel .btn .dot-icon{font-size:15px}.float-panel--input-tools.float-panel--side-narrow .input-panel .nx-cell{min-width:28px;min-height:28px;padding:2px}.float-panel--input-tools.float-panel--side-narrow .input-panel .nx-cell-glyphs,.float-panel--input-tools.float-panel--side-narrow .input-panel .nx-cell-glyphs--note{font-size:20px;min-width:0;min-height:0}.float-panel--input-tools.float-panel--side-narrow .input-panel .input-history-btn{width:30px;min-width:30px;height:30px}.float-panel--input-tools.float-panel--side-narrow .input-panel .mode-shortcut{display:none}.float-panel--input-tools.float-panel--side-compact{--nx-compact-ui: 16px;--nx-compact-note: 22px;width:84px!important;min-width:84px;max-width:84px;overflow:hidden}.float-panel--input-tools.float-panel--side-compact .float-panel-grip,.float-panel--input-tools.float-panel--side-compact .float-panel-title{display:none}.float-panel--input-tools.float-panel--side-compact .float-panel-chrome{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:4px 3px 2px;gap:2px}.float-panel--input-tools.float-panel--side-compact .float-panel-btn{width:24px;height:24px}.float-panel--input-tools.float-panel--side-compact .float-panel-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:4px 4px 8px;overscroll-behavior:contain}.float-panel--input-tools.float-panel--side-compact .input-panel.studio-panel-body,.float-panel--input-tools.float-panel--side-compact .input-panel.nx-panel{gap:6px}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-group-label,.float-panel--input-tools.float-panel--side-compact .input-panel .group-label{display:none}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-group{gap:3px;padding-top:0}.float-panel--input-tools.float-panel--side-compact .input-panel .btn{height:auto;min-height:36px;min-width:0;width:100%;padding:3px 2px;font-size:9px;line-height:1.15;white-space:normal;gap:2px}.float-panel--input-tools.float-panel--side-compact .input-panel .input-history-btn{width:28px;min-width:28px;height:28px;padding:0}.float-panel--input-tools.float-panel--side-compact .input-panel .input-history-icon{width:13px;height:13px}.float-panel--input-tools.float-panel--side-compact .input-panel .bravura-icon,.float-panel--input-tools.float-panel--side-compact .input-panel .btn .dot-icon{font-size:var(--nx-compact-ui)}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-toolrow{flex-direction:column;align-items:stretch;width:100%;gap:3px}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-cell{width:100%;min-width:0;min-height:36px;height:36px;padding:2px;box-sizing:border-box}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-cell-glyphs,.float-panel--input-tools.float-panel--side-compact .input-panel .nx-cell-glyphs--note{font-size:var(--nx-compact-note);min-width:0;min-height:0;line-height:1}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-cell-dot{font-size:20px;transform:none;line-height:1}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-cell-dot--double,.float-panel--input-tools.float-panel--side-compact .input-panel .nx-tuplet-glyph .bravura-btn{font-size:16px}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-mark-svg{width:22px;height:14px}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-grace-svg{width:22px;height:16px}.float-panel--input-tools.float-panel--side-compact .input-panel .nx-cell-text{font-size:8px;padding:0 1px}.float-panel--input-tools.float-panel--side-compact .input-panel .mode-shortcut,.float-panel--input-tools.float-panel--side-compact .input-panel .nx-grace-convert{display:none}.float-panel--input-tools.float-panel--side-compact .input-panel .voice-dropdown,.float-panel--input-tools.float-panel--side-compact .input-panel .voice-multi-toggle,.float-panel--input-tools.float-panel--side-compact .input-panel .hear-input-toggle{height:auto;min-height:24px;font-size:9px;padding:3px 4px}.studio-section{display:flex;flex-direction:column;gap:10px}.studio-section.open{flex:1 1 100%}.studio-section:not(.open){flex:0 0 auto}.studio-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.studio-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#ffffff17,#ffffff05,#0000002e),#ffffff08;color:var(--ink-ui);padding:8px 14px;font-size:13px;font-family:var(--font-ui);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-press),box-shadow var(--motion-fast) var(--ease-out);white-space:nowrap;box-shadow:var(--rim-highlight);transform:translateZ(0)}.studio-toggle--with-icon{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:7px 12px;min-height:34px}.studio-toggle-icon{font-size:15px;line-height:1;transition:transform var(--motion-fast) var(--ease-out)}.studio-toggle-short,.studio-dock--vertical .studio-toggle-full{display:none}.studio-dock--vertical .studio-toggle-short{display:inline}.studio-toggle:hover{border-color:#c4a57466;background:linear-gradient(180deg,#ffffff24,#c4a5741a);transform:translateY(-1px);box-shadow:var(--rim-highlight),0 8px 16px #0000004d,0 0 14px #c4a5741f}.studio-toggle:hover .studio-toggle-icon{transform:scale(1.08)}.studio-toggle:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 5px #0006}.studio-toggle.active{border-color:var(--accent);background:linear-gradient(180deg,#e8c98a3d,#c4a5741a),var(--accent-soft);color:var(--accent-bright);box-shadow:inset 0 0 0 1px #c4a5744d,inset 0 1px #ffffff24,0 0 16px #c4a57429;animation:ui-active-settle var(--motion-med) var(--ease-spring)}.studio-meta{font-size:12px;color:var(--muted)}.edit-panel{padding:0;display:flex;flex-direction:column;gap:12px}.edit-panel-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.edit-panel-actions .btn{width:100%;justify-content:center}.edit-panel-group-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:var(--font-ui)}.edit-panel-toggle{padding:2px 0}.edit-panel-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-ui);font-size:13px;color:var(--ink-ui)}.edit-panel-field-label{color:var(--muted);font-size:12px}.edit-panel-number{width:72px;box-sizing:border-box;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:#00000040;color:var(--ink-ui);font-family:var(--font-ui);font-size:13px;text-align:right}.edit-panel-number:focus{outline:none;border-color:#c4a5748c}.edit-panel-radios{display:flex;flex-direction:column;gap:4px}.edit-panel-actions--history{flex-direction:row;gap:8px}.edit-panel-actions--history .btn{flex:1;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px}.edit-panel-history-btn .edit-panel-btn-icon{display:block;width:18px;height:18px;flex-shrink:0}.edit-panel-history-btn:disabled .edit-panel-btn-icon{opacity:.45}.file-panel{padding:6px 4px 10px}.file-menu{display:flex;flex-direction:column;gap:2px;min-width:0}.file-menu-section{margin:10px 12px 4px;padding:0;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright)}.file-menu-section:first-child{margin-top:2px}.file-menu-item{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:36px;margin:0;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--ink-ui);font:inherit;font-size:14px;font-weight:500;line-height:1.35;text-align:left;cursor:pointer}.file-menu-label{flex:1;min-width:0;color:inherit}.file-menu-item:hover:not(:disabled){background:#ffffff14;color:#fff}.file-menu-item:disabled,.file-menu-item.is-disabled{color:var(--muted);opacity:1;cursor:default}.file-menu-item kbd{flex-shrink:0;font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--ink-ui);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 6px;line-height:1.3}.file-menu-item.has-submenu .file-menu-chevron{flex-shrink:0;color:var(--muted);font-size:18px;line-height:1;font-weight:400}.file-menu-flyout{position:relative}.file-menu-flyout.is-open>.file-menu-item.has-submenu{background:#ffffff14;color:#fff}.file-menu-submenu{margin:2px 6px 8px;padding:4px;border-radius:10px;border:1px solid var(--border);background:#08090f8c;display:flex;flex-direction:column;gap:2px}.file-menu-submenu--portal{position:fixed;z-index:4000;margin:0;min-width:200px;max-width:min(320px,calc(100vw - 16px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:12px;border:1px solid rgba(196,165,116,.35);background:#12141ffa;box-shadow:0 16px 40px -8px #000000a6,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.file-menu-submenu .file-menu-item{min-height:34px;font-size:13.5px}.file-menu-recent-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.float-panel[aria-label=File],.float-panel[aria-label=Edit]{max-height:calc(100vh - 16px)}.float-panel[aria-label=File] .float-panel-body,.float-panel[aria-label=Edit] .float-panel-body{overflow-x:hidden;overflow-y:auto}.float-panel-body .edit-panel-actions{flex-direction:column;align-items:stretch}.file-props{display:flex;flex-direction:column;gap:10px;margin:4px 8px 10px;padding:12px;border-radius:10px;border:1px solid var(--border);background:#08090f8c}.file-props-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}.file-props-field input{height:34px;padding:0 10px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--ink-ui);font:inherit;font-size:14px;font-weight:500}.file-props-field input::placeholder{color:var(--muted)}.open-projects-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px;max-height:min(50vh,360px);overflow:auto}.open-projects-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--ink-ui);font:inherit;text-align:left;cursor:pointer}.open-projects-item:hover:not(:disabled){background:#ffffff14;border-color:#c4a57459}.open-projects-item:disabled,.open-projects-item.is-current{opacity:.65;cursor:default}.open-projects-title{font-size:14px;font-weight:600}.open-projects-meta{font-size:12px;color:var(--muted)}.instruments-strip{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;flex-shrink:0;padding:10px 12px 0;max-height:min(42vh,360px);overflow:hidden;border-bottom:1px solid rgba(196,165,116,.28);background:linear-gradient(180deg,rgba(72,62,48,.35),transparent 42%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0 / 14px 14px,linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 14px 14px,radial-gradient(ellipse 80% 60% at 10% -20%,rgba(196,165,116,.16),transparent 55%),linear-gradient(165deg,#2c2823,#1a1c24 48%,#12141b);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000059,0 10px 28px -16px #000000bf}.instruments-strip--resized{max-height:none}.instruments-strip-scroll{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(196,165,116,.55) rgba(0,0,0,.28)}.instruments-strip-scroll::-webkit-scrollbar{width:10px}.instruments-strip-scroll::-webkit-scrollbar-track{background:#00000047;border-left:1px solid rgba(255,255,255,.06)}.instruments-strip-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4b482b3,#8c6e46bf);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.instruments-strip-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8d0a0d9,#aa8755e6);background-clip:padding-box}.instruments-strip-body{position:relative;z-index:1;display:flex;align-items:flex-start;gap:12px;padding-bottom:10px}.instruments-strip-glow{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 92% 18%,rgba(196,165,116,.1),transparent 28%),linear-gradient(90deg,transparent,rgba(0,0,0,.18) 40%,transparent 70%);opacity:.9}.instruments-strip-aside{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-shrink:0;min-width:108px;padding-right:10px;border-right:1px solid rgba(255,255,255,.08)}.instruments-strip-plate{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px 10px 10px;border-radius:10px;border:1px solid rgba(196,165,116,.28);background:linear-gradient(160deg,#3a3228f2,#181614eb);box-shadow:inset 0 1px #ffffff14,0 6px 14px -10px #000000b3}.instruments-strip-screw{position:absolute;top:6px;left:6px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d7c4a0,#8a734d 55%,#3a3228);box-shadow:inset 0 0 0 1px #00000059}.instruments-strip-screw:after{content:"";position:absolute;left:1px;right:1px;top:50%;height:1px;background:#1e1812bf;transform:translateY(-50%) rotate(35deg)}.instruments-strip-screw--br{left:auto;right:6px;top:auto;bottom:6px}.instruments-strip-head{display:flex;flex-direction:column;gap:1px;min-width:0;padding:0 2px}.instruments-strip-title{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e8d0a0eb;font-family:var(--font-ui);line-height:1.2}.instruments-strip-meta{font-size:11px;color:var(--muted);font-family:var(--font-ui)}.instruments-strip-add{flex-shrink:0;height:32px;padding:0 12px;white-space:nowrap;width:100%;justify-content:center;box-shadow:inset 0 1px #ffffff14}.instruments-strip-master{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 6px 6px;border-radius:8px;border:1px solid rgba(110,168,196,.35);background:linear-gradient(165deg,#24343ef2,#10161cfa);box-shadow:inset 0 1px #a0d2e61f,inset 0 -1px #00000073,0 4px 12px -8px #000000b3}.strip-fader--master{flex:0 0 auto;min-width:72px;max-width:92px;gap:4px}.strip-master-badge{font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#a0d2e6e6;font-family:var(--font-ui);line-height:1}.strip-fader-bay-wrap{display:flex;align-items:stretch;gap:2px;width:100%}.strip-fader-db-scale{position:relative;flex:0 0 18px;width:18px;margin:8px 0;font-family:var(--font-ui);font-size:7px;font-weight:600;letter-spacing:.02em;color:#a0d2e6b8;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.strip-fader-db-mark{position:absolute;right:0;transform:translateY(-50%);white-space:nowrap}.strip-fader--master .strip-fader-bay{height:var(--master-bay-h, 96px);width:52px;flex:0 0 auto;border-color:#6ea8c447;background:linear-gradient(90deg,#0009,#1c283066 45%,#0009);box-shadow:inset 0 2px 8px #0009,inset 0 0 0 1px #6ea8c41f;margin:0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.strip-fader--master .strip-fader-ticks{background:none}.strip-fader-ticks--db{display:block}.strip-fader-tick{position:absolute;left:0;right:0;height:1px;background:#a0d2e673;transform:translateY(-50%)}.strip-fader-tick:first-child,.strip-fader-tick:last-child{background:#a0d2e6b3}.strip-fader--master .strip-fader-cap,.strip-fader--master .strip-fader-cap--grabber{--cap-h: 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;width:28px;height:var(--cap-h);margin-left:-14px;border-color:#bee6f5a6;background:linear-gradient(180deg,#e8f6fc,#7eb8cc 42%,#3a6e82);box-shadow:0 1px 3px #0000008c,inset 0 1px #ffffff80,inset 0 -1px #00000040;pointer-events:auto;cursor:grab;touch-action:none;z-index:5}.strip-fader--master .strip-fader-cap--grabber:hover,.strip-fader--master .strip-fader-cap--grabber:focus-visible{border-color:#dcf5ffe6;box-shadow:0 0 0 2px #6ea8c459,0 2px 6px #0000008c,inset 0 1px #ffffff8c;outline:none}.strip-fader--master.is-fader-dragging .strip-fader-cap--grabber,.strip-fader--master .strip-fader-cap--grabber:active{cursor:grabbing}.strip-fader--master .strip-fader-track{display:none}.strip-fader--master .strip-fader-fill{background:linear-gradient(180deg,#b8e4f2,#4a9bb8 70%,#1e4a5c);box-shadow:0 0 8px #5ab4d259}.strip-fader--master .strip-fader-value{color:#a0d2e6d9}.strip-fader-value--db{display:inline-flex;align-items:baseline;gap:2px;min-width:3.4em;justify-content:center;font-variant-numeric:tabular-nums;font-size:10px;font-weight:650;letter-spacing:.02em}.strip-fader-value-unit{font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.strip-master-resize{display:flex;align-items:center;justify-content:center;width:100%;height:14px;margin-top:0;cursor:ns-resize;touch-action:none;flex-shrink:0}.strip-master-resize-grip{width:28px;height:4px;border-radius:2px;background:#a0d2e673;box-shadow:0 1px #00000059;transition:background .12s ease,width .12s ease}.strip-master-resize:hover .strip-master-resize-grip,.strip-master-resize:active .strip-master-resize-grip{width:34px;background:#a0d2e6d9}.strip-amount{gap:3px}.strip-amount--reverb .strip-pan-dial{border-color:#6ea8c48c;background:radial-gradient(circle at 32% 28%,#374e5afa,#0c1216fa 62%)}.strip-amount--reverb .strip-pan-needle{background:linear-gradient(180deg,#e8f6fc,#7eb8cc);box-shadow:0 0 5px #5ab4d266}.strip-amount--reverb .strip-pan-hub{background:radial-gradient(circle at 35% 30%,#c8e8f4,#4a7a8e)}.strip-amount--reverb .strip-pan-value{color:#a0d2e6d9;min-width:3.6em;letter-spacing:.02em}.strip-amount--reverb:hover .strip-pan-dial,.strip-amount--reverb:focus-visible .strip-pan-dial{border-color:#8cc8e1e6}.instruments-strip-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:stretch;align-content:flex-start;gap:10px;flex:1;min-width:0;padding:2px 0}.instruments-strip-chip{position:relative;display:flex;flex-direction:column;gap:8px;flex:1 1 210px;min-width:200px;max-width:280px;padding:9px 9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:linear-gradient(165deg,#282420eb,#101218f0);box-shadow:inset 0 1px #ffffff0d,0 8px 18px -14px #000c;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}.instruments-strip-chip--reorderable{cursor:grab}.instruments-strip-chip--reorderable:active{cursor:grabbing}.instruments-strip-chip.is-dragging{opacity:.45;transform:scale(.98)}.instruments-strip-chip.drag-over{border-color:#c4a574a6;box-shadow:inset 0 0 0 1px #c4a57459,0 0 0 2px #c4a57433,0 8px 18px -14px #000c}.instruments-strip-chip:before,.instruments-strip-chip:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cbb48a,#6e5a3a 60%,#2a241c);box-shadow:inset 0 0 0 1px #0006;opacity:.7;pointer-events:none}.instruments-strip-chip:before{top:5px;left:5px}.instruments-strip-chip:after{right:5px;bottom:5px}.instruments-strip-chip:hover{background:linear-gradient(165deg,#302a24f5,#14161ef5);border-color:#ffffff29}.instruments-strip-chip.active{border-color:#c4a5748c;background:linear-gradient(165deg,#3e3222f2,#1c1814f5);box-shadow:inset 0 0 0 1px #c4a5742e,0 10px 22px -12px #000000bf}.strip-chip-main{display:flex;align-items:center;gap:6px;min-width:0;padding-left:4px}.instruments-strip-index{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0;color:#1a1612;background:linear-gradient(145deg,#e4d0a8,#c4a574 55%,#9a7d4a);box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000059;text-align:center;line-height:1;-webkit-user-select:none;user-select:none}.instruments-strip-chip .instrument-select{width:auto;flex:1;min-width:0;max-width:none;height:28px;padding:0 6px;font-size:12px;background:#00000047;border-color:#ffffff1a}.instruments-strip-chip .part-icon{font-size:14px;line-height:1}.instruments-strip-chip .grand-staff-label{font-size:9px;padding:2px 5px}.instruments-strip-chip .btn.icon{width:26px;height:26px;min-width:26px;padding:0;font-size:16px;border-radius:6px}.strip-chip-mixer{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 4px 2px;border-radius:8px;background:linear-gradient(180deg,#00000047,#ffffff05);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 6px #00000059}.strip-mix-toggles{flex-direction:column;gap:3px;padding-left:2px}.strip-mix-toggles .part-mix-btn{min-width:26px;height:22px;padding:0 6px;font-size:10px;background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d}.strip-mix-toggles .part-mix-btn--mute.active{background:#ef444457;border-color:#f87171d9;color:#fecaca;box-shadow:0 0 0 1px #ef444459,inset 0 1px #ffffff24}.strip-mix-toggles .part-mix-btn--solo.active{background:#eab30861;border-color:#facc15e6;color:#fef3c7;box-shadow:0 0 0 1px #eab30866,inset 0 1px #ffffff29}.strip-mix-toggles .part-mix-btn--view{min-width:26px;padding:0 4px}.strip-mix-toggles .part-view-icon svg{width:12px;height:12px}.strip-fader{--vol: .7;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:52px;max-width:72px;margin:0;cursor:default}.strip-fader-bay{position:relative;width:48px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(90deg,#0000008c,#28242059 45%,#0000008c);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 8px #0000008c,inset 0 0 0 1px #c4a57414;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.strip-fader-ticks{position:absolute;left:7px;top:8px;bottom:8px;width:5px;background:repeating-linear-gradient(180deg,rgba(232,208,160,.55) 0 1px,transparent 1px 7px);opacity:.55;pointer-events:none}.strip-fader-slot{position:absolute;left:50%;top:8px;bottom:8px;width:5px;transform:translate(-50%);border-radius:3px;background:#0000008c;box-shadow:inset 0 1px 3px #000000a6;pointer-events:none}.strip-fader-fill{position:absolute;left:50%;bottom:8px;width:5px;height:calc((100% - 16px) * var(--vol));transform:translate(-50%);border-radius:0 0 2px 2px;background:linear-gradient(180deg,#e8d0a4,#9a7844 70%,#5a4630);box-shadow:0 0 6px #c4a57440;pointer-events:none;z-index:0}.strip-fader-cap{--cap-h: 11px;position:absolute;left:50%;bottom:calc(8px + (100% - 16px - var(--cap-h)) * var(--vol));z-index:2;width:22px;height:var(--cap-h);margin-left:-11px;border-radius:2px;border:1px solid rgba(255,230,180,.55);background:linear-gradient(180deg,#f3e4c4,#c4a574 42%,#8d6d3d);box-shadow:0 1px 3px #0000008c,inset 0 1px #ffffff73,inset 0 -1px #00000040;pointer-events:none}.strip-fader-cap--grabber{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;cursor:ns-resize;pointer-events:auto;touch-action:none}.strip-fader-cap--grabber:hover,.strip-fader-cap--grabber:focus-visible{border-color:#fff0c8d9;box-shadow:0 1px 4px #0009,0 0 0 1px #c4a57459,inset 0 1px #ffffff80,inset 0 -1px #00000040}.strip-fader.is-fader-dragging .strip-fader-cap--grabber,.strip-fader-cap--grabber:active{cursor:grabbing}.strip-fader-cap:before{content:"";position:absolute;left:3px;right:3px;top:50%;height:1px;transform:translateY(-50%);background:#281e128c;box-shadow:0 1px #ffffff40}.strip-vu{position:absolute;right:6px;top:8px;bottom:8px;width:5px;border-radius:2px;overflow:hidden;background:#00000073;border:1px solid rgba(255,255,255,.08);pointer-events:none}.strip-vu--stereo{width:10px;display:flex;gap:1px;overflow:visible;background:transparent;border:none}.strip-vu-channel{position:relative;flex:1 1 0;min-width:0;border-radius:1px;overflow:hidden;background:#00000073;border:1px solid rgba(255,255,255,.08)}.strip-vu-seg{position:absolute;left:0;right:0;opacity:.35}.strip-vu-seg--hi{top:0;height:22%;background:#ef4444}.strip-vu-seg--mid{top:22%;height:28%;background:#eab308}.strip-vu-seg--lo{top:50%;bottom:0;background:#22c55e}.strip-vu-level{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(180deg,#86efac,#22c55e 55%,#15803d);box-shadow:0 0 6px #22c55e73;transition:height .12s ease}.strip-vu--live .strip-vu-level{transition:none}.strip-vu-hold{position:absolute;left:0;right:0;height:1px;bottom:0;opacity:0;background:#f8fafce6;box-shadow:0 0 3px #ffffff59;pointer-events:none}.strip-vu--clip .strip-vu-channel{box-shadow:inset 0 0 0 1px #ef4444d9}.strip-vu--clip .strip-vu-level{background:linear-gradient(180deg,#fecaca,#ef4444 50%,#b91c1c);box-shadow:0 0 6px #ef44448c}.strip-fader-track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;overflow:hidden}.strip-fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;width:64px;height:48px;margin:0;padding:0;transform:rotate(-90deg);background:transparent;border:none;outline:none;cursor:ns-resize;accent-color:transparent;color:transparent}.strip-fader-input::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:48px;border:none}.strip-fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:48px;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;cursor:ns-resize}.strip-fader-input::-moz-range-track{background:transparent;height:48px;border:none}.strip-fader-input::-moz-range-thumb{width:48px;height:48px;border:none;border-radius:0;background:transparent;box-shadow:none;cursor:ns-resize}.strip-fader-input::-moz-range-progress{background:transparent}.strip-fader-value{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:#e8d0a0bf;line-height:1}.strip-pan{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;margin:0;padding:0 2px 0 0;border:none;background:transparent;color:inherit;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.strip-pan-dial{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#5a4e3cfa,#12100efa 62%);border:1.5px solid rgba(196,165,116,.5);box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -4px 8px #0009,0 3px 8px #0006}.strip-pan-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px dashed rgba(196,165,116,.28);pointer-events:none}.strip-pan-tick{position:absolute;top:50%;font-size:7px;font-weight:800;letter-spacing:.02em;color:#c4a574bf;pointer-events:none;line-height:1}.strip-pan-tick--l{left:3px;transform:translateY(-50%)}.strip-pan-tick--r{right:3px;transform:translateY(-50%)}.strip-pan-tick--c{left:50%;top:3px;width:2px;height:4px;background:#e8d0a0b3;transform:translate(-50%);border-radius:1px}.strip-pan-needle{position:absolute;left:50%;top:50%;width:2px;height:13px;margin-left:-1px;margin-top:-13px;border-radius:1px;background:linear-gradient(180deg,#fff1d2,#c4a574);transform-origin:50% 100%;box-shadow:0 0 5px #c4a57466;pointer-events:none;z-index:1}.strip-pan-hub{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8d4b0,#8a734d);box-shadow:0 0 0 1px #00000059;pointer-events:none;z-index:2}.strip-pan-value{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:#e8d0a0bf;line-height:1;min-width:2.2em;text-align:center}.strip-pan:hover .strip-pan-dial,.strip-pan:focus-visible .strip-pan-dial{border-color:#c4a574d9}.instruments-strip-footer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:0;padding:0 0 8px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(0,0,0,.12),transparent);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.instruments-strip-resize{display:flex;align-items:center;justify-content:center;width:100%;height:14px;margin:0}.instruments-strip-resize-grip{width:42px;height:4px;border-radius:999px;background:#c4a57473;box-shadow:inset 0 1px #ffffff26}.instruments-strip-footer:hover .instruments-strip-resize-grip{background:#e8d0a0b3}.instruments-strip-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:160px;height:28px;margin-top:2px;padding:0 14px;border-radius:8px;border:1px solid rgba(196,165,116,.35);background:#c4a5741a;color:#e8d0a0f2;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease,color .15s ease}.instruments-strip-close:hover{background:#c4a57433;border-color:#c4a5748c;color:var(--accent-bright, #c4a574)}.instruments-strip-close-icon{font-size:12px;line-height:1;opacity:.85}@media (max-width: 720px){.instruments-strip{flex-wrap:nowrap;gap:0}.instruments-strip-body{flex-wrap:wrap;gap:8px}.instruments-strip-aside{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding-right:0;padding-bottom:8px;width:100%;min-width:0}.instruments-strip-plate{flex-direction:row;align-items:center;width:100%;flex-wrap:wrap}.instruments-strip-add{width:auto}.instruments-strip-master{flex-direction:row;align-items:flex-end;gap:10px;padding:6px 10px}.instruments-strip-list{flex:1 1 100%}.instruments-strip-chip{flex:1 1 calc(50% - 10px);max-width:none}}.parts-panel{padding:0;border-bottom:none}.parts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.add-part{height:32px;font-weight:600;color:var(--accent-bright);border-color:#c4a57466;background:var(--accent-soft)}.parts-list{display:flex;flex-direction:column;gap:8px}.part-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff05;cursor:pointer;transition:all .18s ease}.part-row-main{display:flex;align-items:center;gap:10px;min-width:0}.part-row--hidden{opacity:.62}.part-row--muted .instrument-select{opacity:.7}.part-mixer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:2px;border-top:1px solid rgba(255,255,255,.06)}.part-mixer-toggles{display:inline-flex;align-items:center;gap:4px}.part-mix-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:28px;height:26px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer}.part-mix-btn:hover:not(:disabled){color:var(--text);border-color:#fff3}.part-mix-btn:disabled{opacity:.35;cursor:not-allowed}.part-mix-btn.active{color:var(--text);border-color:#c4a57480;background:#c4a57429}.part-mix-btn--mute.active{border-color:#f87171b3;background:#ef444447;color:#fecaca;box-shadow:0 0 0 1px #ef444440,inset 0 1px #ffffff1f}.part-mix-btn--solo.active{border-color:#facc15bf;background:#eab30852;color:#fde68a;box-shadow:0 0 0 1px #eab30847,inset 0 1px #ffffff24}.part-mix-btn--view{min-width:30px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.part-mix-btn--view .part-view-icon{display:inline-flex;line-height:0}.part-mix-btn--view.active{border-color:#60a5fa80;background:#3b82f624;color:#93c5fd}.part-mixer-slider{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex:1 1 140px;min-width:120px}.part-mixer-slider input[type=range]{flex:1;min-width:64px;accent-color:var(--accent)}.part-mixer-value{min-width:28px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text);opacity:.85}.part-row:hover{border-color:#ffffff24;background:#ffffff0a}.part-row.drag-over{border-color:#c8a0008c;background:#ffeb641f}.part-row.active{border-color:#c8a00073;background:#ffeb6414}.part-drag-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);cursor:grab;font-size:14px;line-height:1;padding:4px 2px;flex:none}.part-drag-handle:active{cursor:grabbing}.part-row:only-child .part-drag-handle{opacity:.25;cursor:default}.part-index{width:24px;height:24px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--violet),#7c5cbf);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.part-icon{font-size:20px;line-height:1}.instrument-select{min-width:11.5rem;max-width:16rem;flex:1 1 auto}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff0a;border-radius:8px;padding:8px 12px;font-size:13px;font-family:var(--font-ui);cursor:pointer;color:var(--ink-ui);min-width:100px;outline:none;transition:all .15s ease}.select:hover,.select:focus{border-color:#ffffff2e;background:#ffffff12}.select option{background:var(--bg-mid);color:var(--ink-ui)}.remove-part{margin-left:auto;width:34px;min-width:34px;height:34px;color:#f87171}.remove-part:hover:not(:disabled){border-color:#f87171;background:#f871711a}.meta-panel{display:flex;flex-wrap:wrap;gap:14px;padding:14px 22px;border-bottom:1px solid var(--border);background:#08090f59}.meta-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);min-width:180px;flex:1}.meta-input{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;padding:8px 12px;font-size:14px;font-family:var(--font-ui);color:var(--ink-ui);outline:none}.meta-input:focus{border-color:#c4a57480}.input-panel-tools{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.input-tool-row{display:flex;flex-direction:column;gap:7px;width:100%}.input-tool-row .btn{gap:8px}.input-tool-row .btn.glyph{gap:6px}.input-panel-notation{width:100%}.select-mode-btn{display:inline-flex;align-items:center;gap:6px}.input-panel-tools .btn{gap:8px}.input-panel-tools .btn.glyph{gap:6px}.input-strip-main{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;flex:1 1 auto;min-width:0}.editor-mode-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#ffffff08}.editor-mode-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;border:none;border-radius:7px;background:transparent;color:var(--muted);padding:7px 12px;font-size:13px;font-family:var(--font-ui);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.editor-mode-tab:hover{color:var(--ink-ui);background:#ffffff0d}.editor-mode-tab.active{color:var(--accent-bright);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #c4a57440}.mode-shortcut{font-size:10px;font-weight:600;font-family:var(--font-ui);line-height:1;padding:2px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#0003;color:var(--muted)}.editor-mode-tab.active .mode-shortcut{color:var(--accent-bright);border-color:#c4a57459}.mode-toggle{display:flex;gap:6px}.selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.selection-count{font-size:12px;color:var(--muted);margin-right:4px}.mode-bar-trailing{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;align-self:center}.mode-bar-playback{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mode-bar-hear-voices,.mode-bar-hear-input{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.input-hear-voices-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.input-hear-voices-row .voice-picker{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.input-hear-voices-row .voice-picker>.nx-group-label{display:none}.studio-dock--vertical .mode-bar-hear-voices,.studio-dock--vertical .mode-bar-hear-input{flex-direction:column;align-items:stretch}.edu-toggle{flex-shrink:0}.edu-toggle.active{border-color:#ff9a3ca6;background:linear-gradient(135deg,#ff5c5c1f,#4da6ff24,#b06cff1f);color:#ffd24a;box-shadow:0 0 14px #ffd24a33}.grand-staff-label{font-size:12px;color:var(--muted);padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#ffffff08}.text-edit{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.text-edit .meta-input{width:160px;padding:6px 10px;font-size:13px}.header-field-overlay{position:absolute;box-sizing:border-box;border:1px dashed rgba(92,79,66,.2);border-radius:4px;pointer-events:auto;cursor:default;z-index:2;display:flex;align-items:stretch;padding-left:18px}.header-field-overlay.selected{border-color:#c9a000;background:#fff5be73;box-shadow:0 0 0 1px #c9a0004d}.header-field-drag-handle{position:absolute;left:0;top:0;width:18px;height:18px;border:none;border-radius:4px 0;background:#c9a00033;cursor:grab;padding:0;z-index:1}.header-field-drag-handle:active{cursor:grabbing}.header-field-drag-handle:after{content:"✥";font-size:11px;line-height:18px;color:#5c4f42bf}.textbox-drag-handle{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:18px;height:22px;border:1px solid #c9a000;border-radius:4px;background:#fff6c8;box-shadow:0 1px 2px #2a231c1f;color:#5c4f42;cursor:grab;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.textbox-drag-handle:hover{background:#ffef9a;color:#3d342c}.textbox-drag-handle:active{cursor:grabbing;background:#ffe56a}.textbox-drag-grip{display:flex;line-height:0;pointer-events:none}.textbox-drag-grip svg{display:block}.header-field-resize-handle{position:absolute;right:-4px;bottom:-4px;width:10px;height:10px;border:1px solid #c9a000;border-radius:2px;background:#fff6c8;cursor:nwse-resize;padding:0}.score-header-area{fill:transparent;stroke:#5c4f420f;stroke-width:1}.score-header-overlay{position:absolute;pointer-events:none;z-index:2}.score-title-input,.score-composer-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:transparent;text-align:center;outline:none;padding:4px 12px;color:var(--score-ink);cursor:text}.score-title-input{font-family:var(--font-score-text)}.score-title-input::placeholder{color:#5c4f4259}.score-composer-input{font-family:var(--font-score-text)}.score-composer-input::placeholder{color:#5c4f4259}.score-title-input:focus,.score-composer-input:focus{background:#fffcf58c;border-radius:6px;box-shadow:0 0 0 1px #c4a57459}.score-title{font-family:var(--font-score-text);font-size:36px;fill:var(--score-ink);font-weight:600}.score-composer{font-family:var(--font-score-text);font-size:22px;fill:#5c4f42d9}.score-textbox{font-family:var(--font-ui);font-size:14px;fill:var(--score-ink);cursor:default}.score-textbox.selected{fill:#c9a000}.text-edit-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.text-format{display:flex;align-items:center;gap:4px}.text-format-btn{min-width:32px;padding:4px 8px;font-size:14px;line-height:1.1}.text-format-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.text-format-u{text-decoration:underline}.text-format-size{display:flex;align-items:center}.text-format-select{width:72px;padding:4px 8px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-format-popup{position:absolute;z-index:8;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(92,79,66,.28);border-radius:12px;background:#fffdf8;box-shadow:0 6px 20px #2a231c38;pointer-events:auto;color:var(--score-ink);font-size:15px}.text-format-popup .text-format-style,.text-format-popup .text-format-size{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(92,79,66,.18);border-radius:8px;background:#f5efe4}.text-format-popup .btn{background:#fff;border-color:#5c4f4238;color:var(--score-ink);min-width:34px;height:34px;padding:2px 8px;border-radius:7px;font-size:15px}.text-format-popup .btn:hover{background:#fff6e8;border-color:#c9a00073;color:#3d2f1f}.text-format-popup .text-format-btn.active{background:#fff6c8;border-color:#c9a000;color:#6b4f00;box-shadow:inset 0 0 0 1px #c9a00059}.text-format-popup .text-size-step{font-size:17px;font-weight:600;line-height:1}.text-format-popup .text-size-select{width:58px;padding:4px;font-size:14px;font-weight:700;border:none;border-radius:4px;background:#fff;color:var(--score-ink);text-align:center;cursor:pointer}.text-format-popup .text-size-select:focus{outline:none;box-shadow:0 0 0 2px #c9a00059}.text-format-popup .text-format-delete{min-width:28px;height:28px;padding:2px 8px;font-size:18px;line-height:1;color:#9a2c2c;background:#fff;border-color:#9a2c2c40}.text-format-popup .text-format-delete:hover{background:#fff0f0;border-color:#9a2c2c73;color:#7a1515}.textbox-overlay{position:absolute;box-sizing:border-box;border:1px dashed transparent;border-radius:4px;background:#fbf7ec8c;pointer-events:auto;cursor:default;z-index:3;padding:0;display:flex;align-items:flex-end}.textbox-overlay:not(.chrome-only){border-color:#5c4f4259}.textbox-overlay.chrome-only{background:transparent;border-color:transparent}.textbox-overlay.chrome-only.selected{background:transparent;border-color:#c9a000;box-shadow:0 0 0 1px #c9a00047}.textbox-overlay.editing{background:#fff5bee0;border-color:#c9a000}.textbox-body{flex:1;min-width:0;cursor:text;display:flex;align-items:flex-end;height:100%;margin:0 -1px -1px;width:calc(100% + 2px)}.textbox-inline-input{width:100%;border:none;background:transparent;outline:none;padding:0;margin:0;color:var(--score-ink);font-family:var(--font-ui);line-height:1}.textbox-overlay-text{font-family:var(--font-ui);line-height:1;color:var(--score-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-user-select:none;user-select:none}.textbox-overlay-text--ghost{visibility:hidden}.textbox-overlay.selected{border-color:#c9a000;background:#fff5bea6;box-shadow:0 0 0 1px #c9a00059}.score-chord-symbol{font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:700;font-style:italic;font-size:20px;fill:var(--score-ink, #1a1a1a);pointer-events:none;-webkit-user-select:none;user-select:none}.score-chord-symbol.selected{fill:#8a6a00}.score-tempo-mark{font-family:"IBM Plex Serif",Times New Roman,serif;font-weight:700;font-style:italic;font-size:24px;fill:var(--score-ink, #1a1a1a);pointer-events:none;-webkit-user-select:none;user-select:none}.score-tempo-mark.selected{fill:#8a6a00}.score-tempo-mark.selected .score-tempo-swing-glyph,.score-tempo-mark--swing.selected .score-tempo-swing-glyph{color:#8a6a00}.score-tempo-swing-glyph{color:var(--score-ink, #1a1a1a);pointer-events:none}.score-jump-mark{font-family:"IBM Plex Serif",Times New Roman,serif;font-weight:700;font-style:italic;font-size:22px;fill:var(--score-ink, #1a1a1a);pointer-events:none;-webkit-user-select:none;user-select:none}.score-jump-mark.selected{fill:#8a6a00}.score-jump-glyph{font-family:Bravura,Noto Music,serif;font-style:normal;font-weight:400}.score-jump-mark--instaff{font-style:normal}.score-tempo-note{font-family:Bravura,Noto Music,serif;font-style:normal;font-weight:400;font-size:1.2em}.score-tempo-bpm{font-style:normal;font-weight:600}.tempo-mark-overlay{position:absolute;box-sizing:border-box;border:1px dashed transparent;border-radius:4px;background:transparent;pointer-events:auto;cursor:default;z-index:8;padding:0;display:flex;align-items:flex-end}.jump-mark-overlay:not(.selected){cursor:pointer}.tempo-mark-overlay.chrome-only{background:transparent}.tempo-mark-overlay.selected{border-color:#c9a000;background:transparent;box-shadow:0 0 0 1px #c9a00047}.tempo-mark-body{flex:1;min-width:0;height:100%;cursor:grab;display:flex;align-items:flex-end}.tempo-mark-body:active{cursor:grabbing}.tempo-mark-overlay-text{font-family:"IBM Plex Serif",Times New Roman,serif;font-weight:700;font-style:italic;line-height:1;color:var(--score-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-user-select:none;user-select:none}.tempo-mark-overlay-text--ghost{visibility:hidden}.tempo-mark-drag-handle{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:18px;height:22px;border:1px solid #c9a000;border-radius:4px;background:#fff6c8;box-shadow:0 1px 2px #2a231c1f;color:#5c4f42;cursor:grab;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.tempo-mark-drag-handle:hover{background:#ffef9a;color:#3d342c}.tempo-mark-drag-handle:active{cursor:grabbing;background:#ffe56a}.tempo-mark-delete{position:absolute;right:-2px;top:-18px;width:16px;height:16px;border:1px solid #c9a000;border-radius:50%;background:#fff6c8;color:#5c4f42;font-size:12px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.tempo-mark-delete:hover{background:#ffef9a}.tempo-mark-resize-handle{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;border:1px solid #c9a000;border-radius:2px;background:#fff6c8;cursor:nwse-resize;z-index:2;padding:0}.tempo-mark-resize-handle:hover{background:#ffef9a}.chord-symbol-overlay{position:absolute;box-sizing:border-box;border:1px dashed transparent;border-radius:4px;background:transparent;pointer-events:auto;cursor:default;z-index:3;padding:0;display:flex;align-items:flex-end}.chord-symbol-overlay.chrome-only{background:transparent}.chord-symbol-overlay.selected{border-color:#c9a000;background:transparent;box-shadow:0 0 0 1px #c9a00047}.chord-symbol-overlay.editing{border-color:#c9a000;background:#fff5bee0;box-shadow:0 0 0 1px #c9a00059}.chord-symbol-body{flex:1;min-width:0;cursor:text;display:flex;align-items:flex-end;height:100%;margin:0 -1px -1px;width:calc(100% + 2px)}.chord-symbol-inline-input{width:100%;border:none;background:transparent;outline:none;padding:0;margin:0;color:var(--score-ink);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:700;font-style:italic;font-size:20px;line-height:1}.chord-symbol-overlay-text{font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:700;font-style:italic;font-size:20px;line-height:1;color:var(--score-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-user-select:none;user-select:none}.chord-symbol-overlay-text--ghost{visibility:hidden}.chord-symbol-drag-handle{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:18px;height:22px;border:1px solid #c9a000;border-radius:4px;background:#fff6c8;box-shadow:0 1px 2px #2a231c1f;color:#5c4f42;cursor:grab;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.chord-symbol-drag-handle:hover{background:#ffef9a;color:#3d342c}.chord-symbol-drag-handle:active{cursor:grabbing;background:#ffe56a}.chord-symbol-delete{position:absolute;right:-2px;top:-18px;width:16px;height:16px;border:none;border-radius:3px;background:transparent;color:#7a1515;font-size:14px;line-height:1;padding:0;cursor:pointer}.chord-symbol-delete:hover{background:#9a2c2c1f}.chord-symbol-resize-handle,.textbox-resize-handle{position:absolute;right:-4px;bottom:-4px;width:10px;height:10px;border:1px solid #c9a000;border-radius:2px;background:#fff6c8;cursor:nwse-resize;padding:0}.score-header-boundary{position:absolute;pointer-events:none;border-bottom:1px dashed rgba(92,79,66,.14);z-index:1}.score-header-band-hit{position:absolute;pointer-events:auto;cursor:ns-resize;z-index:2}.score-header-band-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:22px;padding:3px 0;border-radius:8px;background:#6c707c38;border:1.5px solid rgba(108,112,124,.34);box-shadow:0 1px 4px #0000000f;opacity:.42;pointer-events:none;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.score-header-band-hit:hover .score-header-band-control,.score-header-band-hit:active .score-header-band-control{opacity:1;transform:translate(-50%,-50%) scale(1);background:#12141fe6;border-color:#c9a000bf;box-shadow:0 2px 10px #00000040}.score-header-band-hit:hover .staff-gap-arrow,.score-header-band-hit:active .staff-gap-arrow{color:#ffd278f2}.score-header-band-hit:hover .staff-gap-grip,.score-header-band-hit:active .staff-gap-grip{background:#c9a000}.staff-gap-hit{position:absolute;pointer-events:auto;cursor:ns-resize;z-index:4}.staff-gap-hit:hover,.staff-gap-hit:active{z-index:6}.staff-gap-hit--jianpu{z-index:4}.staff-gap-hit--jianpu .staff-gap-zone-band{position:absolute;top:5px;right:8px;bottom:5px;left:8px;border-radius:5px;border:1px dashed rgba(196,92,38,.14);background:transparent;opacity:0;pointer-events:none;transition:opacity .15s ease,border-color .15s ease,background .15s ease}.staff-gap-control{position:absolute;left:50%;transform:translate(-50%) scale(.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:22px;padding:3px 0;border-radius:8px;background:#6c707c38;border:1.5px solid rgba(108,112,124,.34);box-shadow:0 1px 4px #0000000f;opacity:.42;pointer-events:none;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.staff-gap-control--jianpu{width:24px;padding:3px 0 2px;gap:1px;border-radius:8px}.staff-gap-hit:hover .staff-gap-control,.staff-gap-hit:active .staff-gap-control{opacity:1;transform:translate(-50%) scale(1);background:#12141fe6;border-color:#c9a000bf;box-shadow:0 2px 10px #00000040}.staff-gap-hit--jianpu:hover .staff-gap-control--jianpu,.staff-gap-hit--jianpu:active .staff-gap-control--jianpu{opacity:1;border-color:#c45c26c7;background:#12141fb8;box-shadow:0 2px 10px #c45c2629}.staff-gap-hit--jianpu:hover .staff-gap-zone-band{opacity:1;border-color:#c45c265c;background:#c45c260d}.staff-gap-arrow{font-size:7px;line-height:1;color:#6c707c94;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color .15s ease}.staff-gap-control--jianpu .staff-gap-arrow{font-size:7px}.staff-gap-hit:hover .staff-gap-control--jianpu .staff-gap-arrow,.staff-gap-hit--jianpu:active .staff-gap-control--jianpu .staff-gap-arrow{color:#ffba8ceb}.staff-gap-label{font-size:7px;line-height:1;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:#ffd2aaf2;-webkit-user-select:none;user-select:none;pointer-events:none}.staff-gap-label--jianpu{max-height:0;opacity:0;overflow:hidden;transition:max-height .15s ease,opacity .15s ease}.staff-gap-hit--jianpu:hover .staff-gap-label--jianpu{max-height:10px;opacity:.9}.staff-gap-grip{width:12px;height:4px;border-radius:2px;background:#6c707c70;box-shadow:inset 0 1px #ffffff14;pointer-events:none;transition:background .15s ease}.staff-gap-control--jianpu .staff-gap-grip{width:13px;height:4px}.staff-gap-hit:hover .staff-gap-arrow,.staff-gap-hit:active .staff-gap-arrow{color:#ffd278f2}.staff-gap-hit:hover .staff-gap-grip,.staff-gap-hit:active .staff-gap-grip{background:#c9a000d9}.staff-gap-hit--jianpu:hover .staff-gap-grip,.staff-gap-hit--jianpu:active .staff-gap-grip{background:#c45c26d1}.staff-gap-lock{position:absolute;left:50%;width:24px;height:24px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;transform:translate(16px,-50%);border:1.5px solid rgba(108,112,124,.34);border-radius:6px;background:#6c707c38;color:#282a30b3;box-shadow:0 1px 4px #0000000f;opacity:.42;cursor:pointer;pointer-events:auto;z-index:1;transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.staff-gap-lock svg{width:15px;height:15px;display:block;fill:currentColor}.staff-gap-hit:hover .staff-gap-lock,.staff-gap-hit:active .staff-gap-lock,.staff-gap-lock.is-locked{opacity:1}.staff-gap-hit:hover .staff-gap-lock,.staff-gap-lock:hover,.staff-gap-lock:focus-visible{background:#12141fe6;border-color:#c9a000bf;color:#ffd278f2}.staff-gap-lock.is-locked{background:#12141fd1;border-color:#c9a000b3;color:#ffd278f2}.staff-gap-lock:focus-visible{outline:2px solid rgba(201,160,0,.7);outline-offset:1px}.brace-line,.brace-glyph{fill:var(--score-ink);stroke:none}.brace-glyph{paint-order:stroke fill}.grand-brace .brace-glyph{fill:var(--score-ink);shape-rendering:geometricPrecision}.brace-line{stroke:var(--score-ink);fill:none}.tools-panel{display:flex;flex-direction:column;gap:10px;padding:0;border-bottom:none;background:transparent}.theory-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#ffffff08}.theory-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:7px;background:transparent;color:var(--muted);padding:7px 14px;font-size:12px;font-family:var(--font-ui);font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.theory-tab:hover{color:var(--ink-ui);background:#ffffff0d}.theory-tab.active{color:var(--accent-bright);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #c4a57440}.theory-tab-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.chord-builder-panel{flex-direction:column;align-items:stretch;gap:8px;max-width:420px}.chord-builder-hint{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}.chord-builder-card{display:flex;flex-direction:column;gap:0;padding:4px 0;border:1px solid var(--border);border-radius:12px;background:#ffffff08;overflow:hidden}.chord-builder-row{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.chord-builder-row:last-of-type{border-bottom:none}.chord-builder-label{font-size:12px;font-weight:600;color:var(--muted);text-align:right}.chord-interval-group{display:inline-flex;gap:0;padding:2px;border:1px solid var(--border);border-radius:8px;background:#00000026;width:fit-content}.chord-interval-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:6px;background:transparent;color:var(--ink-ui);min-width:52px;height:32px;padding:0 12px;font-size:13px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:background .15s ease,color .15s ease}.chord-interval-btn:hover:not(:disabled){background:#ffffff14;color:var(--accent-bright)}.chord-interval-btn:active:not(:disabled){transform:translateY(1px)}.chord-interval-btn:disabled{opacity:.35;cursor:not-allowed}.chord-builder-footer{padding:8px 14px 10px;border-top:1px solid rgba(255,255,255,.06);background:#00000014}.chord-interval-btn--ghost{width:100%;min-width:0;height:34px;font-size:12px;font-weight:500;color:var(--muted)}.chord-interval-btn--ghost:hover:not(:disabled){color:#f0a8a8;background:#b423181f}.tool-card{display:flex;flex-direction:column;gap:9px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#ffffff08}.tool-card-title{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.tool-card .btn-row{display:flex;gap:6px}.transpose-key-row{margin-top:2px;align-items:center}.transpose-key-label{font-size:12px;color:var(--muted);padding-bottom:6px;white-space:nowrap}.key-root-btn{width:100%;text-align:left;cursor:pointer}.key-root-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 4px 8px}.key-root-chip{padding:8px 4px;border-radius:8px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:12px;cursor:pointer}.key-root-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.key-root-chip.active{color:var(--accent-bright);border-color:var(--accent);background:var(--accent-soft)}.scale-row{display:flex;align-items:flex-end;gap:10px}.scale-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.scale-field .select{min-width:84px}.scale-field:nth-child(2) .select{min-width:168px}.btn.primary{font-weight:600;color:var(--accent-bright);border-color:#c4a57473;background:var(--accent-soft)}.btn.primary:hover:not(:disabled){border-color:var(--accent-bright)}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.status-bar--overlay{position:absolute;left:12px;right:12px;bottom:10px;z-index:24;padding:8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0e1018d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);pointer-events:none;max-width:min(920px,calc(100% - 24px));margin:0 auto}.status-bar--overlay .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bar-end{display:flex;align-items:center;gap:10px;flex:none}.status-bar .project-save-status{flex:none;text-shadow:none}.status-bar .pill{background:var(--accent-soft);color:var(--accent-bright);font-weight:600;padding:4px 12px;border-radius:999px;font-size:13px;border:1px solid rgba(196,165,116,.25);flex:none;pointer-events:auto}.editor--maximized{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;z-index:500;border-radius:0;border:none;margin:0;display:flex;flex-direction:column;background:var(--bg-deep);box-shadow:none}.editor--maximized .status-bar--overlay{bottom:14px}.editor--maximized .workspace{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.editor--maximized .scroll-wrap{flex:1 1 0;width:auto;height:auto;min-height:0;max-height:none;padding:8px calc(12px + var(--input-dock-pad-right, 0px)) 52px calc(12px + var(--input-dock-pad-left, 0px));background:var(--bg-deep)}body.workspace-maximized{overflow:hidden}body.workspace-maximized .shell-nav,body.workspace-maximized .app-footer,body.workspace-maximized .ambient,body.workspace-maximized .section-masthead{display:none!important}body.workspace-maximized .app{max-width:none;width:100%;margin:0;padding:0;min-height:100vh;min-height:100dvh}body.workspace-maximized .shell-main,body.workspace-maximized .notation-page{margin:0;padding:0;min-height:100vh;min-height:100dvh}body.workspace-maximized .editor{min-height:100vh;min-height:100dvh}.scroll-wrap{overflow:auto;-webkit-overflow-scrolling:touch;width:100%;flex:1 1 0;min-height:0;height:auto;max-height:none;padding:12px calc(14px + var(--input-dock-pad-right, 0px)) 56px calc(14px + var(--input-dock-pad-left, 0px));background:var(--bg-deep);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) rgba(0,0,0,.2)}.scroll-wrap::-webkit-scrollbar{width:12px;height:12px}.scroll-wrap::-webkit-scrollbar-track{background:#0003;border-radius:6px}.scroll-wrap::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:6px;border:2px solid transparent;background-clip:padding-box}.scroll-wrap::-webkit-scrollbar-thumb:hover{background:#ffffff59;background-clip:padding-box}.scroll-wrap--page{background:var(--bg-deep);padding:10px calc(12px + var(--input-dock-pad-right, 0px)) 14px calc(12px + var(--input-dock-pad-left, 0px))}.notation-page .scroll-wrap,.notation-page .scroll-wrap--page{background:radial-gradient(ellipse 55% 70% at 85% 40%,rgba(120,155,210,.12),transparent 60%),radial-gradient(ellipse 40% 50% at 10% 90%,rgba(201,160,86,.08),transparent 55%),linear-gradient(155deg,#f4f7fb,#e8eef6 55%,#dfe7f1);scrollbar-color:rgba(26,35,50,.28) rgba(26,35,50,.08)}.notation-page .scroll-wrap::-webkit-scrollbar-track{background:#1a23320f}.notation-page .scroll-wrap::-webkit-scrollbar-thumb{background:#1a233238;background-clip:padding-box}.notation-page .scroll-wrap::-webkit-scrollbar-thumb:hover{background:#1a233259;background-clip:padding-box}.workspace-scaler{margin:0 auto}.workspace-scaler-inner{transform-origin:top left}.score-frame{margin:0 auto;width:fit-content;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 24px #00000014,0 1px 3px #0000000f}.score-frame--page{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.stage{position:relative;margin:0 auto}.stage.tool-erase,.stage.tool-erase .staff-svg{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4 13 L12 5 L15 8 L7 16 Z' fill='%23ffc9c9' stroke='%235c4f42' stroke-width='1.2'/%3E%3Cpath d='M7 16 L4 19 L1 16 L4 13' fill='%23e8a0a0' stroke='%235c4f42' stroke-width='1'/%3E%3C/svg%3E") 4 16,cell}.stage.tool-text,.stage.tool-text .staff-svg{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='18' viewBox='0 0 32 18'%3E%3Ctext x='1' y='13' font-family='system-ui,Arial,sans-serif' font-size='11' font-weight='600' fill='%232a231c'%3EABC%3C/text%3E%3C/svg%3E") 1 13,text}.stage.tool-lyrics,.stage.tool-lyrics .staff-svg{cursor:text}.stage.tool-clef,.stage.tool-clef .staff-svg,.stage.tool-key,.stage.tool-key .staff-svg{cursor:cell}.stage.select-mode,.stage.select-mode .staff-svg{cursor:default}.staff-svg{display:block;touch-action:pan-x pan-y;cursor:crosshair;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}@media (max-width: 720px){.scroll-wrap,.scroll-wrap--page{padding:8px calc(8px + var(--input-dock-pad-right, 0px)) 52px calc(8px + var(--input-dock-pad-left, 0px))}.scroll-wrap::-webkit-scrollbar{width:10px;height:10px}.studio-dock--horizontal{max-width:calc(100vw - 12px)}.status-bar--overlay{left:8px;right:8px;max-width:none}}.paper-sheet{fill:var(--paper);stroke:var(--paper-edge);stroke-width:1;filter:drop-shadow(0 8px 24px rgba(42,35,28,.12))}.score-page-number{fill:var(--score-ink);font-family:var(--font-ui);font-size:22px;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none;pointer-events:none}.part-label{fill:var(--score-muted);font-family:var(--font-ui);font-weight:500;letter-spacing:normal;text-transform:none;-webkit-user-select:none;user-select:none}.staff-line,.ledger,.barline,.stem{stroke:var(--score-ink)}.staff-line,.ledger,.barline{stroke-linecap:butt}.stem{stroke-linecap:round}.note text,.timesig text{fill:var(--score-ink)}.note text.notehead-cluster{stroke:var(--score-ink);stroke-width:.45px;paint-order:stroke fill}.clef-change{fill:var(--score-ink)}.keysig-change text{opacity:.95}.beam{fill:var(--score-ink)}.grace-beam-slash{stroke:var(--score-ink)}.grace-beam-slash.voice-1{stroke:#1d4ed8}.grace-beam-slash.voice-2{stroke:#b91c1c}.grace-beam-slash.voice-3{stroke:#15803d}.grace-beam-slash.voice-4{stroke:#7c3aed}.barline-dot{fill:var(--score-ink)}.barline-place-mode{cursor:pointer}.barline-place-mode .barline,.barline-place-mode .barline.final{stroke:#4ea1ff}.barline-place-mode .barline-dot{fill:#4ea1ff}.barline.barline-hidden{stroke:transparent;pointer-events:none}.barline-place-mode .barline.barline-hidden{stroke:#4ea1ff;stroke-dasharray:3 3;opacity:.85}.barlines-panel .barlines-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.barlines-cell{min-height:52px;padding:4px 2px}.barlines-cell-icon{display:block;margin:0 auto;color:var(--ink-ui, #f2efe8)}.barlines-cell.active{background:#4ea1ff47;border-color:#4ea1ffbf}.barlines-panel-footer{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.noteheads-panel .noteheads-grid-scroll{max-height:min(38vh,200px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.noteheads-panel .noteheads-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.noteheads-cell--empty .noteheads-empty-label,.noteheads-numbers-label{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ink-ui, #f2efe8)}.noteheads-cell.active{background:#4ea1ff47;border-color:#4ea1ffbf}.noteheads-numbers-row .noteheads-numbers-controls{display:flex;align-items:center;gap:8px}.noteheads-cell--numbers{width:48px;flex:0 0 auto}.noteheads-tab-input{flex:1 1 auto;min-width:0;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#00000047;color:var(--ink-ui, #f2efe8);padding:0 10px;font-size:14px;font-variant-numeric:tabular-nums}.noteheads-tab-input:focus{outline:none;border-color:#4ea1ffbf;box-shadow:0 0 0 2px #4ea1ff40}.noteheads-tab-commit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--ink-ui, #f2efe8);cursor:pointer}.noteheads-tab-commit svg{width:18px;height:18px}.noteheads-tab-commit:hover:not(:disabled){background:#4ea1ff2e;border-color:#4ea1ff8c}.noteheads-tab-commit:disabled{opacity:.35;cursor:not-allowed}.noteheads-panel-footer{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.system-bracket{stroke:var(--score-ink);stroke-linecap:round}.volta-line{stroke:var(--score-ink)}.volta-label{fill:var(--score-ink);font-weight:600}.repeats-panel.studio-panel-body{display:flex;flex-direction:column;gap:14px;padding-bottom:6px}.repeats-cell{min-height:48px;cursor:grab}.repeats-cell:active{cursor:grabbing}.repeats-cell--text .repeats-cell-glyphs,.repeats-cell--text .nx-cell-glyphs{font-family:"IBM Plex Serif",Times New Roman,serif;font-style:italic;font-weight:700;font-size:13px;letter-spacing:.01em;white-space:nowrap}.repeats-cell--bravura .repeats-cell-glyphs,.repeats-cell--bravura .nx-cell-glyphs{font-family:Bravura,Noto Music,serif;font-size:28px;line-height:1}.repeats-barline-icon{position:relative;display:block;width:28px;height:28px}.repeats-barline-icon:before,.repeats-barline-icon:after{content:"";position:absolute;top:2px;bottom:2px;background:currentColor}.repeats-barline-icon--repeatStart:before{left:6px;width:3.5px;border-radius:1px}.repeats-barline-icon--repeatStart:after{left:12px;width:1.5px;box-shadow:8px 6px 0 0 currentColor,8px 16px 0 0 currentColor}.repeats-barline-icon--repeatEnd:before{right:12px;width:1.5px;left:auto;box-shadow:-8px 6px 0 0 currentColor,-8px 16px 0 0 currentColor}.repeats-barline-icon--repeatEnd:after{right:6px;left:auto;width:3.5px;border-radius:1px}.repeats-barline-icon--repeatEndStart:before{left:4px;width:1.5px;box-shadow:-5px 6px 0 0 currentColor,-5px 16px 0 0 currentColor,7px 0 0 0 currentColor,10.5px 0 0 0 currentColor,18px 6px 0 0 currentColor,18px 16px 0 0 currentColor}.repeats-barline-icon--repeatEndStart:after{left:11.5px;width:3.5px;border-radius:1px}.repeats-volta-icon{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;width:36px;height:26px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor;border-bottom:none;border-radius:0;padding:1px 0 0 3px}.repeats-volta-icon--open{border-right:none}.repeats-volta-label{font-family:"IBM Plex Serif",Times New Roman,serif;font-size:12px;font-weight:700;line-height:1}.active-staff{display:none}.note.selected text,.note.selected line,.note.selected rect,.note-part-selected{fill:#e8bc00;stroke:#9a7200;filter:drop-shadow(0 0 4px rgba(232,188,0,.85))}.stem-selected{stroke:#a88600}.note-pitch-dimmed,.note.dimmed-selected{opacity:.32}.pitch-focus-halo{fill:#e8bc0057;stroke:#c9a000;stroke-width:1.6;filter:drop-shadow(0 0 6px rgba(232,188,0,.75));pointer-events:none}.notehead-pitch-focus{filter:drop-shadow(0 0 5px rgba(201,160,0,.95))}.note.playing text,.note.playing line,.note.playing rect{fill:var(--rose);stroke:var(--rose)}.playback-barline{visibility:hidden;pointer-events:none}.playback-barline.is-active{visibility:visible}.playback-barline-active-stroke{stroke:var(--accent-bright, #c4a574);stroke-linecap:butt;opacity:.55}.playback-playhead{visibility:hidden;pointer-events:none}.playback-playhead[data-active="1"]{visibility:visible}.playback-playhead-stroke{stroke:var(--accent-bright, #c4a574);stroke-linecap:butt}.note.tonic text,.note.tonic line,.note.tonic rect{fill:#4da6ff;stroke:#2f7fd4}.input-grid-overlay,.input-ghost-layer{pointer-events:none}.input-grid-line{stroke:#4da6ff3d;stroke-width:1}.input-grid-beat{stroke:#4da6ff7a;stroke-width:1.35}.input-grid-active-line{stroke:#e8bc00;stroke-width:2.2}.input-grid-active-cell{fill:#ffd24a24;stroke:#e8bc0066;stroke-width:1}.input-grid-slot-label{fill:#2a231c80;font-size:12px;font-family:var(--font-ui);font-weight:600;-webkit-user-select:none;user-select:none}.input-grid-slot-label--beat{fill:#2a231cb8;font-weight:700}.input-grid-slot-label--active{fill:#9a7200;font-weight:800}.input-grid-beat-label{fill:#4da6ffd9;font-size:14px;font-family:var(--font-ui);font-weight:700;-webkit-user-select:none;user-select:none}.input-grid-beat-label--active{fill:#c9a000}.input-grid-target-label{fill:#9a7200;font-size:14px;font-family:var(--font-ui);font-weight:700;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.grace-insert-overlay{pointer-events:none}.grace-insert-zone{fill:#c4a57433;stroke:#a882468c;stroke-width:1.25;stroke-dasharray:4 3}.grace-insert-anchor{stroke:#a88246b3;stroke-width:1.75;stroke-dasharray:3 2.5}.staff-edu .note.tonic text,.staff-edu .note.tonic line,.staff-edu .note.tonic rect{filter:drop-shadow(0 0 3px rgba(77,166,255,.55));animation:edu-tonic-pulse 2.4s ease-in-out infinite}@keyframes edu-tonic-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(77,166,255,.4))}50%{filter:drop-shadow(0 0 6px rgba(77,166,255,.75))}}.note.filler text{fill:#5c4f4266}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.hotspot{position:absolute;pointer-events:auto;z-index:8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;padding:0}.hotspot:hover{border-color:#c8a00059;background:#ffeb6438}.part-label-drag{position:absolute;pointer-events:auto;cursor:grab;border-radius:6px;z-index:3}.part-label-drag.no-drag{cursor:text}.part-label-drag:hover{background:#ffeb641f}.part-label-drag.dragging{cursor:grabbing;background:#ffeb6433}.part-label-input{position:absolute;pointer-events:auto;z-index:5;box-sizing:border-box;margin:0;border:1px solid var(--accent, #c9a000);border-radius:6px;background:var(--paper, #fbf7ec);color:var(--score-ink, #2a231c);box-shadow:0 2px 10px #2a231c24;font-family:var(--font-ui);font-weight:500;font-size:inherit;letter-spacing:normal;text-transform:none;text-align:left;outline:none;overflow:hidden;resize:none;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word}.part-label-input::placeholder{color:#5c4f4266;letter-spacing:normal}.part-drop-line{position:absolute;height:2px;background:#c9a000;border-radius:1px;pointer-events:none;z-index:4}.marquee-box{position:absolute;border:1.5px dashed rgba(168,134,0,.85);background:#ffeb6438;border-radius:3px;pointer-events:none;z-index:5}.measure-selection{position:absolute;pointer-events:none;z-index:4;border-radius:2px;background:#c4a57447;box-shadow:inset 0 0 0 2px #c4a574d9}.keyboard-bar-frame{position:absolute;pointer-events:none;z-index:4;border-radius:4px;background:#8cbeff1a;box-shadow:inset 0 0 0 1.5px #a0cdff8c}.keyboard-slot-caret{position:absolute;pointer-events:none;z-index:5;border-radius:2px;background:#96c8ff38;box-shadow:inset 0 0 0 1px #b4d7ffb3}.nx-keyboard-entry{min-width:36px;padding-inline:8px}.nx-keyboard-icon{width:18px;height:18px;display:block}.nx-tool-icon{width:16px;height:16px;display:block;flex-shrink:0}.nx-toolrow .btn{display:inline-flex;align-items:center;gap:6px}.edu-note-label{position:absolute;pointer-events:none;transform:translate(-50%,calc(-100% - 18px));display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:12;filter:drop-shadow(0 6px 16px rgba(12,10,8,.35));animation:edu-label-pop .22s cubic-bezier(.34,1.4,.64,1) both}.drum-piece-label{position:absolute;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));padding:4px 10px;border-radius:6px;background:color-mix(in srgb,var(--panel, #1c1a17) 92%,transparent);color:var(--ink, #f4f0e8);font-family:var(--font-ui, system-ui, sans-serif);font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;z-index:12;box-shadow:0 4px 14px #0c0a0847}@keyframes edu-label-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px)) scale(.82)}to{opacity:1;transform:translate(-50%,calc(-100% - 18px)) scale(1)}}.edu-pitch-group{display:inline-flex;align-items:center;gap:6px}.edu-pitch-plus{font-family:var(--font-display);font-size:20px;font-weight:700;color:#2a231c8c;text-shadow:0 1px 0 rgba(255,255,255,.7)}.edu-pitch-chip{display:inline-flex;align-items:baseline;gap:1px;padding:7px 14px 8px;border-radius:999px;background:linear-gradient(145deg,#fff,#fff6e8);border:2.5px solid var(--chip-color, #888);box-shadow:0 0 0 3px #ffffffd9,0 4px 16px var(--chip-glow, rgba(0, 0, 0, .2)),0 1px #fffffff2 inset}.edu-pitch-chip--tonic{border-width:3px;box-shadow:0 0 0 4px #4da6ff47,0 0 0 1px #ffffffe6,0 5px 18px var(--chip-glow, rgba(0, 0, 0, .2)),0 1px #fffffff2 inset}.edu-pitch-letter{font-family:var(--font-display);font-size:clamp(28px,3.8vw,42px);font-weight:800;line-height:1;color:var(--chip-color, #333)}.edu-pitch-acc{font-family:var(--font-display);font-size:clamp(18px,2.4vw,26px);font-weight:700;color:var(--chip-color, #333);opacity:.92;margin-left:-1px}.edu-pitch-octave{font-family:var(--font-display);font-size:clamp(14px,2vw,19px);font-weight:700;color:#2a231c8c;margin-left:1px;align-self:flex-end;padding-bottom:2px}.edu-tonic-tag{margin-left:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1c6bb8;background:#4da6ff38;align-self:center}.edu-note-label--rest{padding:8px 16px;border-radius:999px;background:linear-gradient(145deg,#fff,#f3efe8);border:2.5px dashed rgba(42,35,28,.28);font-family:var(--font-display);font-size:clamp(20px,2.8vw,28px);font-weight:700;color:#2a231c9e;gap:8px;box-shadow:0 0 0 3px #ffffffd9,0 4px 14px #2a231c24}.edu-rest-icon{font-size:1.15em;opacity:.7}.edu-terms-popup{position:fixed;left:12px;top:50%;bottom:auto;z-index:4200;width:min(168px,calc(100vw - 24px));padding:14px 12px 16px;border-radius:16px;background:#0e101af7;border:1px solid rgba(142,180,240,.42);box-shadow:0 22px 60px -10px #000000b8,0 0 0 1px #ffffff0f inset,0 0 24px #4da6ff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-50%);transform-origin:left center;animation:edu-terms-popup-in .28s cubic-bezier(.2,.9,.2,1);pointer-events:none}@keyframes edu-terms-popup-in{0%{opacity:0;transform:translateY(-50%) translate(-14px) scale(.96)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.edu-terms-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}.edu-terms-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8eb4f0}.edu-terms-key{font-size:12px;font-weight:600;color:var(--muted)}.edu-terms-grid{display:grid;grid-template-columns:1fr;gap:5px}@media (max-width: 720px){.edu-terms-popup{left:8px;width:min(152px,calc(100vw - 16px));padding:12px 10px 14px}}@media (max-width: 420px){.edu-terms-popup{top:auto;bottom:8px;transform:none;animation-name:edu-terms-popup-in-bottom}@keyframes edu-terms-popup-in-bottom{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}}.edu-degree-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.edu-degree-card--active{border-color:#ffd24abf;background:#ffd24a2e;box-shadow:0 0 16px #ffd24a47;transform:translateY(-1px)}.edu-degree-num{font-size:11px;font-weight:800;letter-spacing:.08em;color:#a0c3fff2}.edu-degree-term{font-size:12px;font-weight:800;text-align:center;line-height:1.2;color:#f4f2fa}.edu-degree-note{font-size:17px;font-weight:800;font-family:var(--font-display);color:#ffd24a}.edu-pitch-stack{display:inline-flex;flex-direction:column;align-items:center;gap:5px}.edu-degree-term-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#1a5fa8;padding:3px 10px;border-radius:999px;background:#ffffffeb;border:1.5px solid rgba(77,166,255,.55);box-shadow:0 2px 8px #1c3c782e;white-space:nowrap}.edu-degree-term-label--chromatic{color:#b45309;border-color:#ff9a3ca6;background:#fffffff0}.edu-interval-bracket{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:11;filter:drop-shadow(0 3px 8px rgba(12,10,8,.22));animation:edu-interval-in .2s cubic-bezier(.2,.9,.2,1) both}@keyframes edu-interval-in{0%{opacity:0}to{opacity:1}}.edu-interval-bracket-halo,.edu-interval-bracket-ink,.edu-interval-bracket-line{stroke-linecap:round;stroke-linejoin:round}.edu-interval-bracket-line{opacity:1}.edu-interval-bracket-shadow{pointer-events:none}.edu-interval-bracket-bg{opacity:1;filter:drop-shadow(0 2px 6px rgba(12,10,8,.25))}.edu-interval-bracket-label{font-family:var(--font-ui);font-weight:800;letter-spacing:.03em;paint-order:stroke fill;stroke:#0c0a0873;stroke-width:3.5px}.edu-triad-popup{position:fixed;right:12px;top:50%;z-index:45;width:min(210px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:hidden;display:flex;flex-direction:column;padding:0;border-radius:16px;background:#141621f5;border:1px solid rgba(196,165,116,.28);box-shadow:0 20px 56px -10px #000000a6,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-50%);animation:edu-triad-popup-in .28s cubic-bezier(.2,.9,.2,1);touch-action:none}.edu-triad-popup--positioned{animation:none}.edu-triad-popup--minimized{width:min(180px,calc(100vw - 24px));max-height:none}.edu-triad-chrome{display:flex;align-items:center;gap:8px;flex:none;padding:10px 10px 10px 12px;border-bottom:1px solid rgba(196,165,116,.16);cursor:grab;-webkit-user-select:none;user-select:none}.edu-triad-chrome:active{cursor:grabbing}.edu-triad-chrome-grip{flex:none;font-size:13px;line-height:1;letter-spacing:-.12em;color:#c4a5748c}.edu-triad-chrome-title{flex:1;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-bright)}.edu-triad-chrome-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:28px;height:28px;border-radius:8px;border:1px solid rgba(196,165,116,.28);background:#ffffff0d;color:#f0ece4e6;font-size:15px;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.edu-triad-chrome-btn:hover{border-color:#c4a57480;background:#c4a5741f;color:var(--accent-bright)}.edu-triad-body{overflow-y:auto;padding:12px 10px 14px}.edu-triad-popup--minimized .edu-triad-chrome{border-bottom:none}@keyframes edu-triad-popup-in{0%{opacity:0;transform:translateY(-50%) translate(14px) scale(.96)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.edu-triad-header{margin-bottom:10px}.edu-triad-header--section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(196,165,116,.18)}.edu-triad-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-bright)}.edu-triad-grid{display:grid;grid-template-columns:1fr;gap:6px}.edu-triad-btn{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:42px;padding:0 12px;border-radius:12px;border:1.5px solid rgba(196,165,116,.3);background:#ffffff0d;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.edu-triad-btn:hover{border-color:var(--accent);background:#c4a57424;transform:translateY(-1px);box-shadow:0 4px 14px #c4a5742e}.edu-triad-symbol{flex-shrink:0;width:1.4em;font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1;color:var(--accent-bright);text-align:center}.edu-triad-label{font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.03em;color:#f0ece4eb}.edu-chord-play-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;min-height:40px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(92,217,122,.45);background:#5cd97a1f;color:#dcffe4f2;font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease,opacity .15s ease}.edu-chord-play-btn:hover:not(:disabled){border-color:#5cd97abf;background:#5cd97a38;transform:translateY(-1px)}.edu-chord-play-btn:disabled{opacity:.38;cursor:not-allowed}.edu-chord-play-icon{font-size:12px;line-height:1}@media (max-width: 420px){.edu-triad-popup:not(.edu-triad-popup--positioned){top:auto;bottom:8px;right:8px;transform:none;animation-name:edu-triad-popup-in-bottom}@keyframes edu-triad-popup-in-bottom{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}}.addbar-zone{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;padding:0}.bar-controls{position:absolute;pointer-events:none;width:34px;transform:translate(-50%);z-index:4}.bar-controls .addbar-zone,.bar-controls .bar-enter-btn,.bar-controls .bar-remove-btn{position:absolute;left:50%;pointer-events:auto;border:none;background:transparent;padding:0}.bar-controls .addbar-zone{top:0;transform:translate(-50%,-50%)}.bar-controls .bar-enter-btn{top:50%;transform:translate(-50%,-50%)}.bar-controls .bar-remove-btn{bottom:0;transform:translate(-50%,50%);margin-bottom:0}.addbar-zone .plus{width:28px;height:28px;border-radius:50%;background:#12141fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--accent);color:var(--accent-bright);font-size:20px;font-weight:600;line-height:22px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:all .18s ease;box-shadow:0 4px 16px #c4a57433}.bar-controls .bar-enter-btn{width:28px;height:28px;border-radius:7px;background:#12141fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(196,165,116,.35);color:#c4a574bf;font-size:15px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .18s ease,transform .18s ease}.bar-controls .bar-remove-btn{width:28px;height:28px;border-radius:50%;background:#12141fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(232,108,108,.45);color:#ff8282e6;font-size:22px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .18s ease,transform .18s ease}.bar-controls:hover .addbar-zone .plus,.bar-controls:hover .bar-enter-btn,.bar-controls:hover .bar-remove-btn,.bar-controls .bar-enter-btn.active{opacity:1}.bar-controls:hover .addbar-zone .plus{transform:scale(1)}.bar-controls:hover .bar-enter-btn,.bar-controls .bar-enter-btn.active{transform:translate(-50%,-50%) scale(1)}.bar-controls:hover .bar-remove-btn{transform:translate(-50%,50%) scale(1)}.bar-controls .bar-remove-btn:hover{border-color:#ff7878d9;color:#ffb0b0;background:#501c1c8c}.bar-controls .bar-enter-btn:hover{border-color:var(--accent);color:var(--accent-bright)}.bar-controls .bar-enter-btn.active{border-color:var(--accent);color:var(--accent-bright);background:#c4a57426}.addbar-zone:hover .plus{opacity:1;transform:scale(1)}.line-break-mark{font-size:11px;fill:#c4a5748c;font-family:system-ui,sans-serif;pointer-events:none}.bar-number-mark{pointer-events:none}.bar-number-circle{fill:var(--paper);stroke:#2a231c73;stroke-width:1.1}.bar-number-mark-hidden .bar-number-circle{fill:transparent;stroke:#2a231c47;stroke-dasharray:3 2.5;stroke-width:1.2}.bar-number-mark.is-playing .bar-number-circle{fill:var(--accent-bright, #c4a574);stroke:var(--accent-bright, #c4a574);filter:drop-shadow(0 0 3px rgba(196,165,116,.55))}.bar-number-mark.is-playing .bar-number{fill:#2a231c}.bar-number-mark.is-playing.bar-number-mark-hidden .bar-number-circle{fill:color-mix(in srgb,var(--accent-bright, #c4a574) 35%,transparent);stroke:var(--accent-bright, #c4a574);stroke-dasharray:none}.bar-number{font-weight:700;fill:#2a231cb8;font-family:var(--font-ui);-webkit-user-select:none;user-select:none}.system-sep-line{stroke:#c4a57438;stroke-dasharray:4 6}.system-sep-label{font-size:10px;fill:#c4a57466;font-family:system-ui,sans-serif;letter-spacing:.04em;pointer-events:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#12141feb;color:var(--ink-ui);padding:12px 18px;border-radius:12px;font-size:13px;border:1px solid var(--border);box-shadow:var(--shadow);animation:toast-in .2s ease;z-index:20}.toast--persistent{bottom:72px;background:#5a1c1cf0;border-color:#dc787873;animation:none;pointer-events:none;max-width:min(90vw,36rem);text-align:center}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.popup{position:fixed;z-index:50;min-width:180px;padding:10px;border-radius:14px;background:var(--surface-glass);border:1px solid rgba(196,165,116,.35);box-shadow:0 24px 64px -12px #000000b8,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1f,0 0 28px #c4a5741a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform-origin:top center;animation:ui-menu-pop var(--motion-med) var(--ease-spring)}.popup--interactive{display:flex;flex-direction:column;padding:0;overflow:hidden;touch-action:none}.popup--interactive.popup--sized{max-height:none}.popup--interactive.popup--dragging{border-color:#e8c98a8c;box-shadow:0 28px 70px -10px #000000c7,0 0 0 1px #e8c98a38,inset 0 1px #ffffff24}.popup-chrome{position:relative;z-index:1;display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 12px 6px;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.08);background:#080a0e8c}.popup--dragging .popup-chrome{cursor:grabbing}.popup-chrome-grip{font-size:11px;letter-spacing:-.08em;color:#c4a5748c;line-height:1}.popup-title--chrome{padding:0;flex:1 1 auto;min-width:0}.popup-body{position:relative;z-index:0;flex:1 1 auto;min-height:0;padding:10px 12px 12px;overflow:auto}.popup-resize{position:absolute;z-index:3}.popup-resize--n,.popup-resize--s{left:10px;right:10px;height:6px}.popup-resize--n{top:0;cursor:ns-resize}.popup-resize--s{bottom:0;cursor:ns-resize}.popup-resize--e,.popup-resize--w{top:10px;bottom:10px;width:6px}.popup-resize--e{right:0;cursor:ew-resize}.popup-resize--w{left:0;cursor:ew-resize}.popup-resize--ne,.popup-resize--nw,.popup-resize--se,.popup-resize--sw{width:12px;height:12px}.popup-resize--ne{top:0;right:0;cursor:nesw-resize}.popup-resize--nw{top:0;left:0;cursor:nwse-resize}.popup-resize--se{bottom:0;right:0;cursor:nwse-resize}.popup-resize--sw{bottom:0;left:0;cursor:nesw-resize}.popup-resize--se:after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid rgba(196,165,116,.45);border-bottom:2px solid rgba(196,165,116,.45);border-radius:0 0 2px;pointer-events:none}.popup--interactive:hover .popup-resize--se:after{border-color:#c4a574cc}.popup-title{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:4px 6px 8px}.clef-popup{min-width:0;width:min(520px,calc(100vw - 24px));padding:0}.clef-popup.popup--interactive .popup-body{padding:10px 12px 12px}.clef-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;container-type:inline-size}.clef-cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.15 / 1;min-height:72px;padding:10px 6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0000004d;cursor:pointer;color:var(--ink-ui);overflow:visible;container-type:size;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.clef-cell:hover{background:#c4a5741f;border-color:#c4a57466;transform:translateY(-1px)}.clef-cell.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #c4a5744d,0 0 0 1px #c4a57433;animation:ui-active-settle var(--motion-med) var(--ease-spring)}.clef-cell-staff{position:absolute;top:28%;right:10%;bottom:22%;left:10%;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(232,236,244,.82) 0,rgba(232,236,244,.82) 1.25px,transparent 1.25px,transparent calc(100% / var(--clef-staff-lines, 5)));opacity:1}.clef-cell-staff--6{top:22%;right:10%;bottom:18%;left:10%}.clef-cell-staff--4{top:26%;right:10%;bottom:30%;left:10%}.clef-cell-symbol{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:1em;padding:14px 0 12px}.clef-cell-glyph{position:relative;z-index:1;display:inline-block;font-family:Bravura,Bravura Text,serif;font-size:min(34px,48cqh,92cqw);line-height:1;color:#f5f7fb;filter:drop-shadow(0 0 .6px rgba(255,255,255,.45));transition:transform var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}.clef-cell--tab .clef-cell-glyph,.clef-cell--tabUkulele .clef-cell-glyph,.clef-cell--tabBass .clef-cell-glyph{font-size:min(28px,40cqh,80cqw)}.clef-cell-caption{position:absolute;left:2px;right:2px;bottom:4px;z-index:2;font-family:var(--font-ui, "IBM Plex Sans", "Segoe UI", sans-serif);font-size:9px;font-weight:650;letter-spacing:.02em;line-height:1;text-align:center;color:#f5f7fb;pointer-events:none;-webkit-user-select:none;user-select:none}.clef-cell--tab .clef-cell-staff--6{top:14%;right:10%;bottom:28%;left:10%}.clef-cell--tabUkulele .clef-cell-staff--4,.clef-cell--tabBass .clef-cell-staff--4{top:16%;right:10%;bottom:32%;left:10%}.clef-cell-octave{position:absolute;left:50%;transform:translate(-50%);z-index:2;font-family:var(--font-ui, "IBM Plex Sans", "Segoe UI", sans-serif);font-size:12px;font-weight:800;letter-spacing:.01em;line-height:1;color:#f5f7fb;text-shadow:0 0 3px rgba(0,0,0,.9),0 1px 0 rgba(0,0,0,.55);pointer-events:none;-webkit-user-select:none;user-select:none}.clef-cell-octave--above{top:1px}.clef-cell-octave--below{bottom:1px}.clef-cell:hover .clef-cell-glyph,.clef-cell:hover .clef-cell-octave,.clef-cell:hover .clef-cell-caption{color:var(--accent-bright)}.clef-cell:hover .clef-cell-glyph{filter:drop-shadow(0 0 4px rgba(232,201,138,.35))}.clef-popup.popup--interactive,.clef-popup.popup--interactive .popup-body{overflow:visible}@container (max-width: 400px){.clef-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.clef-cell{min-height:60px;padding:8px 4px 6px}.clef-cell-octave{font-size:10px}.clef-cell-caption{font-size:8px;bottom:3px}}.clef-option{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:1px solid transparent;background:transparent;border-radius:10px;cursor:pointer;color:var(--ink-ui);text-align:left;position:relative;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.clef-option:hover{background:#c4a5741a;transform:translate(3px);border-color:#c4a57440}.clef-option.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #c4a57440;animation:ui-active-settle var(--motion-med) var(--ease-spring)}.clef-option:hover .clef-glyph{transform:scale(1.08)}.clef-glyph{font-family:Bravura;font-size:34px;line-height:1;width:30px;text-align:center;color:var(--accent-bright);transition:transform var(--motion-fast) var(--ease-out)}.clef-text{display:flex;flex-direction:column;gap:1px}.clef-name{font-size:14px;font-weight:600}.clef-sub{font-size:11px;color:var(--muted)}.time-popup{min-width:290px;padding:0}.time-presets{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 10px;border-bottom:1px solid var(--border)}.time-editor{display:flex;gap:14px;align-items:center;padding:12px 4px}.time-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Bravura;line-height:.82;font-size:34px;color:var(--accent-bright);min-width:48px;padding:4px 8px;background:#c4a57414;border-radius:10px}.time-columns{display:flex;flex-direction:column;gap:10px;flex:1}.time-col-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:5px}.time-chiprow{display:flex;flex-wrap:wrap;gap:5px}.mini-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--muted);border-radius:8px;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-family:var(--font-ui);cursor:pointer;transition:all .14s ease}.mini-chip:hover{color:var(--ink-ui);border-color:#ffffff29}.mini-chip.active{color:var(--accent-bright);border-color:var(--accent);background:var(--accent-soft)}.popup-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 4px 2px;border-top:1px solid var(--border)}.popup-backdrop-dim{background:#00000059}.popup-backdrop--scope{z-index:4500}.popup.scope-popup{z-index:4501}.scope-popup{left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(320px,calc(100vw - 32px));max-width:360px;animation:none}.scope-popup-desc{margin:0;padding:0 6px 12px;font-size:13px;line-height:1.45;color:var(--text)}.scope-popup-options{display:flex;flex-direction:column;gap:8px;padding:0 4px 8px}.scope-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.scope-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.scope-option:disabled{opacity:.45;cursor:not-allowed}.scope-option-label{font-size:13px;font-weight:600}.scope-option-sub{font-size:11px;color:var(--muted)}.key-popup{width:min(420px,calc(100vw - 20px));max-height:min(78vh,640px);padding:0}.key-popup .popup-body{max-height:min(68vh,560px)}.key-section+.key-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.key-section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);padding:2px 6px 8px}.key-subsection+.key-subsection{margin-top:10px}.key-subsection-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 6px 6px}.key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@media (min-width: 480px){.key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.key-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:#ffffff08;color:var(--ink-ui);cursor:pointer;text-align:left;transition:all .14s ease}.key-option:hover{background:#ffffff12;border-color:#ffffff1a}.key-option.active{border-color:var(--accent);background:var(--accent-soft)}.key-option-name{font-size:13px;font-weight:600}.key-option-acc{font-size:10px;color:var(--muted);line-height:1.3;word-break:break-word}.keysig text{fill:var(--score-ink)}.articulations-panel.studio-panel-body,.dynamics-panel.studio-panel-body,.ornaments-panel.studio-panel-body{display:flex;flex-direction:column;gap:14px;padding-bottom:6px}.artic-section{display:flex;flex-direction:column;gap:8px}.artic-section--footer{flex-direction:row;align-items:center}.artic-grid{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:6px;padding:10px;border-radius:12px;border:1px solid rgba(92,79,66,.18);background:#fbf7ec0f;max-width:420px}.artic-grid--actions{grid-template-columns:repeat(2,minmax(120px,1fr));max-width:320px}.artic-grid--finger{grid-template-columns:repeat(6,minmax(40px,1fr));max-width:280px}.artic-grid--dyn{grid-template-columns:repeat(7,minmax(48px,1fr));max-width:460px}.artic-cell-glyphs--dyn{font-size:26px;color:#d5dbeb}.artic-cell--dyn{min-height:44px}.artic-grid--orn{max-width:460px}.artic-cell-glyphs--orn{font-size:24px;color:#d5dbeb}.artic-orn-tremolo{position:absolute;left:54%;top:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none;line-height:0}.artic-mordent-wrap{position:relative}.artic-cell--mordent{position:relative;padding-right:14px}.artic-mordent-caret{position:absolute;right:4px;bottom:4px;font-size:9px;opacity:.7}.artic-mordent-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:170px;padding:4px;border-radius:10px;border:1px solid rgba(92,79,66,.2);background:#fbf7ec;box-shadow:0 10px 22px #14100c40}.artic-mordent-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#1e2a44;font-family:var(--font-ui);font-size:12px;cursor:pointer;text-align:left}.artic-mordent-item:hover{background:#c9a00024}.ornament-mark{fill:var(--score-ink)}.ornament-tremolo{pointer-events:none}.ornament-arpeggio{fill:var(--score-ink);pointer-events:none}.hairpin-line{stroke:var(--score-ink);stroke-linecap:round;stroke-linejoin:round}.hairpin-line--draft{opacity:.55;stroke-dasharray:5 4;pointer-events:none}.decorative-line{stroke:var(--score-ink);stroke-linecap:round;stroke-linejoin:round}.decorative-line--draft{opacity:.55;stroke-dasharray:5 4;pointer-events:none}.nx-cell--line{min-height:calc(40px * var(--nx-symbol-scale, 1))}.nx-line-preview{width:28px;height:16px;display:block;color:#d5dbeb}.nx-cell.active .nx-line-preview{color:var(--accent-bright, #c4a574)}.nx-group-label--sub{display:block;margin-top:8px;font-size:11px;opacity:.85}.pedal-mark{fill:var(--score-ink)}.artic-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:6px 4px;border-radius:8px;border:1px solid transparent;background:#ffffff0a;color:var(--ink-ui);cursor:pointer;transition:background .12s ease,border-color .12s ease}.artic-cell:hover:not(:disabled){border-color:#c4a57473;background:#c4a5741f}.artic-cell:disabled{opacity:.4;cursor:not-allowed}.artic-cell--wide{min-height:56px}.artic-cell--finger{font-family:var(--font-ui);font-size:15px;font-weight:600;min-height:40px}.artic-cell--disabled-look{opacity:.35}.artic-cell-glyphs{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;min-height:1.6em;font-family:Bravura,serif;font-size:22px;line-height:1;color:#c9d0e0}.artic-cell-head{opacity:.85}.artic-cell-mark--over{position:absolute;left:50%;bottom:72%;transform:translate(-50%);font-size:18px}.artic-cell-caption{font-family:var(--font-ui);font-size:11px;color:var(--muted-ui, rgba(220, 224, 235, .7))}.artic-slur-preview{gap:1px;padding-top:10px}.artic-slur-curve{position:absolute;top:2px;left:8%;right:8%;height:10px;border:1.5px solid currentColor;border-color:currentColor transparent transparent transparent;border-radius:50% 50% 0 0;opacity:.85}.artic-grace{font-size:14px;opacity:.55;transform:translateY(-4px)}.fingering-mark{fill:var(--score-ink);font-family:var(--font-ui);font-weight:600}.tab-number{fill:var(--score-ink);pointer-events:none}.markings-panel{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.markings-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tuplet-menu-wrap{position:relative;display:inline-flex;z-index:1}.tuplet-menu-wrap--compact .nx-cell{min-width:26px}.tuplet-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:600;min-width:280px;max-height:min(70vh,420px);overflow-y:auto;padding:6px;border-radius:12px;border:1px solid rgba(92,79,66,.2);background:#fbf7ec;box-shadow:0 12px 28px #14100c47}.tuplet-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#1e2a44;text-align:left;cursor:pointer}.tuplet-menu-item:hover:not(:disabled){background:#c9a00024}.tuplet-menu-item.active{background:#c9a00033}.tuplet-menu-item.disabled,.tuplet-menu-item:disabled{color:#9aa3b5;cursor:not-allowed}.tuplet-menu-icon{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:44px;font-size:16px;color:inherit}.tuplet-menu-bracket{font-size:14px;opacity:.75;line-height:1}.tuplet-menu-digits{display:inline-flex;font-size:20px;line-height:1}.tuplet-menu-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tuplet-menu-title{font-family:var(--font-ui);font-size:13px;font-weight:650;line-height:1.2}.tuplet-menu-sub{font-family:var(--font-ui);font-size:11px;opacity:.75;line-height:1.25}.tuplet-menu-item.disabled .tuplet-menu-sub,.tuplet-menu-item:disabled .tuplet-menu-sub{opacity:.9}.bravura-btn{font-family:Bravura,serif;font-size:1.35rem;line-height:1}.tie-curve,.slur-curve{fill:var(--score-ink);stroke:none}.curve-hit{cursor:pointer;pointer-events:stroke;touch-action:none}.ties-layer .curve-hit,.slurs-layer .curve-hit{pointer-events:all}.tuplet-bracket path{stroke:var(--score-ink)}.markings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;overflow:visible}.mark-handle-group{position:absolute;pointer-events:none;overflow:visible}.mark-handle-group--has-resize{z-index:10}.mark-handle-group>.mark-handle{position:absolute;top:0;right:0;bottom:0;left:0}.note-position-overlay,.barline-position-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7}.note-position-handle{position:absolute;pointer-events:auto;padding:0;margin:0;border:1.5px solid #8a6a00;border-radius:2.5px;background:linear-gradient(145deg,#ffe27a,#c9a000);box-shadow:0 0 0 1.5px #ffffff8c,0 1px 4px #00000059;cursor:grab;opacity:.92}.note-position-handle:hover,.note-position-handle.selected{opacity:1;border-color:#5c4800;box-shadow:0 0 0 2px #ffffffb3,0 2px 6px #0006;transform:scale(1.08)}.note-position-handle:active{cursor:grabbing}.barline-position-handle{border-radius:2px;cursor:ew-resize}.barline-position-handle:active{cursor:ew-resize}.mark-handle{position:absolute;pointer-events:auto;border:1px dashed transparent;border-radius:6px;background:transparent;cursor:grab;padding:0;display:grid;place-items:center}.mark-handle:active{cursor:grabbing}.mark-handle:hover,.mark-handle.selected{border-color:#c4a5748c;background:#c4a5741f}.mark-handle-curve{border-radius:999px}.mark-handle-tip{border:none;background:transparent;border-radius:0;cursor:move}.mark-handle-tip:hover,.mark-handle-tip.selected{border:none;background:transparent}.mark-handle-knob{display:block;width:11px;height:11px;border-radius:2.5px;background:linear-gradient(145deg,#ffe27a,#c9a000);border:1.5px solid #8a6a00;box-shadow:0 0 0 1.5px #ffffff8c,0 1px 4px #00000059;transform:rotate(45deg);pointer-events:none}.mark-handle-tip:hover .mark-handle-knob,.mark-handle-tip.selected .mark-handle-knob{width:13px;height:13px;background:linear-gradient(145deg,#fff1a8,#e0b400);box-shadow:0 0 0 2px #ffffffb3,0 2px 8px #c9a0008c}.mark-handle-arch{border:none;background:transparent;cursor:ns-resize}.mark-handle-arch:hover,.mark-handle-arch.selected{border:none;background:transparent}.mark-handle-arch-knob{display:block;width:12px;height:12px;border-radius:999px;background:linear-gradient(145deg,#ffe27a,#c9a000);border:1.5px solid #8a6a00;box-shadow:0 0 0 1.5px #ffffff8c,0 1px 4px #00000059;pointer-events:none}.mark-handle-arch:hover .mark-handle-arch-knob,.mark-handle-arch.selected .mark-handle-arch-knob{width:14px;height:14px;background:linear-gradient(145deg,#fff1a8,#e0b400);box-shadow:0 0 0 2px #ffffffb3,0 2px 8px #c9a0008c}.mark-handle-lift{border:none;background:transparent;box-shadow:none;cursor:grab;color:#8a6a00}.mark-handle-lift:hover,.mark-handle-lift.selected{border:none;background:transparent;color:#5c4500}.mark-handle-lift:active{cursor:grabbing}.mark-handle-lift-hand{display:grid;place-items:center;pointer-events:none;line-height:0;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.95)) drop-shadow(0 1px 2px rgba(0,0,0,.35))}.mark-handle-lift-hand svg{display:block}.mark-handle-articulation,.mark-handle-lyric,.mark-handle-tuplet,.mark-handle-dynamic,.mark-handle-pedal,.mark-handle-grace,.mark-handle-graceSlash{border-radius:6px}.mark-handle--has-resize{overflow:visible}.mark-handle-resize{position:absolute;pointer-events:auto;z-index:2;right:-5px;bottom:-5px;left:auto;top:auto}.mark-handle-resize--left{left:-5px;right:auto;cursor:nesw-resize}.mark-handle-grace{cursor:ew-resize}.mark-handle-graceSlash{cursor:move;border-radius:999px}.mark-handle-graceSlash:hover,.mark-handle-graceSlash.selected{border-color:#2563eb8c;background:#2563eb24}.mark-handle-lyric.selected{outline:1.5px solid color-mix(in srgb,var(--accent, #4f8cff) 70%,transparent);outline-offset:1px;background:color-mix(in srgb,var(--accent, #4f8cff) 18%,transparent)}.mark-handle-barNumber{border-radius:999px;z-index:9}.mark-handle-barNumber.mark-handle-hidden{background:transparent;border-color:transparent;opacity:1;cursor:pointer}.mark-handle-barNumber.mark-handle-hidden:hover,.mark-handle-barNumber.mark-handle-hidden.selected{background:#2563eb1a;border-color:#2563eb66}.stage.stamp-mode{cursor:none}.stamp-ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);opacity:.55;display:flex;flex-direction:column;align-items:center;gap:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.stamp-ghost-glyph{font-family:Bravura,serif;font-size:36px;line-height:1;color:#1a1a1a;-webkit-user-select:none;user-select:none}.stamp-ghost--fingering .stamp-ghost-glyph{font-family:var(--font-ui),system-ui,sans-serif;font-size:22px;font-weight:700}.stamp-ghost-hint{font-family:var(--font-ui),system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#c9a000;background:#14161cd9;padding:1px 6px;border-radius:4px}.lyric-syllable{fill:var(--score-muted)}.lyric-extender{stroke:var(--score-muted);fill:none;stroke-linecap:round}.lyrics-entry-window{position:absolute;z-index:8;transform:translate(-50%);box-sizing:border-box;width:244px;border:1px solid #c9a000;border-radius:6px;background:#fffae2fa;box-shadow:0 4px 14px #00000038;pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:visible}.lyrics-entry-window.dragged{transform:none}.lyrics-entry-window.pending-melisma{border-color:#8a7a40;border-style:dashed}.lyrics-entry-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 4px 3px 8px;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(201,160,0,.4);background:linear-gradient(#fff4c4f2,#ffeeb0f2);border-radius:5px 5px 0 0}.lyrics-entry-title{font-size:calc(11px * var(--lyr-scale, 1));font-weight:600;letter-spacing:.02em;color:#6b5a10;text-transform:uppercase}.lyrics-entry-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#6b5a10;font-size:calc(16px * var(--lyr-scale, 1));line-height:1;width:calc(20px * var(--lyr-scale, 1));height:calc(20px * var(--lyr-scale, 1));border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lyrics-entry-close:hover{background:#c9a00038;color:#3a3005}.lyrics-entry-format{display:flex;align-items:center;gap:4px;padding:5px 6px;border-bottom:1px solid rgba(201,160,0,.28)}.lyrics-font-select,.lyrics-size-select{height:calc(24px * var(--lyr-scale, 1));box-sizing:border-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;background:#fff;color:var(--score-ink, #2a231c);font-size:calc(12px * var(--lyr-scale, 1));padding:0 4px;cursor:pointer}.lyrics-font-select{flex:1 1 auto;min-width:0}.lyrics-size-select{flex:0 0 auto;width:calc(52px * var(--lyr-scale, 1))}.lyrics-fmt-btn{flex:0 0 auto;width:calc(24px * var(--lyr-scale, 1));height:calc(24px * var(--lyr-scale, 1));box-sizing:border-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;background:#fff;color:var(--score-ink, #2a231c);font-size:calc(12px * var(--lyr-scale, 1));line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lyrics-fmt-btn:hover{background:#fdf3c9}.lyrics-fmt-btn.active{background:#f2d764;border-color:#c9a000}.lyrics-fmt-u{text-decoration:underline}.lyrics-entry-input{width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;border:none;background:transparent;color:var(--score-ink, #2a231c);text-align:center;outline:none;padding:8px;margin:0;line-height:1.1}.lyrics-entry-input::placeholder{color:color-mix(in srgb,var(--score-muted, #7a7268) 75%,transparent);font-style:italic}.lyrics-entry-hint{padding:0 8px 6px;font-size:calc(9px * var(--lyr-scale, 1));line-height:1.25;color:var(--score-muted, #7a7268);text-align:center;-webkit-user-select:none;user-select:none;opacity:.9;pointer-events:none}.lyrics-entry-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;pointer-events:auto;background:linear-gradient(135deg,transparent 0 45%,rgba(107,90,16,.55) 45% 55%,transparent 55% 70%,rgba(107,90,16,.55) 70% 80%,transparent 80%);border-bottom-right-radius:5px}.text-format-popup .text-format-font{display:flex;align-items:center}.text-format-popup .text-font-select{height:28px;min-width:88px;max-width:110px;border:1px solid rgba(92,79,66,.35);border-radius:4px;background:#fffdf8;color:var(--score-ink, #2a231c);font-size:12px;padding:0 4px}.articulation-mark,.dynamic-mark{fill:var(--score-ink)}.articulation-text{fill:var(--score-ink);-webkit-user-select:none;user-select:none}@media (max-width: 720px){.app{padding:20px 14px 40px}.shell-brand-lede{display:none}.shell-brand-lede--project{display:block;max-width:min(42vw,14rem)}.shell-brand-lede--project .shell-brand-section,.shell-brand-lede--project .shell-brand-lede-sep{display:none}.view-sliders{grid-template-columns:1fr}}@media print{@page{margin:12mm}html,body{background:#fff!important;color:#000!important}.ambient,.shell-nav,.app-footer,.studio-bar,.status-bar,.workspace-project-name-overlay,.workspace-chrome,.workspace-zoom-badge,.view-flyout,.float-panel,.markings-overlay,.note-position-overlay,.barline-position-overlay,.hotspot,.bar-controls,.popup-backdrop,.edu-overlay,.edu-terms-panel,.edu-triad-panel{display:none!important}.app{max-width:none!important;margin:0!important;padding:0!important}.editor,.workspace,.scroll-wrap,.workspace-scaler,.workspace-scaler-inner,.score-frame,.stage{overflow:visible!important;max-height:none!important;background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important}.workspace-scaler-inner{transform:none!important}.paper-sheet{filter:none!important;stroke:#ccc!important}.staff-svg{width:100%!important;height:auto!important}.song-lyric-chord-targets,.song-lyric-chord-underscore{display:block!important;visibility:visible!important;opacity:1!important}.song-lyric-chord-underscore{background:var(--paper-chord, #7a5520)!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(196,165,116,.08),transparent 60%),#04050ac2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:project-modal-fade-in var(--motion-med) var(--ease-out)}@keyframes project-modal-fade-in{0%{opacity:0}to{opacity:1}}.project-modal-panel{position:relative;width:min(420px,calc(100vw - 32px));padding:28px 28px 24px;border-radius:18px;background:linear-gradient(165deg,#2a2832fa,#161822 45%,#12141c);border:1px solid rgba(196,165,116,.36);box-shadow:0 0 0 1px #0006,0 32px 90px -16px #000000e0,inset 0 1px #ffffff1f,0 0 70px -18px #c4a57447;transform-origin:center top;animation:ui-window-in var(--motion-slow) var(--ease-spring)}.project-modal-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,transparent,rgba(232,201,138,.55),transparent);pointer-events:none}.project-modal-panel--wide{width:min(480px,calc(100vw - 32px))}.project-modal-backdrop--xl{align-items:flex-start;padding:16px 12px 24px;overflow:auto}.project-modal-panel--xl{width:min(760px,calc(100vw - 24px));max-height:none;margin:0 auto}@keyframes project-modal-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.project-modal-header{margin-bottom:22px}.project-modal-title{margin:0;font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink-ui);text-transform:none}.project-modal-desc{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}.project-dialog-form{display:flex;flex-direction:column;gap:10px}.project-dialog-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#e8e4dcb8}.project-dialog-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(196,165,116,.35);background:#0c0d14;color:var(--ink-ui);font-family:var(--font-ui);font-size:16px;line-height:1.35}.project-dialog-input::placeholder{color:#e8e4dc61}.project-dialog-input:focus{outline:none;border-color:#c4a574b3;box-shadow:0 0 0 3px #c4a5742e}.project-dialog-hint{margin:0;font-size:12px;line-height:1.4;color:var(--muted)}.project-template-picker{display:flex;flex-direction:column;gap:12px;max-height:min(52vh,440px);overflow-y:auto;padding:2px 4px 4px 0;margin-right:-4px}.project-template-group{margin:0;padding:0;border:none;min-width:0}.project-template-legend{margin:0 0 8px;padding:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#e8e4dc8c}.project-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-template-card{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(196,165,116,.28);background:#0c0d14b8;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.project-template-card input{position:absolute;opacity:0;pointer-events:none}.project-template-card:hover{border-color:#c4a5748c}.project-template-card:focus-within{border-color:#c4a574b3;box-shadow:0 0 0 3px #c4a5742e}.project-template-card--selected{border-color:#c4a574e6;background:#c4a5741f;box-shadow:0 0 0 2px #c4a5742e}@media (max-width: 520px){.project-template-grid{grid-template-columns:1fr}}.project-template-name{font-size:13px;font-weight:650;color:var(--ink-ui);line-height:1.25}.project-template-desc{font-size:11px;line-height:1.35;color:var(--muted)}.project-template-count{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#c4a574d9}.project-dialog-error{margin:0;font-size:13px;color:#ff9a9a}.midi-import-fieldset{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:8px}.midi-import-tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.midi-import-track{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink-ui);cursor:pointer}.midi-import-track input{margin-top:2px}.midi-import-bars{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.midi-import-bar-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}.midi-import-bar-field .project-dialog-input{width:5.5rem}.midi-import-cloud-warn{color:var(--danger, #e8a0a0)}.project-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.project-dialog-actions-spacer{flex:1}.project-dialog-cancel{min-width:auto;height:42px;padding:0 16px;color:var(--muted)}.project-dialog-create{min-width:auto;height:42px;padding:0 20px;font-weight:600;color:#1a1610;background:linear-gradient(180deg,#e0c48a,#c4a574);border-color:#c4a574e6;box-shadow:0 8px 24px -10px #c4a5748c}.project-dialog-create:hover:not(:disabled){border-color:#e8d0a0;background:linear-gradient(180deg,#ead4a0,#d0b07e);color:#1a1610}.add-bars-dialog-form .project-dialog-input{max-width:8rem}.add-bars-placement{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:8px}.add-bars-placement>.project-dialog-label{margin-bottom:2px}.add-bars-placement-option{display:flex;align-items:center;gap:10px;min-height:32px;font-size:14px;color:var(--ink-ui);cursor:pointer}.add-bars-placement-option input{accent-color:#c4a574}.add-bars-after-field{display:flex;flex-direction:column;gap:6px;margin-left:26px}.add-bars-after-label{font-size:12px;color:var(--muted)}.project-library-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.project-library-header--art{align-items:center}.project-library-header-text{flex:1;min-width:0}.project-library-new-btn{flex-shrink:0;margin-top:8px}.project-library-empty{padding:28px 24px;border:1px dashed var(--border);border-radius:16px;color:var(--muted);font-size:14px}.project-library-empty p{margin:0}.project-library-empty-sub{margin-top:8px!important;font-size:13px;opacity:.85}.project-library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:44rem}.project-library-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:14px;border:1px solid var(--border);background:#12141f8c;flex-wrap:wrap}.project-library-card-main{flex:1;min-width:12rem}.project-library-title-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0 0 4px;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--ink-ui);cursor:pointer;text-align:left}.project-library-title-btn:hover{color:var(--accent-bright)}.project-library-meta{margin:0;font-size:12px;color:var(--muted)}.project-library-card-actions{display:flex;gap:6px;flex-wrap:wrap}.project-library-delete:hover{border-color:#ff8f8f73;color:#ff8f8f}.project-library-rename{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.project-library-rename-input{max-width:20rem;margin-bottom:0}.project-dialog-actions .btn-danger,.project-dialog-confirm-danger{min-width:auto;height:42px;padding:0 20px;font-weight:600}.tool-page-header.project-editor-header{margin-bottom:12px}.project-editor-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:12px}.project-editor-header-text{flex:1;min-width:0}.project-editor-header .eyebrow{margin-bottom:0}.project-editor-header .song-meta-row{margin-top:8px}.project-editor-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;row-gap:10px;margin-top:0}.project-editor-header-actions .chords-sound-quality{margin:0}.project-editor-header-actions .chords-sound-quality .sound-quality-buttons{height:36px}.project-back-link{color:var(--muted);text-decoration:none;margin-right:12px}.project-back-link:hover{color:var(--accent-bright);text-decoration:underline}.project-save-status{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.project-save-status[data-status=saving]{color:var(--accent-bright)}.project-save-status[data-status=error]{color:var(--danger, #e8a0a0)}.song-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.song-meta-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft)}.song-book-creator{max-width:none;--song-side-display: "Fraunces", "Cormorant Garamond", Georgia, serif;--song-side-ui: "Outfit", ui-sans-serif, system-ui, sans-serif;--song-side-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--song-side-italic: "Newsreader", "Libre Baskerville", Georgia, serif}.song-book-topbar{margin-bottom:12px}.song-book-workspace{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(140px,200px);gap:16px;align-items:start;min-height:60vh;perspective:1400px}.song-side-window{--song-side-tilt: -1.1deg;position:sticky;top:12px;max-height:calc(100vh - 140px);overflow:auto;padding:14px 12px 16px;border-radius:16px;border:1px solid rgba(196,165,116,.28);background:linear-gradient(145deg,rgba(255,236,190,.07),transparent 42%),linear-gradient(180deg,#1c1e2afa,#0c0d14f7);box-shadow:0 1px #ffffff0f inset,0 -18px 40px -28px #0000008c inset,0 18px 36px -22px #000000b8,0 4px #00000047;transform:rotateY(var(--song-side-tilt)) translateZ(0);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .25s ease;animation:song-side-rise .55s cubic-bezier(.22,1,.36,1) both;font-family:var(--song-side-ui);color:var(--ink-ui)}.song-side-window--structure{--song-side-tilt: 1.25deg;animation-delay:.04s}.song-side-window--chords{--song-side-tilt: -1.25deg;animation-delay:.1s}.song-side-window:hover{--song-side-tilt: 0deg;border-color:#c4a5746b;box-shadow:0 1px #ffffff14 inset,0 -18px 40px -28px #00000073 inset,0 22px 42px -20px #000000c7,0 6px #00000038}@keyframes song-side-rise{0%{opacity:0;transform:rotateY(var(--song-side-tilt)) translateY(14px) scale(.97)}to{opacity:1;transform:rotateY(var(--song-side-tilt)) translateY(0) scale(1)}}.song-side-window-head{margin-bottom:12px;padding:0 4px 10px;border-bottom:1px solid rgba(255,255,255,.06);transform:translateZ(12px)}.song-side-window-head h2{margin:0;font-family:var(--song-side-display);font-optical-sizing:auto;font-size:1.35rem;font-weight:700;font-style:italic;letter-spacing:-.02em;line-height:1.05;color:#f3e6c8}.song-side-window-head p{margin:6px 0 0;font-family:var(--song-side-ui);font-size:10.5px;font-weight:500;letter-spacing:.04em;line-height:1.4;color:#e8dcbe8c}.song-side-empty{margin:8px 4px 0;font-family:var(--song-side-italic);font-size:12.5px;font-style:italic;font-weight:400;line-height:1.45;color:#e8dcbe94}.song-side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;transform-style:preserve-3d}.song-side-list>li,.song-library-chord-row{animation:song-side-item-in .42s cubic-bezier(.22,1,.36,1) both}.song-side-list>li:nth-child(1),.song-library-chord-row:nth-child(1){animation-delay:.06s}.song-side-list>li:nth-child(2),.song-library-chord-row:nth-child(2){animation-delay:.1s}.song-side-list>li:nth-child(3),.song-library-chord-row:nth-child(3){animation-delay:.14s}.song-side-list>li:nth-child(4),.song-library-chord-row:nth-child(4){animation-delay:.18s}.song-side-list>li:nth-child(5),.song-library-chord-row:nth-child(5){animation-delay:.22s}.song-side-list>li:nth-child(n+6),.song-library-chord-row:nth-child(n+6){animation-delay:.26s}@keyframes song-side-item-in{0%{opacity:0;transform:translateZ(-18px) translateY(8px) rotateX(8deg)}to{opacity:1;transform:translateZ(0) translateY(0) rotateX(0)}}.song-side-list--chords{flex-direction:row;flex-wrap:wrap;gap:8px}.song-library-chord-row{display:inline-flex;align-items:center;gap:2px}.song-library-chord-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:28px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#08090f73;color:var(--muted);font-size:14px;font-weight:700;line-height:1;cursor:pointer}.song-library-chord-remove:hover{color:#ffb3c0;border-color:#e85d7a66}.song-sticker-row .song-progression-chip{flex:1;min-width:0}.song-book-lede{max-width:42ch;margin-top:8px}.song-side-group{margin-top:12px}.song-side-group:first-of-type{margin-top:0}.song-side-group-title{margin:0 0 8px 4px;font-family:var(--song-side-ui);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c4a574c7}.chords-saved-takes-hint{margin:0 0 10px;padding:8px 12px;border-radius:10px;border:1px solid rgba(196,165,116,.22);background:#c4a5740f;color:var(--muted);font-size:12px;line-height:1.4}.song-sticker-add-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:0 0 10px;padding:8px 12px;border-radius:10px;border:1px dashed rgba(196,165,116,.45);background:#c4a5740f;color:var(--accent-bright);font-family:var(--song-side-ui);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transform:translateZ(8px);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.song-sticker-add-btn:hover{border-color:#c4a574b3;background:#c4a5741f;transform:translateZ(14px) translateY(-1px);box-shadow:0 10px 18px -14px #c4a5748c}.song-sticker-row{display:flex;align-items:stretch;gap:6px;transform-style:preserve-3d}.song-sticker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:calc(4px * var(--sticker-scale, 1));padding:calc(10px * var(--sticker-scale, 1)) calc(12px * var(--sticker-scale, 1));border:none;border-radius:999px;cursor:grab;text-align:left;box-shadow:0 1px #ffffff2e inset,0 8px 18px -12px #0009;transform:translateZ(6px) rotateX(0);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.song-sticker-row .song-sticker{flex:1;min-width:0}.song-sticker:hover{transform:translateZ(16px) translateY(-2px) rotateX(4deg);box-shadow:0 1px #ffffff38 inset,0 14px 26px -12px #000000b3}.song-sticker:active{cursor:grabbing;transform:translateZ(4px) scale(.98) rotateX(0)}.song-sticker-label{font-family:var(--song-side-display);font-optical-sizing:auto;font-size:calc(1.05rem * var(--sticker-scale, 1));font-weight:700;letter-spacing:-.01em;line-height:1.1}.song-sticker-chords{font-family:var(--song-side-mono);font-size:calc(10px * var(--sticker-scale, 1));font-weight:500;letter-spacing:.02em;opacity:.88;line-height:1.3}.song-sticker--on-doc{width:auto;padding:calc(6px * var(--sticker-scale, 1)) calc(14px * var(--sticker-scale, 1));border-radius:999px;font-family:var(--song-side-display);font-size:calc(.85rem * var(--sticker-scale, 1));font-weight:700;letter-spacing:-.01em;line-height:1.1}.song-sticker-edit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#08090f73;color:var(--muted);font-size:14px;cursor:pointer}.song-sticker-edit-btn:hover{color:var(--accent-bright);border-color:#c4a57466}.song-sticker-edit-btn--on-doc{width:30px;height:30px;align-self:center}.sticker-edit-panel{max-width:420px}.sticker-edit-form{gap:14px}.sticker-edit-presets{display:flex;flex-wrap:wrap;gap:6px}.sticker-edit-presets button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:#08090f73;color:var(--ink-ui);font-size:11px;font-weight:600;cursor:pointer}.sticker-edit-presets button.is-active,.sticker-edit-presets button:hover{border-color:#c4a57480;color:var(--accent-bright)}.sticker-edit-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.sticker-edit-field input{padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:#08090f8c;color:var(--ink-ui);font-size:14px}.sticker-edit-colors{display:flex;flex-wrap:wrap;gap:8px}.sticker-edit-swatch{width:28px;height:28px;border-radius:999px;border:2px solid transparent;cursor:pointer;padding:0}.sticker-edit-swatch.is-active,.sticker-edit-swatch:hover{border-color:#fff;box-shadow:0 0 0 2px #c4a5748c}.sticker-edit-preview{width:fit-content;max-width:100%;margin-top:4px;align-self:flex-start;cursor:default;pointer-events:none}.sticker-edit-size-presets{display:flex;flex-wrap:wrap;gap:6px}.sticker-edit-size-presets button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:#08090f73;color:var(--ink-ui);font-size:11px;font-weight:600;cursor:pointer}.sticker-edit-size-presets button.is-active,.sticker-edit-size-presets button:hover{border-color:#c4a57480;color:var(--accent-bright)}.sticker-edit-scale{display:inline-flex;align-items:center;gap:8px;margin-top:2px}.sticker-edit-scale-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:#08090f73;color:var(--ink-ui);cursor:pointer}.sticker-edit-scale-btn:hover:not(:disabled){border-color:#c4a57480;color:var(--accent-bright)}.sticker-edit-scale-btn:disabled{opacity:.35;cursor:not-allowed}.sticker-edit-scale-value{min-width:3.5rem;text-align:center;font-size:12px;font-weight:600;color:var(--muted)}.sticker-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.sticker-edit-actions-right{display:flex;gap:8px;margin-left:auto}.sticker-edit-delete{color:#ffb3c0!important;border-color:#e85d7a66!important}.song-prog-groups{display:flex;flex-direction:column;gap:14px}.song-prog-group-title{margin:0 0 6px;font-family:var(--song-side-display);font-optical-sizing:auto;font-size:.92rem;font-weight:700;font-style:italic;letter-spacing:-.01em;text-transform:none;color:#e8d7b0}.song-progression-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(196,165,116,.28);background:linear-gradient(160deg,rgba(255,236,190,.08),transparent 55%),#c4a57412;color:var(--ink-ui);cursor:grab;text-align:left;box-shadow:0 1px #ffffff0d inset,0 8px 16px -14px #000000a6;transform:translateZ(4px);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .2s ease,background .2s ease}.song-progression-chip--simple{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px}.song-progression-chip:hover{border-color:#c4a5748c;background:linear-gradient(160deg,rgba(255,236,190,.12),transparent 55%),#c4a5741f;transform:translateZ(14px) translateY(-2px) rotateX(5deg);box-shadow:0 1px #ffffff14 inset,0 14px 24px -12px #000000b8}.song-progression-chip:active{cursor:grabbing;transform:translateZ(2px) scale(.98)}.song-progression-chip-name{display:flex;align-items:center;gap:8px;font-family:var(--song-side-ui);font-size:12px;font-weight:600}.song-progression-chip-chords{font-family:var(--song-side-mono);font-size:12px;font-weight:500;line-height:1.35;color:var(--accent-bright);letter-spacing:.01em}.song-progression-chip--simple .song-progression-chip-chords{flex:1;min-width:0}.song-recorded-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-family:var(--song-side-ui);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a1610;background:linear-gradient(180deg,#e0c48a,#c4a574)}.song-book-drop-banner{position:sticky;top:0;z-index:2;margin:0 0 12px;padding:8px 12px;border-radius:999px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#1a1610;background:linear-gradient(180deg,#e0c48a,#c4a574);box-shadow:0 8px 20px -10px #c4a5748c}.song-lead-sheet{position:relative;min-width:0;padding:8px 4px 24px;border-radius:18px;background:radial-gradient(ellipse at top,rgba(196,165,116,.06),transparent 55%),#08090f59;border:1px dashed transparent;transition:border-color .15s ease,background .15s ease}.song-lead-sheet.is-drop-target{border-color:#c4a57473;background:radial-gradient(ellipse at top,rgba(196,165,116,.12),transparent 55%),#08090f73}.song-a4-stack{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.song-lead-sheet-paper{--paper-ink: #1c1a16;--paper-muted: rgba(28, 26, 22, .5);--paper-faint: rgba(28, 26, 22, .12);--paper-chord: #7a5520;--paper-chord-bg: rgba(255, 252, 245, .95);--paper-chord-border: rgba(138, 106, 50, .35);--paper-title-font: "Cormorant Garamond", Georgia, serif;--paper-body-font: "Outfit", ui-sans-serif, system-ui, sans-serif;--paper-chord-font: "IBM Plex Mono", ui-monospace, Menlo, monospace;--paper-title-size: 1.85rem;--paper-body-size: 15px;--paper-body-leading: 1.7;--paper-chord-size: 1.05rem;--paper-rule: transparent;--a4-page-width: 680px;--a4-page-height: 962px;--a4-margin: 56px;--diagram-key: #fffdf8;--diagram-key-stroke: color-mix(in srgb, var(--paper-ink) 35%, transparent);--diagram-key-active: color-mix(in srgb, var(--paper-chord) 72%, #c4a574);--diagram-black: #2a2620;--diagram-black-active: color-mix(in srgb, var(--paper-chord) 55%, #5c3e12);--diagram-fret: color-mix(in srgb, var(--paper-ink) 45%, transparent);--diagram-marker: var(--paper-chord);position:relative;width:min(100%,var(--a4-page-width));margin:0 auto;padding:var(--a4-margin-top, var(--a4-margin)) var(--a4-margin-x, var(--a4-margin)) var(--a4-margin-bottom, var(--a4-margin));border-radius:2px;background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.55),transparent 45%),linear-gradient(165deg,#fbf7ef,#f0e6d8 48%,#ebe0d0);color:var(--paper-ink);box-shadow:0 1px #ffffff8c inset,0 0 0 1px #1c1a160f,0 28px 64px -20px #000000b3;min-height:var(--a4-page-height);box-sizing:border-box;overflow:hidden}.song-a4-editor-root{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.song-editor-masthead-sticky{position:sticky;top:8px;z-index:6;width:min(100%,var(--a4-page-width));margin:0 auto 12px;min-height:0;height:auto;padding:calc(var(--a4-margin-top, var(--a4-margin)) * .72) var(--a4-margin-x, var(--a4-margin)) 12px;box-shadow:0 1px #ffffff8c inset,0 0 0 1px #1c1a160f,0 16px 40px -18px #0000008c}.song-editor-masthead-sticky .song-lead-sheet-masthead{margin-bottom:0;padding-bottom:0;border-bottom:none}.song-a4-editor-page{overflow:hidden;box-sizing:border-box;min-height:var(--a4-page-height);height:var(--a4-page-height)}.song-a4-editor-page .song-a4-page-inner{overflow:hidden}.song-a4-editor-page-number{color:var(--paper-muted);font-size:11px;letter-spacing:.06em}.song-lead-block--cont{padding:8px 12px 2px}.song-lead-block-cont-label{margin:0}.song-lead-block-body{margin:0 0 4px}.song-editor-block-shell{display:contents}.song-a4-page-body>.song-lead-block{margin-bottom:4px}.song-lead-sheet-paper.song-a4-editor-paper{overflow:visible;height:auto;max-height:none;min-height:var(--a4-page-height);padding-top:0;padding-bottom:0;padding-left:var(--a4-margin-x, var(--a4-margin));padding-right:var(--a4-margin-x, var(--a4-margin))}.song-a4-page-guides{position:absolute;left:0;right:0;top:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--a4-page-height) - 1px),color-mix(in srgb,var(--paper-ink) 16%,transparent) calc(var(--a4-page-height) - 1px),color-mix(in srgb,var(--paper-ink) 16%,transparent) var(--a4-page-height))}.song-lead-sheet-paper.song-a4-editor-paper[data-paper-style=midnight-score] .song-a4-page-guides{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--a4-page-height) - 1px),rgba(232,226,214,.22) calc(var(--a4-page-height) - 1px),rgba(232,226,214,.22) var(--a4-page-height))}.song-a4-page{--a4-footer: 24px;width:var(--a4-page-width);height:var(--a4-page-height);min-height:var(--a4-page-height);max-height:var(--a4-page-height);padding:0;flex-shrink:0;overflow:hidden}.song-a4-page-inner{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;padding-top:var(--a4-margin-top, var(--a4-margin));padding-right:var(--a4-margin-x, var(--a4-margin));padding-bottom:calc(var(--a4-margin-bottom, var(--a4-margin)) + var(--a4-footer));padding-left:var(--a4-margin-x, var(--a4-margin));overflow:hidden}.song-a4-page-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.song-a4-page-body>:first-child{margin-top:0!important;padding-top:0}.song-a4-page[data-page-start=continuation] .song-a4-page-body{padding-top:0}.song-a4-page-number{position:absolute;left:var(--a4-margin-x, var(--a4-margin));right:var(--a4-margin-x, var(--a4-margin));bottom:calc(var(--a4-margin-bottom, var(--a4-margin)) * .35);margin:0;text-align:center;font-family:var(--paper-body-font);font-size:10px;letter-spacing:.08em;color:var(--paper-muted);pointer-events:none;line-height:1}.song-a4-page-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px;font-size:12px;letter-spacing:.04em;color:#e8e2d69e}.song-a4-export-root{display:flex;flex-direction:column;gap:24px;width:var(--a4-page-width, 680px)}.song-lead-sheet-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");mix-blend-mode:multiply}.song-lead-sheet-paper>*:not(.song-a4-page-guides){position:relative;z-index:1}.song-lead-sheet-paper[data-paper-style=midnight-score]{--paper-ink: #f2ebe0;--paper-muted: rgba(242, 235, 224, .55);--paper-faint: rgba(242, 235, 224, .14);--paper-chord: #e8c98a;--paper-chord-bg: rgba(20, 22, 30, .75);--paper-chord-border: rgba(232, 201, 138, .4);--diagram-key: #2a2e3a;--diagram-key-stroke: color-mix(in srgb, var(--paper-ink) 40%, transparent);--diagram-key-active: var(--paper-chord);--diagram-black: #0a0c12;--diagram-black-active: #c4a574;--diagram-fret: color-mix(in srgb, var(--paper-ink) 50%, transparent);--diagram-marker: var(--paper-chord);background:radial-gradient(ellipse at 80% 0%,rgba(90,110,150,.22),transparent 50%),linear-gradient(160deg,#1a1d28,#12141c 55%,#0e1016);box-shadow:0 1px #ffffff0f inset,0 0 0 1px #ffffff0d,0 28px 64px -18px #000000d9}.song-lead-sheet-paper[data-paper-style=midnight-score]:before{opacity:.2;mix-blend-mode:soft-light}.song-lead-sheet-paper[data-paper-style=folk-notebook]{--paper-ink: #243041;--paper-muted: rgba(36, 48, 65, .5);--paper-faint: rgba(60, 100, 160, .18);--paper-chord: #2f5f8a;--paper-chord-bg: rgba(255, 255, 255, .7);--paper-chord-border: rgba(47, 95, 138, .35);--paper-rule: rgba(90, 140, 200, .28);background:linear-gradient(90deg,transparent 39px,rgba(220,90,90,.35) 39px,rgba(220,90,90,.35) 41px,transparent 41px),repeating-linear-gradient(180deg,transparent 0,transparent 27px,var(--paper-rule) 27px,var(--paper-rule) 28px),linear-gradient(180deg,#f7f3e8,#efe8d6);border-radius:2px}.song-lead-sheet-paper[data-paper-style=folk-notebook]:before{opacity:.18}.song-lead-sheet-paper[data-paper-style=jazz-chart]{--paper-ink: #14120f;--paper-muted: rgba(20, 18, 15, .48);--paper-faint: rgba(20, 18, 15, .16);--paper-chord: #111;--paper-chord-bg: #fff;--paper-chord-border: rgba(20, 18, 15, .55);background:linear-gradient(180deg,#fffdf8,#f4efe4);border-radius:0;box-shadow:0 0 0 2px #14120f,0 24px 50px -22px #000000a6}.song-lead-sheet-paper[data-paper-style=jazz-chart]:before{opacity:.12}.song-lead-sheet-paper[data-paper-style=jazz-chart] .song-chord-token{border-radius:2px;border-width:1.5px}.song-lead-sheet-paper[data-paper-style=parchment]{--paper-ink: #3a2a18;--paper-muted: rgba(58, 42, 24, .55);--paper-faint: rgba(90, 60, 30, .22);--paper-chord: #6b3e18;--paper-chord-bg: rgba(255, 244, 220, .65);--paper-chord-border: rgba(107, 62, 24, .4);background:radial-gradient(ellipse at 10% 20%,rgba(180,120,60,.18),transparent 40%),radial-gradient(ellipse at 90% 80%,rgba(120,80,40,.16),transparent 45%),linear-gradient(150deg,#e8d5a8,#d9c08a 40%,#c9a96e);border-radius:8px}.song-lead-sheet-paper[data-paper-style=parchment]:before{opacity:.45;mix-blend-mode:multiply}.song-lead-sheet-paper[data-paper-style=coastal-sketch]{--paper-ink: #1e2a32;--paper-muted: rgba(30, 42, 50, .5);--paper-faint: rgba(50, 90, 110, .16);--paper-chord: #1f5c6b;--paper-chord-bg: rgba(255, 255, 255, .72);--paper-chord-border: rgba(31, 92, 107, .35);background:radial-gradient(ellipse at 50% -10%,rgba(140,190,210,.35),transparent 50%),linear-gradient(180deg,#eef4f6,#dfe9ee 55%,#d4e2e8);border-radius:14px}.song-lead-sheet-paper[data-paper-style=coastal-sketch]:before{opacity:.22;mix-blend-mode:soft-light}.song-lead-sheet-paper[data-text-style=classic-lead]{--paper-title-font: "Cormorant Garamond", Georgia, serif;--paper-body-font: "Outfit", ui-sans-serif, system-ui, sans-serif;--paper-chord-font: "IBM Plex Mono", ui-monospace, Menlo, monospace}.song-lead-sheet-paper[data-text-style=handwritten]{--paper-title-font: "Caveat", "Segoe Print", cursive;--paper-body-font: "Caveat", "Segoe Print", cursive;--paper-chord-font: "Patrick Hand", "Segoe Print", cursive}.song-lead-sheet-paper[data-text-style=handwritten] .song-lead-sheet-title{font-weight:600;letter-spacing:.01em}.song-lead-sheet-paper[data-text-style=nashville]{--paper-title-font: "Special Elite", "Courier New", monospace;--paper-body-font: "Outfit", ui-sans-serif, system-ui, sans-serif;--paper-chord-font: "Special Elite", "Courier New", monospace}.song-lead-sheet-paper[data-text-style=nashville] .song-lead-sheet-title{letter-spacing:.04em;text-transform:uppercase}.song-lead-sheet-paper[data-text-style=indie-poet]{--paper-title-font: "Fraunces", Georgia, serif;--paper-body-font: "Lora", Georgia, serif;--paper-chord-font: "Fraunces", Georgia, serif}.song-lead-sheet-paper[data-text-style=broadway]{--paper-title-font: "Playfair Display", Georgia, serif;--paper-body-font: "Newsreader", Georgia, serif;--paper-chord-font: "IBM Plex Mono", ui-monospace, Menlo, monospace}.song-lead-sheet-paper[data-text-style=broadway] .song-lead-sheet-title{font-style:italic;letter-spacing:-.01em}.song-lead-sheet-paper[data-text-style=coffee-shop]{--paper-title-font: "DM Serif Display", Georgia, serif;--paper-body-font: "Kalam", "Segoe Print", cursive;--paper-chord-font: "Patrick Hand", "Segoe Print", cursive}.song-lead-sheet-paper[data-text-size=compact]{--paper-title-size: 1.45rem;--paper-body-size: 13px;--paper-body-leading: 1.55;--paper-chord-size: .9rem}.song-lead-sheet-paper[data-text-size=standard]{--paper-title-size: 1.85rem;--paper-body-size: 15px;--paper-body-leading: 1.7;--paper-chord-size: 1.05rem}.song-lead-sheet-paper[data-text-size=large]{--paper-title-size: 2.25rem;--paper-body-size: 18px;--paper-body-leading: 1.75;--paper-chord-size: 1.2rem}.song-lead-sheet-paper[data-text-size=stage]{--paper-title-size: 2.6rem;--paper-body-size: 22px;--paper-body-leading: 1.8;--paper-chord-size: 1.4rem}.song-lead-sheet-paper[data-text-style=handwritten][data-text-size=compact]{--paper-body-size: 1.15rem}.song-lead-sheet-paper[data-text-style=handwritten][data-text-size=standard]{--paper-body-size: 1.4rem}.song-lead-sheet-paper[data-text-style=handwritten][data-text-size=large]{--paper-body-size: 1.65rem}.song-lead-sheet-paper[data-text-style=handwritten][data-text-size=stage]{--paper-body-size: 1.95rem}.song-lead-sheet-paper[data-text-style=coffee-shop][data-text-size=compact]{--paper-body-size: 14px}.song-lead-sheet-paper[data-text-style=coffee-shop][data-text-size=standard]{--paper-body-size: 17px}.song-lead-sheet-paper[data-text-style=coffee-shop][data-text-size=large]{--paper-body-size: 20px}.song-lead-sheet-paper[data-text-style=coffee-shop][data-text-size=stage]{--paper-body-size: 24px}.song-lead-sheet-masthead{margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--paper-faint)}.song-lead-sheet-title{display:block;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:2px 0;font-family:var(--paper-title-font);font-size:var(--paper-title-size);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--paper-ink);border-radius:4px}.song-lead-sheet-title::placeholder{color:var(--paper-muted);opacity:.55}.song-lead-sheet-title:hover{background:color-mix(in srgb,var(--paper-ink) 4%,transparent)}.song-lead-sheet-title:focus{outline:none;background:color-mix(in srgb,var(--paper-ink) 6%,transparent);box-shadow:0 1px color-mix(in srgb,var(--paper-chord) 55%,transparent)}.song-lead-sheet-writer{display:block;width:100%;margin:6px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:2px 0;font-family:var(--paper-body-font);font-size:calc(var(--paper-body-size, 15px) * .95);font-style:italic;line-height:1.3;color:var(--paper-muted);border-radius:4px}.song-lead-sheet-writer::placeholder{color:var(--paper-muted);opacity:.55;font-style:italic}.song-lead-sheet-writer:hover{background:color-mix(in srgb,var(--paper-ink) 4%,transparent)}.song-lead-sheet-writer:focus{outline:none;color:var(--paper-ink);background:color-mix(in srgb,var(--paper-ink) 6%,transparent);box-shadow:0 1px color-mix(in srgb,var(--paper-chord) 55%,transparent)}.song-masthead-date{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:2px 4px;margin:0;font:inherit;font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--paper-muted);border-radius:4px;cursor:pointer;max-width:10.5rem;color-scheme:light}.song-masthead-date:hover,.song-masthead-date:focus{outline:none;color:var(--paper-ink);background:color-mix(in srgb,var(--paper-ink) 5%,transparent)}.song-export-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-right:4px}.song-export-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.song-export-toggle input{accent-color:#c4a574}.song-lead-sheet-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;margin:10px 0 0;font-family:var(--font-ui);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-muted)}.song-lead-sheet-type-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--paper-faint);font-family:var(--font-ui);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--paper-muted)}.song-masthead-select--wide{max-width:11.5rem}.song-masthead-field{display:inline-flex;align-items:center;gap:6px;min-width:0}.song-masthead-field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.song-masthead-select,.song-masthead-bpm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:2px 4px;margin:0;font:inherit;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-muted);border-radius:4px;cursor:pointer;max-width:100%}.song-masthead-bpm{width:3.2em;text-align:right;cursor:text;-moz-appearance:textfield}.song-masthead-bpm::-webkit-outer-spin-button,.song-masthead-bpm::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.song-masthead-select:hover,.song-masthead-bpm:hover{color:var(--paper-ink);background:color-mix(in srgb,var(--paper-ink) 5%,transparent)}.song-masthead-select:focus,.song-masthead-bpm:focus{outline:none;color:var(--paper-ink);background:color-mix(in srgb,var(--paper-ink) 7%,transparent);box-shadow:0 1px color-mix(in srgb,var(--paper-chord) 55%,transparent)}.song-masthead-unit{letter-spacing:.06em}.song-masthead-dot{opacity:.55;padding:0 2px}.song-topbar-title-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;width:min(100%,28rem);color:inherit;font:inherit}.song-topbar-title-input:focus{outline:none;box-shadow:0 1px #c4a574a6}.song-export-error{margin:0 0 12px;padding:10px 14px;border-radius:10px;border:1px solid rgba(232,93,122,.4);background:#e85d7a1f;color:#ffb3c0;font-size:13px}.song-pdf-export-host{position:fixed;left:0;top:0;width:auto;height:auto;overflow:visible;pointer-events:none;opacity:.01;z-index:0}.song-pdf-export-paper{width:var(--a4-page-width, 680px);max-width:none;margin:0;min-height:var(--a4-page-height, 962px);height:var(--a4-page-height, 962px);box-shadow:none!important;border:none!important;border-radius:0!important;overflow:hidden}.song-export-preview{display:flex;flex-direction:column;gap:14px;min-width:0}.song-export-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.song-export-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.song-export-preview-footer{display:flex;justify-content:flex-end}.song-export-preview-pages{max-height:min(70vh,820px);overflow:auto;padding:16px 12px 24px;border-radius:12px;background:radial-gradient(ellipse at top,rgba(196,165,116,.08),transparent 50%),#08090f8c;border:1px solid rgba(255,255,255,.06)}.song-export-preview-scale{display:flex;justify-content:center;transform-origin:top center}.song-export-preview-scale .song-a4-export-root{gap:20px}.song-export-preview-scale .song-a4-page{box-shadow:0 1px #fff6 inset,0 18px 40px -16px #000000bf}@media (max-width: 780px){.song-export-preview-scale{transform:scale(.72);margin-bottom:-180px}}.song-pdf-export-paper .song-chord-line,.song-pdf-export-paper .song-pdf-chord-line{background:transparent;border:none;border-radius:0;padding:2px 0 0;height:auto;min-height:28px;margin-bottom:0}.song-pdf-export-paper .song-chord-box{height:auto;top:0;transform:translate(-50%)}.song-pdf-export-paper .song-lyrics-line-input{margin-top:max(var(--chord-lyric-gap-min, 6px),var(--chord-lyric-gap, 8px))}.song-pdf-export-paper .song-chord-line--diagrams{min-height:72px}.song-pdf-export-paper .song-chord-token,.song-pdf-export-paper .song-chord-token--export{border:1px solid var(--paper-chord-border, rgba(138, 106, 50, .35));background:var(--paper-chord-bg, rgba(255, 252, 245, .95));box-shadow:none;border-radius:8px;padding:6px 10px;pointer-events:none}.song-pdf-export-paper .song-pdf-section-label{margin-bottom:10px}.song-pdf-export-paper:before{display:none}.song-pdf-masthead{margin-bottom:18px;padding-bottom:10px;border-bottom:none}.song-pdf-export-paper .song-lead-sheet-title{text-align:center}.song-pdf-writer{text-align:center;margin:6px 0 0;font-style:italic}.song-pdf-meta{margin:8px 0 0;text-align:center;font-family:var(--font-ui);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-muted)}.song-pdf-diagrams{margin:0 0 18px}.song-pdf-diagrams-label{margin:0 0 10px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1c1a1680}.song-pdf-diagrams-items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 16px}.song-pdf-diagram-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:52px}.song-pdf-diagram-symbol{font-family:var(--paper-chord-font);font-size:.9rem;font-weight:700;color:var(--paper-chord)}.song-pdf-body{display:flex;flex-direction:column;gap:18px}.song-pdf-section-label{margin:18px 0 10px;font-family:var(--paper-title-font);font-size:.85rem;font-weight:700;letter-spacing:.08em;color:var(--paper-muted)}.song-a4-page-body>.song-pdf-section-label:first-child,.song-a4-page-body>.song-pdf-section-label--cont:first-child{margin-top:0}.song-pdf-section-label--cont{margin-top:0;margin-bottom:12px}.song-pdf-cont-mark{font-weight:500;letter-spacing:.04em;text-transform:none;font-style:italic;color:var(--paper-muted);opacity:.85}.song-a4-page-body>.song-lyric-line{margin-top:0}.song-a4-page-body>.song-pdf-masthead:first-child{margin-top:0}.song-a4-page-body>.song-chord-legend:first-child{margin-top:0}.song-pdf-chord-line{position:relative;min-height:36px;margin-bottom:6px}.song-pdf-chord-token{position:absolute;top:0;transform:translate(-50%);pointer-events:none}.song-pdf-lyrics{min-height:0;white-space:pre-wrap;word-break:break-word;resize:none}.song-lead-sheet-empty{padding:48px 16px;text-align:center;color:var(--paper-muted);font-family:var(--paper-body-font);font-size:15px;line-height:1.5}.song-lead-sheet-empty-sub{margin:8px 0 0;font-size:13px;color:var(--paper-muted);opacity:.85}.song-lead-blocks{display:flex;flex-direction:column;gap:0}.song-section-after{margin-top:2px;margin-bottom:2px}.song-pdf-section-after{flex:0 0 auto;width:100%;pointer-events:none}.song-lead-block{padding:12px 12px 14px;border-radius:12px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.song-lead-block.is-active{background:#c4a57414;border-color:#c4a57447}.song-lead-block.is-drag-over{border-color:#8a6a328c;background:#c4a57424}.song-lead-block-sticker-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.song-gap-handle{position:relative;flex:0 0 auto;width:100%;margin:0;padding:0;border:none;background:transparent;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.song-gap-handle-rail{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);transform-origin:center;display:flex;flex-direction:column;align-items:center;gap:0;padding:1px 2px;border-radius:999px;background:var(--paper-chord-bg, rgba(255, 252, 245, .96));border:1px solid var(--paper-chord-border, rgba(138, 106, 50, .35));box-shadow:0 3px 10px -6px #0000004d;opacity:0;pointer-events:none;transition:opacity .14s ease}.song-lead-block:hover .song-gap-handle-rail,.song-chord-legend:hover+.song-gap-handle .song-gap-handle-rail,.song-gap-handle:hover .song-gap-handle-rail,.song-gap-handle:focus-within .song-gap-handle-rail,.song-gap-handle.is-dragging .song-gap-handle-rail{opacity:1;pointer-events:auto}.song-lead-sheet-paper[data-paper-style=midnight-score] .song-chord-legend{box-shadow:0 1px #ffffff0f inset,0 10px 22px -14px #0000008c}.song-gap-arrow,.song-gap-scrub{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--paper-chord, #7a5520);padding:0;margin:0;display:grid;place-items:center;cursor:pointer;line-height:0}.song-gap-arrow{width:14px;height:11px;border-radius:3px}.song-gap-arrow svg{width:9px;height:6px}.song-gap-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--paper-chord) 14%,transparent)}.song-gap-arrow:disabled{opacity:.28;cursor:default}.song-gap-scrub{width:14px;height:9px;cursor:ns-resize;border-radius:3px}.song-gap-scrub:hover,.song-gap-handle.is-dragging .song-gap-scrub{background:color-mix(in srgb,var(--paper-chord) 14%,transparent)}.song-gap-scrub-grip{display:block;width:7px;height:1.5px;border-radius:999px;background:currentColor;box-shadow:0 -2.5px 0 currentColor,0 2.5px 0 currentColor;opacity:.75}.song-lead-block-rename{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:4px 0;font-family:var(--paper-body-font, var(--font-ui));font-size:12px;color:var(--paper-muted)}.song-lead-block-rename:focus{outline:none;color:var(--paper-ink);box-shadow:0 1px color-mix(in srgb,var(--paper-chord) 55%,transparent)}.song-lead-block-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;width:28px;height:28px;border-radius:8px;color:#1c1a1659;font-size:20px;line-height:1;cursor:pointer}.song-lead-block-remove:hover{background:#1c1a160f;color:#1c1a16}.song-chord-legend{margin:0;padding:14px 16px 16px;border-radius:14px;border:1px solid var(--paper-chord-border, rgba(138, 106, 50, .28));background:var(--paper-chord-bg, rgba(255, 252, 245, .92));box-shadow:0 1px #fff6 inset,0 8px 20px -16px #00000059}.song-pdf-export-paper .song-chord-legend{margin-bottom:var(--legend-body-gap, 22px);box-shadow:0 1px #ffffff40 inset}.song-chord-legend-label{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-muted, rgba(28, 26, 22, .45))}.song-chord-legend-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 12px}.song-chord-legend-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:56px;padding:8px 10px 10px;border-radius:10px;border:1px solid var(--paper-faint, rgba(28, 26, 22, .12));background:color-mix(in srgb,var(--paper-ink) 3%,transparent)}.song-chord-legend-symbol{font-family:var(--paper-chord-font);font-size:.95rem;font-weight:700;color:var(--paper-chord);letter-spacing:.03em}.song-diagram-picker{display:inline-flex;align-items:center;gap:8px}.song-diagram-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px 8px;border-radius:999px;border:1px solid rgba(138,106,50,.35);background:#fffcf5f2;color:#5c3e12;font-size:12px;font-weight:600;cursor:pointer}.song-diagram-scale{display:inline-flex;align-items:center;gap:2px;padding:2px 4px!important}.song-diagram-scale-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;cursor:pointer;padding:0}.song-diagram-scale-btn:hover:not(:disabled){background:#ffffff24}.song-diagram-scale-btn:disabled{opacity:.35;cursor:default}.song-chord-line{position:relative;min-height:calc(var(--paper-chord-size, 1.05rem) + 14px);height:calc(var(--paper-chord-size, 1.05rem) + 14px);margin-bottom:0;padding:0;border-radius:8px;background:color-mix(in srgb,var(--paper-ink) 4%,transparent);border:1px dashed color-mix(in srgb,var(--paper-chord) 45%,transparent);touch-action:none}.song-lead-sheet-paper.is-chord-drop-target .song-chord-line,.song-lead-sheet.is-drop-target .song-chord-line{border-color:color-mix(in srgb,var(--paper-chord) 75%,transparent);background:color-mix(in srgb,var(--paper-chord) 8%,transparent)}.song-chord-line--diagrams{height:auto;min-height:84px}.song-chord-line-placeholder{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#1c1a1661;font-style:italic;pointer-events:none}.song-chord-box{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:translate(-50%);cursor:grab;-webkit-user-select:none;user-select:none;z-index:1}.song-chord-line--diagrams .song-chord-box{height:auto;justify-content:flex-start}.song-chord-box.is-dragging{cursor:grabbing;z-index:3;filter:drop-shadow(0 4px 10px rgba(28,26,22,.18))}.song-chord-token{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--paper-chord-border, rgba(138, 106, 50, .35));background:var(--paper-chord-bg, rgba(255, 252, 245, .95));color:var(--paper-chord, #7a5520);border-radius:8px;padding:6px 10px;font-family:var(--paper-chord-font, "IBM Plex Mono", ui-monospace, Menlo, monospace);font-size:var(--paper-chord-size, 1.05rem);font-weight:700;letter-spacing:.04em;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 1px #ffffff59 inset}.song-chord-box .song-chord-token{box-sizing:border-box;height:100%;display:inline-flex;align-items:center;padding:0 10px}.song-chord-line--diagrams .song-chord-box .song-chord-token{height:auto;padding:6px 10px}.song-chord-box:hover .song-chord-token{filter:brightness(1.05)}.song-chord-token--palette{pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;cursor:grab;font-family:var(--song-side-mono);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--accent-bright);background:linear-gradient(155deg,rgba(255,236,190,.12),transparent 60%),#c4a5741a;border-color:#c4a57459;box-shadow:0 1px #ffffff0f inset,0 6px 12px -10px #0000008c;transform:translateZ(4px);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease,background .2s ease}.song-chord-token--palette:hover{transform:translateZ(12px) translateY(-2px) rotateX(6deg);border-color:#c4a5748c;box-shadow:0 1px #ffffff1a inset,0 12px 20px -12px #000000a6}.song-chord-token--palette:active{cursor:grabbing;transform:translateZ(2px) scale(.97)}@media (prefers-reduced-motion: reduce){.song-side-window,.song-side-window:hover,.song-side-list>li,.song-library-chord-row,.song-sticker,.song-sticker:hover,.song-sticker:active,.song-sticker-add-btn,.song-sticker-add-btn:hover,.song-progression-chip,.song-progression-chip:hover,.song-progression-chip:active,.song-chord-token--palette,.song-chord-token--palette:hover,.song-chord-token--palette:active{animation:none!important;transition:none!important;transform:none!important}}.chord-diagram{display:block;flex-shrink:0;pointer-events:none;color:var(--paper-ink, #1c1a16)}.song-chord-box .chord-diagram{padding:5px 6px 4px;border-radius:8px;border:1px solid var(--paper-faint, rgba(28, 26, 22, .12));background:var(--paper-chord-bg, rgba(255, 252, 245, .95))}.song-pdf-export-paper .song-chord-box .chord-diagram{border:1px solid var(--paper-faint, rgba(28, 26, 22, .12));background:var(--paper-chord-bg, rgba(255, 252, 245, .95))}.chord-diagram-key{fill:var(--diagram-key, #fffdf8);stroke:var(--diagram-key-stroke, rgba(28, 26, 22, .35));stroke-width:.6}.chord-diagram-key.is-active{fill:var(--diagram-key-active, #c4a574)}.chord-diagram-key--black{fill:var(--diagram-black, #2a2620);stroke:color-mix(in srgb,var(--diagram-black, #2a2620) 80%,#000)}.chord-diagram-key--black.is-active{fill:var(--diagram-black-active, #8a6a32)}.chord-diagram-nut{stroke:var(--paper-ink, #1c1a16);stroke-width:2.2}.chord-diagram-fret-line,.chord-diagram-string{stroke:var(--diagram-fret, rgba(28, 26, 22, .45));stroke-width:.8}.chord-diagram-dot{fill:var(--diagram-marker, #5c3e12)}.chord-diagram-open{fill:none;stroke:var(--diagram-marker, #5c3e12);stroke-width:1.1}.chord-diagram-mute,.chord-diagram-base-fret{fill:var(--diagram-marker, #5c3e12);font-size:7px;font-weight:700;text-anchor:middle}.chord-diagram-missing{font-size:11px;color:var(--paper-muted, rgba(28, 26, 22, .35))}.chord-diagram-panel .nx-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.chord-diagram-panel .nx-grid--roots{grid-template-columns:repeat(6,minmax(0,1fr))}.chord-diagram-panel .nx-grid--qualities{grid-template-columns:repeat(4,minmax(0,1fr))}.chord-diagram-panel .nx-cell--compact{min-height:30px;padding:4px 2px;font-size:12px}.chord-diagram-panel-input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid rgba(28,26,22,.18);background:#fffdf8;font:inherit;font-size:14px;color:#1c1a16}.chord-diagram-panel-input:focus{outline:2px solid rgba(196,165,116,.55);outline-offset:1px}.chord-diagram-panel-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 10px;border-radius:10px;border:1px dashed rgba(28,26,22,.22);background:#fffcf5e6;cursor:grab;-webkit-user-select:none;user-select:none}.chord-diagram-panel-preview:active{cursor:grabbing}.chord-diagram-panel-preview.is-invalid{cursor:not-allowed;opacity:.7}.chord-diagram-panel-preview.is-placing{border-style:solid;border-color:#c4a574a6;box-shadow:0 0 0 2px #c4a57433}.chord-diagram-panel-symbol{font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:700;font-style:italic;font-size:18px;color:#1c1a16}.chord-diagram-panel-missing{font-size:12px;color:#1c1a1673}.chord-diagram-panel-drag-hint{font-size:11px;letter-spacing:.02em;color:#1c1a1673}.chord-diagram-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.chord-diagram-panel-replace{margin-top:4px;padding-top:10px;border-top:1px solid rgba(28,26,22,.1)}.chord-diagram-panel-replace-hint{margin:0 0 8px;font-size:12px;line-height:1.4;color:#1c1a168c}.chord-diagram-panel-replace-btn{width:100%}.stage.tempo-place-mode,.stage.repeat-place-mode{cursor:crosshair}.tempo-custom{display:flex;flex-direction:column;gap:12px}.tempo-readout{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(196,165,116,.28);background:linear-gradient(165deg,#ffffff14,#ffffff08)}.tempo-readout-marking{font-size:18px;font-weight:700;font-style:italic;color:var(--ink-ui, #e8ecf4);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tempo-readout-bpm{flex:0 0 auto;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-bright, #c4a574)}.tempo-fields-row{display:flex;align-items:flex-end;gap:10px}.tempo-field{display:flex;flex-direction:column;gap:5px}.tempo-field--grow{flex:1 1 auto;min-width:0}.tempo-field-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted, #8b93a8)}.tempo-input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px 10px;font:inherit;font-size:15px;font-weight:600;background:#ffffffeb;color:#1c1a16}.tempo-input::placeholder{color:#1c1a1673;font-weight:500}.tempo-input:focus{outline:none;border-color:#c4a574b3;box-shadow:0 0 0 2px #c4a57438}.tempo-input--bpm{max-width:88px;text-align:center;font-variant-numeric:tabular-nums;font-size:16px}.tempo-field--bpm{flex:0 0 auto}.tempo-field--range .tempo-field-label{text-transform:none;letter-spacing:.02em;font-size:12px;font-weight:600;color:var(--ink-ui, #e8ecf4)}.tempo-field--range input[type=range]{width:100%;accent-color:var(--accent-bright, #c4a574)}.tempo-metronome-row{display:flex;flex-direction:column;gap:8px}.tempo-custom .swing-controls{margin-top:4px}.tempo-swing{display:flex;flex-direction:column;gap:10px;margin-top:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(120,128,148,.22);background:#08090f59}.tempo-swing.is-on{border-color:#c4a57459;background:linear-gradient(180deg,#c4a5741a,#08090f61)}.tempo-swing.is-placing{box-shadow:0 0 0 1px #c4a57473}.tempo-swing-mark{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 12px;border-radius:10px;border:1px solid rgba(120,128,148,.28);background:#ffffff0a;color:var(--ink-ui, #e8ecf4);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.tempo-swing-mark:hover{border-color:#c4a57459;background:#ffffff12}.tempo-swing-mark.active{border-color:#c4a57473;background:#c4a5741f}.tempo-swing-mark.placing{animation:tempo-swing-pulse 1.2s ease-in-out infinite}@keyframes tempo-swing-pulse{0%,to{box-shadow:0 0 #c4a57440}50%{box-shadow:0 0 0 3px #c4a5742e}}.tempo-swing-mark-label{font-size:12px;font-weight:650}.tempo-swing-amount{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.tempo-swing-amount input[type=range]{flex:1 1 120px;min-width:100px;accent-color:var(--accent-bright, #c4a574)}.tempo-swing-amount em{min-width:2.5ch;font-style:normal;font-variant-numeric:tabular-nums;color:var(--ink-ui, #e8ecf4)}.tempo-swing-feel{font-size:11px;color:var(--accent-bright, #c4a574)}.swing-notation-glyph,.swing-notation-tuplet{font-family:Bravura,Noto Music,serif;fill:currentColor;font-feature-settings:"kern" 1;font-kerning:normal}.swing-notation-eq{font-family:var(--font-ui, inherit);font-weight:600;fill:currentColor}.score-swing-mark{color:var(--score-ink, #1a1a1a);pointer-events:none;-webkit-user-select:none;user-select:none}.score-swing-mark .swing-notation-glyph{fill:var(--score-ink, #1a1a1a)}.score-swing-mark.selected{color:#8a6a00}.tempo-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-ui, #e8ecf4);cursor:pointer}.apply-all-instruments{margin:0 0 8px;display:flex;flex-direction:column;gap:4px}.apply-all-instruments-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:28px;padding:5px 8px;border-radius:8px;border:1px solid rgba(120,128,148,.28);font-family:var(--font-ui, inherit);font-size:11px;font-weight:650;letter-spacing:.01em;cursor:pointer;color:#b4bccc8c;background:linear-gradient(180deg,#3a404e8c,#242834d9);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000040;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,filter .15s ease,transform .1s ease;filter:saturate(.55) brightness(.88)}.apply-all-instruments-btn:hover{filter:saturate(.7) brightness(.95);color:#c8d0deb8;border-color:#8c94a861}.apply-all-instruments-btn:active{transform:translateY(1px)}.apply-all-instruments-btn.is-active{color:var(--accent-bright, #e8c98a);border-color:#c4a5748c;filter:none;background:linear-gradient(180deg,#ffe6aa47,#c4a57424 55%,#785a282e),linear-gradient(180deg,#483a20a6,#2a241ce6);box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #c4a57438,0 0 14px #c4a57447,0 0 2px #ffdc8c59}.apply-all-instruments-btn.is-active:hover{filter:brightness(1.05);border-color:#e8c98ab3;box-shadow:inset 0 1px #ffffff57,inset 0 0 0 1px #e8c98a47,0 0 18px #c4a57461,0 0 3px #ffe6aa73}.apply-all-instruments-btn-label{display:block;text-align:center;white-space:normal;line-height:1.25}.apply-all-instruments-hint{margin:0;font-size:11px;line-height:1.35;color:var(--ink-muted, #9aa3b5)}.tempo-size-row{display:flex;flex-direction:column;gap:6px}.tempo-actions{margin-top:2px}.tempo-beat-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tempo-beat-btn{min-height:40px}.tempo-standard-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;padding-right:2px}.float-panel--horizontal .tempo-panel.nx-panel{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px 20px}.float-panel--horizontal .tempo-panel>.nx-panel-hint{flex:1 0 100%}.float-panel--horizontal .tempo-panel>.nx-group{flex:1 1 280px;min-width:240px}.float-panel--horizontal .tempo-standard-list{flex-direction:row;flex-wrap:wrap;max-height:none;overflow:visible;gap:6px}.float-panel--horizontal .tempo-standard-item{width:auto;min-width:118px;flex:0 1 auto;padding:6px 10px}.float-panel--horizontal .tempo-standard-meta{flex-wrap:wrap}.tempo-standard-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 10px;background:#ffffff0f;color:var(--ink-ui, #e8ecf4);cursor:pointer}.tempo-standard-item:hover{background:#c4a57424;border-color:#c4a57447}.tempo-standard-item:focus{outline:none}.tempo-standard-item:focus-visible{outline:2px solid rgba(196,165,116,.7);outline-offset:2px}.tempo-standard-item.active{border-color:#c4a57480;background:#c4a57438}.tempo-standard-name{font-weight:650;font-size:13.5px;color:var(--ink-ui, #e8ecf4)}.tempo-standard-meta{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:11.5px;color:var(--muted, #8b93a8)}.tempo-standard-bpm{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--accent-bright, #c4a574)}.stage.chord-diagram-place-mode{cursor:copy}.score-chord-diagram-frame{fill:#fffcf5eb;stroke:#1c1a1624;stroke-width:1}.score-chord-diagram.selected .score-chord-diagram-frame{stroke:#1f8a7ee6;stroke-width:1.5}.score-chord-diagram-symbol{fill:#1c1a16;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:700;font-style:italic;font-size:13px}.chord-diagram-overlay{position:absolute;box-sizing:border-box;pointer-events:auto;z-index:6}.chord-diagram-overlay.chrome-only{background:transparent;border:1.5px solid transparent;border-radius:8px}.chord-diagram-overlay.chrome-only.selected{border-color:#2e8c84d9;background:#2e8c840f}.chord-diagram-drag-handle{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:18px;height:22px;border:1px solid #1f8a7e;border-radius:4px;background:#d8f5f1;box-shadow:0 1px 2px #1f5a522e;color:#0f5c54;cursor:grab;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.chord-diagram-drag-handle:hover{background:#c0efe9;color:#0a4741;border-color:#177a6f}.chord-diagram-drag-handle:active{cursor:grabbing;background:#9fe3da}.chord-diagram-drag-grip{display:flex;line-height:0;pointer-events:none}.chord-diagram-drag-grip svg{display:block}.chord-diagram-resize-handle{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;border:1px solid #1f8a7e;border-radius:2px;background:#d8f5f1;cursor:nwse-resize;padding:0;z-index:2}.chord-diagram-resize-handle:hover{background:#c0efe9;border-color:#177a6f}.chord-diagram-overlay-delete{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;border:1px solid #1f8a7e;background:#d8f5f1;color:#0f5c54;font-size:14px;line-height:1;cursor:pointer;padding:0;z-index:3}.chord-diagram-overlay-delete:hover{background:#9fe3da;color:#0a4741}.song-lyric-lines{display:flex;flex-direction:column;gap:6px}.song-lyric-line{--chord-lyric-gap-min: 6px;display:flex;flex-direction:column}.song-lyric-line-gap{height:max(var(--chord-lyric-gap-min, 6px),var(--chord-lyric-gap, 8px));flex:0 0 auto;min-height:var(--chord-lyric-gap-min, 6px)}.song-lyrics-under-chords{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;font-family:var(--paper-body-font, var(--font-ui));font-size:var(--paper-body-size, 15px);line-height:var(--paper-body-leading, 1.7);color:var(--paper-ink, #1c1a16)}.song-lyrics-wrap{position:relative;width:100%;font-family:var(--paper-body-font, var(--font-ui));font-size:var(--paper-body-size, 15px);line-height:var(--paper-body-leading, 1.7)}.song-lyrics-wrap .song-lyrics-line-input{padding-bottom:4px}.song-lyric-chord-targets{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none;z-index:1}.song-lyric-chord-underscore{position:absolute;top:0;height:1.25px;background:color-mix(in srgb,var(--paper-chord) 72%,var(--paper-ink) 28%);border:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.song-lyrics-line-input{min-height:0;resize:none;field-sizing:content;margin-top:0;padding-top:0}textarea.song-lyrics-under-chords{min-height:96px;resize:vertical}.song-lyrics-under-chords::placeholder{color:var(--paper-muted, rgba(28, 26, 22, .32))}.song-lyrics-under-chords:focus{outline:none}@media (max-width: 960px){.song-book-workspace{grid-template-columns:1fr;perspective:none}.song-side-window{position:static;max-height:none;--song-side-tilt: 0deg;transform:none}.song-side-window:hover{transform:none}.song-side-window--chords{order:3}.song-lead-sheet{order:2}}.import-chord-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;margin-bottom:4px}.song-section-content{display:flex;flex-direction:column;gap:0}.song-lead-sheet-paper .song-sticker-edit-btn{width:30px;height:30px;border-radius:9px;border:1px solid color-mix(in srgb,var(--paper-ink) 20%,transparent);background:color-mix(in srgb,var(--paper-chord-bg, #fffdf8) 96%,transparent);color:color-mix(in srgb,var(--paper-ink) 78%,transparent);font-size:15px;font-weight:650;line-height:1;box-shadow:0 1px #ffffff8c inset,0 1px 3px color-mix(in srgb,var(--paper-ink) 10%,transparent)}.song-lead-sheet-paper .song-sticker-edit-btn:hover:not(:disabled){color:var(--paper-chord, #5c3e12);border-color:color-mix(in srgb,var(--paper-chord, #8a6a32) 50%,transparent);background:var(--paper-chord-bg, #fffdf8)}.song-lead-sheet-paper .song-sticker-edit-btn:disabled{opacity:.32;cursor:not-allowed}.song-lead-sheet-paper .song-lead-block-remove{border:1px solid color-mix(in srgb,var(--paper-ink) 16%,transparent);background:color-mix(in srgb,var(--paper-chord-bg, #fffdf8) 88%,transparent);color:color-mix(in srgb,var(--paper-ink) 62%,transparent)}.song-lead-sheet-paper .song-lead-block-remove:hover{color:var(--paper-ink);border-color:color-mix(in srgb,var(--paper-ink) 28%,transparent);background:color-mix(in srgb,var(--paper-ink) 7%,transparent)}.song-lead-sheet-paper .song-lead-block-rename{color:color-mix(in srgb,var(--paper-ink) 62%,transparent);font-weight:500}.song-lead-sheet-paper .song-lead-block-rename:focus{color:var(--paper-ink)}.import-chord-overview{margin:10px 0 4px;border-radius:10px;border:1px solid var(--border);background:#00000024;padding:8px 12px}.import-chord-overview summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--muted);-webkit-user-select:none;user-select:none}.import-chord-overview[open] summary{margin-bottom:8px;color:var(--ink-ui)}.import-chord-overview-symbols{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ink-ui);line-height:1.45;word-break:break-word}.import-chord-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.import-chord-toolbar .project-dialog-create{height:38px;padding:0 14px;font-size:13px}.import-chord-toolbar-links{display:flex;flex-wrap:wrap;gap:10px}.import-chord-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;color:var(--accent-bright);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.import-chord-link:hover{color:var(--ink-ui)}.import-chord-toolbar-hint{margin:0}.import-chord-projects{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:min(48vh,380px);overflow:auto}.import-chord-project{border-radius:12px;border:1px solid var(--border);background:#0000002e;padding:10px 12px;transition:border-color .2s ease,background .2s ease}.import-chord-project.is-expanded{border-color:#c4a57466;background:#c4a5740f}.import-chord-project-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.import-chord-project-head{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:0;min-width:0;flex:1}.import-chord-project-head input{margin-top:3px;accent-color:#c4a574;flex-shrink:0}.import-chord-project-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.import-chord-project-title{font-size:15px;font-weight:700;color:var(--ink-ui);line-height:1.25;word-break:break-word}.import-chord-project-meta{font-size:12px;color:var(--muted)}.import-chord-details-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:6px 10px;border-radius:999px;border:1px solid rgba(196,165,116,.35);background:#c4a57414;color:var(--accent-bright);font-size:11px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.import-chord-details-toggle:hover,.import-chord-details-toggle.is-open{border-color:#c4a5748c;background:#c4a57429;color:var(--ink-ui)}.import-chord-details-chevron{display:inline-block;font-size:10px;line-height:1;transition:transform .2s ease}.import-chord-details-toggle.is-open .import-chord-details-chevron{transform:rotate(180deg)}.import-chord-project-details{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);animation:import-chord-details-in .22s ease both}.import-chord-project-details-label{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}@keyframes import-chord-details-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.import-chord-project-details{animation:none}.import-chord-details-chevron{transition:none}}.import-chord-checklist{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:min(42vh,320px);overflow:auto}.import-chord-checklist--nested{max-height:none;overflow:visible;margin-top:0}.import-chord-checklist--nested .import-chord-check-row{background:#00000038}.import-chord-check-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#00000038;cursor:pointer}.import-chord-check-row:hover{border-color:#c4a57459}.import-chord-check-row.is-disabled{opacity:.45;cursor:not-allowed}.import-chord-check-row input{margin-top:3px;accent-color:#c4a574}.import-chord-check-body{display:flex;flex-direction:column;gap:4px;min-width:0}.import-chord-check-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink-ui)}.import-chord-check-meta{font-size:12px;color:var(--muted)}.import-chord-check-symbols{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px;color:var(--accent-bright);letter-spacing:.02em}.import-chord-check-symbols.muted{color:var(--muted);font-family:var(--font-ui)}.import-chord-preview{margin:4px 0 8px;padding:12px 14px;border-radius:10px;background:#00000047;border:1px solid var(--border);font-size:13px;line-height:1.45;color:var(--ink-ui)}.import-chord-preview p{margin:0 0 6px}.import-chord-preview p:last-child{margin-bottom:0}.import-chord-symbols{font-family:var(--font-display);font-size:1rem;color:var(--accent-bright)}.import-chord-symbols.muted{color:var(--muted);font-family:var(--font-ui);font-size:13px}.shell-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shell-account-link,.shell-account-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--ink-ui);font:inherit;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;padding:4px 2px}.shell-account-link:hover,.shell-account-btn:hover{color:#8a6a38}.shell-account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.shell-account-cta{padding:6px 12px;font-size:12px}.shell-account-menu-wrap{position:relative}.shell-account-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;max-width:min(180px,28vw);padding:6px 10px;border-radius:999px;border:1px solid rgba(166,124,74,.22);background:#ffffff8c;color:var(--ink-ui);font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.shell-account-trigger--home{max-width:min(240px,42vw);padding:7px 14px 7px 8px;gap:10px;font-size:13px;background:linear-gradient(135deg,#fffffffa,#f8f2e8eb);border-color:#c4a5746b;box-shadow:0 2px 14px #a67c4a24,inset 0 1px #ffffffd9}.shell-account-trigger:hover,.shell-account-trigger.is-open{background:#ffffffc7;border-color:#c4a57466;box-shadow:inset 0 0 0 1px #c4a5741f}.shell-account-trigger--home:hover,.shell-account-trigger--home.is-open{background:linear-gradient(135deg,#fff,#fcf6ecfa);border-color:#c4a57494;box-shadow:0 4px 18px #a67c4a33,inset 0 1px #fffffff2;transform:translateY(-1px)}.shell-account-avatar{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;overflow:hidden;font-size:11px;font-weight:750;letter-spacing:.03em;color:#fff;background:linear-gradient(145deg,#c9a056,#8a6a38);box-shadow:inset 0 1px #ffffff47,0 1px 4px #8a6a3859}.shell-account-avatar img,.account-menu-avatar img{width:100%;height:100%;object-fit:cover;display:block}.shell-account-trigger--home .shell-account-avatar{width:34px;height:34px;font-size:12px}.shell-account-trigger-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.shell-account-trigger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.15}.shell-account-trigger-plan{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:650;letter-spacing:.02em;color:var(--accent-bright);line-height:1.1}.shell-account-trigger-caret{flex:none;font-size:9px;opacity:.75;transition:transform .18s ease}.shell-account-trigger.is-open .shell-account-trigger-caret{transform:rotate(180deg)}.account-menu{min-width:280px;padding:10px;transform-origin:top right}.account-menu-header{padding:6px 10px 12px;border-bottom:1px solid rgba(196,165,116,.18);margin-bottom:6px}.account-menu-identity{display:flex;align-items:center;gap:10px}.account-menu-avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;font-size:15px;font-weight:750;letter-spacing:.03em;color:#fff;background:linear-gradient(145deg,#c9a056,#8a6a38)}.account-menu-identity-copy{min-width:0}.account-menu-name{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--ink-ui)}.account-menu-email{margin:0 0 6px;font-size:12px;color:var(--muted);word-break:break-word}.account-menu-plan{margin:0;display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--accent-bright);background:#c4a57424;border:1px solid rgba(196,165,116,.25)}.account-menu-actions{display:flex;flex-direction:column;gap:2px;padding:4px 0}.account-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;border:none;border-radius:10px;background:transparent;color:var(--ink-ui);font:inherit;font-size:14px;font-weight:550;text-align:left;text-decoration:none;padding:10px 12px;cursor:pointer;transition:background .12s ease,color .12s ease}.account-menu-item:hover{background:#c4a5741f}.account-menu-item--danger{color:#b84040}.account-menu-item--danger:hover{background:#b840401a}.account-menu-footer{margin-top:6px;padding-top:8px;border-top:1px solid rgba(196,165,116,.18)}.account-menu-signout{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}.account-menu-signout:hover{background:#7880941f;color:var(--ink-ui)}.account-menu-panel{padding:4px 6px 8px}.account-menu-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent-bright);font:inherit;font-size:12px;font-weight:650;padding:4px 6px 10px;cursor:pointer}.account-menu-back:hover{color:var(--ink-ui)}.account-menu-panel-title{margin:0 0 6px;font-size:16px;font-weight:700}.account-menu-panel-copy{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--muted)}.account-menu-form{display:flex;flex-direction:column;gap:12px}.account-menu-submit{align-self:stretch;width:100%}.app-footer{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:center}.app-footer-links{display:flex;gap:14px}.app-footer-links a{color:var(--muted);text-decoration:none;font-size:12px}.app-footer-links a:hover{color:var(--accent-bright)}.auth-page,.pricing-page,.support-page,.legal-page{max-width:1080px;margin:0 auto;padding:12px 8px 48px}.auth-card{max-width:420px;margin:24px auto;padding:28px 24px;border-radius:20px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--rim-highlight)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.auth-brand img{width:56px;height:56px;object-fit:contain;object-position:center;border-radius:50%;background:#efe6d4}.auth-brand-title{margin:0;font-size:22px}.auth-heading{margin:0 0 8px;font-size:24px}.auth-lede{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.45}.auth-form,.support-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.auth-field input,.auth-field textarea{font:inherit;font-weight:500;color:var(--ink-ui);background:var(--btn-face);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.auth-field textarea{resize:vertical;min-height:120px}.auth-submit{width:100%;margin-top:4px}.auth-error{margin:0;color:#c45c5c;font-size:13px}.auth-info{margin:0;color:var(--accent-bright);font-size:13px;line-height:1.4}.auth-forgot{margin:-4px 0 0;font-size:13px;text-align:right}.auth-forgot a{color:var(--accent-bright)}.auth-switch{margin:16px 0 0;font-size:13px;color:var(--muted);text-align:center}.auth-switch a{color:var(--accent-bright)}.pricing-hero,.support-hero{text-align:center;margin-bottom:28px}.pricing-hero h1,.support-hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,40px)}.pricing-hero p,.support-hero p{margin:0 auto;max-width:640px;color:var(--muted);line-height:1.5}.legal-body{max-width:720px;margin:0 auto;color:var(--ink-ui);line-height:1.55;font-size:15px}.legal-body h2{margin:28px 0 8px;font-size:18px}.legal-body p,.legal-body ul{margin:0 0 12px}.legal-body ul{padding-left:1.2em}.legal-body a{color:var(--accent-bright)}.pricing-toggle{display:inline-flex;gap:4px;margin-top:18px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--btn-face)}.pricing-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-ui);font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer}.pricing-toggle button.is-active{background:linear-gradient(145deg,var(--accent-bright),var(--accent));color:#1a140c}.pricing-save{margin-left:6px;font-size:11px;opacity:.85}.pricing-current-note{margin-top:14px;font-size:13px;color:var(--muted)}.pricing-inline-link{color:var(--accent-bright);text-decoration:underline;background:none;border:none;font:inherit;cursor:pointer}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pricing-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-left:auto;margin-right:auto}@media (max-width: 900px){.pricing-grid,.pricing-grid--two{grid-template-columns:1fr}}.pricing-alert{margin:18px auto 0;max-width:640px;padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.45;text-align:left}.pricing-alert--ended{border:1px solid rgba(180,70,70,.35);background:#c45c5c1a;color:#7a2e2e}.pricing-alert--trial{border:1px solid rgba(166,124,74,.4);background:#c9a0561f;color:#1a2332e0}.pricing-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 18px 18px;border-radius:18px;border:1px solid var(--border);background:var(--panel)}.pricing-card--recommended{border-color:#c4a5748c;box-shadow:0 10px 28px #c4a5742e}.pricing-badge{position:absolute;top:-10px;left:16px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:linear-gradient(145deg,var(--accent-bright),var(--accent));color:#1a140c}.pricing-card-title{margin:8px 0 0;font-size:22px}.pricing-card-blurb{margin:0;color:var(--muted);font-size:13px;line-height:1.4;min-height:2.8em}.pricing-card-note{margin:-4px 0 0;font-size:12px;font-weight:600;color:var(--accent-bright)}.pricing-card-price{margin:4px 0;font-size:28px;font-weight:700}.pricing-pending{font-size:13px;font-weight:500;color:var(--muted)}.pricing-features{margin:0;padding-left:18px;color:var(--ink-ui);font-size:13px;line-height:1.55;flex:1}.pricing-cta{margin-top:8px;width:100%;text-align:center}.pricing-faq{margin-top:36px;padding:18px 20px;border-radius:16px;border:1px solid var(--border);background:var(--panel)}.pricing-faq h2{margin:0 0 10px;font-size:18px}.pricing-faq ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.55}.support-form{max-width:560px;margin:0 auto}.support-success{max-width:480px;margin:24px auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.support-attachments{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;border:1px dashed var(--border);background:color-mix(in srgb,var(--panel) 88%,transparent)}.support-attachments-head{display:flex;flex-direction:column;gap:4px}.support-attachments-label{font-size:12px;font-weight:600;color:var(--muted)}.support-attachments-hint{font-size:12px;line-height:1.45;color:var(--muted)}.support-attachments-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.support-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.support-file-button{cursor:pointer}.support-attachments-count{font-size:12px;color:var(--muted)}.support-attachment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.support-attachment-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--btn-face)}.support-attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-ui)}.support-attachment-size{font-size:12px;color:var(--muted);white-space:nowrap}.support-attachment-remove{border:0;background:transparent;color:var(--accent-bright);font:inherit;font-size:12px;cursor:pointer;padding:0}.support-attachment-remove:hover{text-decoration:underline}.upsell-body{display:flex;flex-direction:column;gap:12px}.upsell-list{margin:0;padding-left:18px;font-size:14px;line-height:1.5}.upsell-trial{margin:0;font-size:13px;color:var(--muted)}.upsell-actions{display:flex;flex-wrap:wrap;gap:10px}.gate-loading,.gate-blocked{min-height:40vh;display:grid;place-items:center;padding:24px}.gate-blocked-card{max-width:440px;text-align:center;padding:28px 22px;border-radius:18px;border:1px solid var(--border);background:var(--panel)}.gate-blocked-card h2{margin:0 0 8px}.gate-blocked-hint{color:var(--muted);font-size:13px}.cloud-import-banner{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin:0 0 18px;padding:14px 16px;border-radius:14px;border:1px solid rgba(196,165,116,.4);background:#c4a57414}.cloud-import-copy{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-ui)}.cloud-import-msg{color:var(--muted)}.cloud-import-actions{display:flex;gap:8px;flex-wrap:wrap}.jianpu-score .jianpu-digit,.jianpu-score .jianpu-dash,.jianpu-score .jianpu-accidental,.jianpu-score .jianpu-key-header,.jianpu-score .jianpu-meter-change,.jianpu-score .jianpu-timesig-num,.jianpu-score .jianpu-timesig-den{font-family:Helvetica Neue,Helvetica,Arial,Noto Sans,sans-serif;font-weight:600;fill:var(--ink, #2a231c)}.jianpu-score .jianpu-dot-halo{fill:var(--paper, #fffaf3);stroke:none;pointer-events:none}.jianpu-score .jianpu-dot,.jianpu-score .jianpu-aug-dot{fill:var(--ink, #2a231c);stroke:var(--paper, #fffaf3);stroke-width:1.2px;paint-order:stroke fill}.jianpu-score .jianpu-dash-line,.jianpu-score .jianpu-underline{stroke:var(--ink, #2a231c);fill:none;stroke-linecap:round}.jianpu-score .jianpu-baseline{stroke:#2a231c1f;fill:none}.jianpu-score .jianpu-note.selected .jianpu-digit,.jianpu-score .jianpu-note.selected .jianpu-dash,.jianpu-score .jianpu-note.selected .jianpu-accidental{fill:var(--accent, #c45c26)}.jianpu-score .jianpu-note.selected .jianpu-dot,.jianpu-score .jianpu-note.selected .jianpu-aug-dot{fill:var(--accent, #c45c26);stroke:var(--paper, #fffaf3)}.jianpu-score .jianpu-note.selected .jianpu-dot-halo{fill:var(--paper, #fffaf3)}.jianpu-score .jianpu-note.selected .jianpu-dash-line{stroke:var(--accent, #c45c26)}.jianpu-score .jianpu-note.auto-rest .jianpu-digit{fill:#2a231c59}.jianpu-score .jianpu-tie{fill:var(--ink, #2a231c)}.jianpu-panel .jianpu-view-toggle .btn{min-width:4.5rem}.jianpu-panel .jianpu-key-readout{font-size:14px;font-weight:600;padding:4px 2px}.jianpu-panel .jianpu-key-meter{font-weight:500;color:var(--muted)}.jianpu-panel .jianpu-degree-row{flex-wrap:wrap;gap:4px}.jianpu-panel .jianpu-degree-btn{min-width:1.85rem;padding-inline:.35rem;font-variant-numeric:tabular-nums}.jianpu-panel .jianpu-hint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.4}.jianpu-panel .jianpu-hint kbd{display:inline-block;padding:0 4px;border-radius:3px;border:1px solid rgba(42,35,28,.2);font-size:11px;font-family:inherit}.jianpu-panel .jianpu-octave-label{min-width:4.5rem;text-align:center;font-size:12px}.jianpu-score .jianpu-beam{stroke:var(--ink, #2a231c);fill:none;stroke-linecap:round}.jianpu-score .jianpu-note--ghost .jianpu-digit,.jianpu-score .jianpu-note--ghost .jianpu-dash,.jianpu-score .jianpu-note--ghost .jianpu-accidental{fill:#2a231c73}.jianpu-score .jianpu-note--ghost .jianpu-dash-line,.jianpu-score .jianpu-note--ghost .jianpu-underline,.jianpu-score .jianpu-note--ghost .jianpu-dot{stroke:#2a231c66;fill:#2a231c66}.jianpu-score .jianpu-note--ghost .jianpu-dot-halo{fill:#fffaf3d9}.jianpu-panel .jianpu-stave-actions{flex-wrap:wrap;gap:6px}.jianpu-panel .jianpu-duration-row .jianpu-duration-btn{min-width:2.4rem;padding:4px 6px;line-height:0}.jianpu-panel .jianpu-duration-icon{display:block;pointer-events:none}.jianpu-panel .jianpu-key-row{align-items:flex-end;gap:10px;flex-wrap:wrap}.jianpu-panel .jianpu-mode-row{flex-wrap:nowrap}.jianpu-panel .jianpu-armed-preview{margin:4px 0 0;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.jianpu-panel .jianpu-octave-readout{min-width:4.5rem;text-align:center;font-size:12px}.jianpu-panel .jianpu-preview-group{border-top:1px solid rgba(42,35,28,.08);padding-top:8px}.jianpu-panel .linkish{background:none;border:none;padding:0;color:var(--accent, #c45c26);text-decoration:underline;cursor:pointer;font:inherit}.app--learn{max-width:none;width:100%;padding:16px 20px 32px}.app--learn .shell-main{width:100%;max-width:none}.terms-practice{--paper-line: rgba(42, 35, 28, .07);position:relative;isolation:isolate;max-width:1120px;margin:0 auto;padding:8px 4px 28px;min-height:calc(100dvh - var(--shell-nav-offset, 72px) - 48px)}.terms-practice:before{content:"";position:absolute;inset:-12px -8px auto;min-height:100%;border-radius:28px;background:repeating-linear-gradient(180deg,transparent 0 27px,var(--paper-line) 27px 28px),radial-gradient(ellipse 80% 50% at 12% 0%,rgba(201,160,86,.16),transparent 55%),linear-gradient(180deg,rgba(243,236,223,.55),rgba(245,248,252,.2) 42%,transparent);pointer-events:none;z-index:-1}.terms-practice-hero,.terms-practice-results{text-align:center;max-width:640px;margin:0 auto 28px}.terms-practice-kicker{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.terms-practice-title,.terms-practice-score{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);font-weight:600;letter-spacing:.01em;color:var(--ink-ui)}.terms-practice-lede{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.55}.terms-practice-modes{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--border)}.terms-practice-mode{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-family:var(--font-ui);font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer}.terms-practice-mode.is-active{color:#1a140c;background:linear-gradient(145deg,var(--accent-bright),var(--accent))}.terms-practice-grades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.terms-practice-grade{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--surface-glass);box-shadow:var(--rim-highlight),var(--shadow);transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.terms-practice-grade:hover{transform:translateY(-3px);box-shadow:var(--rim-highlight),0 18px 36px -16px #28375052}.terms-practice-grade-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.terms-practice-grade-num{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.terms-practice-grade-count,.terms-practice-grade-score{margin:0;font-size:12px;color:var(--muted)}.terms-practice-grade-score:not(.terms-practice-grade-score--empty){color:var(--accent);font-weight:600}.terms-practice-grade-actions{display:flex;gap:8px;margin-top:auto}.terms-practice-grade-actions .btn-primary,.terms-practice-grade-actions .btn-ghost{flex:1}.terms-practice-toolbar,.terms-practice-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.terms-practice-progress-label{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.terms-practice-meter{height:6px;border-radius:999px;background:#1a23321a;overflow:hidden;margin-bottom:18px}.terms-practice-meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-bright),var(--accent));transition:width var(--motion-med) var(--ease-out)}.terms-practice-body{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.terms-practice-body.has-ref{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr)}.terms-practice-main{min-width:0}.terms-practice-card{position:relative;display:block;width:100%;min-height:240px;padding:0;border:none;background:transparent;perspective:900px;cursor:pointer}.terms-practice-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 24px;border-radius:22px;border:1px solid var(--paper-edge);background:var(--paper);box-shadow:var(--shadow);backface-visibility:hidden;transition:transform var(--motion-slow) var(--ease-out)}.terms-practice-card-face--back{transform:rotateY(180deg)}.terms-practice-card.is-flipped .terms-practice-card-face--front{transform:rotateY(-180deg)}.terms-practice-card.is-flipped .terms-practice-card-face--back{transform:rotateY(0)}.terms-practice-card-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.terms-practice-card-prompt{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;color:var(--score-ink);text-align:center}.terms-practice-card-hint{font-size:12px;color:var(--score-muted)}.terms-practice-question{margin:0 0 16px;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:600;line-height:1.4}.terms-practice-question em{font-family:var(--font-display);font-style:italic;color:var(--accent)}.terms-practice-options{display:grid;gap:10px}.terms-practice-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--ink-ui);font-family:var(--font-ui);font-size:15px;cursor:pointer;transition:transform var(--motion-fast) var(--ease-press),border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.terms-practice-option:hover{transform:translateY(-1px);border-color:#a67c4a73}.terms-practice-option-key{flex:0 0 22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--accent-soft);color:var(--accent)}.terms-practice-option.is-selected{animation:terms-option-pulse .28s var(--ease-out)}.terms-practice-option.is-correct{border-color:#2e8c548c;background:#2e8c541f}.terms-practice-option.is-incorrect{border-color:#c45c7280;background:#c45c721a}@keyframes terms-option-pulse{0%{transform:scale(.98)}to{transform:scale(1)}}.terms-practice-feedback{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--accent)}.terms-practice-ref{border-radius:18px;border:1px solid var(--border);background:var(--panel);padding:16px;max-height:min(70vh,640px);overflow:auto}.terms-practice-ref-title{margin:0 0 12px;font-size:14px;font-weight:700}.terms-practice-ref-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.terms-practice-ref-item{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--border)}.terms-practice-ref-term{font-weight:700;font-size:13px}.terms-practice-ref-def{font-size:13px;color:var(--muted)}.terms-practice-results .terms-practice-nav{justify-content:center;margin-bottom:24px}.terms-practice-review{list-style:none;margin:0 auto;padding:0;max-width:720px;display:grid;gap:8px;text-align:left}.terms-practice-review-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);font-size:13px}.terms-practice-review-item.is-correct{border-color:#2e8c5459}.terms-practice-review-item.is-incorrect{border-color:#c45c7259}.terms-practice-review-item span{color:var(--muted)}@media (max-width: 900px){.terms-practice-grades{grid-template-columns:repeat(2,minmax(0,1fr))}.terms-practice-body.has-ref{grid-template-columns:1fr}}@media (max-width: 560px){.terms-practice-grades{grid-template-columns:1fr}}.app:has(.shared-viewer){padding-top:16px;padding-bottom:40px}.app:has(.shared-viewer) .shell-nav{margin-bottom:10px;padding-bottom:10px}.shared-viewer{display:flex;flex-direction:column;gap:12px;padding:0 0 24px;max-width:1200px;margin:0 auto;width:100%}.shared-viewer-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.shared-viewer-title-block h1{margin:2px 0 0;font-size:clamp(1.35rem,2.2vw,1.85rem)}.shared-viewer-composer,.shared-viewer-meta{margin:4px 0 0;color:var(--muted);font-size:14px}.shared-viewer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.shared-viewer-notice{margin:0;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff8c;color:var(--muted);font-size:12px;line-height:1.3;white-space:nowrap}.shared-viewer-notice a{color:var(--ink-ui);font-weight:600;text-decoration:none}.shared-viewer-notice a:hover{text-decoration:underline}.shared-viewer-notice--action{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;white-space:normal}.shared-viewer-banner,.collab-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 12px;border-radius:999px;border:1px solid rgba(196,165,116,.35);background:#c4a57414;font-size:13px}.shared-viewer-actions .collab-banner,.shared-viewer-actions .shared-viewer-banner,.shared-viewer-actions .collab-banner p,.shared-viewer-banner p,.collab-banner p{margin:0}.shared-viewer-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}.shared-viewer-error{color:#e08a9a;font-size:13px;margin:0}.shared-viewer-scroll{overflow:auto;border-radius:14px;border:1px solid var(--border);background:var(--panel);padding:16px}.shared-viewer--notation .shared-viewer-scroll{max-height:min(85vh,calc(100dvh - 180px))}.shared-viewer-score{margin:0 auto}.shared-viewer-score-inner{transform-origin:top left}.shared-viewer-score .staff-svg{cursor:default}.shared-viewer-chords-body{min-height:180px;display:flex;flex-direction:column;gap:20px}.shared-chords-box{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.shared-chords-box-toolbar{display:flex;align-items:center;gap:8px}.shared-chords-box .chords-workspace--progression{width:100%;margin-bottom:0}.shared-chords-box .sequencer-panel{width:100%}.sequencer-panel--readonly{min-height:0}.sequencer-panel--readonly .sequencer-piano-window{min-height:0;overflow:hidden}.sequencer-time-mode-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.song-share-desk{background:transparent;border:none;padding:0;max-height:min(85vh,calc(100dvh - 160px))}.shared-viewer--song .song-lead-sheet{padding-top:0}.project-collab-bar{display:flex;justify-content:flex-end;padding:8px 16px 0}.share-dialog-body{display:flex;flex-direction:column;gap:16px;padding-top:8px}.share-mode-fieldset{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:10px}.share-mode-fieldset legend{padding:0 6px;font-size:12px;color:var(--muted)}.share-mode-option{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px}.share-mode-option strong{display:block}.share-mode-hint{display:block;color:var(--muted);font-size:12px;margin-top:2px}.share-link-row{display:flex;flex-wrap:wrap;gap:8px}.share-link-input{flex:1 1 180px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#00000040;color:inherit;font-size:13px}.share-invite-fieldset{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:8px}.share-invite-fieldset legend{padding:0 6px;font-size:12px;color:var(--muted)}.share-invite-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.share-invite-input{flex:1 1 180px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#00000040;color:inherit;font-size:13px;resize:vertical;font-family:inherit}.share-invite-sent{margin:0;font-size:13px;color:var(--muted)}.share-members h3{margin:0 0 8px;font-size:14px}.share-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.share-members-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);font-size:13px}.share-member-meta{display:flex;align-items:center;gap:10px}.share-member-role{color:var(--muted);text-transform:capitalize}.share-member-remove{border:0;background:none;padding:0;font:inherit;font-size:12px;color:var(--danger, #b42318);cursor:pointer;text-decoration:underline}.share-member-remove:disabled{opacity:.5;cursor:not-allowed}