html,body{margin:0;padding:0}.app[data-v-8b22cb2e]{min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff}.app-header[data-v-8b22cb2e]{background:#111;padding:1rem 1.5rem;text-align:center;border-bottom:1px solid #333}.app-header h1[data-v-8b22cb2e]{margin:0;font-size:1.25rem;font-weight:500;color:#fff}.app-header p[data-v-8b22cb2e]{margin:0;color:#666;font-size:.9rem}.main-content[data-v-8b22cb2e]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;max-width:1400px;margin:0 auto;width:100%}.audio-section[data-v-8b22cb2e],.camera-section[data-v-8b22cb2e]{background:#111;border-radius:4px;padding:1rem;border:1px solid #333;height:fit-content}.section-header[data-v-8b22cb2e]{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.section-header h2[data-v-8b22cb2e]{margin:0;font-size:1.125rem;font-weight:500;color:#fff}.section-header h3[data-v-8b22cb2e]{margin:1rem 0 .75rem;font-size:1rem;font-weight:500;color:#ccc;border-bottom:1px solid #333;padding-bottom:.25rem}.audio-controls[data-v-8b22cb2e]{display:flex;flex-direction:column;gap:.75rem}.device-selection[data-v-8b22cb2e]{display:flex;flex-direction:column;gap:.25rem}.camera-controls[data-v-8b22cb2e]{display:flex;flex-direction:column;gap:.75rem}.camera-buttons[data-v-8b22cb2e]{display:flex;gap:.5rem}.app-footer[data-v-8b22cb2e]{background:#111;padding:.75rem 1rem;text-align:center;border-top:1px solid #333;margin-top:auto}.app-footer p[data-v-8b22cb2e]{margin:0;color:#888;font-size:.75rem}label[data-v-8b22cb2e]{font-weight:500;color:#ccc;font-size:.875rem}select[data-v-8b22cb2e]{padding:.5rem;border:1px solid #444;border-radius:2px;font-size:.875rem;background:#222;color:#fff}.recording-controls[data-v-8b22cb2e]{display:flex;gap:.5rem}.camera-controls[data-v-8b22cb2e]{display:flex;gap:1rem}.photo-controls[data-v-8b22cb2e]{display:flex;gap:.5rem;margin-top:.75rem}.global-controls[data-v-8b22cb2e]{display:flex;gap:.5rem}button[data-v-8b22cb2e]{padding:.5rem 1rem;border:1px solid #444;border-radius:2px;font-size:.875rem;cursor:pointer;transition:all .2s;background:#222;color:#fff}.record-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555}.record-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.stop-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555}.stop-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.stop-playback-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555}.stop-playback-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.clear-all-btn[data-v-8b22cb2e]{background-color:#444;color:#fff;border-color:#666}.clear-all-btn[data-v-8b22cb2e]:hover{background-color:#555;border-color:#777}.camera-start-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555}.camera-start-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.camera-stop-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555}.camera-stop-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.camera-section h2[data-v-8b22cb2e]{color:#333;margin-bottom:1rem}.video-container[data-v-8b22cb2e]{position:relative;width:100%;max-width:640px;margin:0 auto;border:1px solid #444;border-radius:2px;overflow:hidden;background:#111}.timer-overlay[data-v-8b22cb2e]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.timer-count[data-v-8b22cb2e]{font-size:4rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:countdown-8b22cb2e 1s infinite}@keyframes countdown-8b22cb2e{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.video-preview[data-v-8b22cb2e]{width:100%;height:auto;display:block;transform:scaleX(-1)}.video-placeholder[data-v-8b22cb2e]{display:flex;align-items:center;justify-content:center;height:240px;font-size:.875rem;color:#888;background:#111}.photo-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555}.photo-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.timer-photo-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555}.timer-photo-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.cancel-timer-btn[data-v-8b22cb2e]{background-color:#444;color:#fff;border-color:#666}.cancel-timer-btn[data-v-8b22cb2e]:hover{background-color:#555;border-color:#777}.photos-section[data-v-8b22cb2e]{margin-top:1rem}.photos-section h3[data-v-8b22cb2e]{color:#ccc;margin-bottom:.75rem;border-bottom:1px solid #333;padding-bottom:.25rem;font-size:1rem}.photos-controls[data-v-8b22cb2e]{margin-bottom:.5rem}.clear-all-photos-btn[data-v-8b22cb2e]{background-color:#444;color:#fff;border-color:#666}.clear-all-photos-btn[data-v-8b22cb2e]:hover{background-color:#555;border-color:#777}.photos-grid[data-v-8b22cb2e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.photo-item[data-v-8b22cb2e]{border:1px solid #444;border-radius:2px;overflow:hidden;background:#111;transition:transform .2s}.photo-item[data-v-8b22cb2e]:hover{transform:translateY(-2px);border-color:#666}.photo-preview[data-v-8b22cb2e]{width:100%;height:150px;overflow:hidden}.photo-image[data-v-8b22cb2e]{width:100%;height:100%;object-fit:cover}.photo-info[data-v-8b22cb2e]{padding:.75rem}.photo-name[data-v-8b22cb2e]{font-weight:500;margin-bottom:.25rem;color:#fff;font-size:.75rem}.photo-timestamp[data-v-8b22cb2e]{font-size:.75rem;color:#888}.photo-controls[data-v-8b22cb2e]{display:flex;gap:.5rem;padding:.5rem;border-top:1px solid #333}.download-photo-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555;flex:1;padding:.5rem;font-size:.75rem}.download-photo-btn[data-v-8b22cb2e]:hover{background-color:#444;border-color:#666}.delete-photo-btn[data-v-8b22cb2e]{background-color:#444;color:#fff;border-color:#666;padding:.5rem;font-size:.75rem}.delete-photo-btn[data-v-8b22cb2e]:hover{background-color:#555;border-color:#777}.recordings-section[data-v-8b22cb2e]{margin-top:1rem}.recordings-section h3[data-v-8b22cb2e]{color:#ccc;margin-bottom:.75rem;border-bottom:1px solid #333;padding-bottom:.25rem;font-size:1rem}.recordings-list[data-v-8b22cb2e]{display:flex;flex-direction:column;gap:.5rem}.recording-item[data-v-8b22cb2e]{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:1px solid #444;border-radius:2px;background:#111;transition:all .2s}.recording-item[data-v-8b22cb2e]:hover{border-color:#666}.recording-item.playing[data-v-8b22cb2e]{border-color:#666;background-color:#222}.recording-info[data-v-8b22cb2e]{flex:1;margin-right:.75rem}.recording-name[data-v-8b22cb2e]{font-weight:500;margin-bottom:.25rem;color:#fff;font-size:.875rem}.recording-meta[data-v-8b22cb2e]{display:flex;gap:1rem;font-size:.75rem;color:#888;margin-bottom:.5rem}.recording-waveform[data-v-8b22cb2e]{width:100%;max-width:300px;height:50px;border:1px solid #444;border-radius:2px;cursor:pointer;background:#222}.recording-waveform[data-v-8b22cb2e]:hover{border-color:#666}.recording-controls[data-v-8b22cb2e]{display:flex;flex-direction:column;gap:.25rem;min-width:100px}.play-item-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555;padding:.5rem 1rem;font-size:.75rem}.play-item-btn[data-v-8b22cb2e]:hover:not(:disabled){background-color:#444;border-color:#666}.play-item-btn[data-v-8b22cb2e]:disabled{background-color:#222;border-color:#333}.delete-item-btn[data-v-8b22cb2e]{background-color:#444;color:#fff;border-color:#666;padding:.5rem;font-size:.75rem}.delete-item-btn[data-v-8b22cb2e]:hover{background-color:#555;border-color:#777}.download-recording-btn[data-v-8b22cb2e]{background-color:#333;color:#fff;border-color:#555;padding:.5rem 1rem;font-size:.75rem}.download-recording-btn[data-v-8b22cb2e]:hover{background-color:#444;border-color:#666}button[data-v-8b22cb2e]:disabled{opacity:.4;cursor:not-allowed;background-color:#222!important;border-color:#333!important;color:#666!important}.audio-visualization[data-v-8b22cb2e]{display:flex;justify-content:center;margin:.5rem 0}.waveform-canvas[data-v-8b22cb2e]{border:1px solid #444;border-radius:2px;background:#222;width:100%;max-width:400px;height:80px}@media (max-width: 1024px){.main-content[data-v-8b22cb2e]{grid-template-columns:1fr;gap:1.5rem}.app-header[data-v-8b22cb2e]{padding:1rem}.app-header h1[data-v-8b22cb2e]{font-size:1.5rem}}@media (max-width: 768px){.main-content[data-v-8b22cb2e],.audio-section[data-v-8b22cb2e],.camera-section[data-v-8b22cb2e]{padding:1rem}.recording-controls[data-v-8b22cb2e],.camera-buttons[data-v-8b22cb2e],.photo-controls[data-v-8b22cb2e]{flex-direction:column}.recording-item[data-v-8b22cb2e]{flex-direction:column;align-items:stretch;gap:1rem}.recording-info[data-v-8b22cb2e]{margin-right:0}.recording-controls[data-v-8b22cb2e]{flex-direction:row;justify-content:center}.recording-meta[data-v-8b22cb2e]{justify-content:center}.video-container[data-v-8b22cb2e]{max-width:100%}.photos-grid[data-v-8b22cb2e]{grid-template-columns:1fr}.timer-count[data-v-8b22cb2e]{font-size:3rem}.waveform-canvas[data-v-8b22cb2e],.recording-waveform[data-v-8b22cb2e]{max-width:100%}.app-header h1[data-v-8b22cb2e]{font-size:1.2rem}.app-header p[data-v-8b22cb2e]{font-size:.8rem}}.status[data-v-8b22cb2e]{text-align:center}.recording-indicator[data-v-8b22cb2e]{font-weight:700;color:#dc3545;animation:pulse-8b22cb2e 1s infinite}@keyframes pulse-8b22cb2e{0%,to{opacity:1}50%{opacity:.5}}