.loading-container[data-v-e158f2d4]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px}.loading-text[data-v-e158f2d4]{font-size:14px;color:var(--el-text-color-regular)}.permission-container[data-v-e158f2d4]{display:flex;flex-direction:column;gap:16px}.permission-actions[data-v-e158f2d4]{display:flex;justify-content:center;margin-top:16px}.device-selection[data-v-e158f2d4]{margin-bottom:24px;padding:20px;background:var(--el-bg-color-page);border-radius:8px;border:1px solid var(--el-border-color-light)}.start-container[data-v-e158f2d4]{display:flex;justify-content:center;margin:24px 0}.video-container[data-v-e158f2d4]{margin-top:24px}.video-preview[data-v-e158f2d4]{position:relative;margin-bottom:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.preview-video[data-v-e158f2d4]{width:100%;height:auto;max-height:60vh;object-fit:cover;display:block}.recording-indicator[data-v-e158f2d4]{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:8px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;z-index:10}.recording-dot[data-v-e158f2d4]{width:12px;height:12px;background:#f56c6c;border-radius:50%;animation:pulse-e158f2d4 1s infinite}@keyframes pulse-e158f2d4{0%,to{opacity:1}50%{opacity:.5}}.control-buttons[data-v-e158f2d4]{margin-top:16px}.recording-controls[data-v-e158f2d4]{width:100%}.media-gallery[data-v-e158f2d4]{margin-top:32px}.gallery-title[data-v-e158f2d4]{font-weight:600;font-size:16px}.gallery-actions[data-v-e158f2d4]{display:flex;justify-content:flex-end;margin-bottom:16px}.media-item[data-v-e158f2d4]{margin-bottom:16px}.media-card[data-v-e158f2d4]{height:100%;transition:transform .2s ease}.media-card[data-v-e158f2d4]:hover{transform:translateY(-2px)}.media-content[data-v-e158f2d4]{position:relative;cursor:pointer}.media-preview[data-v-e158f2d4]{width:100%;height:150px;object-fit:cover;border-radius:6px}.video-thumbnail[data-v-e158f2d4]{position:relative}.video-overlay[data-v-e158f2d4]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:6px;opacity:0;transition:opacity .2s ease}.video-thumbnail:hover .video-overlay[data-v-e158f2d4]{opacity:1}.play-icon[data-v-e158f2d4]{font-size:32px;color:#fff}.media-info[data-v-e158f2d4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.media-time[data-v-e158f2d4]{color:var(--el-text-color-secondary)}.media-actions[data-v-e158f2d4]{display:flex;gap:8px;justify-content:center}@media (max-width: 768px){.device-selection[data-v-e158f2d4]{padding:16px}.preview-video[data-v-e158f2d4]{max-height:50vh}.media-preview[data-v-e158f2d4]{height:120px}.control-buttons .el-col[data-v-e158f2d4]{margin-bottom:12px}}@media (prefers-color-scheme: dark){.device-selection[data-v-e158f2d4]{background:var(--el-bg-color)}}