html,body{color:#1f1d1a;background:#f2eee7;min-height:100%;margin:0;font-family:Liberation Sans,sans-serif}body{min-height:100vh}#app{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px}.toolbar{background:#fff9f0;border:1px solid #d0c4af;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.toolbar button,.toolbar select{color:#1f1d1a;font:inherit;background:#fff;border:1px solid #58493a;border-radius:8px;padding:8px 14px}.toolbar button{cursor:pointer}.toolbar button:hover{background:#f4eadc}.toolbar-field{align-items:center;gap:8px;display:inline-flex}.toolbar-toggle{align-items:center;gap:6px;display:inline-flex}.toolbar-toggle input{width:16px;height:16px;margin:0}.toolbar-field span,.toolbar-toggle span{font-size:14px}.layout{gap:20px;margin-top:20px;display:grid}.cat-panel{background:#fff;border:1px solid #d0c4af;border-radius:16px;justify-content:center;align-items:center;padding:8px 0;display:flex}#cat{width:50%;margin:0 auto}.cat-face-svg{width:100%;height:auto;display:block;overflow:visible}.status-panel{background:#fff;border:1px solid #d0c4af;border-radius:12px;flex-wrap:wrap;gap:20px;padding:14px 16px;display:flex}.status-panel p{margin:0}#score{background:#fff;border:1px solid #d0c4af;border-radius:16px;min-height:480px;padding:16px;position:relative;overflow:auto}#score.score-current-line-mode{overscroll-behavior:none;min-height:0;overflow:hidden}.score-overlay{pointer-events:none;position:absolute;inset:16px}.measure-highlight{opacity:0;background:#db9c2624;border:2px solid #0000;border-radius:14px;transition:opacity .12s ease-in-out,border-color .12s ease-in-out;position:absolute}.measure-highlight-active{opacity:1;border-color:#db9c26cc}.status-error{color:#8b1e1e}@media (width<=768px){#app{padding:16px}.toolbar{flex-wrap:wrap}}