.volume-active .track,.volume-active #preview{display:none}.volume-panel{border:1px solid #ececee;border-radius:12px;padding:18px;background:#fff}.volume-panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.volume-panel-head b{font-size:14px}.volume-panel-head small{display:block;color:#85858b;font-size:11px;margin-top:2px}.volume-panel output{font:600 18px 'DM Mono',monospace;color:#f22b2b}.volume-panel canvas{display:block;width:100%;height:145px;border:1px solid #f2d1d1;border-radius:9px;cursor:pointer}.volume-play-row{display:flex;align-items:center;justify-content:space-between;margin:11px 0}.volume-play{border:0;border-radius:7px;background:#171719;color:#fff;padding:9px 14px;font:700 11px Manrope,Arial;cursor:pointer}.volume-play-row span{font:600 10px 'DM Mono',monospace;color:#777}.volume-fader{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:11px;margin:16px 0 19px;font:600 10px 'DM Mono',monospace;color:#777}.volume-fader span:last-child{text-align:right}.volume-fader input{width:100%;accent-color:#f22b2b;cursor:pointer}.volume-export{border-top:1px solid #eee;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.volume-export label{font-size:11px;font-weight:800}.volume-export select{margin-left:7px;border:1px solid #e5e5e7;border-radius:6px;padding:7px;background:#fff;font:600 11px 'DM Mono',monospace}.volume-export small{font-size:10px;color:#85858b}@media(max-width:760px){.volume-panel{padding:14px}.volume-panel canvas{height:115px}.volume-export{display:block}.volume-export small{display:block;margin-top:8px}}