:root{--bg: #f5f5f5;--panel: #ffffff;--border: #d0d0d0;font-family:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}#app{display:flex;flex-direction:column;height:100vh}#toolbar{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--border)}#toolbar button{padding:4px 10px;cursor:pointer}#toolbar .sep{width:1px;height:20px;background:var(--border);margin:0 6px}#body{flex:1 1 auto;display:flex;min-height:0}#code-pane{flex:0 0 38%;border-right:1px solid var(--border);overflow:auto;background:var(--panel)}#body.mixed #code-pane{display:none}#score-pane{flex:1 1 auto;overflow:auto;background:var(--bg);padding:16px;display:flex;flex-direction:column;align-items:safe center;gap:12px}.score-page-wrap{width:calc(min(960px,100%) * var(--score-zoom, 1));aspect-ratio:960 / 540;flex:0 0 auto;position:relative;background:#fff;box-shadow:0 1px 6px #00000026;content-visibility:auto}.score-page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#measure-svg{position:absolute;left:-9999px;top:-9999px;overflow:hidden}.score-page g.selected [fill]:not([fill=none]){fill:#1565ff}.score-page g.selected [stroke]{stroke:#1565ff}.score-page g.selected{cursor:pointer}.score-page text,.score-page path,.score-page line{cursor:default}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:6px;min-width:280px;padding:16px;box-shadow:0 8px 30px #00000040}.modal-title{font-weight:700;margin-bottom:12px}.modal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.modal-row span{color:#444}.modal-row input,.modal-row select{padding:4px 6px;min-width:160px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-footer button{padding:4px 14px;cursor:pointer}#status{flex:0 0 auto;padding:3px 10px;font-size:12px;color:#555;background:var(--panel);border-top:1px solid var(--border);min-height:22px}.note{color:#00f}.break{color:maroon}.barline{color:#f0f}.comment{color:gray}.text{color:green}.lrc{color:#333}.slash{color:#999}.lrcspec{color:#a0a}.metakey{color:#b8860b}.metaval{color:#2e8b57}.unknown{color:#c00}.section{font-weight:700;color:#444}