.editor-canvas{min-width:0}.editor-canvas [data-testid=preview]{overflow-x:auto}@media(min-width:768px){.song-editor{width:min(72rem,94vw);margin-left:calc(50% - (min(72rem,94vw)/2))}}.ai-spinner{display:inline-block;width:.9em;height:.9em;border:2px solid #cfe0f3;border-top-color:#0b66c3;border-radius:50%;animation:ai-spin .7s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}:root{--bg: light-dark(#ffffff, #16181c);--fg: light-dark(#1a1a1a, #e6e6e6);--fg-muted: light-dark(#595959, #a9b0ba);--surface: light-dark(#ffffff, #21242b);--surface-2: light-dark(#f6f6f6, #1b1e24);--border: light-dark(#d4d4d4, #3a3f4a);--accent: light-dark(#0b66c3, #5aa0ec);--accent-fg: light-dark(#ffffff, #10151c);--accent-weak: light-dark(#dbeafe, #1e3658);--btn-on-bg: light-dark(#222222, #d6dbe2);--btn-on-fg: light-dark(#ffffff, #16181c);--danger: light-dark(#b00020, #ff8a8a);--warn: light-dark(#b26a00, #e3b341);--warn-weak: light-dark(#fffbe6, #2a2410);--ok: light-dark(#1f8a4c, #56d597);--note-default-bg: light-dark(#f1f5f9, #1f262f);--note-default-border: light-dark(#475569, #cbd5e1);--note-warn-bg: light-dark(#fffbeb, #332b10);--note-warn-border: light-dark(#d97706, #facc15);--note-accent-bg: light-dark(#eff6ff, #16263f);--note-accent-border: light-dark(#2563eb, #93c5fd);--key-white: light-dark(#ffffff, #2b2f37);--key-black: light-dark(#222222, #0c0e12);--diagram-line: light-dark(#333333, #565c68);--diagram-edge: light-dark(#000000, #000000);--chord-bass: light-dark(#0b3d91, #2563eb);--chord-root: light-dark(#1f8a4c, #15803d);--chord-tone: light-dark(#7fb2f0, #3b6fb5);--chord-tone-black: light-dark(#3f78c0, #2f5f9e);--chord-on-tone: light-dark(#0b3d91, #cfe0fb);--chord-label-on-fill: light-dark(#ffffff, #ffffff);--space: .75rem;--radius: .625rem;--radius-sm: .375rem;--sidebar-width: 17rem;--topbar-height: 3.25rem;--shadow: light-dark(0 1px 3px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .5));--sidebar-bg: light-dark(#f6f6f6, #1b1e24);--row-hover: light-dark(#ececec, #2a2e36);--row-active: var(--accent-weak)}body{margin:0;background:var(--bg);color:var(--fg)}.bandmd-nav-toggle,.bandmd-nav-backdrop{display:none}@media(max-width:48rem){.bandmd-nav-toggle{display:inline-block}.bandmd-sidebar{position:fixed!important;top:var(--topbar-height);left:0;bottom:0;height:auto!important;z-index:10;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow);max-width:85vw}.bandmd-sidebar-open{transform:translate(0)}}