.convert-active .track,.convert-active #preview{display:none}.convert-panel{border:1px solid #ececee;border-radius:12px;padding:18px;background:#fff}.convert-source>b,.convert-source b{font-size:12px;display:block}.convert-source strong{display:block;font:700 22px 'DM Mono',monospace;color:#f22b2b;margin:3px 0}.convert-source small{font-size:10px;color:#85858b}.convert-source canvas{display:block;width:100%;height:120px;border:1px solid #f1d1d1;border-radius:9px;margin-top:15px;cursor:pointer}.convert-play-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px}.convert-play-row button{border:0;border-radius:7px;background:#171719;color:#fff;padding:9px 14px;font:700 11px Manrope,Arial;cursor:pointer}.convert-play-row span{font:600 10px 'DM Mono',monospace;color:#777}.convert-panel .control{margin-top:9px}@media(max-width:760px){.convert-panel{padding:14px}.convert-source canvas{height:105px}}