h2[data-v-fd45162c]{text-align:center;margin:auto}.nav-container[data-v-fd45162c]{display:flex;align-items:center;margin-bottom:1rem;overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding-left:.5rem;padding-right:.5rem}.nav-container[data-v-fd45162c]::-webkit-scrollbar{height:4px}.nav-container[data-v-fd45162c]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:2px}.nav-button[data-v-fd45162c]{display:inline-block;padding:.2rem 1rem;margin-right:.75rem;border:none;border-radius:.5rem;color:#fff;text-decoration:none;cursor:pointer;transition:background-color .3s ease}.nav-button[data-v-fd45162c]:hover{background-color:#44efef4d}.active-button[data-v-fd45162c]{background-color:#44efef56}footer[data-v-e5681e22]{position:fixed;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;z-index:0}.footer-logo[data-v-e5681e22]{width:12px;height:12px;margin-right:5px}footer a[data-v-e5681e22]{text-decoration:none;color:inherit}.ocean-container[data-v-1923cb8a]{color:#7fdbff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.button-container[data-v-1923cb8a]{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:20px}.button-container button[data-v-1923cb8a]{flex:1;cursor:pointer;background-color:#00cbd921;color:#fff;outline:none;transition:all .3s ease;padding:10px 15px;margin:0 5px;border:2px solid transparent}.button-container button.active[data-v-1923cb8a]{background-color:#7fdbff71;color:#001f3f;border-color:#7fdbff}.button-container button[data-v-1923cb8a]:hover{background-color:#7fdbff;color:#001f3f}.link-container[data-v-1923cb8a]{border:1px dotted #7FDBFF;padding:15px;margin-top:10px;line-height:1.8}.link-container a[data-v-1923cb8a]{color:#7fdbff;text-decoration:none;transition:color .3s ease;display:inline-block;width:100%;text-align:left}.link-container a[data-v-1923cb8a]:hover{color:#fff;text-decoration:underline}.navigation-logo[data-v-c4ecd373]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.nav-item[data-v-c4ecd373]{display:flex;flex-direction:column;align-items:center;text-align:center}.nav-item img[data-v-c4ecd373]{width:50px;height:50px;border-radius:20%;margin-bottom:5px;cursor:pointer}.qrcode-generator[data-v-a962620e]{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;margin:0}input[data-v-a962620e]{padding:10px;margin:10px;width:300px;border:1px solid #ccc;border-radius:4px}button[data-v-a962620e]{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-a962620e]:hover{background-color:#0056b3}#qrcode[data-v-a962620e]{margin-top:20px}body[data-v-8dad878d]{font-family:Arial,sans-serif;background-size:cover;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.message-content p[data-v-8dad878d]{font-size:14px;color:#333;word-wrap:break-word;word-break:break-all}.chat-container[data-v-8dad878d]{background-color:#f0f0f0;width:100%;height:calc(90vh - 90px);box-shadow:0 0 10px #0003;overflow:hidden;display:flex;flex-direction:column}.chat-header[data-v-8dad878d]{background-color:#128c7e;color:#fff;padding:15px;text-align:center;font-size:20px;position:relative}.connection-status[data-v-8dad878d]{position:absolute;top:15px;right:15px;width:15px;height:15px;border-radius:50%}.message-board[data-v-8dad878d]{flex:1;overflow-y:scroll;padding:15px}.message[data-v-8dad878d]{display:flex;margin-bottom:10px}.message .avatar[data-v-8dad878d]{width:40px;height:40px;border-radius:50%;background-color:#ccc;margin-right:10px}.message-content[data-v-8dad878d]{background-color:#fff;border-radius:10px;padding:10px;max-width:80%}.message-content .name[data-v-8dad878d]{font-weight:700;margin-bottom:5px;color:#107a6e}.message-content .time[data-v-8dad878d]{font-size:.8em;color:#999;margin-bottom:5px}.form-container[data-v-8dad878d]{background-color:#ececec;padding:15px;position:fixed;left:0;right:0;bottom:0}.form-container form[data-v-8dad878d]{display:flex}.form-container input[data-v-8dad878d]{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:10px}.submit-button[data-v-8dad878d]{background-color:#128c7e;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-button[data-v-8dad878d]:hover{background-color:#107a6e}body[data-v-941fec2e]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f4f9;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.upload-container[data-v-941fec2e]{background-color:#ffffff96;padding:40px;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center;box-sizing:border-box}h1[data-v-941fec2e]{color:#333;margin-bottom:30px}.file-input[data-v-941fec2e]{display:none}.file-input+label[data-v-941fec2e]{display:inline-block;background-color:#007bff;color:#fff;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px}.file-input+label[data-v-941fec2e]:hover{background-color:#0056b3}.upload-button[data-v-941fec2e]{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:50%}.upload-button[data-v-941fec2e]:hover{background-color:#218838}.message[data-v-941fec2e]{margin-top:20px;color:#dc3545;font-size:.9em}.selected-file[data-v-941fec2e]{margin-bottom:20px;font-size:.9em;color:#666}body[data-v-631cd418]{display:flex;justify-content:center;align-items:center;margin:0;background-color:#f0f0f0}.button-container[data-v-631cd418]{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:5px;border-radius:10px;box-shadow:0 0 10px #0000001a;border:5px solid #464691}button[data-v-631cd418]{padding:15px 30px;margin:10px;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.up-down-buttons[data-v-631cd418]{display:flex;flex-direction:column;align-items:center}.left-right-buttons[data-v-631cd418]{display:flex;flex-direction:row;align-items:center}.stop-button[data-v-631cd418]{background-color:#f44336}.forward-button[data-v-631cd418]{background-color:#4caf50}.backward-button[data-v-631cd418]{background-color:#2196f3}.left-button[data-v-631cd418]{background-color:#ff9800}.right-button[data-v-631cd418]{background-color:#9c27b0}button[data-v-631cd418]:hover{opacity:.8}#deviceIdSelect[data-v-631cd418]{font-size:20px;background:#bc8f8f}#msg-container[data-v-631cd418]{background:#000;width:90%;height:265px;color:#fff;overflow:auto}#customCommandInput[data-v-631cd418]{padding:10px;margin:10px;font-size:16px;width:60%}.input-button-row[data-v-631cd418]{display:flex;align-items:center}.camera-container[data-v-d54e44ee]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f4;font-family:Arial,sans-serif;padding:20px}.video-frame[data-v-d54e44ee]{width:100%;max-width:800px;border:5px solid white;box-shadow:0 0 10px #0003;margin-bottom:30px;position:relative}.time-display[data-v-d54e44ee]{position:absolute;top:10px;right:10px;background-color:#00000080;color:#fff;padding:5px 10px;border-radius:5px}.button-container[data-v-d54e44ee]{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.btn[data-v-d54e44ee]{padding:12px 25px;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;color:#fff}.open-door[data-v-d54e44ee]{background-color:#4caf50}.open-door[data-v-d54e44ee]:hover{background-color:#45a049}.close-door[data-v-d54e44ee]{background-color:#f44336}.close-door[data-v-d54e44ee]:hover{background-color:#e53935}.light-on[data-v-d54e44ee]{background-color:#2196f3}.light-on[data-v-d54e44ee]:hover{background-color:#1976d2}.light-off[data-v-d54e44ee]{background-color:#9e9e9e}.light-off[data-v-d54e44ee]:hover{background-color:#757575}.camera-container[data-v-e8514070]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f4f4f4;padding:20px}video[data-v-e8514070]{width:90%;max-width:640px;border:5px solid white;box-shadow:0 0 10px #0003;margin-bottom:20px}.button-group[data-v-e8514070]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}button[data-v-e8514070]{padding:12px 25px;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button[data-v-e8514070]:disabled{opacity:.6;cursor:not-allowed}button[data-v-e8514070]:nth-child(1){background-color:#4caf50;color:#fff}button[data-v-e8514070]:nth-child(2){background-color:#f44336;color:#fff}button[data-v-e8514070]:nth-child(3){background-color:#2196f3;color:#fff}button[data-v-e8514070]:nth-child(4){background-color:#ff9800;color:#fff}button[data-v-e8514070]:nth-child(5){background-color:#607d8b;color:#fff}#durationDisplay[data-v-e8514070]{font-size:18px;margin-bottom:10px}