[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:#080d16;color:#edf5ff;font:16px -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif}header{padding:24px 32px;border-bottom:1px solid #293344;display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:28px;margin:4px 0}h2{font-size:18px;margin:0 0 16px}p{line-height:1.6;color:#b5c7dc;margin:8px 0}.eyebrow{color:#79d5f8;font-size:12px;letter-spacing:2px}.badge{border:1px solid #34536c;padding:8px 12px;border-radius:99px;color:#a6f0cd;font-size:13px}main{padding:22px 28px;max-width:1600px;margin:auto}.grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(400px,1.65fr);gap:20px}.panel{background:#101a28;border:1px solid #29394d;border-radius:18px;padding:20px}.camera{aspect-ratio:4/3;position:relative;background:#050912;border-radius:12px;overflow:hidden}.camera video,.camera canvas{position:absolute;width:100%;height:100%;object-fit:contain}.camera video{transform:scaleX(-1)}#view{height:390px;position:relative}.v3d-host{width:100%;height:100%;position:relative}.v3d-callouts{position:absolute;inset:0;pointer-events:none}.v3d-callouts svg{width:100%;height:100%}button,select,a.button{font:inherit;color:#e4efff;background:#20354d;border:1px solid #486586;border-radius:8px;padding:9px 13px;cursor:pointer;text-decoration:none;display:inline-block}button:hover{background:#2f4c6a}button.primary{background:#0d6281;border-color:#30b2ce}button.danger{background:#802b40;border-color:#ff637a;font-weight:bold}button:disabled{opacity:.5;cursor:wait}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:10px 0}label{color:#a8c4e5;font-size:14px}select{padding:7px;max-width:200px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.metric{padding:12px;background:#17273b;border-radius:10px}.metric strong{display:block;font-size:23px;margin-top:6px}small{color:#a7b9ce}#status{padding:10px 0;min-height:40px;color:#f5d599}#sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px}#sliders label{display:grid;grid-template-columns:1fr 45px;gap:4px}input[type=range]{width:100%;grid-column:span 2;accent-color:#7cd5ed}.flow{display:flex;gap:10px;margin:20px 0;align-items:center;justify-content:center;color:#89c9ef}.flow span{background:#172334;border-radius:10px;padding:12px 20px}.footer{margin:20px 0;color:#97a9bd;font-size:13px}.note{color:#ffc892;font-size:14px}#mujoco{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111;display:none}a{color:#87d7ff}.controls{margin-top:18px}.log{font:12px monospace;white-space:pre-wrap;max-height:120px;overflow:auto} @media(max-width:900px){.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}#view{height:320px}.flow{font-size:12px;gap:3px}.flow span{padding:8px}main{padding:16px}}

.robot-status{padding:25px;border:1px solid #397487;border-radius:16px;height:100%;background:linear-gradient(135deg,#122b40,#102019)}
.robot-status pre{font-size:20px;color:#8de4c0}