*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=mocha]{color-scheme:dark;--od-bg: #282c34;--od-bg-light: #2c323c;--od-bg-lighter: #3e4451;--od-bg-dark: #21252b;--od-bg-darker: #1e2127;--od-fg: #abb2bf;--od-fg-muted: #5c6370;--od-fg-subtle: #4b5263;--od-red: #e06c75;--od-orange: #d19a66;--od-yellow: #e5c07b;--od-green: #98c379;--od-cyan: #56b6c2;--od-blue: #61afef;--od-purple: #c678dd;--bg-base: var(--od-bg);--bg-surface: var(--od-bg-darker);--bg-elevated: var(--od-bg-dark);--bg-overlay: var(--od-bg-lighter);--text-primary: var(--od-fg);--text-secondary: #8b95a7;--text-muted: var(--od-fg-muted);--border-color: var(--od-bg-lighter);--accent: var(--od-blue);--accent-hover: var(--od-cyan);--warning: var(--od-orange);--canvas-bg: var(--od-bg-light);--ctp-red: var(--od-red);--ctp-blue: var(--od-blue);--ctp-peach: var(--od-orange);--ctp-maroon: #be5046;--ctp-sapphire: var(--od-cyan);--ctp-crust: var(--od-bg-darker)}[data-theme=latte]{color-scheme:light;--ctp-rosewater: #dc8a78;--ctp-flamingo: #dd7878;--ctp-pink: #ea76cb;--ctp-mauve: #8839ef;--ctp-red: #d20f39;--ctp-maroon: #e64553;--ctp-peach: #fe640b;--ctp-yellow: #df8e1d;--ctp-green: #40a02b;--ctp-teal: #179299;--ctp-sky: #04a5e5;--ctp-sapphire: #209fb5;--ctp-blue: #1e66f5;--ctp-lavender: #7287fd;--ctp-text: #4c4f69;--ctp-subtext1: #5c5f77;--ctp-subtext0: #6c6f85;--ctp-overlay2: #7c7f93;--ctp-overlay1: #8c8fa1;--ctp-overlay0: #9ca0b0;--ctp-surface2: #c8c2b8;--ctp-surface1: #d4cfc6;--ctp-surface0: #e0dbd3;--ctp-base: #faf8f5;--ctp-mantle: #f5f2ed;--ctp-crust: #ebe7e0;--bg-base: var(--ctp-base);--bg-surface: var(--ctp-surface0);--bg-elevated: var(--ctp-surface1);--bg-overlay: var(--ctp-surface2);--text-primary: var(--ctp-text);--text-secondary: var(--ctp-subtext1);--text-muted: var(--ctp-overlay1);--border-color: var(--ctp-surface1);--accent: var(--ctp-blue);--accent-hover: var(--ctp-sapphire);--warning: var(--ctp-peach);--canvas-bg: var(--ctp-mantle)}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-overlay);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-primary);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--text-primary);border-radius:50%;cursor:pointer;border:none}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}select option{background:var(--bg-surface);color:var(--text-primary)}._controls_nbh81_1{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);align-items:center}._section_nbh81_11{display:flex;align-items:center;gap:8px}._button_nbh81_17{padding:8px 16px;background:var(--bg-elevated);border:none;border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .15s}._button_nbh81_17:hover:not(:disabled){background:var(--bg-overlay)}._button_nbh81_17:disabled{opacity:.5;cursor:not-allowed}._button_nbh81_17._active_nbh81_37{background:var(--accent);color:var(--bg-base)}._playButton_nbh81_42{width:40px;padding:8px;font-size:16px}._themeButton_nbh81_48{padding:8px 12px;font-size:16px}._select_nbh81_53{padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;min-width:150px}._select_nbh81_53:focus{outline:none;border-color:var(--accent)}._label_nbh81_68{font-size:13px;color:var(--text-secondary);white-space:nowrap}._slider_nbh81_74{width:80px;cursor:pointer}._progressBar_nbh81_79{width:200px;cursor:pointer}._timeDisplay_nbh81_84{font-size:13px;color:var(--text-secondary);font-family:monospace;min-width:90px}._checkboxLabel_nbh81_91{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}._checkboxLabel_nbh81_91 input{cursor:pointer}._warning_nbh81_104{font-size:12px;color:var(--warning)}._muted_nbh81_109{font-size:12px;color:var(--text-muted)}._trackList_nbh81_114{display:flex;flex-wrap:wrap;gap:8px}._trackItem_nbh81_120{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-elevated);border-radius:4px;border-left:3px solid;font-size:12px;color:var(--text-secondary)}._trackItem_nbh81_120:hover{background:var(--bg-overlay)}._trackName_nbh81_136{cursor:pointer}._trackButton_nbh81_140{padding:2px 4px;background:transparent;border:none;cursor:pointer;opacity:.3;font-size:12px;line-height:1;position:relative}._trackButton_nbh81_140:hover:not(:disabled){opacity:.8}._trackButton_nbh81_140._active_nbh81_37{opacity:1}._trackButton_nbh81_140._crossed_nbh81_159:after{content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;background:var(--text-secondary);transform:rotate(-45deg)}._trackButton_nbh81_140:disabled{cursor:default;opacity:.15}._trackButton_nbh81_140:disabled._crossed_nbh81_159:after{display:none}._measureInput_nbh81_179{width:50px;padding:6px 8px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;text-align:center}._measureInput_nbh81_179:focus{outline:none;border-color:var(--accent)}._loopSeparator_nbh81_195{font-size:13px;color:var(--text-secondary)}._container_utym4_1{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--canvas-bg);display:flex;justify-content:center;scroll-snap-type:y mandatory}._snapPoint_utym4_11{position:absolute;left:0;width:100%;height:1px;scroll-snap-align:start;pointer-events:none}._svgContainer_utym4_20{position:relative;min-height:100%;flex-shrink:0}._svgContainer_utym4_20 svg{display:block}._svgContainer_utym4_20 .vf-stavenote,._svgContainer_utym4_20 .vf-notehead,._svgContainer_utym4_20 .vf-stem,._svgContainer_utym4_20 .vf-beam,._svgContainer_utym4_20 .vf-flag{fill:var(--text-primary);stroke:var(--text-primary)}._svgContainer_utym4_20 .vf-stave line,._svgContainer_utym4_20 .vf-stave path{stroke:var(--text-secondary)}._svgContainer_utym4_20 .vf-clef,._svgContainer_utym4_20 .vf-timesig,._svgContainer_utym4_20 .vf-keysig,._svgContainer_utym4_20 .vf-accidental{fill:var(--text-primary)}._svgContainer_utym4_20 text{fill:var(--text-primary)}._svgContainer_utym4_20 .vf-keysig path{fill:var(--text-primary);stroke:var(--text-primary)}._highlights_utym4_63{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}._noteHighlight_utym4_70{position:absolute;background:var(--ctp-red);opacity:.25;border-radius:4px;box-shadow:0 0 12px var(--ctp-red)}._loopOverlay_utym4_78{position:absolute;background:var(--ctp-blue);opacity:.15;pointer-events:none;z-index:5}._keyboard_12gns_1{position:relative;width:100%;background:var(--ctp-crust);overflow:hidden;-webkit-user-select:none;user-select:none}._keysContainer_12gns_9{position:relative;height:100%;width:100%}._key_12gns_1{position:absolute;box-sizing:border-box;cursor:pointer;transition:background-color .05s ease}._white_12gns_22{height:100%;background:linear-gradient(to bottom,#fafafa,#e8e8e8);border:1px solid #bbb;border-top:none;border-radius:0 0 4px 4px}._white_12gns_22:hover{background:linear-gradient(to bottom,#fff,#f0f0f0)}._white_12gns_22._active_12gns_34{background:linear-gradient(to bottom,var(--ctp-sapphire) 0%,var(--ctp-blue) 100%);border-color:var(--ctp-blue)}._white_12gns_22._live_12gns_39{background:linear-gradient(to bottom,var(--ctp-peach) 0%,var(--ctp-maroon) 100%);border-color:var(--ctp-maroon);box-shadow:0 0 20px color-mix(in srgb,var(--ctp-peach) 80%,transparent),0 0 40px color-mix(in srgb,var(--ctp-peach) 40%,transparent),inset 0 0 10px #ffffff80}._black_12gns_48{height:62%;background:linear-gradient(to bottom,#404040,#1a1a1a);border-radius:0 0 4px 4px;z-index:2;box-shadow:0 2px 4px #00000080,inset 0 -1px 2px #ffffff1a}._black_12gns_48:hover{background:linear-gradient(to bottom,#505050,#252525)}._black_12gns_48._active_12gns_34{background:linear-gradient(to bottom,var(--ctp-blue) 0%,var(--ctp-sapphire) 100%);box-shadow:0 1px 2px #0000004d;transform:translateY(1px)}._black_12gns_48._live_12gns_39{background:linear-gradient(to bottom,var(--ctp-peach) 0%,var(--ctp-maroon) 100%);box-shadow:0 0 15px color-mix(in srgb,var(--ctp-peach) 80%,transparent),0 0 30px color-mix(in srgb,var(--ctp-peach) 40%,transparent),0 1px 2px #0000004d;transform:translateY(1px)}._label_12gns_77{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:9px;color:#888;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;white-space:nowrap}._blackLabel_12gns_89{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:8px;color:#aaa;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;white-space:nowrap}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg-base);color:var(--text-primary);overflow:hidden}.main-content{flex:1;min-height:0;position:relative;overflow:hidden}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;text-align:center;padding:20px}.empty-state p{margin:0;max-width:400px}