.recorder-pro[data-v-ed520ee6]{width:100%;max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.recorder-pro h3[data-v-ed520ee6]{font-size:18px;color:#303133;margin:0 0 20px 0;font-weight:600}.status-bar[data-v-ed520ee6]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:16px;font-size:14px}.status-bar .status[data-v-ed520ee6]{color:#409eff;font-weight:500}.status-bar .timer[data-v-ed520ee6]{color:#606266}.wave-container[data-v-ed520ee6]{width:100%;margin-bottom:12px;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden}.play-wave-canvas[data-v-ed520ee6],.wave-canvas[data-v-ed520ee6]{width:100%;display:block;background-color:#f8f9fa;cursor:pointer}.volume-bar[data-v-ed520ee6]{width:100%;height:6px;background-color:#e4e7ed;border-radius:3px;overflow:hidden;margin-bottom:20px}.volume-fill[data-v-ed520ee6]{height:100%;background-color:#409eff;transition:width .2s ease}.controls[data-v-ed520ee6]{display:-ms-flexbox;display:flex;gap:12px;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn[data-v-ed520ee6]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;outline:none}.btn.start[data-v-ed520ee6]{background-color:#409eff;color:#fff}.btn.start[data-v-ed520ee6]:hover{background-color:#66b1ff}.btn.pause[data-v-ed520ee6]{background-color:#e6a23c;color:#fff}.btn.pause[data-v-ed520ee6]:hover{background-color:#ebb563}.btn.resume[data-v-ed520ee6]{background-color:#67c23a;color:#fff}.btn.resume[data-v-ed520ee6]:hover{background-color:#85ce61}.btn.stop[data-v-ed520ee6]{background-color:#f56c6c;color:#fff}.btn.stop[data-v-ed520ee6]:hover{background-color:#f78989}.btn.reset[data-v-ed520ee6]{background-color:#909399;color:#fff}.btn.reset[data-v-ed520ee6]:hover{background-color:#a6a9ad}.result[data-v-ed520ee6]{width:100%}.audio-player[data-v-ed520ee6]{width:100%;outline:none}@media (max-width:768px){.recorder-pro[data-v-ed520ee6]{padding:15px}.recorder-pro h3[data-v-ed520ee6]{font-size:16px}.controls[data-v-ed520ee6]{gap:8px}.btn[data-v-ed520ee6]{padding:6px 12px;font-size:13px}}.mw-to-audio-container[data-v-05207828]{width:100%;height:100vh;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.mw-layout-row[data-v-05207828]{margin:auto;width:90%;height:calc(100vh - 160px);display:-ms-flexbox;display:flex;box-sizing:border-box}.box[data-v-05207828]{margin-left:10px;font-size:18px;border:1px solid #d9d9d9;border-radius:4px;padding:10px;position:relative;overflow:hidden}.box[data-v-05207828],.mw-textarea[data-v-05207828]{resize:none;width:48%;height:calc(100vh - 160px);box-sizing:border-box}.mw-textarea[data-v-05207828]{font-size:20px}.mw[data-v-05207828]{-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-text-orientation:sideways-right;text-orientation:sideways-right}@media screen and (max-width:768px){.mw-layout-row[data-v-05207828]{-ms-flex-direction:column;flex-direction:column;width:100%;height:calc(100vh - 160px);margin:0;padding:0 10px}.mw-textarea[data-v-05207828]{width:100%;height:40%;font-size:16px;margin-bottom:10px}.box[data-v-05207828]{width:100%;height:60%;margin-left:0;font-size:16px}.box[data-v-05207828] :first-child{margin:0!important;padding:8px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important}.box[data-v-05207828] *{max-width:100%!important;max-height:100%!important;box-sizing:border-box!important}}