.recorder-container[data-v-13e27f4e]{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-13e27f4e]{text-align:center;color:#333}h2[data-v-13e27f4e]{margin-top:30px;color:#555}.controls[data-v-13e27f4e]{display:flex;justify-content:center;gap:20px;margin:30px 0}.playback-controls[data-v-13e27f4e]{margin-top:30px;padding:20px;background-color:#f5f5f5;border-radius:8px}.control-btn[data-v-13e27f4e]{padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.control-btn[data-v-13e27f4e]:disabled{opacity:.5;cursor:not-allowed}.start-btn[data-v-13e27f4e]{background-color:#4caf50;color:#fff}.start-btn[data-v-13e27f4e]:hover:not(:disabled){background-color:#45a049}.stop-btn[data-v-13e27f4e]{background-color:#f44336;color:#fff}.stop-btn[data-v-13e27f4e]:hover:not(:disabled){background-color:#da190b}.play-btn[data-v-13e27f4e]{background-color:#2196f3;color:#fff;margin-right:10px}.play-btn[data-v-13e27f4e]:hover{background-color:#0b7dda}.save-btn[data-v-13e27f4e]{background-color:#ff9800;color:#fff;margin-right:10px}.save-btn[data-v-13e27f4e]:hover{background-color:#e68a00}.delete-btn[data-v-13e27f4e]{background-color:#9e9e9e;color:#fff}.delete-btn[data-v-13e27f4e]:hover{background-color:#757575}