.mao-feature{background:linear-gradient(125deg,#1f2043,#121b2e);border:1px solid #55508b;border-radius:20px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:35px 0}.mao-feature h2{font:700 34px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.mao-feature p{color:#b4c5de;max-width:650px;line-height:1.7}.wave-decoration{font:700 32px monospace;letter-spacing:5px;color:#9d8bff;white-space:nowrap}.mao-sequencer{background:#111a2b;border:1px solid #384665;border-radius:18px;margin:30px 0;padding:20px}.mao-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mao-toolbar input[type=range]{accent-color:#8675fb;width:155px}.mao-toolbar label{font-weight:700}.mao-grid-scroll{overflow-x:auto;margin-top:23px;padding-bottom:12px}.mao-grid{min-width:805px;display:grid;grid-template-columns:110px repeat(16,minmax(32px,1fr));gap:6px;align-items:center}.mao-label{font-size:13px;color:#d2daf5;font-weight:700}.mao-step{height:40px;min-width:31px;background:#24334b;border:1px solid #43536e;padding:0;border-radius:6px}.mao-step.on{background:#8774f5;border-color:#b4a8ff}.mao-step.playing{outline:3px solid #d7d0ff;outline-offset:1px}.mao-step.beat{border-left:3px solid #8f95b5}.mao-step:focus-visible{outline:3px solid #fff}.mao-time{font:12px monospace;text-align:center;color:#8f9fb9}.mao-status{color:#b9c7e0}@media(max-width:800px){.mao-feature{padding:23px;display:block}.wave-decoration{font-size:20px;margin-top:18px}.mao-toolbar button{padding:9px 12px}}