@font-face{font-family:"Diagram English";src:url("/assets/diagram-english-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Diagram English";src:url("/assets/diagram-english-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Diagram Khmer";src:url("/assets/khmer.ttf") format("truetype");font-display:swap}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:#fff}body{font-family:Arial,"Diagram Khmer",sans-serif;color:#111}.diagram-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#fff}#wiringDiagram{display:block;width:min(100%,867px);height:auto;background:#fff}.page-border,.box{fill:#fff;stroke:#111;stroke-width:2.4}.dash-box{fill:#fff;stroke:#111;stroke-width:2;stroke-dasharray:10 7}.component text,.wire-names{font-size:12px}.bold{font-weight:700}.center{text-anchor:middle}.symbol,.pin-line{fill:none;stroke:#111;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.thin-symbol{fill:none;stroke:#111;stroke-width:1.5}.fuse{fill:#fff;stroke:#111;stroke-width:2}.wire{fill:none;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter}.violet{stroke:#d52ad5}.green{stroke:#19d65f}.black{stroke:#151515}.red{stroke:#e12e2b}.orange{stroke:#ef7622}.gray{stroke:#808080}.blue{stroke:#174fd5}.pink{stroke:#ef3790}.lightgreen{stroke:#2bdc58}.brown{stroke:#9b6c32}.white{stroke:#888}.whiteblack{stroke:#8d9295}.wire-names{paint-order:stroke;stroke:#fff;stroke-width:4;stroke-linejoin:round}.wire-target{fill:none;stroke:transparent;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;pointer-events:stroke;transition:stroke .14s,stroke-width .14s,filter .14s}.wire-target:hover{stroke:rgba(255,174,0,.28);stroke-width:12}.wire-target.selected{stroke:var(--wire-color,#ffb300);stroke-width:7;filter:drop-shadow(0 0 4px var(--wire-color,#ffb300));opacity:.65}.wire-popup{position:fixed;right:18px;bottom:18px;z-index:5;width:min(360px,calc(100vw - 28px));min-height:92px;padding:16px 42px 16px 18px;display:flex;align-items:flex-start;gap:13px;background:rgba(255,255,255,.98);border:1px solid #202020;box-shadow:0 12px 32px rgba(0,0,0,.18);line-height:1.55;font-family:Arial,"Diagram Khmer",sans-serif}.wire-popup button{position:absolute;right:8px;top:6px;border:0;background:transparent;font:24px/1 Arial;color:#555;cursor:pointer}.swatch{width:7px;height:56px;flex:0 0 7px;border-radius:4px}.popup-copy{display:flex;flex-direction:column;gap:4px}.popup-copy strong{font-size:15px}.popup-copy span{font-size:12px;color:#444}.popup-copy small{font-family:"Diagram Khmer",Arial,sans-serif;font-size:11px;color:#666}.wire-popup button[aria-label]{font-family:"Diagram Khmer",Arial,sans-serif}@media(max-width:600px){.component text,.wire-names{font-size:13px}.wire-target{stroke-width:25}.wire-target:hover{stroke:transparent}.wire-target.selected{stroke-width:9}.wire-popup{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:auto}}@media(prefers-reduced-motion:reduce){.wire-target{transition:none}}
body,#wiringDiagram,.wire-popup,.popup-copy small,.wire-popup button[aria-label]{font-family:"Diagram English","Diagram Khmer",sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#wiringDiagram text{font-size:12px!important}
#wiringDiagram text.note{font-size:9.5px!important}
#wiringDiagram text.module-title{font-size:10.5px!important}
#wiringDiagram text.end{text-anchor:end}