.recorder-page[data-v-6aa1ceda]{min-height:100vh;background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea,#764ba2);padding:5.33333vw 2.66667vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.recorder-container[data-v-6aa1ceda]{max-width:80vw;margin:0 auto;background:#fff;border-radius:2.66667vw;padding:5.33333vw;box-shadow:0 2.66667vw 8vw rgba(0,0,0,.3)}.title[data-v-6aa1ceda]{text-align:center;color:#333;font-size:4.26667vw;margin-bottom:4vw;font-weight:600}.status-box[data-v-6aa1ceda]{background:#f8f9fa;border-radius:1.6vw;padding:2.66667vw;margin-bottom:4vw;text-align:center}.status-indicator[data-v-6aa1ceda]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:2vw;font-size:2.4vw;font-weight:500}.status-dot[data-v-6aa1ceda]{width:1.6vw;height:1.6vw;border-radius:50%;margin-right:1.33333vw;background:#6c757d;-webkit-animation:pulse-data-v-6aa1ceda 2s infinite;animation:pulse-data-v-6aa1ceda 2s infinite}.status-indicator.recording .status-dot[data-v-6aa1ceda]{background:#dc3545}.status-indicator.paused .status-dot[data-v-6aa1ceda]{background:#ffc107;-webkit-animation:none;animation:none}.status-indicator.idle .status-dot[data-v-6aa1ceda]{background:#28a745;-webkit-animation:none;animation:none}@-webkit-keyframes pulse-data-v-6aa1ceda{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-data-v-6aa1ceda{0%,to{opacity:1}50%{opacity:.5}}.time-display[data-v-6aa1ceda]{font-size:4.8vw;font-weight:700;color:#495057;font-family:Courier New,monospace}.wave-container[data-v-6aa1ceda]{margin-bottom:4vw;border-radius:1.6vw;overflow:hidden;box-shadow:inset 0 .26667vw .53333vw rgba(0,0,0,.1)}.wave-canvas[data-v-6aa1ceda]{width:100%;height:16vw;display:block}.control-buttons[data-v-6aa1ceda]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:2vw;margin-bottom:5.33333vw;-webkit-flex-wrap:wrap;flex-wrap:wrap}.btn[data-v-6aa1ceda]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:1.06667vw;padding:1.86667vw 3.73333vw;border:none;border-radius:6.66667vw;font-size:2.13333vw;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 .53333vw 1.6vw rgba(0,0,0,.15)}.btn[data-v-6aa1ceda]:hover:not(:disabled){-webkit-transform:translateY(-.26667vw);transform:translateY(-.26667vw);box-shadow:0 .8vw 2.13333vw rgba(0,0,0,.2)}.btn[data-v-6aa1ceda]:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.btn[data-v-6aa1ceda]:disabled{opacity:.5;cursor:not-allowed}.btn .icon[data-v-6aa1ceda]{font-size:2.66667vw}.btn-start[data-v-6aa1ceda]{background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-pause[data-v-6aa1ceda]{background:-webkit-linear-gradient(315deg,#f093fb,#f5576c);background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-resume[data-v-6aa1ceda]{background:-webkit-linear-gradient(315deg,#4facfe,#00f2fe);background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-stop[data-v-6aa1ceda]{background:-webkit-linear-gradient(315deg,#fa709a,#fee140);background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.recordings-list[data-v-6aa1ceda]{border-top:.26667vw solid #e9ecef;padding-top:4vw}.list-title[data-v-6aa1ceda]{font-size:2.93333vw;color:#333;margin-bottom:2.66667vw;font-weight:600}.recording-item[data-v-6aa1ceda]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#f8f9fa;border-radius:1.6vw;padding:2vw 2.66667vw;margin-bottom:2vw;-webkit-transition:all .3s ease;transition:all .3s ease}.recording-item[data-v-6aa1ceda]:hover{background:#e9ecef;-webkit-transform:translateX(.66667vw);transform:translateX(.66667vw)}.recording-info[data-v-6aa1ceda]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.recording-name[data-v-6aa1ceda]{font-size:2.13333vw;font-weight:600;color:#333;margin-bottom:.66667vw}.recording-duration[data-v-6aa1ceda]{font-size:1.86667vw;color:#6c757d;font-family:Courier New,monospace}.recording-time[data-v-6aa1ceda]{font-size:1.6vw;color:#adb5bd;margin-top:.4vw}.recording-controls[data-v-6aa1ceda]{display:-webkit-box;display:-webkit-flex;display:flex;gap:1.33333vw}.btn-icon[data-v-6aa1ceda]{width:5.33333vw;height:5.33333vw;border:none;border-radius:50%;background:#fff;cursor:pointer;font-size:2.4vw;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 .26667vw 1.06667vw rgba(0,0,0,.1)}.btn-icon[data-v-6aa1ceda]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 .53333vw 1.6vw rgba(0,0,0,.15)}.btn-icon.active[data-v-6aa1ceda]{background:#667eea}.btn-icon.btn-delete[data-v-6aa1ceda]:hover{background:#dc3545}.error-message[data-v-6aa1ceda]{background:#fff3cd;border:.26667vw solid #ffc107;border-radius:1.6vw;padding:2.66667vw;text-align:center;color:#856404}.error-message p[data-v-6aa1ceda]{margin:1.33333vw 0;font-size:2.13333vw}.error-message p[data-v-6aa1ceda]:first-child{font-size:2.4vw;font-weight:600}@media (max-width:768px){.recorder-container[data-v-6aa1ceda]{padding:20px}.title[data-v-6aa1ceda]{font-size:24px}.time-display[data-v-6aa1ceda]{font-size:28px}.btn[data-v-6aa1ceda]{padding:12px 20px;font-size:14px}.recording-item[data-v-6aa1ceda]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;gap:15px}.recording-controls[data-v-6aa1ceda]{-webkit-align-self:flex-end;align-self:flex-end}}