*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8e8ed;color:#1d1d1f;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}button,input{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-main{flex:1 1 auto;min-height:0;position:relative}.navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex:0 0 auto;height:56px;justify-content:space-between;padding:0 20px}.navbar-logo img{display:block;height:26px;width:auto}.navbar-home{color:#000;font-size:14px;font-weight:500;text-decoration:none}@media (max-width:480px){.navbar{padding:0 14px}.navbar-logo img{height:22px}}.footer{background:#fff;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;color:#000;flex:0 0 auto;font-size:12px;padding:10px 20px;text-align:center}.dt-wrapper{display:flex;flex-direction:column;height:100%}.ndoc-header{background:#fff;border-bottom:1px solid #00000014;flex:0 0 auto}.ndoc-header-inner{align-items:baseline;display:flex;gap:10px;margin:0 auto;max-width:1400px;padding:10px 20px}.ndoc-header-title{color:#1d1d1f;font-size:16px;font-weight:600}.ndoc-header-version{color:#1d1d1f80;font-size:12px}.live-badge{align-items:center;display:flex;font-size:12px;gap:6px;margin-left:auto}.live-dot{background:#9a9a9a;border-radius:50%;flex:none;height:8px;width:8px}.live-badge[data-status=live] .live-dot{animation:live-blink 1.4s ease-in-out infinite;background:#22c55e}.live-badge[data-status=offline] .live-dot{background:#d0342c}.live-label{font-weight:600}.live-caption{color:#1d1d1f80}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.25}}@media (max-width:700px){.live-caption{display:none}}.twin-layout{display:flex;flex:1 1 auto;min-height:0;position:relative}.twin-sidebar{border-right:1px solid #00000014;flex:0 0 280px;overflow:hidden;width:280px}.twin-viewport{flex:1 1 auto;min-width:0;position:relative}.twin-viewport canvas{display:block;height:100%!important;width:100%!important}.panel-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d1d1fd9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:13px;font-weight:600;left:12px;padding:8px 14px;position:absolute;top:12px;z-index:10}.drawer-overlay{display:none}.view-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:10px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;gap:6px;padding:8px;position:absolute;right:12px;top:12px;z-index:10}.view-dpad{grid-gap:2px;display:grid;gap:2px;grid-template-areas:".    up    ." "left .     right" ".    down  .";grid-template-columns:32px 32px 32px;grid-template-rows:32px 32px 32px}.view-btn-up{grid-area:up}.view-btn-left{grid-area:left}.view-btn-right{grid-area:right}.view-btn-down{grid-area:down}.view-zoom{display:flex;gap:4px;width:100%}.view-zoom .view-btn{flex:1 1}.view-btn{align-items:center;background:#fff;border:1px solid #000;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.view-btn:hover{background:#000;color:#fff}@media (max-width:900px){.twin-sidebar{background:#fff;bottom:0;box-shadow:4px 0 20px #00000026;flex:none;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:min(82vw,320px);z-index:30}.twin-sidebar.open{transform:translateX(0)}.panel-toggle{display:block}.drawer-overlay{background:#0006;display:block;inset:0;position:fixed;z-index:20}}@media (max-width:480px){.ndoc-header-inner{padding:8px 14px}.ndoc-header-title{font-size:14px}.ndoc-header-version{display:none}}.control-panel{background:#fff;color:#000;font-size:11px;height:100%;overflow-y:auto;padding:8px}.robot-tabs{border:1px solid #000;border-radius:4px;display:flex;margin-bottom:8px;overflow:hidden}.robot-tabs button{background:#fff;border:none;color:#000;cursor:pointer;flex:1 1;font-size:11px;padding:4px 0}.robot-tabs button+button{border-left:1px solid #000}.robot-tabs button.active{background:#000;color:#fff}.control-section{border-bottom:1px solid #000;margin-bottom:10px;padding-bottom:10px}.control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-section h3{font-size:10px;font-weight:600;margin:0 0 6px}.joint-slider{display:block;margin-bottom:6px}.joint-slider:last-child{margin-bottom:0}.joint-slider-label{display:flex;justify-content:space-between;margin-bottom:2px}.joint-slider input[type=range]{height:12px;width:100%}.control-toggle{align-items:center;cursor:pointer;display:flex;gap:4px}
/*# sourceMappingURL=main.2cf5c72f.css.map*/