:root{font-family:Inter,system-ui,sans-serif;color:#e6edf5;background:#071523;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;min-height:42px;border:1px solid #38526b;background:#13293c;color:#e6edf5;border-radius:7px;padding:9px 13px;font-size:14px}button:hover{background:#21405b}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #6ce4ff;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true],button.selected{background:#124957;border-color:#57d5e6;color:#bffaff}header{display:flex;gap:15px;justify-content:space-between;align-items:start;padding:24px 24px 15px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;color:#8ac4d9}h2{font-size:25px;letter-spacing:-.025em;margin:8px 0}p{line-height:1.6;margin:7px 0;color:#bbcede}h3{font-size:18px;line-height:1.35;margin:8px 0}.badge{border:1px solid #34546c;border-radius:30px;padding:7px 12px;font-size:12px;white-space:nowrap;color:#bfe8ef}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 24px 18px}.explode-label{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:14px}input[type=range]{width:120px;accent-color:#4edcea}output{width:36px;font-variant-numeric:tabular-nums}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;border-block:1px solid #294153}.scene{position:relative;min-width:0;height:460px;background:#071523;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none}.scene-top{position:absolute;left:18px;right:18px;top:15px;display:flex;justify-content:space-between;font-size:12px;color:#b4c9d7;pointer-events:none}.camera-tools{position:absolute;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;bottom:40px;left:10px;right:10px}.camera-tools button{background:#0d243be8;padding:7px 10px;font-size:12px;min-height:36px}.scene-help{position:absolute;bottom:8px;width:100%;text-align:center;font-size:12px;margin:0;pointer-events:none}.inspector{padding:16px;border-left:1px solid #294153;background:#0c1e2e}.inspector-top h3{margin-top:0}.inspector-top label{font-size:13px;color:#c1d0df;display:flex;gap:7px;align-items:center}.parts{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0;max-height:205px;overflow:auto}.parts button{display:flex;align-items:center;gap:7px;text-align:left;width:100%;min-height:38px;font-size:13px;padding:6px 8px;background:#0b1c2b}.parts b{font-size:12px;color:#82ccdf;border:1px solid #355267;border-radius:4px;padding:3px;min-width:23px;text-align:center}.parts button.selected{background:#154454}.inspector article{border-top:1px solid #294153;padding-top:14px}.inspector article p{font-size:14px}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{pointer-events:auto;position:absolute;padding:0;min-height:27px;width:27px;border-radius:50%;background:#10283be8;transform:translate(-50%,-50%);font-size:12px;border-color:#92abb9}.hotspot.selected{background:#83e3ed;color:#052031}.readings{padding:15px 24px;background:#0b2233;display:flex;gap:14px;align-items:center}.readings strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;color:#8ccbdd}.readings p{font-size:14px;font-variant-numeric:tabular-nums}.operation{padding:22px 24px}.operation-heading{display:flex;justify-content:space-between;gap:12px}#step-count{font-size:13px;color:#b6d2df}.step-track{display:flex;gap:6px;margin:14px 0}.step-track button{flex:1;min-height:6px;height:6px;padding:0;background:#253d52;border:0;border-radius:4px}.step-track button.selected{background:#68d4df}.step-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.primary{background:#c8edf0!important;color:#0b2634;border-color:#c8edf0}footer{padding:18px 24px;border-top:1px solid #294153}footer strong{font-size:13px;color:#dcecf5}footer p{font-size:13px;color:#a5b9c9}#unavailable{position:absolute;top:35%;padding:25px;text-align:center;width:100%}#translation-note{color:#f3d491}@media(max-width:780px){.workspace{grid-template-columns:1fr}.scene{height:390px}.inspector{border-left:0;border-top:1px solid #294153}.parts{max-height:140px}.parts button{width:auto;flex:1 0 40%}.inspector article{min-height:90px}.explode-label{margin-left:0}.readings{display:block}.badge{display:none}}@media(max-width:400px){header,.operation,footer,.readings{padding:17px}.toolbar{padding:0 17px 14px}.scene{height:330px}.camera-tools{bottom:45px}.camera-tools button{min-height:38px}.parts button{flex-basis:100%}h2{font-size:22px}.scene-top{font-size:11px}.scene-help{font-size:11px;padding:0 10px}.explode-label{flex-wrap:wrap}.step-buttons button{flex:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}