.mdpv3{font-family:Arial,Helvetica,sans-serif;background:#0b0f12;color:#d8e2e8;border:1px solid #26333b;border-radius:12px;padding:16px;box-sizing:border-box;max-width:100%;overflow:hidden}
.mdpv3 *{box-sizing:border-box}.mdpv3-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.mdpv3-title{font-size:22px;font-weight:700}.mdpv3-sub{font-size:12px;opacity:.65;margin-top:3px}.mdpv3-state{font-size:12px;font-weight:700;padding:6px 10px;border:1px solid #33434d;border-radius:6px}
.mdpv3-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.mdpv3 select,.mdpv3 button,.mdpv3 input{background:#11191e;color:#dce7ec;border:1px solid #34454f;border-radius:6px;padding:8px}.mdpv3 select{min-width:230px;flex:1}.mdpv3 button{cursor:pointer;font-weight:700}.mdpv3 button:disabled{opacity:.45;cursor:not-allowed}
.mdpv3-controls{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:#10171b;border-radius:8px;margin-bottom:12px}.mdpv3-controls label{display:flex;flex-direction:column;gap:4px;font-size:11px;opacity:.9}.mdpv3-controls input{width:105px}.mdpv3-controls .mdpv3-check{flex-direction:row;align-items:center;padding-top:18px}.mdpv3-controls .mdpv3-check input{width:auto}
.mdpv3-meters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}.mdpv3-meterbox{min-width:210px;flex:1;background:#10171b;border-radius:8px;padding:9px}.mdpv3-meterbox>span{font-size:11px}.mdpv3-meter{height:12px;background:#1b252b;border-radius:7px;overflow:hidden;margin:6px 0}.mdpv3-meter i{display:block;height:100%;width:0%;background:#68d391;transition:width .08s}.mdpv3-meterbox b{font-size:11px}.mdpv3-meterbox b.ok{color:#68d391}.mdpv3-meterbox b.low{color:#f0ad4e}.mdpv3-readouts{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;opacity:.9}.mdpv3-canvaswrap{background:#070b0d;border:1px solid #202c33;border-radius:8px;margin:10px 0;padding:7px}.mdpv3-label{font-size:10px;letter-spacing:.08em;opacity:.6;margin-bottom:5px}.mdpv3 canvas{display:block;width:100%;height:auto;min-height:100px}
.mdpv3-output{margin-top:12px}.mdpv3-morse{min-height:34px;background:#080d10;border:1px solid #202c33;border-radius:6px;padding:8px;font-family:monospace;font-size:20px;letter-spacing:2px}.mdpv3 textarea{width:100%;min-height:100px;background:#080d10;color:#dce7ec;border:1px solid #202c33;border-radius:6px;padding:10px;font-family:monospace;font-size:17px;resize:vertical}.mdpv3-diagnostics{margin-top:10px;font-size:11px;opacity:.7;word-break:break-word}
@media(max-width:600px){.mdpv3{padding:10px}.mdpv3-title{font-size:18px}.mdpv3-controls label{flex:1}.mdpv3-controls input{width:100%}.mdpv3-toolbar select{min-width:100%}.mdpv3-meterbox{min-width:100%}}