.score-container,#sheet-image-container{text-align:center;background:#fefefe;border:1px dashed #e2e8f0;border-radius:4px;min-height:200px;padding:12px;display:block;overflow:auto}.score-container svg,#sheet-image-container svg{max-width:100%;height:auto;margin:0 auto;display:block}g.jianpu-playing .note-num,g.jianpu-playing .accidental{fill:#ff5722!important}g.jianpu-playing{filter:drop-shadow(0 0 4px #ff572280);transition:filter 50ms}.abcjs-note-playing *{fill:#ff5722!important;stroke:#ff5722!important}.abcjs-note-playing{filter:brightness(1.25)}:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-bg:#f8fafc;--color-panel-bg:#fff;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-muted:#64748b;--color-error:#dc2626;--color-success:#16a34a;--color-warning:#f59e0b;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--radius:6px;--spacing:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.5}.app-header{background:linear-gradient(135deg, var(--color-primary), #6366f1);color:#fff;box-shadow:var(--shadow-md);padding:16px 24px}.app-header h1{font-size:22px}.app-header .subtitle{opacity:.9;margin-top:4px;font-size:13px}.app-main{--left-w:480px;--right-w:213px;grid-template-columns:var(--left-w) auto 1fr auto var(--right-w);gap:var(--spacing);padding:var(--spacing);max-width:1800px;margin:0 auto;display:grid}.app-main.right-collapsed{--right-w:0px}.app-main.right-collapsed .panel-right{display:none}.panel{background:var(--color-panel-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing);box-shadow:var(--shadow-sm)}.panel h2{color:var(--color-primary);border-bottom:2px solid var(--color-border);margin-bottom:8px;padding-bottom:6px;font-size:15px}.panel h2:not(:first-child){margin-top:var(--spacing)}.collapsible{border:none;margin-bottom:8px}.collapsible:not(:first-child){margin-top:var(--spacing)}.collapsible-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;list-style:none;display:flex}.collapsible-summary::-webkit-details-marker{display:none}.collapsible-summary h2{border-bottom:none;flex:1;margin:0;padding-bottom:0}.collapsible-summary:before{content:"▼";color:var(--color-text-muted);font-size:10px;transition:transform .15s}.collapsible:not([open]) .collapsible-summary:before{transform:rotate(-90deg)}.collapsible[open] .collapsible-summary{border-bottom:2px solid var(--color-border);margin-bottom:8px;padding-bottom:6px}.app-footer{text-align:center;color:var(--color-text-muted);padding:12px;font-size:12px}.jianpu-editor-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.jianpu-editor-song-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.jianpu-editor-song-label{color:var(--color-text-muted);font-size:12px}.jianpu-editor-song-select{border:1px solid var(--color-border);background:#fff;border-radius:4px;flex:1;padding:4px 6px;font-size:13px}.jianpu-editor-textarea{border:1px solid var(--color-border);resize:vertical;border-radius:4px;width:100%;min-height:150px;padding:8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px}.jianpu-controls{flex-direction:column;gap:8px;display:flex}.jianpu-control-field{align-items:center;gap:6px;font-size:13px;display:flex}.jianpu-control-label{min-width:80px;color:var(--color-text-muted)}.jianpu-bpm-input,.jianpu-instrument-select{border:1px solid var(--color-border);border-radius:4px;width:70px;padding:4px 6px;font-size:13px}.jianpu-instrument-select{width:100px}.jianpu-bpm-value{color:var(--color-primary);text-align:right;min-width:30px;font-weight:700}.jianpu-button-row{gap:6px;margin-top:4px;display:flex}.jianpu-play-btn,.jianpu-stop-btn,.jianpu-download-btn{color:#fff;cursor:pointer;border:none;border-radius:4px;flex:1;padding:8px 12px;font-size:14px;font-weight:600;transition:background .15s}.jianpu-play-btn{background:var(--color-primary)}.jianpu-play-btn:hover:not(:disabled){background:var(--color-primary-hover)}.jianpu-stop-btn{background:#6b7280}.jianpu-stop-btn:hover:not(:disabled){background:#4b5563}.jianpu-download-btn{background:#2563eb}.jianpu-download-pdf-btn{background:#dc2626}.jianpu-download-pdf-btn:hover:not(:disabled){background:#b91c1c}.jianpu-download-midi-btn{background:#059669}.jianpu-download-midi-btn:hover:not(:disabled){background:#047857}.jianpu-download-btn:hover:not(:disabled){background:#1d4ed8}.jianpu-play-btn:disabled,.jianpu-stop-btn:disabled{opacity:.5;cursor:not-allowed}.jianpu-submit-bar{margin-top:var(--spacing);padding-top:var(--spacing);border-top:2px solid var(--color-border)}.jianpu-submit-bar select{border:1px solid var(--color-border);border-radius:4px;padding:4px 6px;font-size:13px}.jianpu-submit-btn{color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:4px;flex:1;padding:8px 12px;font-size:14px;font-weight:600;transition:background .15s}.jianpu-submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.jianpu-submit-btn:disabled{opacity:.5;cursor:not-allowed}.jianpu-submit-status{min-height:1em;color:var(--color-text-muted);font-size:12px}.jianpu-submit-status[data-state=ok]{color:#059669}.jianpu-submit-status[data-state=error]{color:#dc2626}.panel-left{flex-direction:column;min-height:0;max-height:calc(100vh - 120px);display:flex;overflow-y:auto}.editor-wrapper{min-height:200px;margin-top:var(--spacing);flex-direction:column;flex:1;display:flex}.editor-wrapper h2{flex:none}#editor-container,.jianpu-editor{flex-direction:column;flex:1;min-height:0;display:flex}.jianpu-editor-textarea{flex:1;min-height:200px}#score-mode-bar{border:1px solid var(--color-border);background:#f8f9fa;border-radius:4px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;display:flex}.mode-label{color:var(--color-text-muted);font-size:13px}.mode-btn{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:6px;padding:4px 12px;font-size:13px}.mode-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.jianpu-info-empty{color:var(--color-text-muted);padding:8px 0;font-size:13px;font-style:italic}.jianpu-info-title{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:6px;font-size:16px;font-weight:700}.jianpu-info-row{border-bottom:1px dotted var(--color-border);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.jianpu-info-label{color:var(--color-text-muted)}.jianpu-info-value{font-weight:600}.jianpu-info-error{color:var(--color-error);border-left:3px solid var(--color-error);background:#fef2f2;border-radius:3px;padding:8px;font-size:13px}.jianpu-layout-panel{flex-direction:column;gap:8px;display:flex}.jianpu-layout-preset-row{align-items:center;gap:6px;font-size:13px;display:flex}.jianpu-preset-select{border:1px solid var(--color-border);background:#fff;border-radius:4px;flex:1;padding:4px 6px;font-size:13px}.jianpu-layout-actions{margin-top:2px}.jianpu-layout-group{border:1px solid var(--color-border);border-radius:var(--radius);padding:8px}.jianpu-layout-group summary.jianpu-layout-summary{color:var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:700;list-style:none;display:flex}.jianpu-layout-group summary.jianpu-layout-summary::-webkit-details-marker{display:none}.jianpu-layout-group summary.jianpu-layout-summary:before{content:"▼";color:var(--color-text-muted);font-size:10px;transition:transform .15s}.jianpu-layout-group:not([open]) summary.jianpu-layout-summary:before{transform:rotate(-90deg)}.jianpu-layout-field{justify-content:space-between;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.jianpu-layout-field .jianpu-control-label{flex:1;min-width:0}.jianpu-layout-input{border:1px solid var(--color-border);border-radius:4px;width:64px;padding:2px 4px;font-size:12px}.jianpu-layout-input[type=checkbox]{width:auto}.jianpu-layout-input[type=color]{width:36px;height:24px;padding:0}.jianpu-test-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.jianpu-test-header span{color:var(--color-text-muted);font-size:13px}.jianpu-test-run-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.jianpu-test-run-btn:hover{background:var(--color-primary-hover)}.jianpu-test-results{max-height:400px;font-size:12px;overflow-y:auto}.jianpu-test-row{border-bottom:1px dotted var(--color-border);gap:6px;padding:4px 0;display:flex}.jianpu-test-status{text-align:center;min-width:16px;font-weight:700}.jianpu-test-status.pass{color:var(--color-success)}.jianpu-test-status.fail{color:var(--color-error)}.jianpu-test-desc{color:var(--color-text);flex:1}.jianpu-test-detail{color:var(--color-error);margin-top:2px;padding-left:8px;font-family:monospace;font-size:11px}.jianpu-test-summary{text-align:center;background:var(--color-bg);border-radius:4px;margin-top:6px;padding:8px;font-weight:700}.repeat-strip{border-bottom:1px solid var(--color-border);margin-bottom:8px;padding:8px 0}.rs-status{color:var(--color-text-muted);min-height:1em;margin-bottom:6px;font-size:12px}.rs-chips{flex-wrap:wrap;gap:6px;display:flex}.rs-chip{border:1px solid var(--color-border);cursor:pointer;background:#fafafa;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;display:inline-flex}.rs-chip.active{color:#fff;background:#ff5722;border-color:#ff5722}.rs-chip .rs-mark{color:#b45309;font-weight:700}.rs-chip.active .rs-mark{color:#fff}.omr-panel{flex-direction:column;gap:8px;display:flex}.omr-panel .btn{cursor:pointer;background:var(--color-primary);color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:600}.omr-panel .btn:disabled{opacity:.5;cursor:not-allowed}.omr-panel .btn:hover:not(:disabled){background:var(--color-primary-hover)}.omr-row{gap:8px;display:flex}.omr-row #omr-btn{flex:2 1 0;min-width:0}.omr-row #omr-key-c,.omr-row #omr-l-8{white-space:nowrap;flex:1 1 0;min-width:0}.omr-toggle[aria-pressed=false]{opacity:.55}.omr-toggle.is-on{outline-offset:-2px;outline:2px solid #ffffffa6}.omr-status{color:var(--color-text-muted);word-break:break-all;min-height:1.2em;font-size:12px}.omr-status code{background:#f1f5f9;border-radius:3px;padding:1px 4px;font-size:11px}.omr-correct{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;margin-top:8px;padding:8px}.omr-correct-header{color:var(--color-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.omr-correct-pos{color:var(--color-text-muted);font-weight:400}.omr-correct-collapse{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:12px}.omr-correct-body{flex-direction:column;gap:6px;display:flex}.omr-correct-canvas-wrap{color:var(--color-text-muted);font-size:12px;overflow-x:auto}.omr-correct-canvas{border:1px solid var(--color-border);border-radius:4px;max-width:100%;height:auto}.omr-correct-preview{color:var(--color-text-muted);border:1px solid var(--color-border);background:#fcfcfd;border-radius:4px;font-size:12px;overflow-x:auto}.omr-correct-preview:empty{display:none}.omr-correct-preview svg{width:100%;height:auto;display:block}.omr-correct-ta{border:1px solid var(--color-border);resize:vertical;border-radius:4px;width:100%;padding:6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px}.omr-correct-btn-row{gap:6px;display:flex}.omr-correct-btn-row button{border:1px solid var(--color-border);cursor:pointer;background:#f8fafc;border-radius:4px;flex:1;padding:6px 8px;font-size:12px}.omr-correct-btn-row button:hover:not(:disabled){background:#eef2ff}.omr-correct-btn-row button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1100px){.app-main{grid-template-columns:1fr}}#score-container{position:relative}.jianpu-countdown-overlay{z-index:20;pointer-events:none;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.jianpu-countdown-num{color:#fff;text-shadow:0 4px 24px #0009;font-size:120px;font-weight:800}.jianpu-ab-btn.armed{outline:2px solid var(--color-warning)}.jianpu-loop-btn.active{background:var(--color-primary);color:#fff}.jianpu-ab-status{color:var(--color-text-muted);margin-left:8px;font-size:12px}.splitter{cursor:col-resize;background:0 0;border-radius:3px;align-self:stretch;width:6px;min-height:100px}.splitter:hover,.splitter:active{background:var(--color-border)}.panel-right-head{justify-content:flex-end;margin-bottom:4px;display:flex}.panel-collapse-btn,.panel-expand-btn{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-muted);background:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.panel-collapse-btn:hover,.panel-expand-btn:hover{background:#eef2ff}.panel-expand-btn{z-index:30;box-shadow:var(--shadow-md);position:fixed;top:50%;right:12px}@media (max-width:1100px){.splitter,.panel-expand-btn{display:none}}