body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.robot-controller{align-items:center;background:linear-gradient(135deg,#1a2a6c,#2a3c7a);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:20px}header{margin-bottom:30px;text-align:center;width:100%}h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.subtitle{font-size:1.2rem;opacity:.8}.container{display:flex;gap:30px;max-width:1200px;width:100%}.control-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0003;flex:1 1;padding:25px}.panel-title{color:#6ab1ff;font-size:1.5rem;margin-bottom:20px;text-align:center}.joystick-container{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.joystick{background:#0000004d;border-radius:50%;box-shadow:inset 0 0 20px #00000080;height:200px;margin-bottom:20px;position:relative;touch-action:none;width:200px}.joystick-handle{background:linear-gradient(145deg,#6ab1ff,#3a7bd5);border-radius:50%;box-shadow:0 5px 15px #0000004d;cursor:pointer;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .1s;-webkit-user-select:none;user-select:none;width:60px}.joystick-axis{background:#fff3;height:100%;left:50%;position:absolute;top:0;width:2px}.joystick-axis.horizontal{height:2px;left:0;top:50%;width:100%}.joystick-label{display:flex;justify-content:space-between;margin-top:10px;width:200px}.turn-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex:1 1;flex-direction:column;padding:25px}.controls-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:20px}.control-item{background:#ffffff1a;border-radius:10px;padding:15px;text-align:center}.control-key{background:#0000004d;border-radius:5px;display:inline-block;font-weight:700;margin:0 5px;padding:5px 10px}.data-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0003;margin-top:30px;max-width:1500px;padding:25px;width:100%}.data-title{color:#6ab1ff;font-size:1.5rem;margin-bottom:20px;text-align:center}.data-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.data-item{background:#0003;border-radius:10px;padding:10px}.data-label{font-size:1rem;margin-bottom:5px;opacity:.8}.data-value{font-size:1rem;font-weight:700}.status-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.status-connected{background:#4caf50}.status-disconnected{background:#f44336}.buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}button{background:linear-gradient(145deg,#6ab1ff,#3a7bd5);border:none;border-radius:10px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s}button:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}button:active{transform:translateY(1px)}.danger{background:linear-gradient(145deg,#ff5252,#d32f2f)}.warning{background:linear-gradient(145deg,#ff9800,#f57c00)}.success{background:linear-gradient(145deg,#4caf50,#388e3c)}.log{background:#0003;border-radius:10px;font-family:monospace;font-size:.9rem;height:120px;margin-top:20px;overflow-y:auto;padding:15px}.log-entry{border-bottom:1px solid #ffffff1a;margin-bottom:5px;padding-bottom:5px}.log-time{color:#6ab1ff}@media (max-width:768px){.container{flex-direction:column}.controls-info{grid-template-columns:1fr}.buttons{align-items:center;flex-direction:column}button{width:200px}}.topic-input-container{align-items:center;z-index:100}.topic-input-container label{color:#333;font-size:14px;font-weight:700}.topic-input-container input{border:2px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s;width:200px}.topic-input-container input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf504d;outline:none}.developer-tools-container{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-card{cursor:pointer;overflow:hidden;position:relative}.tool-card:before{background:linear-gradient(90deg,#1890ff,#52c41a);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.tool-card:hover:before{transform:scaleX(1)}.tool-card:hover{border-color:#1890ff!important;box-shadow:0 8px 24px #1890ff33!important;transform:translateY(-4px)}.tool-card:hover h3{color:#1890ff}.tool-card:active{transform:translateY(-2px)}@media (max-width:768px){.developer-tools-container .ant-card-body{padding:16px}.tool-card{margin-bottom:16px}}.ant-modal-body iframe{animation:iframeLoad .3s ease-in}@keyframes iframeLoad{0%{opacity:0}to{opacity:1}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ant-table{font-size:15px}.ant-table-thead>tr>th{background-color:#fafafa;color:#262626;font-size:15px;font-weight:600;padding:14px 8px!important}.ant-table-tbody>tr>td{padding:12px 8px!important}.ant-table-tbody>tr:hover>td{background-color:#f0f7ff!important;box-shadow:0 2px 8px #1890ff1a}.ant-table-tbody>tr{transition:all .3s ease}.ant-table-cell{border-bottom:1px solid #f0f0f0!important}
/*# sourceMappingURL=main.6be630c9.css.map*/