.video-recorder-container{max-width:600px;margin:0 auto;padding:20px}.video-recorder{background:#f5f5f5;border-radius:10px;padding:20px;text-align:center}.video-recorder video{width:100%;max-width:500px;height:auto;background:#000;border-radius:8px;margin-bottom:20px}.video-recorder .recorder-controls{margin-bottom:20px}.video-recorder .recorder-controls button{background:#000;color:#fff;border:none;padding:12px 24px;margin:0 10px;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s ease}.video-recorder .recorder-controls button:hover:not(:disabled){background:#333}.video-recorder .recorder-controls button:disabled{background:#ccc;cursor:not-allowed}.video-recorder .recorder-controls button.btn-record{background:#28a745}.video-recorder .recorder-controls button.btn-record:hover:not(:disabled){background:#218838}.video-recorder .recorder-controls button.btn-stop{background:#dc3545;animation:pulse 1s infinite}.video-recorder .recorder-controls button.btn-stop:hover:not(:disabled){background:#c82333}.video-recorder .recorder-controls button.btn-upload{background:#007bff}.video-recorder .recorder-controls button.btn-upload:hover:not(:disabled){background:#0056b3}.video-recorder .recorder-controls button.btn-restart{background:#6c757d}.video-recorder .recorder-controls button.btn-restart:hover:not(:disabled){background:#545b62}.video-recorder .recording-timer{margin-bottom:20px}.video-recorder .recording-timer #timer-display{font-size:24px;font-weight:bold;color:#dc3545;margin-bottom:10px;display:block}.video-recorder .recording-timer .progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.video-recorder .recording-timer .progress-bar .progress-fill{height:100%;background:#dc3545;width:0%;transition:width .1s ease;border-radius:4px}.video-recorder .upload-status{margin-top:20px}.video-recorder .upload-status .error{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;padding:12px;border-radius:5px;margin-bottom:10px}.video-recorder .upload-status .success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;padding:12px;border-radius:5px;margin-bottom:10px}@media(max-width: 768px){.video-recorder-container{padding:10px}.video-recorder{padding:15px}.video-recorder .recorder-controls button{font-size:18px;padding:15px 20px;margin:5px;display:block;width:100%;max-width:300px;margin-left:auto;margin-right:auto}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(220,53,69,.7)}70%{box-shadow:0 0 0 10px rgba(220,53,69,0)}100%{box-shadow:0 0 0 0 rgba(220,53,69,0)}}.mood-board.dark .video-recorder{background:#333;color:#fff}.mood-board.dark .video-recorder .upload-status .error{background:#721c24;border-color:#f5c6cb;color:#f8d7da}.mood-board.dark .video-recorder .upload-status .success{background:#155724;border-color:#c3e6cb;color:#d4edda}.move-create{padding:2rem 0;background:#f9f9f9}.move-create .move-debug{background:#f0f0f0;padding:10px;margin:10px 0;font-size:12px;border:1px solid #000}.move-create .move-form{max-width:600px;margin:0 auto;background:#fff;padding:2rem;border:1px solid #000}.move-create .form-group{margin-bottom:1.5rem}.move-create .form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#000}.move-create .form-group input,.move-create .form-group textarea{width:100%;padding:.75rem;border:1px solid #000;border-radius:0;font-size:1rem;font-family:inherit;background:#fff;color:#000}.move-create .form-group input:focus,.move-create .form-group textarea:focus{outline:none;border-color:#000;box-shadow:none}.move-create .video-section{border:1px solid #000;padding:1rem;background:#fff}.move-create .camera-container,.move-create .playback-container{position:relative;background:#000;border:1px solid #000;overflow:hidden;margin-bottom:1rem}.move-create .camera-container video,.move-create .playback-container video{width:100%;height:auto;display:block}.move-create .camera-overlay{position:absolute;top:10px;left:10px;z-index:10}.move-create .recording-indicator{display:flex;align-items:center;gap:.5rem;background:#000;color:#fff;padding:.25rem .5rem;border:1px solid #fff;font-size:.875rem}.move-create .recording-dot{width:8px;height:8px;background:#fff;border-radius:0;animation:pulse 1s infinite}.move-create .recording-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.move-create .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #000;border-radius:0;cursor:pointer;font-size:.875rem;text-decoration:none;transition:background .2s ease,color .2s ease}.move-create .btn:disabled{opacity:.5;cursor:not-allowed}.move-create .btn-record{background:#000;color:#fff}.move-create .btn-record:hover:not(:disabled){background:#222}.move-create .btn-stop{background:#dc3545;color:#fff;border-color:#dc3545}.move-create .btn-stop:hover:not(:disabled){background:#b82b3a;border-color:#b82b3a}.move-create .btn-restart{background:#fff;color:#000}.move-create .btn-restart:hover:not(:disabled){background:#eee}.move-create .btn-primary{background:#000;color:#fff}.move-create .btn-primary:hover:not(:disabled){background:#222}.move-create .btn-secondary{background:#fff;color:#000}.move-create .btn-secondary:hover:not(:disabled){background:#eee}.move-create .recording-progress{margin-bottom:1rem}.move-create .progress-bar{width:100%;height:4px;background:#000;overflow:hidden;margin-bottom:.5rem}.move-create .progress-fill{height:100%;background:#dc3545;width:0%;transition:width .1s linear}.move-create .recording-timer{text-align:center;font-size:.875rem;color:#000}.move-create .form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #000}.move-create .success-message{text-align:center;background:#fff;color:#000;padding:2rem;border:1px solid #000}.move-create .status-message{text-align:center;padding:.5rem;border:1px solid #000;margin-top:.5rem}.move-create .status-message.error{background:#f8d7da;color:#721c24;border-color:#721c24}.move-create .status-message.success{background:#d4edda;color:#155724;border-color:#155724}.move-create .is-hidden{display:none}.login-required,.access-denied{text-align:center;padding:2rem;background:#f8d7da;color:#721c24;border:1px solid #721c24;margin:2rem 0}.encoding-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999}.encoding-overlay-content{background:#000;color:#fff;padding:1.25rem 1.5rem;border:1px solid #fff;text-align:center;min-width:220px}.encoding-progress{width:100%;height:8px;border:1px solid #fff;margin-top:.75rem;background:#111;overflow:hidden}.encoding-progress-fill{width:0%;height:100%;background:#dc3545;transition:width .2s linear}.encoding-progress-label{margin-top:.5rem;font-size:.85rem}.encoding-spinner{width:36px;height:36px;margin:0 auto .75rem;border:3px solid hsla(0,0%,100%,.2);border-top-color:#dc3545;border-radius:0;animation:spin 1s linear infinite}.encoding-text{font-size:.9rem;letter-spacing:.01em}.is-hidden{display:none}@media(max-width: 768px){.move-create .move-form{margin:0 1rem;padding:1rem}.move-create .form-actions{flex-direction:column}.move-create .recording-controls{flex-wrap:wrap}}/*# sourceMappingURL=video-recorder.css.map */