@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;750&display=swap');
:root{--navy:#123b59;--ink:#1b3043;--muted:#778695;--blue:#196fa5;--pale:#eef4f8;--border:#dfe7ed;--bg:#f4f6f8;--orange:#e7a35b;--red:#cf6359;--cold:#5b91bd;--shadow:0 6px 22px #17374f05}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Golos Text",Arial,sans-serif;font-size:13px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}.header{height:90px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);padding:0 4.2%;gap:30px}.brand img{width:220px;display:block}.header nav{display:flex;align-items:center;gap:33px;height:100%;font-weight:500}.header nav>a,.header nav>button{height:100%;display:flex;align-items:center;gap:8px;position:relative}.header .active{color:var(--blue)}.header .active:after{content:"";position:absolute;bottom:0;height:3px;background:var(--blue);left:0;right:0}.catalog-link{font-size:12px;color:var(--muted)}main{max-width:1600px;margin:auto;padding:37px 4.2% 50px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:31px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:#4786b1;border-radius:50%}h1{font-size:30px;letter-spacing:-1px;line-height:1.3;font-weight:600;margin:9px 0}p{margin:0}.intro p{color:var(--muted);font-size:13px}.intro-right{display:flex;align-items:flex-end;flex-direction:column;gap:14px}.edition{font-size:11px;color:var(--muted)}.secondary{background:#fff;border:1px solid var(--border);border-radius:6px;min-height:38px;padding:9px 15px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:20px}.secondary:hover{border-color:#a4bdce}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.system-tabs{display:flex;gap:5px;background:#e8edf1;border-radius:8px;padding:4px}.system-tabs button{padding:10px 17px;display:flex;align-items:center;gap:10px;border-radius:5px;font-size:12px;color:#7c8894;transition:background .15s}.system-tabs b{font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:6px}.system-tabs button.active{background:#fff;box-shadow:0 2px 5px #1639530d;color:var(--navy)}.tab-icon{font-size:21px;line-height:1;color:#a0aab4}.active .tab-icon{color:var(--blue)}.project-actions{display:flex;gap:22px}.icon-text{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.icon-text:hover,.text-button:hover{color:var(--blue)}.small{font-size:11px}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.settings,.result{min-width:0}.settings{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.settings-top{padding:18px 19px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}h2{font-size:15px;font-weight:600;margin:0}.settings-top h2{font-size:13px}.settings details{border-bottom:1px solid var(--border)}.settings summary{list-style:none;padding:17px 19px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;font-weight:550}.settings summary::-webkit-details-marker{display:none}.settings summary:after{content:"+";font-size:17px;font-weight:400;margin-left:auto;color:var(--muted)}.settings details[open] summary:after{content:"−"}.section-number{background:#f0f4f7;color:#7c92a4;width:24px;height:24px;display:grid;place-items:center;font-size:10px;border-radius:5px}.settings details[open] .section-number{background:#eaf3f9;color:#226d9f}.section-fields{padding:0 19px 20px}.field{display:block;margin-bottom:13px;min-width:0}.field:last-child{margin-bottom:0}.field>span,.field-label{font-size:11px;color:#6c7e8b;display:block;margin-bottom:7px}.field select,.field input,.search-field input,.spec-meta input{border:1px solid var(--border);width:100%;background:#fff;min-height:37px;border-radius:5px;padding:8px 10px;color:var(--ink);font-size:12px}.field select{appearance:none;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' stroke='%23768795' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;text-overflow:ellipsis}.field select:hover{border-color:#b4c5d2}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:flex;background:#f1f4f7;border:1px solid #edf0f3;border-radius:5px;padding:3px;gap:3px}.segmented button{flex:1;padding:6px;border-radius:3px;font-size:11px}.segmented button.active{background:#fff;color:var(--blue);box-shadow:0 1px 4px #132b4312}.field-note{font-size:10px;color:#92a0ab;line-height:1.5;margin-top:6px}.settings-note{display:flex;gap:9px;padding:17px 19px;font-size:10px;color:#90a0ac;align-items:flex-start}.circle-i{border:1px solid currentColor;border-radius:50%;width:13px;height:13px;min-width:13px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:500;margin-top:1px}.drawing-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.drawing-toolbar{display:flex;justify-content:space-between;padding:17px 23px;align-items:center;gap:10px}.drawing-toolbar h2{font-size:13px;margin-bottom:2px}.muted{color:var(--muted);font-size:11px}.drawing-actions{display:flex;gap:17px;align-items:center}.check-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;cursor:pointer}.check-label input{accent-color:var(--blue);margin:0}.icon-button{width:29px;height:29px;display:inline-grid;place-items:center;font-size:18px;color:#80919e;border-radius:4px}.icon-button:hover{background:#eaf2f7;color:var(--blue)}.drawing-stage{background-color:#f7f9fb;background-image:radial-gradient(#cbd7df 0.65px,transparent 0.65px);background-size:17px 17px;position:relative;min-height:410px;display:flex;flex-direction:column}.drawing-stats{display:flex;gap:8px;padding:17px 22px;align-items:center;flex-wrap:wrap}.stat{font-size:10px;background:#fff;border:1px solid #e3eaf0;padding:4px 9px;border-radius:4px;color:#708698}.stat b{color:#37546b;font-weight:500;margin-left:3px}.diagram{width:100%;overflow:auto;min-height:300px;display:flex;align-items:center}.diagram svg{display:block;width:100%;min-width:500px;height:auto;max-height:450px;flex-shrink:0;transition:width .15s}.diagram svg .hit{cursor:pointer}.diagram svg .hit:hover{filter:drop-shadow(0 0 4px #1285c4);}.drawing-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:10px}.legend{display:flex;gap:17px;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:17px;height:2px;background:var(--red)}.legend i.cold{background:var(--cold)}.legend i.brass{background:#bd9d62}.zoom{display:flex;border:1px solid var(--border);border-radius:4px;background:#fff;align-items:center}.zoom button{width:27px;height:25px;font-size:15px}.zoom span{width:45px;text-align:center;font-size:9px;color:var(--muted)}.zoom button:last-child{border-left:1px solid var(--border)}.code-strip{display:flex;justify-content:space-between;padding:13px 22px;gap:10px;border-top:1px solid var(--border);align-items:center}.tiny-label{font-size:9px;letter-spacing:1px;color:#8494a1;font-weight:550}.code-strip code{font-family:Consolas,monospace;display:block;font-size:12px;color:#45647a;margin-top:3px;overflow-wrap:anywhere}.cost-card{background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;margin-top:16px;box-shadow:var(--shadow)}.node-price{font-size:30px;line-height:1.4;letter-spacing:-.9px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}.node-price small{font-size:20px;font-weight:450;margin-left:5px}.cost-quantity{display:flex;flex-direction:column;gap:8px}.cost-quantity>label{font-size:10px;color:var(--muted)}.stepper{border:1px solid var(--border);border-radius:5px;display:flex;background:#fff;width:112px;height:32px;overflow:hidden}.stepper button{width:32px;color:#8495a2}.stepper input{border:0;width:46px;text-align:center;outline:none;font-size:11px;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.primary{background:var(--navy);color:#fff;padding:12px 18px;min-height:42px;font-size:12px;font-weight:500;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:12px}.primary:hover{background:#1b547a}.cost-download{display:flex;flex-direction:column;gap:10px;align-items:center}.text-button{font-size:11px;color:var(--muted);padding:0}.price-note{font-size:9px;color:#94a0ab;margin-top:11px;line-height:1.8}.price-note .text-button{font-size:9px;text-decoration:underline;margin-left:7px}.validation-note{background:#fff8ed;border:1px solid #ecdbba;color:#956e34;padding:10px 14px;border-radius:6px;font-size:10px;margin-top:12px;line-height:1.6}.validation-note summary{cursor:pointer;font-weight:550}.validation-note p{padding-top:5px}.validation-note.neutral{background:#edf4f8;border-color:#d8e6ef;color:#5a7b94}.spec-section{margin-top:42px}.spec-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.spec-heading h2{font-size:22px;letter-spacing:-.4px;margin-top:6px;font-weight:550}.spec-heading h2 span{color:#8fa0ac;font-size:12px;font-weight:400;margin-left:8px}.spec-tools{display:flex;gap:12px;align-items:center}.search-field{display:flex;align-items:center;position:relative}.search-field>span{position:absolute;left:10px;font-size:21px;color:#97a5b0}.search-field input{padding-left:33px;width:213px;background:transparent;min-height:38px}.spec-meta{background:white;border:1px solid var(--border);border-bottom:0;border-radius:7px 7px 0 0;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.spec-meta label{display:flex;align-items:center;gap:12px}.spec-meta input{width:280px;border:0;background:#f8fafb;min-height:32px}.table-wrap{overflow:auto;border:1px solid var(--border);background:#fff;border-radius:0 0 7px 7px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}thead{background:#f8fafb;color:#8a99a5;font-size:10px}th{font-weight:500;white-space:nowrap;padding:15px 20px;border-bottom:1px solid var(--border)}th:first-child{width:60px}th:nth-child(3),td:nth-child(3){width:95px;text-align:center}th:nth-child(4),td:nth-child(4){width:140px;text-align:right}th:nth-child(5),td:nth-child(5){width:150px;text-align:right}th span{font-size:8px;color:#a4b0b9}td{padding:14px 20px;border-bottom:1px solid #eef2f5;vertical-align:middle;font-variant-numeric:tabular-nums}td:first-child{color:#96a5b1}td:nth-child(5){font-weight:550;color:#334d61}td .sku{font-family:Consolas,monospace;display:block;color:#97a6b2;font-size:9px;margin-bottom:4px}.table-name{border:0;padding:0;text-align:left;font-size:11px;line-height:1.6}.table-name:hover{color:var(--blue)}.row-group td{padding:10px 20px;background:#fafbfc;font-size:9px;letter-spacing:1px;color:#8395a4;font-weight:550}tbody tr[data-slot]:hover{background:#f7fbfd}tbody tr.selected{background:#edf5fa}tfoot td{border:0;background:#f9fbfc;padding:17px 20px;font-size:13px;font-weight:550}.spec-footnote{font-size:10px;line-height:1.8;color:#91a0ad;margin-top:12px}footer{max-width:1600px;margin:auto;display:flex;align-items:center;gap:24px;padding:27px 4.2%;border-top:1px solid var(--border);color:#94a2ad;font-size:10px}footer img{width:132px;opacity:.68}footer span{margin-left:auto}dialog{border:1px solid var(--border);border-radius:10px;width:min(690px,calc(100vw - 30px));padding:25px;color:var(--ink);box-shadow:0 20px 80px #123b5933;max-height:85vh}dialog::backdrop{background:#152c3f66;backdrop-filter:blur(2px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-top h2{font-size:20px}#modalBody{font-size:12px;line-height:1.8}#modalBody p{margin:10px 0}#modalBody h3{font-size:13px;margin-top:22px}#modalBody ul{padding-left:20px;color:#708391}#modalBody a{color:var(--blue);text-decoration:underline}#modalBody .field{margin:16px 0}#modalBody .source-file{padding:10px;background:#f4f7f9;border-radius:4px;font-size:10px;overflow-wrap:anywhere;margin-bottom:7px}.preset-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid var(--border);border-radius:6px;margin:10px 0}.preset-card strong{font-size:12px}.preset-card code{display:block;color:#8a9da9;font-size:10px;margin:4px 0}.preset-card .secondary{white-space:nowrap}.component-svg{height:130px;background:#f5f8fa;border-radius:6px;display:flex;align-items:center;justify-content:center}.component-svg svg{width:90px;height:100px}.component-source{color:#97a5af;font-size:10px}.component-ref{max-width:100%;max-height:270px;display:block;margin:15px auto}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#193e58;color:white;padding:11px 22px;border-radius:7px;box-shadow:0 5px 25px #123b5933;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}.drawing-card.expanded{position:fixed;inset:20px;z-index:90;display:flex;flex-direction:column;box-shadow:0 0 0 40px #17344d80}.expanded .drawing-stage{flex:1;min-height:0}.expanded .diagram{flex:1;height:0;min-height:0}.expanded .diagram svg{height:100%;max-height:100%;min-width:0}.print-heading{display:none}.qty-edit{width:70px;height:30px;border:1px solid var(--border);border-radius:4px;text-align:center;background:white}.amount-muted{font-size:10px;color:#9babb7}@media(min-width:1500px){.workspace{grid-template-columns:340px minmax(0,1fr)}.drawing-stage{min-height:470px}.diagram{min-height:360px}}@media(max-width:1150px){.header{gap:20px}.brand img{width:180px}.header nav{gap:20px}.catalog-link{display:none}.system-tabs button{padding:9px 12px}.system-tabs b{display:block;margin-left:0;font-size:9px}.workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.cost-card{flex-wrap:wrap}.cost-main{flex:1}.cost-download{flex-direction:row;width:100%;justify-content:space-between}.node-price{font-size:27px}.intro h1{font-size:26px}.spec-meta input{width:220px}.drawing-actions{gap:9px}}@media(max-width:800px){main{padding:25px 18px}.header{height:72px;padding:0 20px}.header nav{gap:16px;font-size:11px}.header .text-button{font-size:10px}.brand img{width:155px}.intro{align-items:flex-start}.intro h1{font-size:24px;max-width:340px}.intro p{font-size:11px;max-width:290px}.intro-right .edition{display:none}.intro-right .secondary{font-size:10px;gap:5px;padding:7px 10px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:14px}.system-tabs{width:100%}.system-tabs button{flex:1;justify-content:center;padding:9px 6px;gap:7px}.project-actions{align-self:flex-end;gap:18px}.workspace{grid-template-columns:minmax(0,1fr)}.settings-top{padding:14px 17px}.settings summary{padding:12px 17px}.section-fields{padding:0 17px 17px}.settings-note{padding:12px 17px}.diagram svg{max-height:400px}.drawing-stage{min-height:380px}.spec-heading{align-items:flex-start;flex-direction:column;gap:15px}.spec-tools{width:100%;justify-content:space-between}.search-field{flex:1}.search-field input{width:100%}.spec-meta{flex-direction:column;align-items:flex-start;gap:8px}.spec-meta label{width:100%}.spec-meta input{width:100%}.spec-heading h2{font-size:21px}.cost-card{padding:18px}.cost-download .primary{font-size:11px}.cost-download .text-button{font-size:10px}th,td{padding:12px 14px}th:nth-child(4),td:nth-child(4){width:100px}table{min-width:660px}.price-note{font-size:9px}.legend{gap:9px;font-size:9px}footer{padding:22px 18px;flex-wrap:wrap;gap:13px}footer p{display:none}footer span{font-size:9px}.drawing-stats{padding:14px 16px}.drawing-toolbar{padding:15px 16px}.drawing-bottom{padding:12px 16px}}@media(max-width:440px){.header{gap:12px}.brand img{width:140px}.header nav{gap:12px}.header nav>a,.header nav>button{white-space:nowrap}.header nav>a:nth-child(2){display:none}.intro{gap:10px}.intro h1{font-size:22px}.intro-right .secondary{max-width:100px;line-height:1.4}.system-tabs{gap:1px;padding:3px}.system-tabs button{font-size:10px}.system-tabs b{font-size:8px}.tab-icon{display:none}.cost-download{flex-direction:column;gap:12px}.cost-download .primary{width:100%}.drawing-toolbar .muted{font-size:9px}.drawing-actions{gap:4px}.check-label{font-size:10px}.spec-tools .secondary{font-size:10px;padding:8px 10px;gap:4px}.cost-main>.muted{font-size:9px}.node-price{font-size:26px}}@media print{@page{size:A4 landscape;margin:12mm}body{background:white;color:#000;font-size:10px}.header{height:52px;padding:0;border:0}.header img{width:170px}.header nav,.catalog-link,.intro-right,.workspace-heading,.settings,.drawing-actions,.zoom,.cost-download,.price-note,.spec-tools,.settings-note,footer,.spec-footnote,#validation,dialog,#toast{display:none!important}main{padding:10px 0;max-width:none}.intro{margin:0 0 15px}.intro h1{font-size:20px}.intro p{font-size:10px}.intro .eyebrow{display:none}.workspace{display:block}.drawing-stage{min-height:0;background:white;background-image:none}.diagram{min-height:0}.diagram svg{height:270px;max-height:none;min-width:0;width:100%!important}.drawing-toolbar{padding:10px}.drawing-stats{padding:8px 12px}.drawing-bottom{padding:8px 12px}.cost-card{padding:12px;break-inside:avoid;margin-top:10px}.node-price{font-size:22px}.cost-quantity .stepper{border:0}.stepper button{display:none}.code-strip{padding:8px 12px}.spec-section{margin-top:20px;break-before:page}.spec-heading{margin-bottom:12px}.spec-heading h2{font-size:20px}.spec-meta{padding:8px 12px}.spec-meta input{background:none;border:0;min-height:24px}table{min-width:0;font-size:9px}thead{display:table-header-group}th,td{padding:7px 10px}.table-name{font-size:9px}td .sku{font-size:8px}tr{break-inside:avoid}tfoot td{font-size:11px}.search-field{display:none}}