.kv-shell{display:grid;gap:18px}.kv-shell .intro{margin-bottom:0}.kv-shell .controls{margin-bottom:8px}.kv-toolbar .small{margin-bottom:0}.kv-chord{font:750 clamp(32px,4vw,62px)/1.3 Manrope,system-ui,sans-serif;letter-spacing:-1.8px;margin:14px 0 5px;overflow-wrap:anywhere}.kv-degree{font:600 22px Manrope,system-ui,sans-serif;color:var(--green)}.kv-degree span{font-size:13px;color:var(--muted)}.kv-numberline{font-size:23px;line-height:1.8;font-weight:600;margin-top:12px;overflow-wrap:anywhere}.kv-numberline sup{font-size:10px;color:var(--muted);font-weight:400}.kv-alternative{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.kv-alternative p{margin:0}.kv-help{background:var(--bg);padding:15px;border-radius:8px;font-size:12px;line-height:1.7}.kv-seek{display:flex;align-items:center;gap:15px;margin:12px 0 20px;font-size:12px}.kv-seek input{flex:1;min-width:70px}.kv-seek span{min-width:115px}.kv-transport .controls input[type=number]{width:100px}.kv-track-grid{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}.kv-track-grid>div{padding:12px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:12px;font-size:12px}.kv-roll-card .section-head{margin:0 0 10px}.kv-roll-card canvas{display:block;width:100%;height:auto;min-height:180px;border-radius:8px;background:#101c17}.kv-history-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;max-height:210px;flex-wrap:wrap;overflow-y:auto}.kv-history-item{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 13px;display:grid;gap:5px;text-align:left;min-width:105px;color:var(--ink)}.kv-history-item.selected{border-color:var(--green);box-shadow:inset 0 3px var(--green)}.kv-history-item span{font-size:9px;color:var(--muted)}.kv-history-item b{font-size:17px}.kv-history-item small{font-size:10px;color:var(--muted)}.kv-score{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:8px;margin-top:16px}.kv-score svg{display:block;width:100%;min-width:750px;height:auto}.kv-monitor{background:var(--bg);font:11px/1.9 ui-monospace,monospace;max-height:220px;overflow:auto;padding:14px;border-radius:8px;overflow-wrap:anywhere}.kv-shell audio{width:100%;margin-top:18px}.kv-presentation .kv-chord{font-size:80px}.kv-presentation .kv-toolbar,.kv-presentation .kv-history,.kv-presentation .kv-score-section{display:none}.kv-chroma{background:#00ff00!important;padding:20px}.kv-chroma>.card,.kv-chroma .grid>.card{background:#101c17;color:#f5f7ee}.kv-chroma .kv-toolbar,.kv-chroma .kv-score-section,.kv-chroma .kv-monitor{display:none}.kv-shell:fullscreen{background:var(--bg);overflow:auto;padding:25px}.midi-help ol{line-height:1.8;padding-left:22px}@media(max-width:800px){.kv-chord{font-size:36px}.kv-numberline{font-size:19px}.kv-presentation .kv-chord{font-size:46px}.kv-history-list{flex-wrap:nowrap;max-height:none}.kv-seek{flex-wrap:wrap}.kv-seek input{flex-basis:100%}.kv-toolbar .button,.kv-transport .button{flex:1 1 125px}.kv-score svg{min-width:780px}.kv-track-grid>div{flex:1 1 230px;flex-wrap:wrap}.kv-roll-card canvas{min-height:180px}.kv-alternative{align-items:flex-start}.kv-alternative .button{flex-shrink:0}.kv-shell:fullscreen{padding:15px}}@media print{body>*{display:none}.kv-score{display:block;overflow:visible;border:0}.kv-score svg{min-width:0;width:100%}}