#fastenerVisualHelp{flex:0 0 32px;width:32px;height:32px;padding:0;margin-left:auto;border:1px solid #64727d;border-radius:50%;background:#18232b;color:#e7eef2;font:700 17px/1 system-ui;cursor:pointer}
#fastenerVisualHelp:hover{border-color:#ffc15a;color:#ffc15a}
#fastenerVisualHelp:focus-visible,#fastenerVisualDialog a:focus-visible,#fastenerVisualDialog button:focus-visible{outline:3px solid #ffc15a;outline-offset:3px}
#fastenerVisualDialog{box-sizing:border-box;width:min(1440px,96vw);max-width:96vw;max-height:92vh;max-height:92dvh;padding:0;border:1px solid #52616b;border-radius:14px;background:#10191f;color:#eef2f5;overflow:auto}
#fastenerVisualDialog::backdrop{background:rgba(0,0,0,.72)}
#fastenerVisualDialog:not([open]){display:none}
#fastenerVisualDialog .fastenerVisualHeader{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#10191f;border-bottom:1px solid #34434d}
#fastenerVisualDialog h2{font:650 20px/1.3 system-ui;margin:0}
#fastenerVisualDialog [data-close]{flex-shrink:0;min-height:44px;font-size:14px}
#fastenerVisualDialog .fastenerVisualBody{padding:16px}
#fastenerVisualDialog img{display:block;width:100%;height:auto;border-radius:6px;background:#f2f2f0}
#fastenerVisualDialog p{font:400 14px/1.55 system-ui;color:#b8c5ce;margin:16px 0 8px}
#fastenerVisualDialog a{display:inline-block;padding:8px 0;color:#ffc15a;font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media(pointer:coarse){#fastenerVisualHelp{flex-basis:44px;width:44px;height:44px}}
@media(max-width:700px){#fastenerVisualDialog .fastenerVisualHeader{padding:10px 12px}#fastenerVisualDialog .fastenerVisualBody{padding:8px}#fastenerVisualDialog h2{font-size:17px}}