:root{--bg: #f6f8ff;--text: #162038;--muted: #5e6d90;--line: #d8def1;--card: rgba(255, 255, 255, .92);--strong: #2b59ff;--strong-2: #1d44d8;--ok: #0c9b61;--err: #db2f5d}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Avenir Next,Segoe UI,PingFang SC,Noto Sans CJK SC,sans-serif;background:radial-gradient(1200px 400px at 10% -10%,#d7e5ff 0%,transparent 60%),radial-gradient(900px 420px at 90% -20%,#ffe3cf 0%,transparent 65%),linear-gradient(180deg,#f9fbff,#f3f7ff 45%,#edf3ff)}.app{max-width:1720px;margin:0 auto;padding:22px;display:grid;gap:14px}.card{border-radius:16px;padding:14px;border:1px solid var(--line)}.glass{background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #1b358c14}.sectionTitle{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.sectionTitle h2{margin:0;font-size:18px}.sectionTitle span{color:var(--muted);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px}.denseGrid{gap:12px}.field label{display:block;margin-bottom:6px;color:#556385;font-size:12px;font-weight:600}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);background:#fff}input:focus,select:focus{outline:none;border-color:#9ab3ff;box-shadow:0 0 0 3px #4572ff29}input[type=checkbox]{width:auto}button{border:1px solid #c4cff0;border-radius:10px;padding:8px 12px;background:#fff;color:var(--text);font-weight:600;cursor:pointer}button:hover{background:#f6f8ff}button.primary{color:#fff;border-color:var(--strong);background:linear-gradient(135deg,var(--strong),var(--strong-2));position:relative;overflow:hidden}button.primary:after{content:"";position:absolute;top:-40%;right:-90%;bottom:-40%;left:-90%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-100%);animation:sweep 2.4s ease-in-out infinite}button.strong{box-shadow:0 8px 20px #2653eb40}button:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar{margin-top:12px}.tip{color:var(--muted);font-size:12px}.chip{font-size:11px;color:#3556b4;background:#eaf0ff;border:1px solid #cedcff;border-radius:999px;padding:2px 8px}.tight{gap:8px}.box{min-height:280px;max-height:360px;overflow:auto;background:#fff;border:1px solid #d8def1;border-radius:10px;padding:10px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.logs{min-height:280px;background:#fafcff}@media (max-width: 1200px){.grid2,.grid3{grid-template-columns:1fr}}@keyframes popIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 #6c94ff00}50%{box-shadow:0 0 0 6px #6c94ff2e}to{box-shadow:0 0 #6c94ff00}}@keyframes sweep{0%{transform:translate(-100%)}55%{transform:translate(-100%)}to{transform:translate(100%)}}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.heroActions{display:flex;gap:8px;align-items:center}.langBox{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#4c5f90}.langBox select{min-width:102px;border-radius:8px;border:1px solid #d5def4;padding:4px 8px;background:#fff}.hero h1{margin:0;font-size:30px;letter-spacing:.2px}.hero p{margin:4px 0 0;color:var(--muted);font-size:14px}.menuToggle{background:linear-gradient(135deg,#ff9f5a,#ff6f7a);color:#fff;border-color:#ff8d71;box-shadow:0 8px 20px #ff786947}.actionMenu{margin-top:-4px}.menuGrid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:8px}.badge{border-radius:999px;border:1px solid var(--line);padding:8px 12px;font-size:12px;font-weight:700;background:#fffc}.badge.ok{color:var(--ok);border-color:#bdecd8;background:#edfff6}.badge.err{color:var(--err);border-color:#f8c6d6;background:#fff1f6}.vendorGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.vendorCard{border:1px solid #d7dff6;border-radius:14px;padding:10px;background:linear-gradient(180deg,#fff,#f8fbff)}.vendorCard.active{border-color:#8fa8ff;box-shadow:inset 0 0 0 1px #3c6aff42}.vendorHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.checkWrap{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:#223156}.manualCard{margin-top:14px;border:1px dashed #cfdaf8;border-radius:12px;padding:12px;background:linear-gradient(180deg,#fcfdff,#f7faff)}.scanProgressWrap{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid #d3defb;background:#f8fbff}.offlineBanner{margin:8px 0 10px;padding:8px 10px;border-radius:10px;border:1px solid #f3cad7;background:#fff4f8;color:#9a2f55;font-size:12px;font-weight:700}.scanProgressText{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#3b5393;margin-bottom:6px}.scanProgressTrack{width:100%;height:8px;border-radius:999px;background:#e6edff;overflow:hidden}.scanProgressFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b6cff,#4e8eff);transition:width .14s linear}.scanFoundFx{margin-top:8px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid #d8e7ff;color:#2a4fa2;font-size:12px;font-weight:700;background:linear-gradient(90deg,#f6fbff,#eef5ff);box-shadow:0 8px 18px #4672ec2e;animation:foundPop .32s ease,foundFade 1.4s ease}.starBurstLayer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.star{position:fixed;left:50%;top:50%;font-size:24px;color:#5a7dff;text-shadow:0 0 14px rgba(84,123,255,.45);animation:starBurst .9s cubic-bezier(.2,.7,.2,1) forwards}.star.s1{--dx: 0px;--dy: -130px}.star.s2{--dx: 98px;--dy: -72px}.star.s3{--dx: 120px;--dy: 36px}.star.s4{--dx: -112px;--dy: -58px}.star.s5{--dx: -126px;--dy: 44px}.star.s6{--dx: 0px;--dy: 122px}.compactToolbar{gap:6px}.inlineInput,.inlineSelect{width:auto;min-width:140px;max-width:260px}@media (max-width: 1200px){.hero{flex-direction:column;align-items:flex-start}.menuGrid{grid-template-columns:1fr}}@keyframes foundPop{0%{transform:translateY(4px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes foundFade{0%{opacity:0}16%{opacity:1}84%{opacity:1}to{opacity:0}}@keyframes starBurst{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:0}18%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.1) rotate(22deg);opacity:0}}.motorLayout{display:grid;grid-template-columns:360px 1fr;gap:12px}.motorCards{display:grid;gap:8px;height:520px;max-height:520px;overflow-y:auto;overflow-x:hidden;align-content:start;grid-auto-rows:max-content;padding-right:4px}.motorCard{text-align:left;width:100%;min-height:132px;border-radius:12px;border:1px solid #d8e1fb;background:radial-gradient(120% 100% at 100% 0%,#577eff26,#577eff00 55%),linear-gradient(180deg,#fff,#f7f9ff);padding:10px;transition:transform .14s ease,box-shadow .18s ease,border-color .16s ease;cursor:grab}.motorCard:hover{transform:translateY(-1px);border-color:#8fa8ff;box-shadow:0 8px 18px #335cdf29}.motorCard:active{cursor:grabbing}.motorCard.active{border-color:#6b8bff;box-shadow:0 0 0 2px #567dff33,0 10px 24px #2c4ebe3d}.motorCard.new{animation:popIn .5s ease,pulseGlow 1.2s ease}.motorCardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:700}.motorCardTopNew{margin-bottom:8px}.cardActions{display:inline-flex;align-items:center;gap:6px}.iconBtn{min-width:26px;height:26px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.iconBtn.danger{color:#b02852;border-color:#f0bfd1;background:#fff4f8}.iconBtn.danger:hover{background:#ffeaf2}.iconBtn.ping{color:#1f7d53;border-color:#bdebd6;background:#effff7}.iconBtn.ping:hover{background:#e2fbea}.iconBtn.ping:disabled{opacity:.45;cursor:not-allowed}.chipVendor{background:#e7f0ff;color:#2748a0}.chipId{background:#edf2ff;color:#3b57a8}.motorSignal{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;padding:2px 8px;border-radius:999px;border:1px solid #d6f3e3;background:#f1fff8}.dotLive{width:8px;height:8px;border-radius:50%;background:#12b36f;box-shadow:0 0 0 6px #12b36f29}.dotLive.off{background:#cc3d5f;box-shadow:0 0 0 6px #cc3d5f24}.signalText{font-size:11px;color:#198a5a;font-weight:700}.motorMeta{color:#5e6c90;font-size:12px;margin-bottom:2px}.motorSummary{color:#3d5fa8}.motorPanel{border:1px solid #dbe3fb;border-radius:12px;padding:12px;background:#fbfcff}.metaGrid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;margin-bottom:10px}.metaItem{background:#fff;border:1px solid #e1e7fa;border-radius:8px;padding:6px 8px;font-size:12px;color:#34456f}.metaItem b{color:#5b6c94;font-weight:700;margin-right:6px}.ghostBtn{background:#f6f8ff;border-color:#d4dcf8;color:#4560a9}.ghostBtn:hover{background:#edf2ff}.small{padding:4px 10px;font-size:11px}@media (max-width: 1200px){.motorLayout{grid-template-columns:1fr}.metaGrid{grid-template-columns:1fr 1fr}}.armGrid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;max-height:620px;overflow-y:auto;padding-right:4px}.armStudio{margin-top:12px;display:grid;grid-template-columns:400px minmax(420px,1fr);gap:12px;align-items:stretch}.armLeftPane,.armControlPanel,.armSimPanel{border:1px solid #d9e2fb;border-radius:14px;padding:12px;background:radial-gradient(120% 120% at 100% 0%,#598aff1f,#598aff00 62%),linear-gradient(180deg,#fff,#f8faff)}.armLeftPane{display:flex;flex-direction:column;min-height:0}.armRightPane{display:grid;grid-template-rows:auto 1fr;gap:12px;min-height:0}.armPaneTitle{margin-bottom:8px}.armJointList{display:grid;gap:8px;flex:1;min-height:0;max-height:none;overflow-y:auto;padding-right:4px}.armJointCard{border:1px solid #d9e3fb;border-radius:12px;padding:10px;background:#fff;cursor:pointer;transition:border-color .14s ease,box-shadow .18s ease,transform .12s ease}.armJointCard:hover{transform:translateY(-1px);border-color:#8fa8ff;box-shadow:0 6px 14px #335cdf1f}.armJointCard.active{border-color:#6b8bff;box-shadow:0 0 0 2px #567dff33}.armCard{border:1px solid #d9e2fb;border-radius:14px;padding:12px;background:radial-gradient(120% 120% at 100% 0%,#598aff29,#598aff00 62%),linear-gradient(180deg,#fff,#f8faff);min-height:320px}.armCardHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.armMeta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#4b5f93;margin-bottom:6px}.armFields{margin-top:10px}.armSliderWrap{margin-top:12px;padding:10px;border:1px solid #dfe7fb;border-radius:12px;background:#fff}.armSliderMeta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#4e6297;font-size:12px}.armPosInput{width:120px}.armUrdfUrlField{flex:1}.armUrdfFrame{margin-top:8px;width:100%;min-height:360px;border:1px solid #d7e0f7;border-radius:12px;background:#fff}.armUrdfViewerShell{margin-top:8px;position:relative;width:100%;flex:1;min-height:560px;border:1px solid #d7e0f7;border-radius:12px;overflow:hidden;background:#f7fbff}.armSimPanel{display:flex;flex-direction:column;min-height:0}.armUrdfViewer{width:100%;height:560px}.armUrdfOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#4d6297;background:#f7fbffa8;pointer-events:none}.chipOk{color:#0f7b57;background:#e9fff6;border-color:#bcefd9}@media (max-width: 1200px){.armStudio{grid-template-columns:1fr}.armGrid{grid-template-columns:1fr;max-height:none}}