*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}#app{min-height:100vh;background-color:#fff}.recording-controls[data-v-f95662c4]{padding:20px;max-width:800px;margin:0 auto}.error-message[data-v-f95662c4]{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:16px}.controls-section[data-v-f95662c4]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.btn[data-v-f95662c4]{padding:12px 32px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-start[data-v-f95662c4]{background-color:#42b983;color:#fff}.btn-start[data-v-f95662c4]:hover{background-color:#359268}.btn-stop[data-v-f95662c4]{background-color:#e53935;color:#fff}.btn-stop[data-v-f95662c4]:hover{background-color:#c62828}.recording-active[data-v-f95662c4]{display:flex;flex-direction:column;align-items:center;gap:16px}.recording-indicator[data-v-f95662c4]{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700}.recording-dot[data-v-f95662c4]{width:12px;height:12px;background-color:#e53935;border-radius:50%;animation:pulse-f95662c4 1.5s ease-in-out infinite}@keyframes pulse-f95662c4{0%,to{opacity:1}50%{opacity:.3}}.recording-time[data-v-f95662c4]{font-family:Courier New,monospace;color:#333}.preview-section[data-v-f95662c4]{margin-top:32px}.preview-section h3[data-v-f95662c4]{margin-bottom:12px;color:#333}.preview-video[data-v-f95662c4]{width:100%;max-width:100%;border-radius:4px;box-shadow:0 2px 8px #0000001a}.record-view[data-v-8b005594]{padding:40px 20px;max-width:900px;margin:0 auto}h1[data-v-8b005594]{text-align:center;color:#2c3e50;margin-bottom:32px}h2[data-v-8b005594]{color:#42b983;margin-bottom:20px}.upload-section[data-v-8b005594]{margin-top:32px;text-align:center}.btn[data-v-8b005594]{padding:12px 32px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-upload[data-v-8b005594]{background-color:#3498db;color:#fff}.btn-upload[data-v-8b005594]:hover:not(:disabled){background-color:#2980b9}.btn-upload[data-v-8b005594]:disabled{background-color:#95a5a6;cursor:not-allowed}.upload-progress[data-v-8b005594]{margin-top:20px}.progress-bar[data-v-8b005594]{width:100%;height:24px;background-color:#ecf0f1;border-radius:12px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-8b005594]{height:100%;background-color:#3498db;transition:width .3s}.error-message[data-v-8b005594]{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-top:16px}.share-section[data-v-8b005594]{margin-top:40px;padding:24px;background-color:#f8f9fa;border-radius:8px}.share-link-container[data-v-8b005594]{display:flex;gap:12px;margin-bottom:20px}.share-link-input[data-v-8b005594]{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:monospace}.btn-copy[data-v-8b005594]{background-color:#95a5a6;color:#fff}.btn-copy[data-v-8b005594]:hover{background-color:#7f8c8d}.action-buttons[data-v-8b005594]{display:flex;gap:12px;justify-content:center}.btn-watch[data-v-8b005594]{background-color:#42b983;color:#fff}.btn-watch[data-v-8b005594]:hover{background-color:#359268}.btn-new[data-v-8b005594]{background-color:#e67e22;color:#fff}.btn-new[data-v-8b005594]:hover{background-color:#d35400}.video-player[data-v-01afd105]{width:100%;max-width:1200px;margin:0 auto}.player[data-v-01afd105]{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;background-color:#000}.watch-view[data-v-50373524]{padding:40px 20px;max-width:1200px;margin:0 auto}h1[data-v-50373524]{text-align:center;color:#2c3e50;margin-bottom:32px}h2[data-v-50373524]{color:#2c3e50;margin-bottom:16px}.loading[data-v-50373524]{text-align:center;font-size:18px;color:#666;padding:60px 0}.error-message[data-v-50373524]{text-align:center;padding:40px}.error-message p[data-v-50373524]{color:#c33;font-size:18px;margin-bottom:20px}.recording-container[data-v-50373524]{display:flex;flex-direction:column;gap:32px}.recording-info[data-v-50373524]{background-color:#f8f9fa;padding:24px;border-radius:8px}.info-grid[data-v-50373524]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item[data-v-50373524]{display:flex;flex-direction:column;gap:4px}.info-item strong[data-v-50373524]{color:#666;font-size:14px}.info-item span[data-v-50373524]{color:#2c3e50;font-size:16px}.uuid[data-v-50373524]{font-family:monospace;font-size:14px}.actions[data-v-50373524]{text-align:center}.btn[data-v-50373524]{padding:12px 32px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-back[data-v-50373524]{background-color:#42b983;color:#fff}.btn-back[data-v-50373524]:hover{background-color:#359268}