*{box-sizing:border-box}body{margin:0;background:#0a101b;color:#dce5f3;font:14px Tahoma,Arial}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #253044}a{color:inherit;text-decoration:none}header a:first-child{font:bold 24px Arial;letter-spacing:3px}small{font-size:11px;color:#8d9eb7}header small{display:block;letter-spacing:1px;margin-top:6px}.badge{color:#67dab4;font-size:12px}main{padding:26px;max-width:1800px;margin:auto}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.title p{font:11px Arial;letter-spacing:3px;color:#ff9c6b}h1{font-size:30px;margin:10px 0}h2{font-size:15px}h3{font-size:13px}p,span{line-height:1.9}button,input,select{font:inherit;border:1px solid #344158;border-radius:7px;background:#182337;color:inherit;padding:9px}button{cursor:pointer}button:hover,button.active{background:#ce653c;border-color:#ff9c6b;color:white}input[type=number]{width:80px}label{display:block;font-size:12px;color:#aebdd2}label input,label select{margin:5px 0;width:100%}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:#111c2b;border:1px solid #29354a;border-radius:10px;margin-bottom:14px}.toolbar label{display:flex;align-items:center;gap:8px}.workspace{display:grid;grid-template-columns:205px minmax(350px,1fr) 220px;border:1px solid #2b394d;border-radius:12px;overflow:hidden}aside{padding:18px;background:#101a29}aside p{font-size:12px;color:#8d9eb7}#palette button{width:100%;margin:5px 0;text-align:right}#canvas{height:530px;position:relative;direction:ltr;background-color:#0d1522;background-image:radial-gradient(#33405a 1px,transparent 1px);background-size:24px 24px;overflow:hidden;touch-action:none}#wires,#nodes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.node{position:absolute;width:108px;text-align:center;padding:12px 5px;border:1px solid #43536d;background:#18263b;border-radius:10px;pointer-events:auto;cursor:grab;user-select:none;touch-action:none;direction:rtl}.node.selected{outline:2px solid #ff9c6b}.node b{display:block;font-size:26px;color:#79c7ff}.node span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node em{font:10px Arial;color:#88a0bf}svg line{stroke:#69c4bb;stroke-width:3;pointer-events:stroke;cursor:pointer}svg text{fill:#d8e3f2;font:11px Arial;pointer-events:none}#status{background:#162135;padding:10px;font-size:12px}.results{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}#metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:16px;background:#142035;border:1px solid #2c3950;border-radius:10px}.metric strong{display:block;font:24px Arial;color:#ffad79;margin-top:12px}li{line-height:1.8;color:#e5bc8a}hr{border:0;border-top:1px solid #2b394d;margin:22px 0}@media(max-width:1000px){.workspace{grid-template-columns:150px 1fr}.workspace aside:last-child{grid-column:1/-1}.results{grid-template-columns:1fr}main{padding:12px}.badge{display:none}}@media print{header,.toolbar,aside,.title button,#status{display:none}.workspace{display:block}body{background:white;color:black}#canvas{background:#eee}.results{display:block}.metric{background:#eee;color:black}svg text{fill:black}}