:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.drone-control-panel[data-v-0613d0a6]{display:flex;flex-direction:column;gap:.6rem;padding:.6rem;background-color:#2c3e50;color:#ecf0f1;min-height:100vh;touch-action:manipulation}.video-container[data-v-0613d0a6]{background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.video-feed[data-v-0613d0a6]{width:100%;height:100%;display:block}.status-panel[data-v-0613d0a6]{background:#34495e;padding:.8rem;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.status-item[data-v-0613d0a6]{display:flex;flex-direction:column}.status-label[data-v-0613d0a6]{font-weight:700;font-size:.9rem;color:#95a5a6}.status-value[data-v-0613d0a6]{font-size:1rem;font-weight:700}.connected[data-v-0613d0a6]{color:#2ecc71}.disconnected[data-v-0613d0a6]{color:#e74c3c}.control-group[data-v-0613d0a6]{background:#34495e;padding:.8rem;border-radius:8px}.control-group h3[data-v-0613d0a6]{margin:0 0 .5rem;font-size:1rem;color:#fff}.button-row[data-v-0613d0a6]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}.control-btn[data-v-0613d0a6]{padding:.6rem .8rem;font-size:.9rem;flex:1;min-width:80px;box-shadow:0 2px 5px #000;font-weight:700;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;touch-action:manipulation}.control-btn[data-v-0613d0a6]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.control-btn[data-v-0613d0a6]:active{transform:translateY(0)}.arm-btn[data-v-0613d0a6],.takeoff-btn[data-v-0613d0a6],.rtl-btn[data-v-0613d0a6],.light-on[data-v-0613d0a6],.light-off[data-v-0613d0a6],.altitude-up[data-v-0613d0a6],.altitude-down[data-v-0613d0a6],.nest-open[data-v-0613d0a6],.nest-close[data-v-0613d0a6],.reel-open[data-v-0613d0a6],.reel-close[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50}.icon-reel[data-v-0613d0a6]:before{content:"🧵"}.quick-takeoff[data-v-0613d0a6],.quick-land[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50}.icon-light[data-v-0613d0a6]:before{content:"💡"}.icon-up[data-v-0613d0a6]:before{content:"⬆️"}.icon-down[data-v-0613d0a6]:before{content:"⬇️"}.icon-nest[data-v-0613d0a6]:before{content:"🏠"}.angle-display[data-v-0613d0a6]{text-align:center;margin-top:.5rem;font-weight:700;color:#ecf0f1}.angle-up[data-v-0613d0a6],.angle-down[data-v-0613d0a6],.angle-reset[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50}.volume-control-section[data-v-0613d0a6]{margin:1rem 0;padding:.8rem;background:rgba(0,0,0,.2);border-radius:8px}.volume-control-section h3[data-v-0613d0a6]{margin:0 0 .8rem;font-size:1rem;color:#fff}.control-group .button-row .control-btn 。[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50}.audio-btn[data-v-0613d0a6],.control-group .control-group .control-btn[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50}.directional-controls[data-v-0613d0a6]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.horizontal-controls[data-v-0613d0a6]{display:flex;gap:.5rem;justify-content:center}.direction-btn[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50;min-width:150px;padding:.8rem;flex:1}.forward-btn[data-v-0613d0a6],.backward-btn[data-v-0613d0a6]{width:100%;max-width:210px}.rotate-btn[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50;min-width:100px;padding:.8rem;flex:1}.icon-rotate-left[data-v-0613d0a6]:before{content:"🔄";display:inline-block;transform:scaleX(-1)}.icon-rotate-right[data-v-0613d0a6]:before{content:"🔄"}.icon-forward[data-v-0613d0a6]:before{content:"⬆️"}.icon-backward[data-v-0613d0a6]:before{content:"⬇️"}.icon-left[data-v-0613d0a6]:before{content:"⬅️"}.icon-right[data-v-0613d0a6]:before{content:"➡️"}.slider-control[data-v-0613d0a6]{display:flex;flex-direction:column;gap:1rem}.slider-container[data-v-0613d0a6]{display:flex;align-items:center;gap:1rem}.angle-slider[data-v-0613d0a6]{flex:1;height:10px;border-radius:5px;background:#556470;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.angle-slider[data-v-0613d0a6]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.angle-slider[data-v-0613d0a6]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.angle-slider[data-v-0613d0a6]:disabled{opacity:.5;cursor:not-allowed}.slider-label[data-v-0613d0a6]{font-weight:700;color:#ecf0f1;min-width:20px;text-align:center}.video-container[data-v-0613d0a6]{background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center}.video-control-buttons[data-v-0613d0a6]{margin-top:.6rem;margin-bottom:.6rem}.video-control-btn[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50;padding:.5rem .7rem;font-size:.85rem;min-width:70px}.zoom-info[data-v-0613d0a6]{text-align:center;font-size:.9rem;color:#ecf0f1;margin-top:.3rem;font-weight:700}.video-container[data-v-0613d0a6]{background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9;position:relative}.video-wrapper[data-v-0613d0a6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-feed[data-v-0613d0a6]{width:100%;height:100%;display:block;transform-origin:center center;transition:transform .2s ease}.video-controls[data-v-0613d0a6]{position:absolute;left:5px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;z-index:10;background-color:#00000080;padding:1px;border-radius:1px}.zoom-control-btn.tiny[data-v-0613d0a6]{width:20px;height:20px;font-size:12px;padding:0}.zoom-level.tiny[data-v-0613d0a6]{color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center;padding:1px 0;min-height:16px}.zoom-control-btn[data-v-0613d0a6]{background-color:#fffc;color:#333;border:none;border-radius:2px;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0}.zoom-control-btn[data-v-0613d0a6]:hover{background-color:#fff}.audio-control-btn[data-v-0613d0a6],.control-group .control-group .control-btn[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50}.volume-control[data-v-0613d0a6]{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;padding:0 .5rem}.volume-label[data-v-0613d0a6]{font-weight:700;color:#ecf0f1;min-width:50px}.volume-slider[data-v-0613d0a6]{flex:1;height:10px;border-radius:5px;background:#556470;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider[data-v-0613d0a6]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.volume-slider[data-v-0613d0a6]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.volume-value[data-v-0613d0a6]{min-width:50px;font-weight:700;text-align:center;color:#ecf0f1;font-size:1.1rem}.mode-control-btn[data-v-0613d0a6]{background-color:#a7b9ba;color:#2c3e50}.mode-control-btn.active[data-v-0613d0a6]{background-color:#e74c3c;color:#fff}@media (min-width: 768px){.drone-control-panel[data-v-0613d0a6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;padding:0;gap:.3rem}.video-container[data-v-0613d0a6]{grid-column:1 / -1}.status-panel[data-v-0613d0a6]{grid-column:1;display:block}.status-item[data-v-0613d0a6]{margin:.5rem 0;flex-direction:row}.control-btn[data-v-0613d0a6]{padding:.8rem 1.2rem;flex:none}}html,body{margin:0;padding:0;overflow-x:hidden}#app{width:100vw;min-height:100vh;padding:0;margin:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue:hover{filter:drop-shadow(0 0 2em #42b883aa)}.global-error{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;background-color:#e74c3c;color:#fff;border-radius:4px;display:flex;align-items:center;z-index:1000;box-shadow:0 2px 10px #0003;max-width:80%}.global-error button{margin-left:15px;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer}