.viewer-heading{font-size:14px;font-weight:700;letter-spacing:.02em}.viewer-layout-controls{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-bottom:1px solid #cbd4c4}.viewer-layout-controls button{font:600 13px/1.25 "Segoe UI",Arial,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #79846f;border-radius:5px;background:#fffef9;color:#252b29;cursor:pointer}.viewer-layout-controls button[aria-pressed="true"]{background:#d94e27;color:white;border-color:#d94e27}.viewer-layout-controls button:focus-visible,.model-view-links a:focus-visible{outline:3px solid #d94e27;outline-offset:3px}.model-view-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.model-view-links a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #9caa92;padding:9px 13px;border-radius:4px;font-size:13px;font-weight:600;color:#252b29;background:#f5f7ef;text-decoration:none!important}.model-view-links a:hover{background:#e0e8d8}.viewers-nav{font-weight:750;color:#b33d1d!important}.viewer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.viewer-card{background:#fffef9;border:1px solid #d9dcd2;border-radius:8px;padding:18px;min-width:0}.viewer-card img{width:100%;height:200px;object-fit:contain;background:#eef2ea}.viewer-card h3{font-size:24px;margin-top:20px}.viewer-card .model-view-links{margin-bottom:0}.viewer-card>a{text-decoration:none!important}.exploded-link{display:block;margin:12px 0;font-weight:650;text-decoration:underline}.preview-link{font-size:12px;font-weight:650;min-height:40px;display:inline-flex;align-items:center}.header nav{gap:18px;flex-wrap:wrap}.viewer-shell,.viewer{scroll-margin-top:22px}.viewer-disclaimer{font-size:11px}.viewer #status{padding:0 18px}.viewer-bottom{flex-wrap:wrap;gap:12px}#exploded{scroll-margin-top:75px}@media(max-width:1100px){.header{height:auto;min-height:112px;flex-wrap:wrap;padding-block:22px}.header nav{gap:12px 18px}.viewer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.header nav,.model-page .header nav{display:flex;order:3;width:100%;gap:12px 18px}.viewer-grid{grid-template-columns:1fr}.viewer-layout-controls{padding:12px}.viewer-heading{font-size:12px}.model-view-links a{font-size:12px}.topbar{flex-wrap:wrap}.topbar nav{flex-wrap:wrap}.viewer-card img{height:230px}}

/* Continuous separation control, with the two buttons retained as endpoint shortcuts. */
.gear-control[hidden]{display:none}.gear-actions{display:flex;gap:8px;margin:7px 0}.gear-actions button{border:1px solid #79846f;border-radius:5px;padding:9px 14px;min-height:40px;background:#fffef9;color:#252b29;cursor:pointer;font:600 12px "Segoe UI",Arial,sans-serif}.gear-actions button[aria-pressed="true"]{background:#244c47;color:white}.gear-actions button:focus-visible{outline:3px solid #d94e27;outline-offset:3px}
.explosion-control{padding:12px 18px 15px;border-bottom:1px solid #cbd4c4}.explosion-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:650;color:#252b29}.explosion-label output{min-width:42px;text-align:right;font-variant-numeric:tabular-nums;color:#b33d1d}.explosion-control input[type=range]{display:block;width:100%;height:30px;margin:5px 0;cursor:ew-resize;accent-color:#d94e27;touch-action:pan-y}.explosion-control input:focus-visible{outline:3px solid #d94e27;outline-offset:3px}.explosion-endpoints{display:flex;justify-content:space-between;color:#596352;font-size:11px;line-height:1.2}

.servo-control{padding:12px 18px}.servo-control button{padding:10px 16px}.servo-control p{max-width:800px;font-size:14px;line-height:1.5}

.viewer-layout-controls .servo-control{padding:0}#servo-legend{margin:0 18px 16px;font-size:13px;line-height:1.5}.servo-control button[aria-pressed=true]{background:var(--ink);color:white}