:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0;padding:2rem}.visualization-container{aspect-ratio:16/9;background:#f4f8ff;border-radius:8px;width:100%;max-width:800px;margin:2rem auto;overflow:hidden;box-shadow:0 4px 20px #1f293726}canvas{display:block}.pregrasp-pose-viz-root{gap:1rem;max-width:800px;margin:0 auto;display:grid}.simple-pregrasp-pose-viz-status{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.4rem .7rem;font-size:.8rem}.simple-pregrasp-pose-viz-status.is-invalid{color:#991b1b;background:#fef2f2;border-color:#fecaca}.simple-pregrasp-pose-viz-reset{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:.25rem .65rem}.simple-pregrasp-pose-viz-reset:hover{background:#f1f5f9}.pregrasp-pose-breakdown-viz-root{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1200px;margin:0 auto;display:grid}.pregrasp-pose-breakdown-viz-controls{background:#fff;border:1px solid #dbe3ee;border-radius:6px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem 1.25rem;padding:.5rem .8rem;font-size:.8rem;display:flex}.pregrasp-pose-breakdown-viz-controls-group{color:#475569;align-items:center;gap:.4rem;display:flex}.pregrasp-pose-breakdown-viz-face-options{gap:.2rem;display:flex}.pregrasp-pose-breakdown-viz-face-option{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:.15rem .5rem;font-size:.78rem;display:inline-flex}.pregrasp-pose-breakdown-viz-face-option:has(input:checked){color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.pregrasp-pose-breakdown-viz-face-option input{opacity:0;width:0;height:0;position:absolute}.pregrasp-pose-breakdown-viz-face-option:has(input:disabled){color:#94a3b8;cursor:default;background:#f8fafc;border-color:#e2e8f0}.pregrasp-pose-breakdown-viz-floor-label{cursor:pointer;color:#334155;align-items:center;gap:.3rem;font-weight:500;display:inline-flex}.pregrasp-pose-breakdown-viz-controls-group:has(input[type=range]:disabled){opacity:.4}.pregrasp-pose-breakdown-viz-control-slider{width:5rem}.pregrasp-pose-breakdown-viz-control-output{color:#475569;font-variant-numeric:tabular-nums;text-align:right;min-width:3.5rem;font-size:.75rem}.pregrasp-pose-breakdown-viz-pane{background:#f4f8ff;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 4px 20px #1f293726}.pregrasp-pose-breakdown-viz-pane h3{margin:0;font-size:.9rem}.pregrasp-pose-breakdown-viz-pane header{background:#fff;border-bottom:1px solid #dbe3ee;align-items:center;gap:.5rem;min-height:2.25rem;padding:.35rem .8rem;display:flex}.pregrasp-pose-breakdown-viz-hinge-input{min-width:4rem;margin-left:auto}.pregrasp-pose-breakdown-viz-hinge-output{color:#475569;text-align:right;min-width:2.8rem;font-size:.75rem}.pregrasp-pose-breakdown-viz-matrix{color:#475569;background:#fff;border-top:1px solid #dbe3ee;padding:.55rem .7rem .7rem;font-size:.65rem}.pregrasp-pose-breakdown-viz-matrix span{margin-bottom:.25rem;font-weight:600;display:block}.pregrasp-pose-breakdown-viz-matrix-output{color:#1f2937;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.45;display:block;overflow-x:auto}.pregrasp-pose-breakdown-viz-transform-row{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.pregrasp-pose-breakdown-viz-final-row{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pregrasp-pose-breakdown-viz-viewport canvas{width:100%;height:100%}.robot-viz-root{background:#f4f8ff;border-radius:8px;grid-template-columns:minmax(0,1fr) 260px;max-width:1100px;min-height:520px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 4px 20px #1f293726}.robot-viz-viewport{min-width:0;height:520px}.robot-viz-viewport canvas{width:100%;height:100%}.body-tree-root{background:#f4f8ff;border-radius:8px;grid-template-columns:350px minmax(0,1fr);max-width:1100px;min-height:600px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 4px 20px #1f293726}.body-tree-sidebar{background:#fff;border-right:1px solid #dbe3ee;flex-direction:column;min-width:0;display:flex}.body-tree-sidebar header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1rem;display:flex}.body-tree-info span,.body-tree-sidebar header span{color:#64748b;font-size:.78rem}.body-tree-search{border:1px solid #cbd5e1;border-radius:6px;margin:.75rem;padding:.55rem .7rem}.body-tree-list{padding:0 .55rem 1rem;overflow:auto}.body-tree-body summary,.body-tree-geom{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:1.5rem minmax(0,1fr) auto 1.25rem;align-items:center;gap:.35rem;width:100%;padding:.45rem;display:grid}.body-tree-geom{padding-left:1.7rem;font-size:.75rem}.body-tree-body summary:hover,.body-tree-geom:hover,.body-tree-body summary.selected,.body-tree-geom.selected{color:#075985;background:#e0f2fe}.body-tree-body small{color:#94a3b8;font-size:.65rem}.body-tree-toggle{color:#0ea5e9;cursor:pointer;background:#e0f2fe;border:0;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;padding:0;font-size:.6rem;display:inline-grid}.body-tree-toggle.off{color:#94a3b8;opacity:.65;background:#e2e8f0}.body-tree-icon{color:#fff;background:#475569;border-radius:4px;place-items:center;width:1.15rem;height:1.15rem;font-size:.62rem;font-weight:700;display:inline-grid}.body-tree-geom .body-tree-icon{background:#d97706}.body-tree-inspector{grid-template-rows:minmax(0,1fr) auto;min-width:0;display:grid}.body-tree-viewport{min-width:0;height:540px}.body-tree-viewport canvas{width:100%;height:100%}.body-tree-info{background:#fff;border-top:1px solid #dbe3ee;flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.robot-viz-controls{background:#fff;border-left:1px solid #dbe3ee;padding:1rem}.robot-viz-controls-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.robot-viz-controls button{color:#334155;cursor:pointer;background:#eef2f7;border:1px solid #cbd5e1;border-radius:5px;padding:.35rem .55rem}.robot-viz-joint{grid-template-columns:1fr 3rem;gap:.25rem .5rem;margin-bottom:.85rem;font-size:.85rem;display:grid}.robot-viz-joint input{grid-column:1/-1;width:100%;margin:0}.robot-viz-joint output{color:#64748b;text-align:right}.robot-viz-color-section{border-top:1px solid #dbe3ee;flex-direction:column;gap:.6rem;margin-top:1.25rem;padding-top:1rem;display:flex}.robot-viz-color-section strong{color:#334155;font-size:.85rem}.robot-viz-color-entry{flex-direction:column;gap:.15rem;display:flex}.robot-viz-color-row{cursor:pointer;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.robot-viz-color-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:4px;width:2rem;height:1.5rem;padding:0}.robot-viz-color-readout{color:#64748b;-webkit-user-select:all;user-select:all;font-family:ui-monospace,monospace;font-size:.72rem}@media (width<=800px){.robot-viz-root{grid-template-columns:1fr}.robot-viz-controls{border-top:1px solid #dbe3ee;border-left:0}.body-tree-root{grid-template-columns:1fr}.body-tree-sidebar{border-bottom:1px solid #dbe3ee;border-right:0;max-height:360px}}.simple-pregrasp-ik-viz-root{max-width:900px;margin:0 auto}.simple-pregrasp-ik-viz-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:1rem;display:grid}.simple-pregrasp-ik-viz-viewport{background:#f4f8ff;border:1px solid #dbe3ee;border-radius:8px;min-width:0;height:420px;overflow:hidden}.simple-pregrasp-ik-viz-viewport canvas{width:100%;height:100%}.simple-pregrasp-ik-viz-controls{flex-direction:column;gap:.5rem;font-size:.8rem;display:flex}.simple-pregrasp-ik-viz-status{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.4rem .7rem;font-size:.8rem}.simple-pregrasp-ik-viz-status.is-invalid{color:#991b1b;background:#fef2f2;border-color:#fecaca}.simple-pregrasp-ik-viz-reset{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;align-self:flex-start;padding:.25rem .65rem}.simple-pregrasp-ik-viz-reset:hover{background:#f1f5f9}.simple-pregrasp-ik-viz-branches{flex-direction:column;gap:.25rem;display:flex}.simple-pregrasp-ik-viz-branch{color:#475569;align-items:center;gap:.4rem;display:flex}@media (width<=720px){.simple-pregrasp-ik-viz-layout{grid-template-columns:minmax(0,1fr)}}.table-layout-viz-root{max-width:900px;margin:0 auto}.table-layout-viz-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:1rem;display:grid}.table-layout-viz-viewport{background:#f4f8ff;border:1px solid #dbe3ee;border-radius:8px;min-width:0;height:420px;overflow:hidden}.table-layout-viz-viewport canvas{width:100%;height:100%}.table-layout-viz-controls{flex-direction:column;gap:.5rem;font-size:.8rem;display:flex}.table-layout-viz-hint{color:#64748b;margin:.25rem 0 0;font-size:.75rem;line-height:1.4}@media (width<=720px){.table-layout-viz-layout{grid-template-columns:minmax(0,1fr)}}.pick-and-place-viz-cube-heading{color:#334155;align-items:center;gap:.45rem;margin-top:.35rem;font-size:.8rem;display:flex}.pick-and-place-viz-controls{z-index:1;width:220px;max-height:calc(100% - 5.5rem);position:absolute;top:.75rem;right:.75rem;overflow-y:auto}.pick-and-place-viz-controls[hidden]{display:none}.pick-and-place-viz-root .simple-pregrasp-ik-viz-layout{grid-template-columns:minmax(0,1fr)}.pick-and-place-viz-setup-controls[hidden]{display:none}.pick-and-place-viz-setup-controls{flex-direction:column;gap:.6rem;display:flex}.pick-and-place-viz-setup-panel{color:#334155;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#ffffffe6;border:1px solid #cbd5e1cc;border-radius:7px;flex-direction:column;gap:.35rem;min-width:0;padding:.55rem .65rem;font-size:.75rem;display:flex;box-shadow:0 2px 8px #0f172a26}.pick-and-place-viz-setup-panel .pick-and-place-viz-cube-heading{margin-top:0}.pick-and-place-viz-setup-panel :where(.pregrasp-pose-breakdown-viz-controls-group){grid-template-columns:2rem minmax(0,1fr) 3.5rem;gap:.3rem;display:grid}.pick-and-place-viz-setup-panel .pregrasp-pose-breakdown-viz-control-slider{width:100%}.pick-and-place-viz-viewport{height:560px;position:relative}.pick-and-place-viz-swatch{box-sizing:border-box;border-radius:2px;width:.7rem;height:.7rem}.pick-and-place-viz-swatch.source{background:#38bdf8}.pick-and-place-viz-swatch.target{background:#22c55e47;border:1px solid #22c55e}.pick-and-place-viz-setup-actions{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #cbd5e1cc;border-radius:7px;gap:.5rem;padding:.45rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;box-shadow:0 2px 8px #0f172a26}.pick-and-place-viz-setup-actions[hidden]{display:none}.pick-and-place-viz-run-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #1d4ed8;border-radius:4px;min-width:4.5rem;padding:.3rem .85rem;font-weight:600}.pick-and-place-viz-setup-controls>.simple-pregrasp-ik-viz-reset{align-self:flex-end}.pick-and-place-viz-run-button:hover{background:#1d4ed8}.pick-and-place-viz-run-controls{z-index:1;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0f172ad1);flex-direction:column;gap:.4rem;padding:2.5rem .8rem .65rem;font-size:.8rem;display:flex;position:absolute;bottom:0;left:0;right:0}.pick-and-place-viz-cancel-button{color:#fff;cursor:pointer;pointer-events:auto;background:#ffffff1f;border:0;border-radius:50%;width:1.8rem;height:1.8rem;margin-left:auto;padding:0;font-size:.8rem}.pick-and-place-viz-cancel-button:hover{background:#ffffff40}.pick-and-place-viz-run-controls[hidden]{display:none}.pick-and-place-viz-playback-row{align-items:center;gap:.5rem;display:flex}.pick-and-place-viz-play-button{color:#fff;cursor:pointer;pointer-events:auto;background:#2563eb;border:1px solid #1d4ed8;border-radius:4px;min-width:4rem;padding:.3rem .65rem;font-weight:600}.pick-and-place-viz-play-button:hover{background:#1d4ed8}.pick-and-place-viz-playback-time{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0f172acc}.pick-and-place-viz-seek{cursor:pointer;accent-color:#ef4444;pointer-events:auto;width:100%;margin:0}.pick-and-place-viz-profile{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #cbd5e1cc;border-radius:7px;width:230px;padding:.5rem .6rem .4rem;position:absolute;top:.75rem;left:.75rem;box-shadow:0 2px 8px #0f172a26}.pick-and-place-viz-profile-distance{top:12.25rem}.pick-and-place-viz-profile[hidden]{display:none}.pick-and-place-viz-profile-title{color:#475569;margin-bottom:.25rem;font-size:.72rem;font-weight:600}.pick-and-place-viz-profile-canvas{width:100%;height:130px;display:block}@media (width<=600px){.pick-and-place-viz-controls{width:min(220px,100% - 1rem);max-height:calc(100% - 5rem);top:.5rem;right:.5rem}.pick-and-place-viz-setup-actions{bottom:.5rem;left:.5rem}}