*{box-sizing:border-box}body{margin:0;background:#c0c0c0;color:#000;font:13px Arial,Helvetica,sans-serif}.wrap{width:800px;margin:0 auto;padding:8px}.panel{background:#e8e8e8;border:2px outset #fff;padding:9px;margin-bottom:8px}h1{font-size:24px;margin:2px 0}h2{font-size:17px;margin:0 0 7px}.sub{margin:0 0 10px;color:#444}.row{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.field label,.grow label{display:block;font-weight:bold;margin-bottom:2px}.field{min-width:105px}.grow{flex:1}.btn,button,select,input{font:13px Arial;padding:4px 6px;min-height:28px}button{border:2px outset #ddd;background:#ddd;cursor:pointer}button:active{border-style:inset}button:disabled{color:#777}select,input{background:#fff;border:2px inset #ddd}.analysis{background:#fff;border:1px solid #777;padding:7px;margin-top:7px;line-height:1.35}.small{font-size:11px;color:#555}.paletteWrap{overflow-x:auto;margin-top:7px}.palette{display:grid;gap:3px;min-width:760px}.head{font-weight:bold;text-align:center;padding:3px 1px;font-size:11px}.rowLabel{font-weight:bold;display:flex;align-items:center}.chordBtn{padding:4px 2px;min-height:38px;font-size:11px;line-height:1.15;white-space:normal}.selected{outline:3px solid #000080;background:#d9e2ff}.mods{display:inline-flex;gap:8px;margin-left:8px}.currentTitle{font-size:20px;font-weight:bold}.progression{display:flex;flex-direction:column;gap:4px}.prog{display:grid;grid-template-columns:28px 115px 1fr auto;gap:5px;align-items:center;background:#fff;border:1px solid #888;padding:5px}.prog .controls{white-space:nowrap}.prog button{min-height:24px;padding:2px 5px}.staffbox{overflow-x:auto;background:#fff;border:1px solid #888;margin-top:8px}.staff{display:block;width:760px;height:275px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.badge{display:inline-block;border:1px solid #777;background:#fff;padding:3px 6px}.warning{background:#fff3c4;border:1px solid #a88d22;padding:6px;margin-top:6px}.timing input{width:65px}.timing select{width:58px}.checks label{display:inline;margin-right:12px;font-weight:normal}.nowrap{white-space:nowrap}.notePick{cursor:pointer}.notePick.selectedNote{fill:#000080;stroke:#000080;stroke-width:3px}.staffChord{font:bold 18px Arial;text-anchor:middle}@media(max-width:800px){.wrap{width:800px}}