.editor-wrapper.svelte-1h7aaao{display:flex;flex-direction:column;height:100%;background:#282c34}.editor-header.svelte-1h7aaao{padding:8px 16px;background:#21252b;border-bottom:1px solid #181a1f}.title.svelte-1h7aaao{color:#abb2bf;font-size:14px;font-weight:500}.editor-container.svelte-1h7aaao{flex:1;overflow:auto}.editor-container.svelte-1h7aaao .cm-editor{height:100%}.editor-container.svelte-1h7aaao .cm-scroller{font-family:Fira Code,Consolas,monospace;font-size:14px}.player-container.svelte-w7o8u0{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#2d2d30;border-top:1px solid #1e1e1e}.controls.svelte-w7o8u0{display:flex;gap:4px;align-items:center}.control-btn.svelte-w7o8u0{background:transparent;border:1px solid #3c3c3c;color:#ccc;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.control-btn.svelte-w7o8u0:hover:not(:disabled){background:#3c3c3c;border-color:#569cd6}.control-btn.svelte-w7o8u0:disabled{opacity:.4;cursor:not-allowed}.play-btn.svelte-w7o8u0:hover:not(:disabled){color:#4ec9b0}.pause-btn.svelte-w7o8u0{color:#dcdcaa}.stop-btn.svelte-w7o8u0:hover:not(:disabled){color:#f48771}.loading-text.svelte-w7o8u0{color:#858585;font-size:11px;margin-left:8px}.error-text.svelte-w7o8u0{color:#f48771;font-size:11px;margin-left:8px;cursor:help}.time-display.svelte-w7o8u0{display:flex;gap:4px;font-size:12px;color:#ccc;font-family:Consolas,Monaco,monospace;min-width:80px}.separator.svelte-w7o8u0{color:#858585}.progress-bar.svelte-w7o8u0{flex:1;height:4px;background:#3c3c3c;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-fill.svelte-w7o8u0{height:100%;background:#569cd6;transition:width .1s linear}.verovio-highlight{fill:#ff6b35!important;stroke:#ff6b35!important;stroke-width:1px;filter:drop-shadow(0 0 3px #ff6b35)}.preview-wrapper.svelte-srjxpz.svelte-srjxpz{display:flex;flex-direction:column;height:100%;background:#1e1e1e}.preview-header.svelte-srjxpz.svelte-srjxpz{padding:8px 16px;background:#252526;border-bottom:1px solid #1e1e1e;display:flex;align-items:center;gap:16px}.title.svelte-srjxpz.svelte-srjxpz{color:#ccc;font-size:14px;font-weight:500}.rendering.svelte-srjxpz.svelte-srjxpz{color:#569cd6;font-size:12px;animation:svelte-srjxpz-pulse 1s infinite}@keyframes svelte-srjxpz-pulse{0%,to{opacity:1}50%{opacity:.5}}.preview-container.svelte-srjxpz.svelte-srjxpz{flex:1;overflow:auto;padding:16px;display:flex;justify-content:center;align-items:flex-start}.svg-wrapper.svelte-srjxpz.svelte-srjxpz{position:relative}.svg-container.svelte-srjxpz.svelte-srjxpz{background:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 8px #0000004d}.svg-container.svelte-srjxpz svg{max-width:100%;height:auto}.playback-cursor.svelte-srjxpz.svelte-srjxpz{position:absolute;width:2px;background:#007acccc;pointer-events:none;z-index:10;display:none}.error-message.svelte-srjxpz.svelte-srjxpz{background:#5a1d1d;border:1px solid #be1100;border-radius:4px;padding:16px;max-width:600px}.error-title.svelte-srjxpz.svelte-srjxpz{color:#f48771;font-weight:600;margin-bottom:8px}.error-message.svelte-srjxpz pre.svelte-srjxpz{color:#d4d4d4;font-size:12px;white-space:pre-wrap;word-break:break-all;margin:0}.placeholder.svelte-srjxpz.svelte-srjxpz{color:#858585;text-align:center;padding:40px}.loading-container.svelte-srjxpz.svelte-srjxpz{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.loading-spinner.svelte-srjxpz.svelte-srjxpz{position:relative;width:60px;height:60px}.spinner-ring.svelte-srjxpz.svelte-srjxpz{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:svelte-srjxpz-spin 1.5s linear infinite}.spinner-ring.svelte-srjxpz.svelte-srjxpz:nth-child(1){border-top-color:#569cd6;animation-delay:0s}.spinner-ring.svelte-srjxpz.svelte-srjxpz:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-right-color:#4ec9b0;animation-delay:.15s;animation-direction:reverse}.spinner-ring.svelte-srjxpz.svelte-srjxpz:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-bottom-color:#ce9178;animation-delay:.3s}@keyframes svelte-srjxpz-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text.svelte-srjxpz.svelte-srjxpz{margin-top:20px;color:#858585;font-size:14px;animation:svelte-srjxpz-pulse 1.5s ease-in-out infinite}.spacer.svelte-srjxpz.svelte-srjxpz{flex:1}.export-dropdown.svelte-srjxpz.svelte-srjxpz{position:relative}.export-toggle.svelte-srjxpz.svelte-srjxpz{background:#0e639c;color:#fff;border:none;padding:4px 12px;border-radius:3px;font-size:12px;cursor:pointer;transition:background .2s}.export-toggle.svelte-srjxpz.svelte-srjxpz:hover{background:#17b}.export-backdrop.svelte-srjxpz.svelte-srjxpz{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.export-menu.svelte-srjxpz.svelte-srjxpz{position:absolute;top:100%;right:0;margin-top:4px;background:#252526;border:1px solid #3c3c3c;border-radius:4px;box-shadow:0 4px 12px #0006;min-width:160px;z-index:100;overflow:hidden}.export-item.svelte-srjxpz.svelte-srjxpz{display:block;width:100%;padding:8px 16px;background:transparent;border:none;color:#ccc;font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.export-item.svelte-srjxpz.svelte-srjxpz:hover:not(:disabled){background:#094771}.export-item.svelte-srjxpz.svelte-srjxpz:disabled{color:#5a5a5a;cursor:not-allowed}.export-item.svelte-srjxpz.svelte-srjxpz:not(:last-child){border-bottom:1px solid #3c3c3c}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#1e1e1e;color:#d4d4d4}*{box-sizing:border-box}.app.svelte-8n5t2.svelte-8n5t2{display:flex;flex-direction:column;height:100vh;overflow:hidden}header.svelte-8n5t2.svelte-8n5t2{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#333;border-bottom:1px solid #454545}h1.svelte-8n5t2.svelte-8n5t2{margin:0;font-size:18px;font-weight:600;color:#fff}nav.svelte-8n5t2.svelte-8n5t2{display:flex;gap:16px}nav.svelte-8n5t2 a.svelte-8n5t2{color:#858585;text-decoration:none;font-size:14px}nav.svelte-8n5t2 a.svelte-8n5t2:hover{color:#d4d4d4}nav.svelte-8n5t2 .current.svelte-8n5t2{color:#0e639c;font-weight:600;font-size:14px}.header-actions.svelte-8n5t2.svelte-8n5t2{display:flex;align-items:center;gap:16px}.share-btn.svelte-8n5t2.svelte-8n5t2{background:#0e639c;color:#fff;border:none;padding:6px 16px;border-radius:3px;font-size:13px;cursor:pointer;transition:background .2s;min-width:80px}.share-btn.svelte-8n5t2.svelte-8n5t2:hover{background:#17b}.share-btn.svelte-8n5t2.svelte-8n5t2:active{background:#094771}.status.svelte-8n5t2.svelte-8n5t2{font-size:12px;color:#858585}main.svelte-8n5t2.svelte-8n5t2{display:flex;flex:1;overflow:hidden}.pane.svelte-8n5t2.svelte-8n5t2{flex:1;overflow:hidden}.editor-pane.svelte-8n5t2.svelte-8n5t2{min-width:200px}.preview-pane.svelte-8n5t2.svelte-8n5t2{flex:1}.divider.svelte-8n5t2.svelte-8n5t2{width:4px;background:#333;cursor:col-resize}.divider.svelte-8n5t2.svelte-8n5t2:hover{background:#0078d4}main.dragging.svelte-8n5t2.svelte-8n5t2{cursor:col-resize;-webkit-user-select:none;user-select:none}main.dragging.svelte-8n5t2 .divider.svelte-8n5t2{background:#0078d4}main.drag-over.svelte-8n5t2.svelte-8n5t2{position:relative}.drop-overlay.svelte-8n5t2.svelte-8n5t2{position:absolute;top:0;left:0;right:0;bottom:0;background:#0e639ce6;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.drop-message.svelte-8n5t2.svelte-8n5t2{color:#fff;font-size:18px;font-weight:600;padding:24px 48px;border:3px dashed #ffffff;border-radius:8px;text-align:center}.log-area.svelte-8n5t2.svelte-8n5t2{border-top:1px solid #454545;background:#252526}.log-toggle.svelte-8n5t2.svelte-8n5t2{width:100%;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#333;border:none;color:#d4d4d4;font-size:12px;cursor:pointer;text-align:left}.log-toggle.svelte-8n5t2.svelte-8n5t2:hover{background:#3c3c3c}.toggle-icon.svelte-8n5t2.svelte-8n5t2{font-size:10px;color:#858585}.error-badge.svelte-8n5t2.svelte-8n5t2{background:#f14c4c;color:#fff;padding:1px 6px;border-radius:10px;font-size:11px;margin-left:auto}.log-content.svelte-8n5t2.svelte-8n5t2{max-height:200px;overflow:hidden;display:flex;flex-direction:column}.log-actions.svelte-8n5t2.svelte-8n5t2{padding:4px 12px;border-bottom:1px solid #454545;display:flex;justify-content:flex-end}.clear-btn.svelte-8n5t2.svelte-8n5t2{background:transparent;border:1px solid #454545;color:#858585;padding:2px 8px;border-radius:3px;font-size:11px;cursor:pointer}.clear-btn.svelte-8n5t2.svelte-8n5t2:hover{background:#3c3c3c;color:#d4d4d4}.log-entries.svelte-8n5t2.svelte-8n5t2{flex:1;overflow-y:auto;padding:8px 12px;font-family:Consolas,Monaco,monospace;font-size:12px}.log-entry.svelte-8n5t2.svelte-8n5t2{padding:2px 0;display:flex;gap:8px}.log-time.svelte-8n5t2.svelte-8n5t2{color:#6a9955;flex-shrink:0}.log-level.svelte-8n5t2.svelte-8n5t2{flex-shrink:0;min-width:60px}.log-message.svelte-8n5t2.svelte-8n5t2{word-break:break-word}.log-info.svelte-8n5t2 .log-level.svelte-8n5t2{color:#4fc1ff}.log-warning.svelte-8n5t2 .log-level.svelte-8n5t2{color:#cca700}.log-error.svelte-8n5t2 .log-level.svelte-8n5t2,.log-error.svelte-8n5t2 .log-message.svelte-8n5t2{color:#f14c4c}.log-empty.svelte-8n5t2.svelte-8n5t2{color:#858585;font-style:italic;text-align:center;padding:16px}