main
Ray rga221m2dbk-1825: viewers 0b9fd2d
<!doctype html><html><head><meta charset="utf-8">
<title>CP_Radial_D18.0mm_P7.50mm - adom-footprint</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
/* ── adom-footprint shared viewer core (CSS) ───────────────────────────────
   Included VERBATIM by both the live app (app.html) and the static embed
   (embed.html) so the canvas, zoom toolbar and layer-panel rows look identical
   and cannot drift. Self-contained literal colours (no dependency on either
   file's CSS vars). Class prefix: av- */

.av-vp{position:absolute;inset:0;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 42%,#121a26 0%,#0d1117 72%)}
.av-vp.grab{cursor:grabbing}
/* DIRECT child only — the zoom-toolbar button icons (.av-tools svg) also live
   inside .av-vp; without '>' they'd inherit position:absolute and stack at 0,0. */
.av-vp > svg{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;display:block}

/* zoom toolbar */
/* Grouped translucent toolbar (matches adom-symbol's .tools): one container, borderless
   buttons that highlight on hover — instead of individually-boxed buttons. */
.av-tools{position:absolute;left:10px;top:10px;display:flex;gap:3px;padding:3px;z-index:5;background:rgba(22,27,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #222b38;border-radius:9px}
.av-tools button{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#cfd8e2;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}
.av-tools button svg{width:16px;height:16px;display:block}
.av-tools button:hover{background:#222b38;color:#37c8a6}
.av-tools button:focus,.av-tools button:focus-visible{outline:none}
.av-panhint{position:absolute;right:10px;bottom:9px;color:#8b949e;font-size:11px;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}

/* layer panel rows */
.av-lrow{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer}
.av-lrow:hover{background:#161c27}
.av-lrow .sw{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex:0 0 13px}
.av-lrow .sw.ring{background:transparent!important}
.av-lrow .ln{flex:1;font-size:13px}
.av-lrow .meta{font-size:10px;color:#8b949e}
.av-lrow .chk{width:16px;height:16px;border-radius:4px;border:1.5px solid #3a4757;display:grid;place-items:center;color:#0b0f17;font-size:11px}
.av-lrow.on .chk{background:#37c8a6;border-color:#37c8a6}
.av-lrow.off .ln,.av-lrow.off .sw{opacity:.4}
.av-lrow.special{background:linear-gradient(100deg,rgba(55,200,166,.10),transparent);border:1px solid rgba(55,200,166,.25);margin-top:4px}
.av-lrow.special .ln{color:#7ef0d2;font-weight:600}

:root{--bg:#0d1117;--panel:#11161f;--border:#222b38;--text:#e6edf3;--muted:#8b949e;--accent:#37c8a6}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:'Satoshi','Segoe UI',system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}
header{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
header .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
header .b{font-weight:700;font-size:14px}header .b span{color:var(--muted);font-weight:400}
header .nm{margin-left:auto;font-weight:600;font-size:13px;color:#cfd8e2}
main{flex:1;display:flex;min-height:0}
.vpwrap{flex:1;position:relative;min-width:0}
aside{flex:0 0 248px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}
aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.layers{padding:6px}
.note{font-size:11px;color:var(--muted);line-height:1.45;padding:8px 11px}
.note b{color:#7ef0d2}
</style></head>
<body>
  <header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">CP_Radial_D18.0mm_P7.50mm</span></header>
  <main>
    <div class="vpwrap">
      <div class="av-vp" id="vp">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="-6.159 -9.400 19.309 18.800" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><circle cx="3.7500" cy="0.0000" r="9.2500" stroke="#FF26E2" stroke-width="0.050" fill="none"/></g><g class="adom-layer-fab"><line x1="-3.9873" y1="-3.9475" x2="-2.1873" y2="-3.9475" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-3.0873" y1="-4.8475" x2="-3.0873" y2="-3.0475" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><circle cx="3.7500" cy="0.0000" r="9.0000" stroke="#6e7681" stroke-width="0.100" fill="none"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="2.400x2.400" data-mount="thru_hole"><rect x="-1.200" y="-1.200" width="2.400" height="2.400" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="circle" data-size="2.400x2.400" data-mount="thru_hole"><circle cx="7.500" cy="0.000" r="1.200" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"><circle cx="0.000" cy="0.000" r="0.600" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="7.500" cy="0.000" r="0.600" fill="#0d1117" stroke="#666" stroke-width="0.05"/></g><g class="adom-layer-silk"><line x1="-6.0094" y1="-5.1150" x2="-4.2094" y2="-5.1150" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-5.1094" y1="-6.0150" x2="-5.1094" y2="-4.2150" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7500" y1="-9.0800" x2="3.7500" y2="9.0800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7900" y1="-9.0800" x2="3.7900" y2="9.0800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.8300" y1="-9.0800" x2="3.8300" y2="9.0800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.8700" y1="-9.0790" x2="3.8700" y2="9.0790" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9100" y1="-9.0790" x2="3.9100" y2="9.0790" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9500" y1="-9.0780" x2="3.9500" y2="9.0780" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9900" y1="-9.0770" x2="3.9900" y2="9.0770" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.0300" y1="-9.0760" x2="4.0300" y2="9.0760" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.0700" y1="-9.0740" x2="4.0700" y2="9.0740" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1100" y1="-9.0730" x2="4.1100" y2="9.0730" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1500" y1="-9.0710" x2="4.1500" y2="9.0710" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1900" y1="-9.0690" x2="4.1900" y2="9.0690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.2300" y1="-9.0670" x2="4.2300" y2="9.0670" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.2700" y1="-9.0650" x2="4.2700" y2="9.0650" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3100" y1="-9.0630" x2="4.3100" y2="9.0630" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3500" y1="-9.0600" x2="4.3500" y2="9.0600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3900" y1="-9.0580" x2="4.3900" y2="9.0580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.4300" y1="-9.0550" x2="4.4300" y2="9.0550" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.4700" y1="-9.0520" x2="4.4700" y2="9.0520" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5100" y1="-9.0480" x2="4.5100" y2="9.0480" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5500" y1="-9.0450" x2="4.5500" y2="9.0450" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5900" y1="-9.0410" x2="4.5900" y2="9.0410" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.6300" y1="-9.0370" x2="4.6300" y2="9.0370" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.6700" y1="-9.0330" x2="4.6700" y2="9.0330" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7100" y1="-9.0290" x2="4.7100" y2="9.0290" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7500" y1="-9.0250" x2="4.7500" y2="9.0250" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7900" y1="-9.0210" x2="4.7900" y2="9.0210" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.8300" y1="-9.0160" x2="4.8300" y2="9.0160" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.8700" y1="-9.0110" x2="4.8700" y2="9.0110" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9100" y1="-9.0060" x2="4.9100" y2="9.0060" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9500" y1="-9.0010" x2="4.9500" y2="9.0010" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9900" y1="-8.9950" x2="4.9900" y2="8.9950" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.0300" y1="-8.9900" x2="5.0300" y2="8.9900" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.0700" y1="-8.9840" x2="5.0700" y2="8.9840" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1100" y1="-8.9780" x2="5.1100" y2="8.9780" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1500" y1="-8.9720" x2="5.1500" y2="8.9720" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1900" y1="-8.9660" x2="5.1900" y2="8.9660" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.2300" y1="-8.9590" x2="5.2300" y2="8.9590" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.2700" y1="-8.9520" x2="5.2700" y2="8.9520" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3100" y1="-8.9460" x2="5.3100" y2="8.9460" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3500" y1="-8.9390" x2="5.3500" y2="8.9390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3900" y1="-8.9310" x2="5.3900" y2="8.9310" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.4300" y1="-8.9240" x2="5.4300" y2="8.9240" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.4700" y1="-8.9160" x2="5.4700" y2="8.9160" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5100" y1="-8.9090" x2="5.5100" y2="8.9090" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5500" y1="-8.9010" x2="5.5500" y2="8.9010" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5900" y1="-8.8920" x2="5.5900" y2="8.8920" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.6300" y1="-8.8840" x2="5.6300" y2="8.8840" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.6700" y1="-8.8760" x2="5.6700" y2="8.8760" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7100" y1="-8.8670" x2="5.7100" y2="8.8670" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7500" y1="-8.8580" x2="5.7500" y2="8.8580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7900" y1="-8.8490" x2="5.7900" y2="8.8490" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.8300" y1="-8.8400" x2="5.8300" y2="8.8400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.8700" y1="-8.8300" x2="5.8700" y2="8.8300" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9100" y1="-8.8210" x2="5.9100" y2="8.8210" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9500" y1="-8.8110" x2="5.9500" y2="8.8110" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9900" y1="-8.8010" x2="5.9900" y2="8.8010" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.0300" y1="-8.7900" x2="6.0300" y2="8.7900" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.0700" y1="-8.7800" x2="6.0700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.0700" y1="1.4400" x2="6.0700" y2="8.7800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1100" y1="-8.7690" x2="6.1100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1100" y1="1.4400" x2="6.1100" y2="8.7690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1500" y1="-8.7590" x2="6.1500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1500" y1="1.4400" x2="6.1500" y2="8.7590" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1900" y1="-8.7480" x2="6.1900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1900" y1="1.4400" x2="6.1900" y2="8.7480" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2300" y1="-8.7360" x2="6.2300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2300" y1="1.4400" x2="6.2300" y2="8.7360" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2700" y1="-8.7250" x2="6.2700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2700" y1="1.4400" x2="6.2700" y2="8.7250" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3100" y1="-8.7130" x2="6.3100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3100" y1="1.4400" x2="6.3100" y2="8.7130" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3500" y1="-8.7020" x2="6.3500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3500" y1="1.4400" x2="6.3500" y2="8.7020" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3900" y1="-8.6900" x2="6.3900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3900" y1="1.4400" x2="6.3900" y2="8.6900" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.4300" y1="-8.6770" x2="6.4300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.4300" y1="1.4400" x2="6.4300" y2="8.6770" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.4700" y1="-8.6650" x2="6.4700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.4700" y1="1.4400" x2="6.4700" y2="8.6650" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5100" y1="-8.6520" x2="6.5100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5100" y1="1.4400" x2="6.5100" y2="8.6520" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5500" y1="-8.6400" x2="6.5500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5500" y1="1.4400" x2="6.5500" y2="8.6400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5900" y1="-8.6270" x2="6.5900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5900" y1="1.4400" x2="6.5900" y2="8.6270" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.6300" y1="-8.6130" x2="6.6300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.6300" y1="1.4400" x2="6.6300" y2="8.6130" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.6700" y1="-8.6000" x2="6.6700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.6700" y1="1.4400" x2="6.6700" y2="8.6000" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7100" y1="-8.5860" x2="6.7100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7100" y1="1.4400" x2="6.7100" y2="8.5860" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7500" y1="-8.5720" x2="6.7500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7500" y1="1.4400" x2="6.7500" y2="8.5720" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7900" y1="-8.5580" x2="6.7900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7900" y1="1.4400" x2="6.7900" y2="8.5580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.8300" y1="-8.5440" x2="6.8300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.8300" y1="1.4400" x2="6.8300" y2="8.5440" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.8700" y1="-8.5300" x2="6.8700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.8700" y1="1.4400" x2="6.8700" y2="8.5300" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9100" y1="-8.5150" x2="6.9100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9100" y1="1.4400" x2="6.9100" y2="8.5150" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9500" y1="-8.5000" x2="6.9500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9500" y1="1.4400" x2="6.9500" y2="8.5000" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9900" y1="-8.4850" x2="6.9900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9900" y1="1.4400" x2="6.9900" y2="8.4850" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.0300" y1="-8.4700" x2="7.0300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.0300" y1="1.4400" x2="7.0300" y2="8.4700" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.0700" y1="-8.4540" x2="7.0700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.0700" y1="1.4400" x2="7.0700" y2="8.4540" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1100" y1="-8.4380" x2="7.1100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1100" y1="1.4400" x2="7.1100" y2="8.4380" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1500" y1="-8.4230" x2="7.1500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1500" y1="1.4400" x2="7.1500" y2="8.4230" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1900" y1="-8.4060" x2="7.1900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1900" y1="1.4400" x2="7.1900" y2="8.4060" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.2300" y1="-8.3900" x2="7.2300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.2300" y1="1.4400" x2="7.2300" y2="8.3900" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.2700" y1="-8.3730" x2="7.2700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.2700" y1="1.4400" x2="7.2700" y2="8.3730" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3100" y1="-8.3560" x2="7.3100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3100" y1="1.4400" x2="7.3100" y2="8.3560" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3500" y1="-8.3390" x2="7.3500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3500" y1="1.4400" x2="7.3500" y2="8.3390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3900" y1="-8.3220" x2="7.3900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3900" y1="1.4400" x2="7.3900" y2="8.3220" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.4300" y1="-8.3050" x2="7.4300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.4300" y1="1.4400" x2="7.4300" y2="8.3050" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.4700" y1="-8.2870" x2="7.4700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.4700" y1="1.4400" x2="7.4700" y2="8.2870" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5100" y1="-8.2690" x2="7.5100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5100" y1="1.4400" x2="7.5100" y2="8.2690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5500" y1="-8.2510" x2="7.5500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5500" y1="1.4400" x2="7.5500" y2="8.2510" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5900" y1="-8.2320" x2="7.5900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5900" y1="1.4400" x2="7.5900" y2="8.2320" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.6300" y1="-8.2130" x2="7.6300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.6300" y1="1.4400" x2="7.6300" y2="8.2130" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.6700" y1="-8.1950" x2="7.6700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.6700" y1="1.4400" x2="7.6700" y2="8.1950" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7100" y1="-8.1750" x2="7.7100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7100" y1="1.4400" x2="7.7100" y2="8.1750" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7500" y1="-8.1560" x2="7.7500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7500" y1="1.4400" x2="7.7500" y2="8.1560" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7900" y1="-8.1360" x2="7.7900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7900" y1="1.4400" x2="7.7900" y2="8.1360" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.8300" y1="-8.1160" x2="7.8300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.8300" y1="1.4400" x2="7.8300" y2="8.1160" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.8700" y1="-8.0960" x2="7.8700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.8700" y1="1.4400" x2="7.8700" y2="8.0960" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9100" y1="-8.0760" x2="7.9100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9100" y1="1.4400" x2="7.9100" y2="8.0760" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9500" y1="-8.0550" x2="7.9500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9500" y1="1.4400" x2="7.9500" y2="8.0550" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9900" y1="-8.0340" x2="7.9900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9900" y1="1.4400" x2="7.9900" y2="8.0340" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.0300" y1="-8.0130" x2="8.0300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.0300" y1="1.4400" x2="8.0300" y2="8.0130" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.0700" y1="-7.9920" x2="8.0700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.0700" y1="1.4400" x2="8.0700" y2="7.9920" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1100" y1="-7.9700" x2="8.1100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1100" y1="1.4400" x2="8.1100" y2="7.9700" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1500" y1="-7.9480" x2="8.1500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1500" y1="1.4400" x2="8.1500" y2="7.9480" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1900" y1="-7.9260" x2="8.1900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1900" y1="1.4400" x2="8.1900" y2="7.9260" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.2300" y1="-7.9040" x2="8.2300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.2300" y1="1.4400" x2="8.2300" y2="7.9040" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.2700" y1="-7.8810" x2="8.2700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.2700" y1="1.4400" x2="8.2700" y2="7.8810" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3100" y1="-7.8580" x2="8.3100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3100" y1="1.4400" x2="8.3100" y2="7.8580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3500" y1="-7.8350" x2="8.3500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3500" y1="1.4400" x2="8.3500" y2="7.8350" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3900" y1="-7.8110" x2="8.3900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3900" y1="1.4400" x2="8.3900" y2="7.8110" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.4300" y1="-7.7880" x2="8.4300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.4300" y1="1.4400" x2="8.4300" y2="7.7880" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.4700" y1="-7.7640" x2="8.4700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.4700" y1="1.4400" x2="8.4700" y2="7.7640" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5100" y1="-7.7390" x2="8.5100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5100" y1="1.4400" x2="8.5100" y2="7.7390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5500" y1="-7.7150" x2="8.5500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5500" y1="1.4400" x2="8.5500" y2="7.7150" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5900" y1="-7.6900" x2="8.5900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5900" y1="1.4400" x2="8.5900" y2="7.6900" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.6300" y1="-7.6650" x2="8.6300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.6300" y1="1.4400" x2="8.6300" y2="7.6650" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.6700" y1="-7.6390" x2="8.6700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.6700" y1="1.4400" x2="8.6700" y2="7.6390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7100" y1="-7.6130" x2="8.7100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7100" y1="1.4400" x2="8.7100" y2="7.6130" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7500" y1="-7.5870" x2="8.7500" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7500" y1="1.4400" x2="8.7500" y2="7.5870" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7900" y1="-7.5610" x2="8.7900" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7900" y1="1.4400" x2="8.7900" y2="7.5610" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.8300" y1="-7.5340" x2="8.8300" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.8300" y1="1.4400" x2="8.8300" y2="7.5340" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.8700" y1="-7.5070" x2="8.8700" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.8700" y1="1.4400" x2="8.8700" y2="7.5070" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.9100" y1="-7.4800" x2="8.9100" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.9100" y1="1.4400" x2="8.9100" y2="7.4800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.9500" y1="-7.4520" x2="8.9500" y2="7.4520" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.9900" y1="-7.4240" x2="8.9900" y2="7.4240" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.0300" y1="-7.3960" x2="9.0300" y2="7.3960" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.0700" y1="-7.3680" x2="9.0700" y2="7.3680" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.1100" y1="-7.3390" x2="9.1100" y2="7.3390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.1500" y1="-7.3090" x2="9.1500" y2="7.3090" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.1900" y1="-7.2800" x2="9.1900" y2="7.2800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.2300" y1="-7.2500" x2="9.2300" y2="7.2500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.2700" y1="-7.2200" x2="9.2700" y2="7.2200" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.3100" y1="-7.1890" x2="9.3100" y2="7.1890" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.3500" y1="-7.1580" x2="9.3500" y2="7.1580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.3900" y1="-7.1270" x2="9.3900" y2="7.1270" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.4300" y1="-7.0950" x2="9.4300" y2="7.0950" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.4700" y1="-7.0630" x2="9.4700" y2="7.0630" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.5100" y1="-7.0310" x2="9.5100" y2="7.0310" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.5500" y1="-6.9980" x2="9.5500" y2="6.9980" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.5900" y1="-6.9650" x2="9.5900" y2="6.9650" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.6300" y1="-6.9310" x2="9.6300" y2="6.9310" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.6700" y1="-6.8970" x2="9.6700" y2="6.8970" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.7100" y1="-6.8630" x2="9.7100" y2="6.8630" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.7500" y1="-6.8280" x2="9.7500" y2="6.8280" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.7900" y1="-6.7930" x2="9.7900" y2="6.7930" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.8300" y1="-6.7580" x2="9.8300" y2="6.7580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.8700" y1="-6.7220" x2="9.8700" y2="6.7220" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.9100" y1="-6.6850" x2="9.9100" y2="6.6850" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.9500" y1="-6.6480" x2="9.9500" y2="6.6480" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="9.9900" y1="-6.6110" x2="9.9900" y2="6.6110" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.0300" y1="-6.5730" x2="10.0300" y2="6.5730" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.0700" y1="-6.5350" x2="10.0700" y2="6.5350" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.1100" y1="-6.4960" x2="10.1100" y2="6.4960" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.1500" y1="-6.4570" x2="10.1500" y2="6.4570" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.1900" y1="-6.4180" x2="10.1900" y2="6.4180" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.2300" y1="-6.3770" x2="10.2300" y2="6.3770" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.2700" y1="-6.3370" x2="10.2700" y2="6.3370" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.3100" y1="-6.2960" x2="10.3100" y2="6.2960" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.3500" y1="-6.2540" x2="10.3500" y2="6.2540" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.3900" y1="-6.2120" x2="10.3900" y2="6.2120" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.4300" y1="-6.1690" x2="10.4300" y2="6.1690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.4700" y1="-6.1260" x2="10.4700" y2="6.1260" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.5100" y1="-6.0820" x2="10.5100" y2="6.0820" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.5500" y1="-6.0370" x2="10.5500" y2="6.0370" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.5900" y1="-5.9920" x2="10.5900" y2="5.9920" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.6300" y1="-5.9470" x2="10.6300" y2="5.9470" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.6700" y1="-5.9000" x2="10.6700" y2="5.9000" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.7100" y1="-5.8530" x2="10.7100" y2="5.8530" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.7500" y1="-5.8060" x2="10.7500" y2="5.8060" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.7900" y1="-5.7580" x2="10.7900" y2="5.7580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.8300" y1="-5.7090" x2="10.8300" y2="5.7090" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.8700" y1="-5.6590" x2="10.8700" y2="5.6590" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.9100" y1="-5.6090" x2="10.9100" y2="5.6090" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.9500" y1="-5.5580" x2="10.9500" y2="5.5580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="10.9900" y1="-5.5060" x2="10.9900" y2="5.5060" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.0300" y1="-5.4530" x2="11.0300" y2="5.4530" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.0700" y1="-5.4000" x2="11.0700" y2="5.4000" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.1100" y1="-5.3460" x2="11.1100" y2="5.3460" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.1500" y1="-5.2910" x2="11.1500" y2="5.2910" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.1900" y1="-5.2350" x2="11.1900" y2="5.2350" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.2300" y1="-5.1780" x2="11.2300" y2="5.1780" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.2700" y1="-5.1200" x2="11.2700" y2="5.1200" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.3100" y1="-5.0610" x2="11.3100" y2="5.0610" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.3500" y1="-5.0010" x2="11.3500" y2="5.0010" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.3900" y1="-4.9400" x2="11.3900" y2="4.9400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.4300" y1="-4.8790" x2="11.4300" y2="4.8790" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.4700" y1="-4.8160" x2="11.4700" y2="4.8160" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.5100" y1="-4.7510" x2="11.5100" y2="4.7510" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.5500" y1="-4.6860" x2="11.5500" y2="4.6860" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.5900" y1="-4.6190" x2="11.5900" y2="4.6190" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.6300" y1="-4.5510" x2="11.6300" y2="4.5510" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.6700" y1="-4.4820" x2="11.6700" y2="4.4820" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.7100" y1="-4.4110" x2="11.7100" y2="4.4110" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.7500" y1="-4.3390" x2="11.7500" y2="4.3390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.7900" y1="-4.2650" x2="11.7900" y2="4.2650" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.8300" y1="-4.1890" x2="11.8300" y2="4.1890" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.8700" y1="-4.1120" x2="11.8700" y2="4.1120" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.9100" y1="-4.0330" x2="11.9100" y2="4.0330" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.9500" y1="-3.9520" x2="11.9500" y2="3.9520" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="11.9900" y1="-3.8690" x2="11.9900" y2="3.8690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.0300" y1="-3.7830" x2="12.0300" y2="3.7830" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.0700" y1="-3.6950" x2="12.0700" y2="3.6950" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.1100" y1="-3.6050" x2="12.1100" y2="3.6050" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.1500" y1="-3.5120" x2="12.1500" y2="3.5120" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.1900" y1="-3.4160" x2="12.1900" y2="3.4160" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.2300" y1="-3.3160" x2="12.2300" y2="3.3160" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.2700" y1="-3.2130" x2="12.2700" y2="3.2130" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.3100" y1="-3.1070" x2="12.3100" y2="3.1070" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.3500" y1="-2.9960" x2="12.3500" y2="2.9960" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.3900" y1="-2.8800" x2="12.3900" y2="2.8800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.4300" y1="-2.7590" x2="12.4300" y2="2.7590" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.4700" y1="-2.6310" x2="12.4700" y2="2.6310" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.5100" y1="-2.4970" x2="12.5100" y2="2.4970" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.5500" y1="-2.3550" x2="12.5500" y2="2.3550" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.5900" y1="-2.2020" x2="12.5900" y2="2.2020" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.6300" y1="-2.0380" x2="12.6300" y2="2.0380" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.6700" y1="-1.8590" x2="12.6700" y2="1.8590" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.7100" y1="-1.6610" x2="12.7100" y2="1.6610" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.7500" y1="-1.4350" x2="12.7500" y2="1.4350" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.7900" y1="-1.1650" x2="12.7900" y2="1.1650" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.8300" y1="-0.8130" x2="12.8300" y2="0.8130" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="12.8700" y1="0.0400" x2="12.8700" y2="-0.0400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><circle cx="3.7500" cy="0.0000" r="9.1200" stroke="#00cccc" stroke-width="0.120" fill="none"/></g><g class="adom-layer-padnum"><text x="0.000" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="1.008" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="7.500" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="1.008" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text></g><g class="adom-layer-paste-apertures"></g><g class="adom-layer-paste-dots"></g></svg>
      </div>
    </div>
    <aside>
      <div class="ah">Layers</div>
      <div class="layers" id="layers"></div>
      <div class="note">The <b>solder paste jet</b> layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.</div>
    </aside>
  </main>
<script>/* ── adom-footprint shared viewer core (window.AV) ─────────────────────────
   Single source of truth for the layer list, toggle behaviour, defaults,
   pan/zoom and toolbar icons. Included VERBATIM by both app.html (live) and
   embed.html (static) so the two viewers cannot drift. Pure client-side; works
   on any SVG that carries the <g class="adom-layer-*"> groups. */
(function(){
  var ICON_ZIN='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M10.5 8v5M8 10.5h5"/></svg>';
  var ICON_ZOUT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M8 10.5h5"/></svg>';
  // Zoom-to-FIT = a magnifier with a small square inside (fit content to view).
  // Deliberately NOT the four-corner expand/"fullscreen" glyph.
  var ICON_FIT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5"/><rect x="7.6" y="7.6" width="5.8" height="5.8" rx="1.2"/></svg>';

  // The canonical layer list. Every layer is a <g class="adom-layer-*"> in the
  // self-rendered SVG, so toggling is group-based (robust) — never colour-match.
  // `kind:'group'` on every entry: all layers are toggled by their <g> group
  // (robust), never by colour-match. (app.html still reads def.kind.)
  var LAYER_DEFS=[
    {key:'copper',    name:'Copper',           kind:'group', sel:'.adom-layer-copper',          sw:'#C83434'},
    // Auto-generated thermal-via array under the exposed pad — only present (and
    // listed) when the footprint has an exposed thermal pad.
    {key:'heatsink',  name:'Heatsink vias',    kind:'group', sel:'.adom-layer-heatsink',        sw:'#e8a13a'},
    {key:'padnum',    name:'Pad numbers',      kind:'group', sel:'.adom-layer-padnum',          sw:'#ffffff', ring:true},
    {key:'silk',      name:'Silkscreen',       kind:'group', sel:'.adom-layer-silk',            sw:'#00cccc'},
    {key:'fab',       name:'Fab (F.Fab)',      kind:'group', sel:'.adom-layer-fab',             sw:'#6e7681', ring:true},
    {key:'courtyard', name:'Courtyard',        kind:'group', sel:'.adom-layer-courtyard',       sw:'#FF26E2', ring:true},
    {key:'drill',     name:'Drill',            kind:'group', sel:'.adom-layer-drill',           sw:'#888888', ring:true},
    {key:'paste-ap',  name:'Paste apertures',  kind:'group', sel:'.adom-layer-paste-apertures', sw:'#8aa0b8', ring:true},
    // Generic name — the 300µm solder-paste dispensing dots. Off by default.
    {key:'paste-dots',name:'Solder paste jet', kind:'group', sel:'.adom-layer-paste-dots',      sw:'#37c8a6', special:true},
  ];

  // True only if the group actually holds drawn geometry (not an empty <g>) — so
  // layers with nothing in THIS footprint aren't listed as dead, dim rows.
  function groupHasGeo(svg,def){
    if(!svg) return false; var n=0,g=svg.querySelectorAll(def.sel);
    for(var i=0;i<g.length;i++){ n+=g[i].querySelectorAll('path,rect,circle,line,polygon,polyline,text').length; }
    return n>0;
  }
  function layerPresent(svg,def){ return groupHasGeo(svg,def); }
  function applyLayer(svg,def,on){
    if(!svg) return; var g=svg.querySelectorAll(def.sel);
    for(var i=0;i<g.length;i++) g[i].style.display=on?'':'none';
  }

  // Build layer rows into a container. opts:
  //   svg, container, state {key:bool}, meta {pasteDots,pasteApertures},
  //   onToggle(key,on). Missing state key -> special OFF, others ON. Skips empty
  //   non-special groups. Returns the keys actually shown.
  function buildLayers(opts){
    var svg=opts.svg, box=opts.container, state=opts.state||{}, meta=opts.meta||{}, shown=[];
    box.innerHTML='';
    LAYER_DEFS.forEach(function(def){
      if(!def.special && !groupHasGeo(svg,def)) return;
      var on = def.special ? (state[def.key]===true) : (state[def.key]!==false);
      var m = def.key==='paste-dots' ? ((meta.pasteDots||0)+' @ 300µm')
            : def.key==='paste-ap'   ? ((meta.pasteApertures||0)+' openings') : '';
      var row=document.createElement('div');
      row.className='av-lrow '+(on?'on':'off')+(def.special?' special':'');
      row.innerHTML='<span class="sw'+(def.ring?' ring':'')+'" style="'+(def.ring?('border-color:'+def.sw):('background:'+def.sw))+'"></span>'
        +'<span class="ln">'+def.name+'</span>'+(m?'<span class="meta">'+m+'</span>':'')
        +'<span class="chk">'+(on?'✓':'')+'</span>';
      row.onclick=function(){
        var nv=!row.classList.contains('on');
        row.classList.toggle('on',nv); row.classList.toggle('off',!nv);
        row.querySelector('.chk').textContent=nv?'✓':'';
        state[def.key]=nv; applyLayer(svg,def,nv);
        if(opts.onToggle) opts.onToggle(def.key,nv);
      };
      box.appendChild(row); applyLayer(svg,def,on); shown.push(def.key);
    });
    return shown;
  }

  // Wire pan + zoom on a viewport element (the box that contains the <svg>).
  // Returns a controller {fit, zoomIn, zoomOut, apply}.
  function initViewport(vp){
    var svg=vp.querySelector('svg');
    if(svg){ svg.removeAttribute('width'); svg.removeAttribute('height'); }
    var s=1,tx=0,ty=0;
    function apply(){ var el=vp.querySelector('svg'); if(el) el.style.transform='translate('+tx+'px,'+ty+'px) scale('+s+')'; }
    function zoomAt(cx,cy,f){ tx=cx-(cx-tx)*f; ty=cy-(cy-ty)*f; s*=f; apply(); }
    function fit(){ s=1;tx=0;ty=0;apply(); }
    // Smooth, delta-PROPORTIONAL zoom (matches adom-symbol). A fixed per-event
    // factor makes the trackpad leap — one gentle two-finger nudge fires a burst
    // of tiny wheel events and a fixed 1.12× compounds. Instead derive the factor
    // from how much actually scrolled (exp → smooth + reversible), normalise
    // device units, and clamp one event so a chunky mouse notch can't jump.
    var ZOOM_K=0.0022; // sensitivity: lower = gentler
    vp.addEventListener('wheel',function(e){
      e.preventDefault();
      var d=e.deltaY;
      if(e.deltaMode===1) d*=16; else if(e.deltaMode===2) d*=vp.clientHeight;
      d=Math.max(-50,Math.min(50,d));
      var r=vp.getBoundingClientRect();
      zoomAt(e.clientX-r.left,e.clientY-r.top,Math.exp(-d*ZOOM_K));
    },{passive:false});
    var drag=false,lx=0,ly=0;
    vp.addEventListener('pointerdown',function(e){ if(e.target.closest('.av-tools'))return; drag=true;lx=e.clientX;ly=e.clientY;vp.classList.add('grab');vp.setPointerCapture(e.pointerId); });
    vp.addEventListener('pointermove',function(e){ if(!drag)return; tx+=e.clientX-lx;ty+=e.clientY-ly;lx=e.clientX;ly=e.clientY;apply(); });
    vp.addEventListener('pointerup',function(){ drag=false;vp.classList.remove('grab'); });
    fit();
    return {
      fit:fit,
      zoomIn:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1.2); },
      zoomOut:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1/1.2); },
      apply:apply
    };
  }

  // Inject the standard zoom toolbar (+ / − / fit) + pan hint into a viewport,
  // wired to a controller from initViewport. Idempotent.
  function addToolbar(vp,ctl){
    if(vp.querySelector('.av-tools')) return;
    var t=document.createElement('div'); t.className='av-tools';
    t.innerHTML='<button data-z="in" title="Zoom in">'+ICON_ZIN+'</button>'
      +'<button data-z="out" title="Zoom out">'+ICON_ZOUT+'</button>'
      +'<button data-z="fit" title="Zoom to fit">'+ICON_FIT+'</button>';
    vp.appendChild(t);
    t.querySelector('[data-z="in"]').onclick=ctl.zoomIn;
    t.querySelector('[data-z="out"]').onclick=ctl.zoomOut;
    t.querySelector('[data-z="fit"]').onclick=ctl.fit;
    var h=document.createElement('div'); h.className='av-panhint'; h.textContent='drag to pan · scroll to zoom'; vp.appendChild(h);
  }

  window.AV={
    LAYER_DEFS:LAYER_DEFS, groupHasGeo:groupHasGeo, layerPresent:layerPresent,
    applyLayer:applyLayer, buildLayers:buildLayers, initViewport:initViewport,
    addToolbar:addToolbar, ICON_FIT:ICON_FIT, ICON_ZIN:ICON_ZIN, ICON_ZOUT:ICON_ZOUT
  };
})();
</script>
<script>
var META={"pasteApertures":0,"pasteDots":0};
(function(){
  var vp=document.getElementById('vp');
  var svg=vp.querySelector('svg');
  var ctl=AV.initViewport(vp);
  AV.addToolbar(vp,ctl);
  AV.buildLayers({ svg:svg, container:document.getElementById('layers'), state:{}, meta:META });
})();
</script>
</body></html>