.mechanism-tabs{display:flex;gap:8px;padding:6px 0 18px;border-bottom:1px solid #dbe5e6;margin-bottom:20px;flex-wrap:wrap}
.mechanism-tabs button{font-size:14px;padding:11px 16px;border:1px solid #ccdade;border-radius:8px;background:#f6f9f9;color:#254f59;box-shadow:none}
.mechanism-tabs button[aria-selected=true]{color:#fff;background:#174d59;border-color:#174d59}
.mechanism-tabs button:focus-visible,.exploded-preview:focus-visible,#exploded-viewer button:focus-visible{outline:3px solid #378b9c;outline-offset:3px}
.exploded-preview{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #d9e5e7;border-radius:10px;background:white;box-shadow:none;text-align:left;color:#224e57}
.exploded-preview img{display:block;width:100%;height:auto;aspect-ratio:4200/3100;object-fit:contain}
.exploded-preview>span{display:flex;justify-content:space-between;padding:14px 18px;background:#f0f6f6;font-size:14px;font-weight:600}
#exploded-viewer{inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;color:#193e47;background:#fff;overflow:hidden}
#exploded-viewer[open]{display:flex;flex-direction:column}
#exploded-viewer::backdrop{background:rgba(12,35,42,.72)}
.exploded-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid #dce6e7;flex-shrink:0;background:#f7fafa}
.exploded-toolbar h2{font-size:20px;margin:0;line-height:1.3;letter-spacing:-.3px}
.exploded-toolbar p{font-size:14px;margin:5px 0 0;color:#5a737a}
.exploded-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.exploded-tools button{background:white;border:1px solid #cadbde;border-radius:7px;padding:10px 13px;font-size:14px;color:#204d58;box-shadow:none;min-height:42px}
.exploded-tools button[aria-pressed=true]{background:#204e59;border-color:#204e59;color:white}
.exploded-tools output{min-width:43px;text-align:center;font-size:14px}
.exploded-tools [data-image-close]{margin-left:8px}
.exploded-canvas{flex:1;min-height:0;overflow:auto;background:#fff;overscroll-behavior:contain}
.exploded-canvas.is-fit{display:flex;align-items:center;justify-content:center}
.exploded-canvas img{display:block;max-width:none;max-height:none;object-fit:contain;flex-shrink:0}
.exploded-load-error{padding:16px;color:#854125;font-size:16px}
@media(max-width:650px){.exploded-toolbar{padding:12px;gap:10px}.exploded-toolbar h2{font-size:18px}.exploded-toolbar p{font-size:14px}.exploded-tools{gap:5px}.exploded-tools button{padding:9px 10px}.exploded-tools [data-image-close]{margin-left:0}.mechanism-tabs button{flex:1}.exploded-canvas{touch-action:pan-x pan-y pinch-zoom}}