.hands-dock,.depth-settings .hands-dock{display:block;grid-column:1/-1;padding:16px;margin:0 0 18px;background:#f3f9fc;border:1px solid #e1edf3;border-radius:16px;min-width:0}
.hands-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hands-head b,.depth-settings .hands-head b{font-size:14px;font-weight:500}
.hands-head>span{font-size:12px;color:#6c8395}
.hands-chassis{width:200px;height:212.5px;position:relative;margin:14px auto 10px;max-width:100%}
.hands-chassis>.assembly-robot,.depth-settings .hands-chassis>.assembly-robot{width:100%;height:100%;display:block;margin:0}
.hands-socket{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:50px;border:2px dashed #98bbc9;border-radius:10px;background:#e6f3facc;color:#4b7387;cursor:pointer;padding:0;font:500 13px var(--font);z-index:2;touch-action:manipulation}
.hands-socket-left{left:7%;top:37%}.hands-socket-right{right:7%;top:37%}.hands-socket-distance{width:70px;height:36px;left:32.5%;top:14%}.hands-socket-line{width:58px;height:28px;left:35.5%;top:3%}.hands-socket-color{width:30px;height:38px;right:15%;top:28%}
.hands-socket.is-installed{background:transparent;border-color:transparent;color:#fff8e9}
.hands-socket.is-installed>span{position:absolute;bottom:-17px;color:#4b7387;font-size:10px}
.hands-socket.is-installed:hover,.hands-socket.is-installed:focus-visible{background:#fff9;border:1px solid #83c5d8;color:#296779}
.hands-socket.is-target{background:#b4effa99;border-color:#00a3d1;border-style:solid;box-shadow:0 0 0 3px #00b7e819}
.hands-socket-line.is-target,.hands-socket-distance.is-target,.hands-socket-color.is-target{min-width:44px;min-height:44px;z-index:4}
.hands-instruction,.depth-settings .hands-dock .hands-instruction{font-size:12px;color:#718596;text-align:center;margin:10px 0}
.hands-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hands-piece{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;min-width:0;min-height:86px;padding:8px;border:1px solid #ccdfe8;border-radius:12px;background:#fff;color:#355266;cursor:grab;touch-action:none;font:400 12px/1.4 var(--font);text-align:center}
.hands-piece>svg{display:block;width:38px;height:38px}
.hands-piece>small{position:absolute;right:8px;top:5px;color:#338565;font-size:12px}
.hands-piece[aria-pressed=true]{border-color:#00a3d1;background:#e7f8fd}
.hands-piece.is-installed:disabled{opacity:.65;cursor:default;background:#edf6f9}
.hands-dock .assembly-status,.depth-settings .hands-dock .assembly-status{min-height:18px;font-size:12px;line-height:1.5;margin:10px 0 0;color:#507389}
.hands-drag-ghost{position:fixed;z-index:110;pointer-events:none;width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2px solid #00b7e8;border-radius:13px;box-shadow:0 5px 18px #25485d25;font:11px var(--font);text-align:center}
.hands-drag-ghost>svg{width:40px;height:40px}.hands-drag-ghost>small{display:none}
.hands-socket:focus-visible,.hands-piece:focus-visible{outline:3px solid #007fa8;outline-offset:3px}
.hands-dock~.robot-panel[hidden],.mission-parts[hidden],.depth-control[hidden]{display:none!important}
.platform-guide{grid-column:1/-1;padding:14px 16px;margin:0 0 14px;border:1px solid #97d6e6;border-radius:14px;background:#f0fbff;color:#294c62;min-width:0}
.platform-guide-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#567d91;font-size:12px}
.platform-guide-head img{display:block;flex:0 0 28px}
.platform-guide-head small{margin-left:auto;font-size:11px}
.platform-guide-head button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#577788;font-size:23px;cursor:pointer}
.platform-guide>b{font-size:15px;font-weight:500;line-height:1.4}
.platform-guide>p{font-size:13px;line-height:1.5;margin:6px 0 0}
.platform-guide>.text-link{margin-top:8px;min-height:36px;font-size:13px}
.platform-guide-open{font-size:12px}
.mission-page-top:has(.platform-guide-open){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mission-page-top .platform-guide-open{margin-bottom:15px;min-height:36px}
.guide-focus{outline:2px solid #00a9d2;outline-offset:4px;border-radius:10px}
.hands-dock.guide-focus{outline:0}
.hands-socket.guide-focus{animation:guide-attention 1.1s ease-in-out 3}
@keyframes guide-attention{50%{box-shadow:0 0 0 7px #00b7e825}}
@media(max-width:640px){.hands-dock,.depth-settings .hands-dock{padding:14px}.hands-chassis{width:190px;height:202px}.hands-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.hands-piece{min-height:82px}.platform-guide{padding:12px 14px}.platform-guide-open{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hands-socket.guide-focus{animation:none}}

.hands-chassis{width:220px;height:248px;padding-top:30px}.hands-chassis>.assembly-robot,.depth-settings .hands-chassis>.assembly-robot{height:212px;width:200px;margin:0 auto}
.hands-socket-left{left:5%;top:44%}.hands-socket-right{right:5%;top:44%}.hands-socket-line{width:60px;height:44px;left:6%;top:0}.hands-socket-distance{width:72px;height:44px;left:auto;right:6%;top:0}.hands-socket-color{width:44px;height:44px;right:-4%;top:24%}
.hands-socket-line>span::after{content:' L';font-size:10px}.hands-socket-distance>span::after{content:' D';font-size:10px}.hands-socket-color>span::after{content:' C';font-size:10px}
.hands-piece[data-assembly-piece=left]{border-left:3px solid #0097bd}.hands-piece[data-assembly-piece=right]{border-right:3px solid #8460bf}
.assembly-wire{stroke-dasharray:18;stroke-dashoffset:0}.assembly-installed{animation:assembly-connected 420ms ease-out}
@keyframes assembly-connected{from{filter:drop-shadow(0 0 5px #00b7e8)}to{filter:none}}
@media(prefers-reduced-motion:reduce){.assembly-installed{animation:none}}