.mt32-panel-viewport{width:100%;max-width:1400px;margin:38px 0 24px;container-type:inline-size}.mt32-panel{aspect-ratio:6;box-sizing:border-box;color:#aabbd3;background:linear-gradient(178deg,#34383e 0%,#181e29 17%,#111824 88%,#24282e);border:1px solid #41454c;border-top:3px solid #727477;border-radius:3px;grid-template-columns:41% 1fr;align-items:center;gap:5%;width:100%;padding:1.4cqw 3cqw 1.6cqw 5.5cqw;display:grid;position:relative;box-shadow:0 10px 18px #0006,inset 0 -3px 3px #080d15}.mt32-face{background:linear-gradient(110deg,#171c23,#0b1018);border:1px solid #42464b;border-color:#7e8286 #42464b #42464b #747b84;align-self:stretch;min-width:0;padding:1.35cqw 1.2cqw 1cqw 1.4cqw;position:relative;box-shadow:inset 0 2px 3px #0008,1px 1px 2px #000}.mt32-brand{white-space:nowrap;grid-template-columns:auto 1fr auto;align-items:center;gap:.5cqw;margin-bottom:1.2cqw;font-family:Arial,sans-serif;display:grid}.mt32-brand strong{letter-spacing:-.09cqw;text-shadow:0 1px 1px #c2d7ed33;font-size:2.05cqw;font-weight:700;line-height:1}.mt32-brand small{letter-spacing:-.025cqw;grid-area:1/2;font-size:.8cqw;font-weight:700;line-height:.92}.mt32-brand>span{letter-spacing:-.14cqw;grid-area:1/3;font-size:2.3cqw;font-weight:600;line-height:1}.mt32-screen-group{grid-template-columns:minmax(0,1fr) 7.2cqw;align-items:start;gap:.8cqw;min-width:0;display:grid}.mt32-lcd{isolation:isolate;box-sizing:border-box;color:#c3dc54;white-space:pre;background:#26300f;border:1px solid #1b2510;border-radius:.45cqw;width:100%;height:3.6cqw;padding:.48cqw .65cqw;font:1.75cqw/2.5cqw Courier New,monospace;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0008}.mt32-lcd-on{background:linear-gradient(#5d8108,#618605);box-shadow:inset 0 1px 3px #a0ac3855,0 0 5px #8b9c1822}.mt32-lcd-cells{grid-template-columns:repeat(20,minmax(0,1fr));gap:0;width:100%;height:2.5cqw;display:grid}.mt32-panel .mt32-lcd-cell{width:auto;height:2.5cqw;font:inherit;text-align:center;white-space:pre;background:0 0;font-style:normal;display:block;position:relative}.mt32-lcd-active:after{content:"";background:#bdd348;position:absolute;inset:.3cqw .08cqw}.mt32-screen-caption{white-space:nowrap;padding-top:.05cqw;font:700 .65cqw Arial,sans-serif}.mt32-midi{flex-direction:column;align-items:center;gap:.35cqw;display:flex}.mt32-midi i{background:#192115;border-radius:50%;order:2;width:.4cqw;height:.4cqw}.mt32-midi i.lit{background:#d3d957;box-shadow:0 0 5px #d8ed60}.mt32-screw{display:none}.mt32-front-controls{border:0;grid-template-columns:29% 40% 20%;justify-content:space-between;align-items:center;gap:4%;min-width:0;margin:0;padding:0;display:grid;position:relative}.mt32-front-controls legend{text-align:center;font:700 .8cqw Arial,sans-serif;width:29%;padding:0;line-height:1cqw;position:absolute;top:-1.3cqw;left:0}.mt32-front-controls legend:before,.mt32-front-controls legend:after{content:"";background:#8594aa;width:38%;height:1px;position:absolute;top:.5cqw}.mt32-front-controls legend:before{left:0}.mt32-front-controls legend:after{right:0}.mt32-part-buttons{grid-template-columns:repeat(3,1fr);gap:1.2cqw 1.25cqw;display:grid}.mt32-part-key{flex-direction:column;align-items:center;gap:.45cqw;min-width:0;display:flex}.mt32-part-key span{white-space:nowrap;font:700 .8cqw/1 Arial,sans-serif}.mt32-front-controls button{box-sizing:border-box;cursor:pointer;background:linear-gradient(110deg,#1c2638,#192333);border:2px solid #0b111c;border-color:#535d6d #0b111c #0b111c #343e50;border-radius:1px;width:100%;height:2.65cqw;padding:0;display:block;box-shadow:2px 2px 2px #0009,inset 1px 1px 2px #0d1420}.mt32-part-key button{width:2.55cqw}.mt32-front-controls button:active{background:#101b2b;border-top-color:#263140;box-shadow:inset 2px 2px 3px #000}.mt32-front-controls button:focus-visible{outline-offset:3px;outline:2px solid #aec4de}.mt32-front-controls button:disabled{cursor:default}.mt32-function-buttons{grid-template-columns:1fr 1fr;align-self:start;gap:.8cqw 1.9cqw;margin-top:-1.35cqw;display:grid}.mt32-function-key{flex-direction:column;align-items:center;gap:.65cqw;min-width:0;display:flex}.mt32-function-key span{white-space:nowrap;font:700 .75cqw/1 Arial,sans-serif}.mt32-select-dial{white-space:nowrap;flex-direction:column;align-self:start;align-items:center;gap:1cqw;margin-top:-1.5cqw;font:700 .78cqw/1 Arial,sans-serif;display:flex;position:relative}.mt32-select-dial input{opacity:0;cursor:ew-resize;z-index:2;width:100%;height:7cqw;position:absolute;inset:1.8cqw 0 0}.mt32-knob{outline-offset:.5cqw;background:radial-gradient(circle at 40% 32%,#293349,#192438 70%);border:.23cqw solid #090f18;border-radius:50%;outline:.17cqw dotted #9fa7af;width:6cqw;height:6cqw;margin-top:.3cqw;display:block;position:relative;box-shadow:.3cqw .3cqw .35cqw #0009,inset .12cqw .07cqw .1cqw #737d8d}.mt32-knob:after{content:"";background:#8590a0;width:.2cqw;height:1.5cqw;position:absolute;top:.15cqw;left:calc(50% - .1cqw);box-shadow:1px 0 1px #060c14}.mt32-select-dial:focus-within .mt32-knob{outline-color:#d3e2f5}.mt32-external-controls{color:#bdc7ce;align-items:center;gap:30px;margin:0 0 26px;display:flex}.mt32-volume{letter-spacing:.5px;align-items:center;gap:12px;font:10px Arial,sans-serif;display:flex}.mt32-volume input{accent-color:#aabc82;width:100px}.mt32-volume output{font:11px monospace}.mt32-power{align-items:center;gap:10px;font:10px Arial,sans-serif;display:flex}.mt32-power>i{display:none}.mt32-power-switch{color:#d8ddd4;cursor:pointer;background:#151b23;border:1px solid #697680;border-radius:3px;padding:7px 9px;font:10px monospace}.mt32-power-switch[aria-pressed=true]{background:#303831;border-color:#a7b59b}.mt32-score-buttons{flex-wrap:wrap;gap:10px;display:flex}.mt32-score-buttons button{color:#f5f3eb;cursor:pointer;background:#272c30;border:1px solid #686c70;border-radius:4px;padding:10px 20px}.mt32-score-buttons button:disabled{opacity:.4;cursor:default}.mt32-settings{border:1px solid #3c464e;border-radius:6px;max-width:1040px;margin:24px 0;padding:18px}.mt32-settings summary{cursor:pointer;font-size:18px}.mt32-settings p{color:#adb9c2;margin:12px 0}.mt32-settings fieldset{border:0;padding:0}.mt32-setting-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:20px 0;display:grid}.mt32-setting-grid label{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.mt32-setting-grid select{color:#eee;background:#252d33;border:1px solid #64717a;border-radius:3px;padding:6px}.mt32-setting-grid input[type=range]{accent-color:#b8ca8b;width:130px}.mt32-setting-grid output{color:#c4d4b2;font-size:12px}.mt32-settings button{color:#eee;background:#252d33;border:1px solid #64717a;border-radius:4px;padding:10px}.mt32-dot-matrix{z-index:1;width:100%;height:100%;display:block;position:relative}.mt32-lcd-electrodes{fill:#899448;opacity:.045}.mt32-lcd-on .mt32-lcd-electrodes{fill:#b9ca50;opacity:.085}.mt32-lcd-pixels{fill:#c4dc58}.mt32-lcd:after{content:"";pointer-events:none;border-radius:inherit;z-index:2;background:linear-gradient(165deg,#dde8b008,#0000 48%);position:absolute;inset:0;box-shadow:inset 0 .08cqw .15cqw #dbe29422,inset 0 -.09cqw .18cqw #14240755}.mt32-select-dial input{touch-action:none}