.ScaleExplorerTool_noteRow__BZCm5{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line)}.ScaleExplorerTool_noteBtn__PAtGc{flex:1 1;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-right:1px solid var(--line);color:var(--text-dim);font:inherit;font-size:11px;cursor:pointer;transition:background .12s,color .12s}.ScaleExplorerTool_noteBtn__PAtGc:last-child{border-right:0}.ScaleExplorerTool_noteBtn__PAtGc:hover{background:var(--bg-hover);color:var(--text-bright)}.ScaleExplorerTool_noteBtnActive__zooRt{background:var(--bg-hover)!important;color:var(--accent)!important;border-bottom:2px solid var(--accent)!important;height:34px}.ScaleExplorerTool_scaleGrid__KDkI4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border:1px solid var(--line)}.ScaleExplorerTool_scaleBtn__X36HN{padding:7px var(--space-3);background:transparent;border:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text-dim);font:inherit;font-size:11px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.ScaleExplorerTool_scaleBtn__X36HN:nth-child(4n){border-right:0}.ScaleExplorerTool_scaleBtn__X36HN:hover{background:var(--bg-hover);color:var(--text-bright)}.ScaleExplorerTool_scaleBtnActive__7pqhy{background:var(--bg-hover)!important;color:var(--accent)!important}.ScaleExplorerTool_piano__Cd9A2{position:relative;display:flex;height:96px;border:1px solid var(--line);overflow:hidden;margin-bottom:var(--space-3)}.ScaleExplorerTool_white__k_x6F{flex:1 1;height:100%;background:var(--bg);border-right:1px solid var(--line);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:background .08s}.ScaleExplorerTool_white__k_x6F:hover{background:var(--bg-hover)}.ScaleExplorerTool_white__k_x6F:last-child{border-right:0}.ScaleExplorerTool_black__1YpaX{flex:1 1;height:60%;background:var(--text-faint);border-right:1px solid var(--bg);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:background .08s}.ScaleExplorerTool_black__1YpaX:hover{background:var(--text-dim)}.ScaleExplorerTool_keyRoot__OjJ74{background:var(--accent)!important}.ScaleExplorerTool_keyInScale__92t9t{background:var(--bg-hover)!important;box-shadow:inset 0 -3px 0 var(--accent)}.ScaleExplorerTool_keyLabel__xpUHj{font-size:8px;color:var(--text-faint);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ScaleExplorerTool_keyRoot__OjJ74 .ScaleExplorerTool_keyLabel__xpUHj{color:var(--bg)}.ScaleExplorerTool_keyInScale__92t9t .ScaleExplorerTool_keyLabel__xpUHj{color:var(--text-bright)}.ScaleExplorerTool_black__1YpaX.ScaleExplorerTool_keyRoot__OjJ74 .ScaleExplorerTool_keyLabel__xpUHj{color:var(--bg)}.ScaleExplorerTool_black__1YpaX.ScaleExplorerTool_keyInScale__92t9t .ScaleExplorerTool_keyLabel__xpUHj{color:var(--text-bright)}.ScaleExplorerTool_kvTable__cfqD0{width:100%;border-collapse:collapse;font-size:12px;border:1px solid var(--line)}.ScaleExplorerTool_kvTable__cfqD0 tr{border-bottom:1px solid var(--line)}.ScaleExplorerTool_kvTable__cfqD0 tr:last-child{border-bottom:0}.ScaleExplorerTool_kvKey__ljl8E{padding:6px var(--space-3);color:var(--text-dim);letter-spacing:.04em;background:var(--bg);white-space:nowrap;width:1%}.ScaleExplorerTool_kvValue__zp6U0{padding:6px var(--space-3);color:var(--text-bright);letter-spacing:.04em}.ScaleExplorerTool_actionRow__HO_Fn{display:flex;gap:var(--space-3)}@media (max-width:560px){.ScaleExplorerTool_scaleGrid__KDkI4{grid-template-columns:repeat(2,1fr)}.ScaleExplorerTool_scaleBtn__X36HN:nth-child(4n){border-right:1px solid var(--line)}.ScaleExplorerTool_scaleBtn__X36HN:nth-child(2n){border-right:0}}