.nmd{display:block;max-width:100%}
.nmd-scroll{overflow-x:auto}
.nmd-dev{background:#2d2d2d;border:1px solid #0e0e0e;box-shadow:0 0 0 1px #3a3a3a inset,0 12px 30px rgba(0,0,0,.45);overflow:hidden;display:inline-block;vertical-align:top}
.nmd-hd{background:#3e3e3e;color:#e8e8e8;font:12px "Segoe UI",Arial,sans-serif;padding:4px 9px;display:flex;align-items:center;gap:8px;height:16px}
.nmd-hd i{width:10px;height:10px;border-radius:50%;background:#ffad3b;display:inline-block}
.nmd-hd span{margin-left:auto;color:#9a9a9a;font-size:11px}
.nmd canvas{display:block;touch-action:none;cursor:default}
.nmd-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font:13px "Segoe UI",Arial,sans-serif;color:#bbb}
.nmd-bar button{background:#2b2b2b;color:#eee;border:1px solid #4a4a4a;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer;border-radius:3px}
.nmd-bar button.on{background:#ffad3b;color:#151515;border-color:#ffad3b}
.nmd-play{min-width:92px}
.nmd-lbl{margin-left:8px;color:#888}
.nmd-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #3c3c3c;padding:5px 10px;border-radius:20px;cursor:pointer;user-select:none}
.nmd-chip input{accent-color:#ffad3b;margin:0}
.nmd-note{color:#777;font-size:12px;margin-left:auto}