.video-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative}.video-element{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#000}._pad_15byk_1{border-radius:50%;background:radial-gradient(100% 100% at 50% 50%,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 60%,transparent 100%);border:2px solid rgba(255,255,255,.15);position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);transition:box-shadow .2s ease,opacity .2s ease;box-shadow:0 4px 16px #0000004d,inset 0 0 8px #ffffff0d}._pad_15byk_1._disabled_15byk_26{opacity:.4;cursor:not-allowed}._pad_15byk_1:not(._disabled_15byk_26){cursor:pointer}._pad_15byk_1._active_15byk_35{box-shadow:0 0 20px #fff3,inset 0 0 20px #ffffff1a}._crosshairVertical_15byk_41{position:absolute;left:50%;top:50%;background:#ffffff1f;width:1px;height:60%;transform:translate(-50%,-50%)}._crosshairHorizontal_15byk_51{position:absolute;left:50%;top:50%;background:#ffffff1f;height:1px;width:60%;transform:translate(-50%,-50%)}._knob_15byk_61{position:absolute;left:50%;top:50%;border-radius:50%;background:radial-gradient(100% 100% at 30% 30%,#ffffff40,#ffffff1a 40%,#ffffff0f);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff14;transition:background .15s ease,border .15s ease,box-shadow .15s ease;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}._knob_15byk_61._active_15byk_35{background:radial-gradient(100% 100% at 30% 30%,#ffffff59,#ffffff26 40%,#ffffff14);border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #0006,inset 0 2px #ffffff1a,0 0 16px #ffffff1a}.control-panel{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 70%,transparent 100%);padding:24px 16px;display:flex;flex-direction:column;gap:20px;z-index:10;pointer-events:none}.control-panel>*{pointer-events:auto}.control-header{display:flex;justify-content:center;align-items:center;gap:16px}.mode-buttons{display:flex;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px}.mode-button{display:flex;align-items:center;gap:6px;padding:10px 18px;background:transparent;border:none;border-radius:8px;color:#ffffff80;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.mode-button:hover{color:#fffc;background:#ffffff0d}.mode-button.mode-active{background:#3b82f633;color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.default-pose-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#3b82f626;border:2px solid rgba(59,130,246,.3);border-radius:12px;color:#3b82f6;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #3b82f633}.default-pose-button:hover{background:#3b82f640;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.default-pose-button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f633}.joysticks-container{display:flex;justify-content:space-around;align-items:flex-start;gap:24px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.arm-control{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arm-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.slider-control{display:flex;flex-direction:column;align-items:center;gap:8px;width:180px}.slider-control label{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.reach-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none;transition:background .2s}.reach-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fffc;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000004d}.reach-slider::-webkit-slider-thumb:hover{background:#fffffff2;border-color:#ffffff80;box-shadow:0 4px 12px #0006}.reach-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fffc;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000004d}.reach-slider::-moz-range-thumb:hover{background:#fffffff2;border-color:#ffffff80;box-shadow:0 4px 12px #0006}.slider-value{font-size:14px;color:#fffc;font-weight:600;font-family:monospace}.gripper-button{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffd9;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;cursor:pointer}.gripper-button:hover{background:#ffffff24;border-color:#ffffff59}.gripper-button:active{transform:scale(.96)}.gripper-button.gripper-closed{background:#f59e0b33;border-color:#f59e0b80;color:#f59e0b}.gripper-button.gripper-closed:hover{background:#f59e0b4d;border-color:#f59e0ba6}@media (max-width: 768px){.joysticks-container{flex-direction:column;align-items:center}.arm-control{width:100%;max-width:300px}}.status-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#000000e6;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#fffc}.status-indicator{width:8px;height:8px;border-radius:50%;transition:background .3s}.status-text{font-family:monospace}.connecting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:10}.connecting-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 40px;max-width:380px;text-align:center}.connecting-label{font-size:16px;font-weight:500;color:#ffffffe6}.connecting-detail{margin:0;font-size:13px;color:#ffffff73;line-height:1.5}.spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.08);border-top-color:#10b981cc;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{color:#ef4444}.warning-icon{color:#f59e0b}.reconnect-button{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fffc;font-size:14px;font-weight:500;transition:all .2s}.reconnect-button:hover{background:#ffffff1a;border-color:#ffffff40}.media-gate{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.media-gate-card{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:440px;padding:48px 40px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px}.media-gate-icon-row{display:flex;gap:16px;color:#ffffffb3}.media-gate-title{margin:0;font-size:20px;font-weight:600;color:#fff;text-align:center}.media-gate-description{margin:0;font-size:14px;color:#ffffff8c;text-align:center;line-height:1.5}.media-gate-button{padding:12px 32px;background:#10b98126;border:1px solid rgba(16,185,129,.35);border-radius:8px;color:#10b981;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.media-gate-button:hover:not(:disabled){background:#10b98140;border-color:#10b98180}.media-gate-button:disabled{opacity:.5;cursor:not-allowed}.media-gate-button.test-media{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border-color:#ffffff26;color:#fff9}.media-gate-button.test-media:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;color:#fffc}.media-gate-error{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;line-height:1.4}.media-gate-error svg{flex-shrink:0;margin-top:1px}.media-gate-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(16,185,129,.2);border-top-color:#10b981;animation:media-gate-spin .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes media-gate-spin{to{transform:rotate(360deg)}}.app{width:100%;height:100%;display:flex;flex-direction:column;background:#000;position:relative;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#root{width:100vw;height:100vh;overflow:hidden}button{font-family:inherit;cursor:pointer}input{font-family:inherit}