:root{--bg: #0b1220;--panel: #111827;--panel2: #1e293b;--line: #273449;--text: #e5e7eb;--muted: #94a3b8;--accent: #22d3ee;--warn: #fbbf24;--sv-bg:#0b1220;--sv-grid:#1e293b;--sv-dev:#1e293b;--sv-panel:#0f172a;--sv-panel-stroke:#334155;--sv-text:#f8fafc;--sv-text2:#cbd5e1;--sv-muted:#94a3b8;--sv-faint:#64748b;--sv-port-fill:#0f172a;--sv-halo:#0b1220;--sv-label:#e2e8f0;--sv-ctrl:#0f172a;--sv-ctrl-on:#334155;--sv-ctrl-stroke:#334155;--sv-user:#fbbf24;--sv-caption:#cbd5e1;--sv-caption-line:#475569;--c-SDI:#38bdf8;--c-HDMI:#a78bfa;--c-DP:#818cf8;--c-XLR:#f59e0b;--c-XLR5:#fb7185;--c-TRS:#fcd34d;--c-MINIJACK:#fde68a;--c-RCA:#f87171;--c-AES:#fb923c;--c-MADI:#ea580c;--c-TOSLINK:#b91c1c;--c-DB25:#fda4af;--c-CAT6:#16a34a;--c-CAT6A:#4ade80;--c-FIBER:#facc15;--c-SMPTE:#f5f5f4;--c-REF:#e879f9;--c-TC:#f472b6;--c-RF:#d4d4d8;--c-RS422:#64748b;--c-TALLY:#ef4444;--c-USB:#94a3b8;--c-TB:#cbd5e1;--c-PCIE:#78716c;--c-POWER:#6b7280}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer;font:inherit}button:hover,.btn:hover{border-color:var(--accent)}button.on{background:var(--accent);color:#042f2e;border-color:var(--accent);font-weight:600}button.primary{background:var(--accent);color:#042f2e;font-weight:600}button.danger{color:#fca5a5}button.danger:hover{border-color:#ef4444}button.sm{padding:3px 8px;font-size:12px}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:#0f172a;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;margin:8px 0;color:var(--muted);font-size:12px}label input,label select,label textarea{margin-top:3px;color:var(--text)}h3{margin:6px 0 8px;font-size:15px}h4{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:11px}.center{text-align:center}.grow{flex:1}.row{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}.tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10.5px;font-weight:700;color:#0b1220}.app,.home{height:100%;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.top nav{display:flex;gap:4px}.logo{font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px;letter-spacing:.02em}.ring{width:16px;height:16px;border:3px solid var(--accent);border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 6px var(--accent)}.pname{width:260px;font-weight:600}.save{font-size:11px;color:var(--muted)}.save.error{color:#f87171}.save.saving{color:var(--warn)}.work{flex:1;display:grid;grid-template-columns:300px 1fr 360px;min-height:0}.library,.inspector{background:var(--panel);border-right:1px solid var(--line);overflow:auto;display:flex;flex-direction:column;min-height:0}.inspector{border-right:0;border-left:1px solid var(--line);padding:10px 12px}.lib-head{padding:8px;display:grid;gap:6px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}.lib-list{padding:6px}.lib-cat{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 4px 4px}.lib-item{padding:6px 8px;border:1px solid var(--line);border-radius:6px;margin:4px 0;cursor:grab;background:var(--panel2)}.lib-item:hover{border-color:var(--accent)}.lib-item.patch{border-style:dashed}.lib-name{font-weight:600}.lib-name .vendor{color:var(--accent);font-weight:500;font-size:11px}.lib-name .ru{float:right;color:var(--muted);font-size:10px;font-weight:400}.lib-sum{font-size:10.5px;color:var(--muted)}.canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}.canvas-wrap svg{display:block;user-select:none;-webkit-user-select:none}.canvas-wrap svg text{pointer-events:none}.canvas-hud{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;align-items:center;background:#111827d9;padding:5px 8px;border-radius:8px;border:1px solid var(--line)}.canvas-hud .hint{font-size:11px;color:var(--muted);margin-left:8px}.stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0;font-size:12px;color:var(--muted)}.stats b{color:var(--text)}.zone-row{display:grid;grid-template-columns:34px 1fr 28px;gap:6px;margin:4px 0;align-items:center}.zone-row input[type=color]{padding:0;height:26px}.group-row{display:grid;grid-template-columns:1fr 48px 64px 46px 54px 26px;gap:3px;margin:4px 0;align-items:center}.group-row input,.group-row select{padding:4px;font-size:11px}.conn-list{max-height:260px;overflow:auto;font-size:11.5px}.conn{padding:3px 4px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.conn:hover{background:var(--panel2)}.page{flex:1;overflow:auto;padding:14px 20px}.page-tabs,.filters{display:flex;gap:6px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:160px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th,.tbl td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.tbl tbody tr:hover{background:var(--panel2);cursor:pointer}.tbl.compact td,.tbl.compact th{padding:3px 6px}.tbl tr.free td{color:var(--muted)}.tbl.matrix td{text-align:center}.tbl.matrix td.hot{background:#22d3ee26;font-weight:700}.tbl.matrix td.diag{color:var(--muted)}.patch-sheets{display:grid;gap:18px}.patch-sheet{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.van{width:100%;max-width:1200px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.legend{display:flex;gap:6px;flex-wrap:wrap}.home main{padding:20px;max-width:1000px;width:100%;margin:0 auto}.login-wrap{height:100%;display:grid;place-items:center}.login{width:320px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px;display:grid;gap:10px}.login .err{color:#fca5a5;font-size:12px}.doc article{max-width:900px;margin:0 auto;line-height:1.55;font-size:14px}.doc h1{font-size:26px;margin:10px 0 16px}.doc h2{font-size:20px;margin:28px 0 10px;border-bottom:1px solid var(--line);padding-bottom:4px}.doc h3{font-size:16px;margin:20px 0 6px}.doc table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.doc th,.doc td{border:1px solid var(--line);padding:5px 8px;text-align:left}.doc th{background:var(--panel2)}.doc code{background:var(--panel2);padding:1px 5px;border-radius:4px;font-size:12.5px}.doc pre{background:var(--panel2);padding:10px;border-radius:6px;overflow:auto}.doc li.sub{margin-left:22px;list-style:circle}.doc blockquote{border-left:3px solid var(--accent);margin:10px 0;padding:4px 12px;color:var(--muted)}@media print{body{background:#fff;color:#000}.top,.page-tabs,.filters,.canvas-hud{display:none!important}.page{padding:0;overflow:visible}.tbl th,.tbl td,.doc th,.doc td{border-color:#999;color:#000}.patch-sheet{break-inside:avoid;border-color:#999;background:#fff}.tag{border:1px solid #000;color:#000!important;background:#fff!important}.muted{color:#555}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}.sketch-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px;break-inside:avoid}.sketch-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px}@media print{.gallery{grid-template-columns:1fr 1fr}.sketch-card{background:#fff;border-color:#999}}.page-tabs.small{margin:8px 0}.page-tabs.small button{padding:3px 8px;font-size:12px}.label-block{margin:8px 0 12px}.range-fill{display:grid;grid-template-columns:44px 10px 44px 1fr auto auto;gap:4px;align-items:center;margin:4px 0}.range-fill input[type=number]{padding:3px 4px}.range-fill .inline{display:flex;align-items:center;gap:2px;margin:0;font-size:11px}.range-fill .inline input{width:auto}.label-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 6px}.label-cell{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:4px;margin:0;font-size:11px}.label-cell span{color:var(--muted);text-align:right}.label-cell input{padding:2px 5px;font-size:11px}.group-row.ctrl{grid-template-columns:1fr 76px 48px 26px}.designer{flex:1;display:grid;grid-template-columns:260px 1fr 560px;min-height:0}.dz-left,.dz-right{background:var(--panel);overflow:auto;padding:10px 12px}.dz-left{border-right:1px solid var(--line)}.dz-right{border-left:1px solid var(--line)}.dz-main{padding:10px 14px;overflow:auto;min-width:0}.dz-pick{margin-top:6px}.dz-pick .lib-item{cursor:pointer;padding:4px 8px}.lib-item.user{border-color:#a78bfa}.lib-item.user .vendor{color:#a78bfa}.dz-canvas{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}.dz-head,.dz-row{display:grid;grid-template-columns:1.4fr 46px 1fr 40px 42px 42px 40px 54px 52px;gap:3px;align-items:center;margin:3px 0}.dz-head{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.dz-row input,.dz-row select{padding:3px 4px;font-size:11px}.dz-btns{display:flex;gap:2px}.inline-field{display:flex;align-items:center;gap:4px;margin:0;font-size:11px}.inline-field input,.inline-field select{width:auto;min-width:120px}.over{color:#f87171!important}.group-card{border:1px solid var(--line);border-radius:6px;padding:6px;margin:6px 0;background:var(--panel2)}.group-top{display:grid;grid-template-columns:1fr 26px;gap:4px;align-items:center}.group-top select{font-weight:600}.group-fields{display:grid;grid-template-columns:52px 1fr 60px 64px;gap:4px;margin-top:4px}.group-fields label{margin:0;font-size:10px}.group-fields input,.group-fields select{padding:3px 5px;font-size:11px;margin-top:1px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;width:min(760px,92vw);max-height:80vh;overflow:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.settings-grid label{margin:4px 0}.settings-grid label.inline{grid-column:1 / -1;display:flex;align-items:center;gap:6px}.settings-grid label.inline input{width:auto}.scalebar{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin-left:6px}.scalebar i{display:inline-block;height:0;border-top:2px solid var(--accent);border-left:2px solid var(--accent);border-right:2px solid var(--accent);height:6px}.print-root{display:none}.print-head{display:flex;justify-content:space-between;align-items:center;font:9pt system-ui,sans-serif;color:#000;padding:0 2mm}.print-head span{color:#444;font-size:7.5pt}.print-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:10px 0}.print-thumb{position:relative;border:1px solid var(--line);background:#0b1220}.print-thumb span{position:absolute;left:4px;top:2px;font-size:11px;color:var(--accent);font-weight:700}.labels-preview{display:flex;flex-wrap:wrap;gap:6px}.label{background:#fff;color:#000;border:1px dashed #999;box-sizing:border-box;padding:.8mm 1.5mm;overflow:hidden;font-family:system-ui,sans-serif;display:flex;flex-direction:column;justify-content:center;line-height:1.15}.label-code{font-weight:800;font-size:1.5em;letter-spacing:.02em;display:flex;justify-content:space-between}.label-code span{font-size:.6em;font-weight:700;border:1px solid #000;border-radius:2px;padding:0 2px;align-self:center}.label-line{font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-meta{font-size:.65em;color:#333}.labels-page{display:flex;flex-wrap:wrap;align-content:flex-start}@media print{.label{border:.2mm solid #000}.modal-back{display:none!important}}.len-chip{display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;margin:1px 3px 1px 0;font-size:11.5px}.tag.q{background:#fbbf24}.tag.a{background:#334155;color:#cbd5e1}.light-svg,.print-root{--sv-bg:#ffffff;--sv-grid:#e5e7eb;--sv-dev:#f1f5f9;--sv-panel:#e2e8f0;--sv-panel-stroke:#94a3b8;--sv-text:#0f172a;--sv-text2:#334155;--sv-muted:#475569;--sv-faint:#64748b;--sv-port-fill:#ffffff;--sv-halo:#ffffff;--sv-label:#111827;--sv-ctrl:#ffffff;--sv-ctrl-on:#e2e8f0;--sv-ctrl-stroke:#94a3b8;--sv-user:#b45309;--sv-caption:#334155;--sv-caption-line:#94a3b8}@media print{:root{--bg:#fff;--panel:#fff;--panel2:#f3f4f6;--line:#9ca3af;--text:#000;--muted:#555;--accent:#0369a1;--sv-bg:#ffffff;--sv-grid:#e5e7eb;--sv-dev:#f1f5f9;--sv-panel:#e2e8f0;--sv-panel-stroke:#94a3b8;--sv-text:#0f172a;--sv-text2:#334155;--sv-muted:#475569;--sv-faint:#64748b;--sv-port-fill:#ffffff;--sv-halo:#ffffff;--sv-label:#111827;--sv-ctrl:#ffffff;--sv-ctrl-on:#e2e8f0;--sv-ctrl-stroke:#94a3b8;--sv-user:#b45309;--sv-caption:#334155;--sv-caption-line:#94a3b8}body,.app,.home,.page,.patch-sheet,.sketch-card,.modal,.inspector,.library,.dz-left,.dz-right,.dz-main,.dz-canvas,.print-thumb{background:#fff!important;color:#000!important}.tbl tbody tr:hover{background:transparent}.library,.inspector,.canvas-hud,.top,.page-tabs,.filters,.lib-head,.dz-left,.dz-right{display:none!important}.work{grid-template-columns:1fr}.doc article,.doc h1,.doc h2,.doc h3,.doc td,.doc th,.doc li,.doc p{color:#000}.doc code,.doc pre,.doc th{background:#f3f4f6}.tag{border:1px solid #000;color:#000!important;background:#fff!important}.len-chip{border-color:#999;background:#fff}}.sim{display:flex;flex-direction:column;gap:6px}.sim-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{border-radius:999px;padding:2px 10px;font-weight:700}.chip.err{color:#fca5a5}.chip.warn{color:#fcd34d}.chip.info{color:#93c5fd}.chip.on{outline:2px solid currentColor}.sim-ok{background:#22c55e1f;border:1px solid #16a34a;border-radius:6px;padding:8px 10px}.sim-group{border:1px solid var(--line);border-radius:6px;overflow:hidden}.sim-group-head{background:var(--panel2);padding:4px 8px;font-weight:700;font-size:12px}.sim-item{display:flex;gap:8px;padding:6px 8px;border-top:1px solid var(--line);cursor:pointer}.sim-item:hover{background:var(--panel2)}.sim-item.error{border-left:3px solid #ef4444}.sim-item.warn{border-left:3px solid #f59e0b}.sim-item.info{border-left:3px solid #3b82f6}.sim-ico{width:18px}.sim-title{font-weight:600;font-size:12.5px}.sim-detail{color:var(--muted);font-size:11.5px}.sim-fix{color:#86efac;font-size:11.5px}.sim.compact .sim-item{padding:4px 6px}.sim.compact .sim-title{font-size:12px}.sim-page{flex:1;overflow:auto;padding:14px 20px}.badge-err{fill:#ef4444}.badge-warn{fill:#f59e0b}.tag.alt{background:#475569;color:#e2e8f0;margin-left:4px}.trunk-pick{position:absolute;z-index:20;width:250px;max-height:320px;overflow:auto;background:var(--panel);border:1px solid var(--accent);border-radius:8px;box-shadow:0 8px 24px #00000080;font-size:12px}.trunk-pick-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-weight:700;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}.trunk-pick-item{padding:5px 8px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.trunk-pick-item:hover{background:var(--panel2)}