.muzia-tool-support{margin:20px auto;padding:22px;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:16px;color:#231942;font:400 15px/1.7 system-ui,sans-serif;max-width:1080px;box-sizing:border-box}.muzia-tool-support h2{font-size:19px;margin:10px 0 4px;font-weight:750}.muzia-tool-support p{margin:8px 0}.muzia-support-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.muzia-support-head span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#5b21b6}.muzia-tool-support a{color:#5b21b6;font-weight:700;text-decoration:underline;text-underline-offset:4px}.muzia-support-controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:16px}.muzia-support-controls label{display:grid;gap:4px;font-weight:600}.muzia-support-controls input{width:110px}.muzia-support-controls button,.muzia-support-controls input{min-height:44px;border:1px solid #a78bfa;border-radius:9px;background:#fff;color:#24123c;padding:9px 13px;font:inherit}.muzia-support-controls button{cursor:pointer;font-weight:650}.muzia-support-controls button:hover{background:#ede9fe}.muzia-support-controls small{border:1px solid #c4b5fd;border-radius:4px;padding:0 5px}.muzia-large-label{display:flex;gap:10px;align-items:center;min-height:44px}.muzia-large-label input{width:19px;height:19px}.muzia-tool-support summary{cursor:pointer;min-height:40px;font-weight:650}.muzia-tools-improved :is(button,input,select,a):focus-visible,.muzia-tool-support :is(button,input,a,summary):focus-visible{outline:3px solid #7c3aed;outline-offset:3px}.muzia-tools-improved .head p,.muzia-tools-improved .info{line-height:1.75}.muzia-tools-improved[data-muzia-tool="metronome"] .metronome-console button,.muzia-tools-improved[data-muzia-tool="tuner"] .tuner button{min-height:44px}.muzia-tools-improved .grid-wrap{max-width:100%;overscroll-behavior-x:contain}.muzia-tools-improved .grid-wrap .cell{height:28px;border-color:#cbd5e1}.muzia-tools-improved .grid-wrap .key-label{height:28px;font-size:12px;position:sticky;left:0;z-index:1}.muzia-tools-improved .grid-wrap .step-num{font-size:12px;color:#475569}.muzia-tools-improved .grid-wrap.muzia-large-grid :is(.row,.step-header){grid-template-columns:64px repeat(16,minmax(44px,1fr))}.muzia-tools-improved .grid-wrap.muzia-large-grid :is(.cell,.key-label){height:44px}.muzia-tools-discovery{max-width:1080px;margin:24px auto;padding:16px;text-align:center;font:500 15px/1.7 system-ui}.muzia-tools-discovery a{color:#6d28d9;text-decoration:underline}@media(max-width:600px){.muzia-tool-support{padding:16px;margin:16px 0}.muzia-support-head{align-items:start;flex-direction:column}.muzia-support-controls{display:grid;grid-template-columns:1fr 1fr;align-items:end}.muzia-support-controls input{width:100%;box-sizing:border-box}.muzia-tools-improved .controls{flex-wrap:wrap}.muzia-tools-improved .grid-wrap :is(.row,.step-header){grid-template-columns:60px repeat(16,minmax(36px,1fr))}.muzia-tools-improved .grid-wrap :is(.cell,.key-label){height:36px}}@media(prefers-color-scheme:dark){:root.dark .muzia-tool-support{background:#211633;color:#f3e8ff;border-color:#7c3aed}:root.dark .muzia-support-head span,:root.dark .muzia-tool-support a{color:#ddd6fe}}