:root{--ink:#c8d3df;--green:#167cc1;--paper:#111820;--line:#2b3846;--muted:#8797a9;--lime:#56bbe9}body{background:#111820;font-family:'DM Sans',sans-serif}header{height:65px;background:#18212c;padding:0 22px;border-bottom:1px solid #344250}.brand{font-size:26px;color:#68c3ef}.brand>span{font-size:20px;color:#e1e8f0}.brand small{color:#7e94a8;font-size:7px}.country{color:#8195aa}nav .active{background:#273a4c;border-radius:3px;color:#76cdf7}.primary{border-radius:3px;background:#197eb7;padding:10px 16px}main{padding:0 20px 18px}.intro{padding:19px 2px 17px}.intro h1{font-size:25px;letter-spacing:-.7px;margin:5px 0;display:inline}.intro h1 br{display:none}.intro h1 em{color:#69bce7}.intro .eyebrow{font-family:monospace;font-size:9px;letter-spacing:1px;margin-bottom:8px;color:#7596ae}.intro p{font-size:11px;margin-top:7px}.intro-note{border:0;padding:0}.intro-note p{display:none}.intro-note span{color:#70b9dd}.intro-note button{font-size:11px;color:#a3bbcb}.workspace{grid-template-columns:220px minmax(400px,1fr) 250px;border-radius:4px;background:#18212b;min-height:660px}.catalog{padding:17px 12px;background:#18212b}.panelhead h2{font-family:inherit;font-size:12px}input,select{background:#111923;color:#ccdae7;border-color:#344453;border-radius:3px}#search{margin:13px 0}.tabs button{border-radius:3px;color:#94a9bc;padding:5px 7px}.tabs .selected{background:#29475d;color:#8ed6ff;border-color:#376684}.products{max-height:505px}.product{padding:8px 3px;border-color:#2b3846;gap:7px}.product .pic{width:45px;height:47px;background:#222e3b;border-radius:3px}.pic svg{width:39px;height:39px}.product b{font-size:10px}.product small{font-size:8px}.product button{color:#78c5f2;background:#253f52;border-radius:3px;width:22px;height:22px}.catalog-note{font-size:8px}.canvashead{height:43px;padding:0 14px;background:#202c39}.canvashead input{color:#d8e3ec;background:transparent;width:200px}.badge{border:1px solid #3f5b71;background:#233a4b;color:#7abfdf;border-radius:2px;font-family:monospace}.canvas{height:520px;background-color:#101820;background-image:linear-gradient(#26384870 1px,transparent 1px),linear-gradient(90deg,#26384870 1px,transparent 1px),linear-gradient(#1c2b3860 1px,transparent 1px),linear-gradient(90deg,#1c2b3860 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}.canvas-caption{top:15px;left:17px;font-family:monospace;color:#7594a8;font-size:9px}.canvas-caption span{color:#526e83}.node{width:88px;cursor:grab}.node .device{height:68px;background:#1b2935;border:1px solid #668092;border-radius:2px;box-shadow:none}.node.active .device{border:1px solid #63c6ff;box-shadow:0 0 0 2px #3191ba30}.device svg{height:57px;width:60px}.device img{max-height:50px;max-width:65px}.node b{font-size:8px;line-height:1.2;font-weight:500;margin-top:8px;color:#d1deea}.node small{font-size:7px;color:#6f90a8}.node .ref{position:absolute;top:-16px;left:0;color:#89b7d1;font:9px monospace;letter-spacing:.5px}.terminal{position:absolute;bottom:-5px;width:10px;height:10px;border:2px solid #172633;border-radius:50%;padding:0;background:#ff7b76;cursor:crosshair;z-index:3}.terminal.neg{background:#6ba6e8}.terminal:hover,.terminal.armed{box-shadow:0 0 0 4px #62d7ff70}.terminal-label{position:absolute;bottom:7px;font:9px monospace;color:#b3c4d0;pointer-events:none}.canvas-footer{bottom:11px;color:#708da2}.canvas-footer button{background:#253c50;border-color:#476277;color:#acd9f3;border-radius:2px}.canvas-footer span{font-family:monospace;font-size:9px}.stats{background:#1d2935;padding:17px 13px}.stats strong{color:#d7e9f4;font-size:20px}.stats small{color:#7b9ab0}.notice{color:#7b93a7;font-size:9px}.details{background:#18212b;padding:17px 14px}.details .eyebrow{color:#6e99b6;font-family:monospace;font-size:9px}.details .heroicon{background:#202f3c;border:1px solid #314657;height:105px;border-radius:3px}.details h3{font-size:15px;color:#e0eaf2}.details .spec{background:#111d28;color:#9ab9ce;border:1px solid #2c4153;font:10px monospace}.offer{border-radius:3px;border-color:#344655;background:#1c2935}.offer.chosen{border-color:#568bad;background:#203b4d}.offer small{color:#7c99ad}.offer a{color:#69c6ff}.remove{color:#e09c8a}.bottom{display:none}.sellerform,.pricing,.savedcard{background:#1b2835;border-radius:4px}.pricing h2{color:#e1eaf2}.toolbar{display:flex;gap:5px;padding:7px 12px;border-bottom:1px solid #354653;background:#1c2a37;align-items:center;flex-wrap:wrap}.toolbar button{font-size:10px;padding:6px 9px;border:1px solid #3b5266;border-radius:2px;background:#263c4d;color:#adc7d9}.toolbar .wire-active{background:#215a79;color:#b7e8ff;border-color:#5bacd5}.toolbar .hint{font:9px monospace;color:#7c9ab0;margin-left:auto}.sheet-label{position:absolute;bottom:48px;right:14px;border:1px solid #3d5365;color:#67869e;font:8px monospace;padding:7px 12px;pointer-events:none}.sheet-label b{display:block;color:#9bb8cd;font-size:9px;margin-bottom:5px}#wires path{pointer-events:stroke;cursor:pointer}#wires{pointer-events:none;overflow:visible}#wires text{font:8px monospace;fill:#7895aa}.wirelegend{font:9px monospace;display:flex;gap:15px;color:#839eaf}.wirelegend i{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:5px}#toast{background:#245772;border:1px solid #6aacc8}@media(min-width:1600px){.workspace{grid-template-columns:250px 1fr 270px}.canvas{height:580px}}@media(max-width:1150px){.workspace{grid-template-columns:200px minmax(350px,1fr)}.details{grid-column:1/-1}.details .heroicon{display:none}}@media(max-width:700px){header{height:auto;padding:12px}.intro h1{font-size:21px}.workspace{display:flex}.products{max-height:none}.product{min-width:180px}.canvas{height:520px}.toolbar .hint{width:100%;margin-top:4px}.node b{font-size:8px}.canvas-caption span{max-width:280px;line-height:1.6}.stats strong{font-size:17px}.sheet-label{display:none}main{padding:0 9px 12px}}

/* v3: usable touch terminals and collision-safe component layout */
.sheet-scroll{overflow:auto;max-height:720px;overscroll-behavior:contain;border-bottom:1px solid #354653}.canvas{min-width:760px}.node{width:88px;height:122px}.node .device{overflow:visible}.node b{min-height:20px;line-height:11px}.node small{display:block;line-height:10px;max-height:22px;overflow:hidden}.terminal{width:28px;height:28px;bottom:-14px;border:0;background:transparent!important;touch-action:none;z-index:8;transform:translateX(-9px);border-radius:4px}.terminal::after{content:'';position:absolute;inset:9px;background:#ff7b76;border:1px solid #101820;border-radius:50%;pointer-events:none}.terminal.neg::after{background:#6ba6e8}.terminal:hover,.terminal.armed{background:#62d7ff25!important;box-shadow:0 0 0 2px #62d7ff80}.terminal-label{bottom:8px}.node.active{z-index:4}.node.blocked .device{border-color:#efb169}.node b,.node small{pointer-events:none}.sheet-label{display:none}#wires{z-index:0}#nodes{position:relative;z-index:1;pointer-events:none}#nodes .node{pointer-events:auto}.canvas-footer{pointer-events:none}@media(max-width:700px){.sheet-scroll{max-height:610px}.canvas{min-width:760px}.canvas-caption span{max-width:none}.node b{font-size:8px}}

.brand-mark{width:42px;height:42px;flex-shrink:0}.brand .light{color:#f2c56b}.brand small{letter-spacing:1.3px;font-size:7px}@media(max-width:700px){.brand-mark{width:34px;height:34px}.brand>span{font-size:19px}.brand small{font-size:6px}}