:root{--ink:#19252f;--muted:#72808a;--line:#d8e0e4;--panel:#fff;--canvas:#eef2f3;--blue:#0b6574;--orange:#f4a340}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:68px 1fr 42px;min-height:100vh;display:grid}.topbar{color:#f5fafb;border-bottom:3px solid var(--orange);background:#102d37;align-items:center;gap:28px;padding:0 24px;display:flex}.brand{letter-spacing:.01em;white-space:nowrap;font-size:18px;font-weight:800}.brand-mark{background:var(--orange);color:#17323b;place-items:center;width:27px;height:27px;margin-right:8px;display:inline-grid}.brand small{color:#9db4ba;text-transform:uppercase;margin-left:5px;font-size:11px}.project-name{margin-left:auto;font-size:14px}.muted{color:#9cb2b8;margin-left:8px}.status-dot{background:#89d98c;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.primary,.secondary{border:0;border-radius:6px;padding:11px 15px;font-size:14px;font-weight:700}.primary{background:var(--orange);color:#1d2f35}.secondary{color:var(--blue);background:#fff;border:1px solid #b9c7cc}.wide{width:100%}.workspace{grid-template-columns:315px minmax(450px,1fr) 285px;min-height:0;display:grid}.catalog,.inspector{background:var(--panel);padding:22px;overflow:auto}.catalog{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-heading,.canvas-header{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{text-transform:uppercase;color:var(--blue);letter-spacing:.11em;margin:0 0 5px;font-size:11px;font-weight:800}h1,h2,h3{margin:0}h1{font-size:20px}h2{font-size:19px}.count,.badge{color:var(--blue);background:#e5f1f3;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.search{border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;margin:20px 0 14px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;min-width:0;padding:10px 7px}.category-list{flex-wrap:wrap;gap:6px;margin-bottom:17px;display:flex}.category-list button{border:1px solid var(--line);color:#526069;background:#fff;border-radius:4px;padding:6px 9px;font-size:12px}.category-list button.active{border-color:var(--blue);color:#fff;background:var(--blue)}.catalog-grid{gap:8px;display:grid}.device-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:10px;padding:9px;display:flex}.device-card:hover{border-color:var(--blue);box-shadow:0 2px 9px rgba(11,101,116,.1)}.device-card strong,.device-card small{display:block}.device-card strong{font-size:13px}.device-card small{color:var(--muted);margin-top:3px;font-size:12px}.device-icon{color:#263941;background:linear-gradient(90deg,#e5e9ea,#fff 35%,#d7dfe1);border:2px solid #60727a;flex-direction:column;justify-content:space-between;align-items:center;width:38px;height:45px;padding:4px 2px;font-size:11px;display:flex}.device-icon i{background:#e66c37;border-radius:2px;width:23px;height:6px;display:block}.canvas{flex-direction:column;min-width:0;padding:30px;display:flex}.empty-board{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:480px;display:flex}.empty-board p{max-width:440px;color:var(--muted);margin:10px 0 18px;line-height:1.55}.cabinet{background:#f8faf9;border:12px solid #e8ecec;border-radius:4px;width:min(560px,92%);margin-bottom:27px;padding:28px 24px;box-shadow:inset 0 0 0 1px #c3ccce,0 9px 24px rgba(39,63,72,.082)}.cabinet-label{text-align:left;color:#61727a;margin-bottom:10px;font-size:12px}.rail{background:#263a42;border:5px solid #7e8f96;grid-template-columns:repeat(12,1fr);gap:3px;height:58px;margin:13px 0;padding:4px;display:grid}.rail span{color:#98a4a8;background:#f5f6f3;place-items:end center;padding-bottom:4px;font-size:10px;display:grid}.safety-note{color:#6b583e;border-left:3px solid var(--orange);background:#fff7e9;margin:0;padding:10px 12px;font-size:12px;line-height:1.4}.inspector>p+.selected-symbol{margin-top:20px}.selected-symbol{color:#1e343d;background:linear-gradient(90deg,#e4e9e9,#fff 40%,#d8e0e1);border:3px solid #617177;place-items:center;height:84px;margin-bottom:17px;font-size:23px;font-weight:900;display:grid}.inspector h2{font-size:18px}.inspector h2+p{color:var(--muted);font-size:14px;line-height:1.5}.inspector dl{margin:24px 0}.inspector dl div{border-top:1px solid var(--line);padding:11px 0}.inspector dt{color:var(--muted);font-size:12px}.inspector dd{margin:3px 0 0;font-size:14px;font-weight:600}.inspector-empty{text-align:center;color:var(--muted);padding:90px 10px}.inspector-empty span{color:var(--blue);font-size:42px}.inspector-empty h2{color:var(--ink);margin:14px 0 7px;font-size:16px}.inspector-empty p{font-size:14px;line-height:1.5}footer{border-top:1px solid var(--line);color:#596971;background:#fff;align-items:center;gap:22px;padding:0 24px;font-size:12px;display:flex}@media (max-width:950px){.workspace{grid-template-columns:290px 1fr}.inspector{display:none}}.topbar{min-width:0}@media (max-width:700px){.app-shell{grid-template-rows:auto 1fr auto}.topbar{flex-wrap:wrap;gap:10px;padding:14px}.project-name{display:none}.topbar .primary{margin-left:auto}.workspace{display:block}.catalog{border-right:0;border-bottom:1px solid var(--line)}.catalog-grid{grid-template-columns:1fr 1fr}.canvas{min-height:540px;padding:20px 14px}.cabinet{border-width:8px;padding:18px 10px}.rail{height:45px;margin:8px 0}.rail span{font-size:8px}footer{white-space:nowrap;padding:0 14px;overflow:auto}}