:root{--ink:#20322e;--muted:#6b7773;--green:#087958;--line:#dce3df;--surface:#f4f7f5;--accent:#e9f3ed;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px;background:#f4f6f4;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #058d64;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sitebar{height:68px;display:flex;align-items:center;padding:0 3.3%;gap:22px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:11px;letter-spacing:2.3px;font-size:15px;font-weight:800}.brand-mark{display:grid;place-items:center;width:29px;height:30px;background:#103c2f;color:#fff;font-size:21px;letter-spacing:0;border-radius:3px}.sitebar-divider{height:21px;border-left:1px solid #d2dad5}.sitebar-title{color:#758078;font-size:13px}.prototype-tag{font-size:11px;padding:5px 9px;background:#f0f3ef;border:1px solid #dde5df;border-radius:4px;color:#627267;margin-left:auto}.shop-link{font-size:12px;font-weight:600}.shop-link span{margin-left:12px;font-size:17px}main{max-width:1720px;margin:0 auto;padding:30px 3.3% 20px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#4c7667;margin:0 0 10px}h1{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:0 0 12px;font-weight:650}.intro p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0;line-height:1.55}.button{border:1px solid #cfdad3;border-radius:5px;padding:11px 15px;background:#fff;font-size:12px;font-weight:600;white-space:nowrap}.button span{margin-left:18px;background:#f1f5f2;border:1px solid #d8e2dc;border-radius:50%;padding:1px 5px}.scenario-bar{display:flex;align-items:center;gap:20px;margin-bottom:13px}.scenario-label{font-size:11px;color:#7b867e}.scenario-buttons{display:flex;gap:5px}.scenario{border:1px solid transparent;background:transparent;border-radius:5px;padding:9px 13px;color:#929f96;font-size:10px;font-weight:600;letter-spacing:.3px}.scenario span{font-size:12px;letter-spacing:0;margin-left:7px;color:#6c7972}.scenario.active{background:#e7eee8;border-color:#d0ddd3;color:#0a7e59}.scenario.active span{color:#164d39}.text-button{border:0;background:transparent;font-size:12px;font-weight:600;color:#5c6e62;white-space:nowrap}.scenario-bar>.text-button{margin-left:auto}.lab{display:grid;grid-template-columns:174px minmax(420px,1fr) 326px;min-height:750px;background:#fff;border:1px solid #d1dad3;border-radius:7px;overflow:hidden;box-shadow:0 4px 16px #213b2110}.navigation{background:#f8faf8;border-right:1px solid #cfd9d2;display:flex;flex-direction:column;min-width:0}.panel-heading{height:37px;background:#eef2ee;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid #d7dfd8;font-size:12px;font-weight:600}.tree{padding:12px 6px;font:11px Arial,sans-serif}.tree-item{display:flex;align-items:center;gap:4px;min-height:26px;width:100%;text-align:left;white-space:nowrap;font-size:11px;border:0;background:transparent;padding:4px 5px;color:#374a3c;border-radius:2px}.tree-item:hover{background:#e8eee8}.tree-item.selected{background:#dce7df;color:#173b26}.tree-icon{width:14px;height:14px;display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:#4b5f49}.tree-chevron{font-size:9px;color:#778576}.tree-item.level1{padding-left:11px}.tree-item.level2{padding-left:21px}.tree-item.level3{padding-left:31px}.tree-item.level4{padding-left:41px}.type-icon{display:inline-grid;place-items:center;height:15px;width:15px;font:700 9px Arial,sans-serif;border-radius:2px;color:#fff;flex-shrink:0}.type-icon.boolean{background:#82913c}.type-icon.numeric{background:#507cad}.type-icon.string{background:#ad784e}.type-icon.enum{background:#9472ac}.palette-heading{border-block:1px solid #d5ddd6;background:#eef2ee;padding:10px 12px;display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-top:25px}.tiny-label{font:10px Arial,sans-serif;color:#8a948c}.palette{padding:8px}.palette p{font-size:10px;line-height:1.5;color:#7b877e;padding:0 4px;margin:3px 0 10px}.palette button{display:flex;align-items:center;gap:7px;text-align:left;border:0;background:transparent;width:100%;padding:7px 5px;font-size:11px;cursor:grab}.palette button:hover{background:#e6eee6}.navigation-foot{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:10px;color:#7b887e;padding:15px 10px;border-top:1px solid #e2e7e2}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1a9c70}.engineering{min-width:0;display:flex;flex-direction:column;background:#fff}.ordbar{height:37px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#eef2ee;border-bottom:1px solid #d7dfd8;overflow:hidden;font:11px Arial,sans-serif;color:#627066}.ordbar #ord{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-icon{font-size:17px;color:#859671}.view-tabs{display:flex;align-items:stretch;border-bottom:1px solid #c1cec3;height:36px;background:#f7f9f7;padding-left:8px}.view-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:0 12px;color:#5c6c60;font-size:11px;white-space:nowrap}.view-tabs [aria-selected=true]{color:#1d3924;background:#fff;border-bottom-color:#63856b;font-weight:700}.view-tabs-fill{flex:1}.view-tabs .actions-button{border-left:1px solid #dde4de;font-size:11px}.wire-panel{display:flex;flex-direction:column;flex:1;min-height:0}.wire-toolbar{display:flex;align-items:center;gap:3px;height:32px;border-bottom:1px solid #dde4de;padding:0 8px;color:#768077;background:#fafbf9}.wire-toolbar button{background:transparent;border:1px solid transparent;font-size:11px;padding:3px 6px;border-radius:2px}.wire-toolbar button:hover{border-color:#b2bfb4;background:#edf3eb}#zoom-label{font-size:10px;min-width:33px}.toolbar-divider{height:15px;border-left:1px solid #dde3dc;margin:0 6px}.wire-toolbar-fill{flex:1}.wire-hint{font-size:9px;color:#859084}.canvas-scroll{background:#fff;overflow:auto;position:relative;height:524px;flex:1;min-height:470px;touch-action:pan-x pan-y}.canvas-scroll.dragover{box-shadow:inset 0 0 0 2px #0d9f70}.canvas-scroll svg{display:block;touch-action:none;max-width:none}.wire-node{cursor:default}.wire-node text{font:10px Arial,sans-serif;fill:#000}.wire-node .title{font-weight:700}.node-header{fill:#cfcfcf}.node-border{fill:none;stroke:#000;stroke-width:1}.node-selection{fill:none;stroke:red;stroke-width:2}.slot-background{fill:#f8f8dc;stroke:#a2a29b;stroke-width:.6}.slot-background.fault{fill:#f8dddd}.slot-background.overridden{fill:#e9d9f5}.node-type{fill:#444!important;font-size:9px!important}.node-label{fill:#56655a!important;font:10px Arial,sans-serif!important}.node-connector{cursor:crosshair;fill:#888;stroke:#444;stroke-width:1}.node-connector:hover,.node-connector.pending{fill:red;stroke:red}.node-connector:focus{outline:none;fill:red}.wire-link{stroke:#444;stroke-width:3;fill:none;cursor:pointer}.wire-link-overlay{stroke:transparent;stroke-width:16;fill:none;cursor:pointer}.wire-link.selected{stroke:#f44}.wire-link.highlight{stroke:#888;stroke-width:1;pointer-events:none}.wire-link.selected.highlight{stroke:#f88}.wire-annotation{font:10px Arial,sans-serif;fill:#899489}.wire-link-label{font:9px Arial,sans-serif;fill:#737f70}.sheet-status{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-block:1px solid #dde4dd;font-size:9px;color:#6b796c;background:#f7f9f6;gap:10px}#link-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector{height:145px;overflow:auto;background:#fff}.inspector-heading{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #e4e8e0;gap:10px;font-size:12px}#inspector-title{font-weight:700}#inspector-type{font-size:10px;color:#829080;margin-left:auto}.inspector-heading button{border:0;background:transparent;color:#697f69}.quick-table{display:grid;grid-template-columns:110px 1fr;font:11px Arial,sans-serif}.quick-table>span,.quick-table>button{border:0;border-bottom:1px solid #edf0e9;min-height:24px;padding:5px 12px;background:transparent;text-align:left}.quick-table>span:nth-of-type(odd){color:#667263;background:#fafbf8}.quick-table button{color:#2b6748}.property-panel{flex:1;overflow:auto}.property-title{display:flex;gap:10px;align-items:center;padding:18px 16px;border-bottom:1px solid #dce3db}.property-title .type-icon{width:25px;height:25px;font-size:13px}.property-title strong{display:block;font-size:14px}.property-title #property-type{display:block;font-size:10px;color:#7b8979;margin-top:4px}.property-title button{margin-left:auto}.property-table{font:11px Arial,sans-serif}.property-row{display:grid;grid-template-columns:190px 1fr;min-height:32px;border-bottom:1px solid #e1e5dd}.property-label{display:flex;align-items:center;padding:7px 14px;gap:7px;background:#f8faf6;color:#3f503d}.property-row.readonly .property-label{color:#74816f}.property-label small{font-size:9px;color:#929d8b;margin-left:auto}.property-value{display:flex;align-items:center;padding:4px 12px;gap:8px;min-width:0;overflow-wrap:anywhere}.property-value input,.property-value select{width:100%;min-height:23px;border:1px solid #c4cfc0;border-radius:2px;padding:3px 6px;background:#fff;font-size:11px;color:#263d2a}.property-value input[type=checkbox]{width:15px;min-height:15px;accent-color:#297245}.property-value .status-pill{font-size:10px;padding:3px 5px;background:#edf3e9;border-radius:2px;white-space:nowrap}.property-value .status-pill.fault{background:#fae0de;color:#a04032}.property-value .status-pill.overridden{background:#eedff4;color:#73538b}.property-section{background:#ecf1e9;border-block:1px solid #d1dccb;padding:7px 12px;font-size:11px;font-weight:700;color:#52694d;display:flex;gap:8px}.property-footer{display:flex;align-items:center;padding:14px;gap:8px;border-top:1px solid #d5dfd0;background:#f5f8f2;font-size:10px;position:sticky;bottom:0;z-index:1}.property-footer>span{margin-right:auto}.property-footer button,.dialog-footer button{padding:6px 16px;border:1px solid #bdc9b8;border-radius:3px;background:#f9fbf6;font-size:11px}.save-button{background:#246443!important;border:1px solid #246443!important;color:#fff!important;padding:8px 16px;border-radius:4px;font-size:12px;cursor:pointer}.error{color:#b23c2e;font-size:12px;line-height:1.5}.simulator{border-left:1px solid #cfd9d2;min-width:0;background:#fff}.sim-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 18px 15px}.sim-heading .eyebrow{font-size:8px;margin-bottom:6px;letter-spacing:1.5px;color:#88998d}.sim-heading h2{font-size:17px;letter-spacing:-.3px;margin:0}.connection-badge{padding:5px 6px;display:flex;gap:5px;align-items:center;border:1px solid #dce8e0;border-radius:4px;background:#f4faf6;color:#428265;font-size:9px;white-space:nowrap}.connection-badge.fault{color:#a25744;background:#fff3ed;border-color:#edd7cb}.connection-badge.fault .status-dot{background:#b87743}.device-readback{display:flex;justify-content:space-between;margin:15px 17px 0;padding-bottom:14px;border-bottom:1px solid #e2e9e3}.device-readback div{display:flex;flex-direction:column;gap:5px}.device-readback span{font-size:9px;color:#8b958d}.device-readback strong{font-size:12px;font-weight:600}.device-controls{padding:0 17px 8px}.control-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0;font-size:11px}.toggle{appearance:none;width:30px;height:17px;position:relative;background:#bdc9bf;border-radius:20px;cursor:pointer;flex-shrink:0;transition:background .2s;margin:0}.toggle:checked{background:#278e67}.toggle:before{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;background:#fff;border-radius:50%;transition:left .2s}.toggle:checked:before{left:16px}.slider-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.slider-label output{font-size:10px;color:#4c8168}input[type=range]{width:100%;accent-color:#218964;height:4px;margin:7px 0 8px;cursor:pointer}input[type=color]{width:24px;height:24px;border:1px solid #d4dfd4;padding:2px;background:#fff;border-radius:4px;cursor:pointer}.control-row select,.connection-control select{padding:5px 7px;background:#f7faf6;color:#526750;border:1px solid #d6dfd2;border-radius:4px;font-size:10px}.connection-control{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin-top:19px;padding-top:14px;border-top:1px dashed #d5dfd2}.connection-symbol{color:#69866b;font-size:15px;margin-right:5px}.control-note{font-size:10px;color:#8a9788;line-height:1.6;margin:13px 0 4px}.event-heading{display:flex;justify-content:space-between;border-top:1px solid #e0e6dc;padding:12px 17px;font-size:11px;font-weight:600}.event-heading button{border:0;background:transparent;color:#899383;font-size:9px}.events{list-style:none;margin:0;padding:0 17px 10px;max-height:117px;overflow:auto;font-size:10px}.events li{display:grid;grid-template-columns:47px 1fr;gap:7px;padding:6px 0;line-height:1.4;border-bottom:1px solid #f1f3ee}.events time{font:9px monospace;color:#a1ac9b}.events .fault{color:#b17452}.events .override,.events .overridden{color:#876799}.guide{display:flex;gap:14px;align-items:center;margin-top:14px;padding:15px 17px;background:#e9f0e9;border:1px solid #d7e2d8;border-radius:5px}.guide-step{height:30px;width:30px;border:1px solid #bccfbe;border-radius:50%;display:grid;place-items:center;color:#5a8465;font-size:10px;flex-shrink:0}.guide strong{font-size:12px;font-weight:600}.guide p{font-size:11px;margin:5px 0 0;color:#70816f;line-height:1.5}.guide button{margin-left:auto;font-size:10px}.demo-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8d998a;line-height:1.6;margin-top:13px}.context-menu{position:fixed;z-index:10;min-width:180px;background:#fafcf7;border:1px solid #9caa93;border-radius:3px;padding:4px;box-shadow:2px 4px 10px #0003;font:12px Arial,sans-serif}.context-menu button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;background:transparent;font-size:11px}.context-menu button:hover{background:#dbe8d4}.context-menu .menu-separator{border-top:1px solid #d9e0d2;margin:3px 4px}.context-menu .menu-caption{padding:5px 10px;color:#7e8d72;font-size:10px}dialog{border:1px solid #c0d0bc;border-radius:7px;padding:23px;max-width:480px;width:calc(100% - 32px);color:#30452c;box-shadow:0 10px 50px #13260f33}dialog::backdrop{background:#112b1a66;backdrop-filter:blur(2px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-heading h2{font-size:18px;margin:0}.dialog-heading button{border:0;background:transparent;font-size:24px;color:#6a7f63}.dialog-heading+p{font-size:12px;color:#7b8f73;line-height:1.6}#action-fields label{display:block;font-size:12px;margin:14px 0 5px}#action-fields input,#action-fields select{width:100%;border:1px solid #bdcfb4;border-radius:3px;padding:8px;background:#fff;font-size:13px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.help-steps{padding-left:20px;font-size:12px;line-height:1.65;color:#6b7d62}.help-steps li{margin:12px 0}.help-steps strong{color:#314b2b}.help-note{font-size:11px;line-height:1.6;color:#7f8e77;border-top:1px solid #dae3d4;padding-top:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#173c2a;color:#f3fff5;border-radius:5px;box-shadow:0 3px 15px #0002;padding:12px 20px;z-index:30;max-width:90vw;font-size:12px;line-height:1.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1450px){.lab{grid-template-columns:190px minmax(420px,1fr) 360px}.canvas-scroll{min-height:520px}}@media(max-width:1120px){main{padding:24px 20px}.lab{grid-template-columns:145px minmax(380px,1fr) 290px}.wire-hint{display:none}.intro h1{font-size:25px}.tree-item{font-size:10px}.tree-item.level4{padding-left:33px}.property-row{grid-template-columns:145px 1fr}.sim-heading{padding-inline:14px}.device-readback{margin-inline:14px}}@media(max-width:900px){.lab{grid-template-columns:150px minmax(300px,1fr)}.simulator{grid-column:1/-1;border-left:0;border-top:1px solid #ccd9ca;display:grid;grid-template-columns:1fr 1fr}.sim-heading{grid-column:1/-1}.device-readback{grid-column:2;grid-row:2;margin:0 20px 10px}.device-controls{grid-column:2;grid-row:3/5}.event-heading{grid-column:1;grid-row:4}.events{grid-column:1;grid-row:5;max-height:105px}.intro{align-items:flex-start}.button.secondary{font-size:10px;padding:9px}.sitebar-title{display:none}.canvas-scroll{height:500px;min-height:500px}.demo-footer{flex-direction:column;gap:5px}.inspector{height:145px}.guide button{align-self:flex-start}}@media(max-width:600px){.sitebar{height:57px;padding:0 15px;gap:11px}.brand{font-size:12px;gap:7px;letter-spacing:1.7px}.brand-mark{width:23px;height:25px;font-size:17px}.sitebar-divider,.shop-link{display:none}.prototype-tag{font-size:9px}.intro{display:block;margin-bottom:18px}.intro h1{font-size:24px}.intro p:not(.eyebrow){font-size:12px}.intro .button{margin-top:15px}.scenario-bar{gap:8px;flex-wrap:wrap}.scenario-label{display:none}.scenario-buttons{gap:0;width:100%}.scenario{flex:1;padding:8px 5px;font-size:9px}.scenario span{font-size:10px;margin-left:3px}.scenario-bar>.text-button{font-size:10px}.lab{grid-template-columns:minmax(0,1fr)}.navigation{display:none}.engineering{grid-column:1}.simulator{display:block}.sim-heading{padding:17px}.device-readback{margin:15px 18px 0}.device-controls{padding:0 18px 10px}.ordbar{font-size:9px}.canvas-scroll{min-height:390px;height:390px}.property-row{grid-template-columns:128px minmax(0,1fr)}.property-label{padding-left:10px}.property-label small{display:none}.guide{align-items:flex-start;padding:13px 12px;gap:9px;flex-wrap:wrap}.guide button{margin-left:39px}.guide>div{flex:1;min-width:200px}.guide strong{font-size:11px}.guide p{font-size:10px}.sheet-status{font-size:8px}.inspector{height:145px}.property-title{padding:14px 10px}.property-title button{font-size:10px}main{padding:22px 13px}.events{max-height:125px}.prototype-tag{margin-left:auto}}@font-face{font-family:SourceSansPro;src:url("./source-sans-pro-regular-XNQWHRZ3.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SourceSansPro;src:url("./source-sans-pro-semibold-7PQDUR4Y.woff") format("woff");font-weight:600 900;font-style:normal;font-display:swap}.lab{border-color:#b6bbc0;border-radius:0;grid-template-columns:210px minmax(420px,1fr) 326px}.engineering,.navigation,.context-menu,#action-dialog{font-family:SourceSansPro,Source Sans Pro,sans-serif;color:#4d4d4d}.engineering{font-size:16px}.navigation{background:#f7f7f7;border-color:#c9c9c9;font-size:14px;overflow:hidden;position:relative}.panel-heading,.palette-heading{background:#ebebeb;border-color:#ccc;border-radius:0;font-size:14px;font-weight:400;height:35px;padding:0 10px}.panel-heading{justify-content:space-between}.panel-heading button{border:0;background:transparent;color:#6e6e6e;font-size:22px;padding:0 5px}.sidebar-tools{display:none}.tree{font:14px SourceSansPro,sans-serif;padding:6px 3px}.tree-item{font:14px SourceSansPro,sans-serif;color:#4d4d4d;border-radius:0;min-height:25px;padding-block:2px;gap:3px}.tree-item.selected{background:#ebebeb;color:#4d4d4d}.tree-item:hover,.palette button:hover{background:#e5e5e5}.tree-item.level4{padding-left:30px}.tree-item.level3{padding-left:23px}.tree-item.level2{padding-left:16px}.tree-item.level1{padding-left:9px}.tree-icon,.tree-chevron{color:#777}.palette-heading{display:flex;align-items:center;margin-top:12px}.tiny-label,.palette p{font:12px SourceSansPro,sans-serif;color:#777}.palette button{font:14px SourceSansPro,sans-serif;color:#4d4d4d;padding:5px 2px;gap:6px}.navigation-foot{font:11px SourceSansPro,sans-serif;color:#777;border-color:#ddd;padding:11px 8px}.type-icon{width:16px;height:16px;border-radius:0;background:transparent!important;color:transparent;font-size:0}.type-icon svg{display:block;width:16px;height:16px}.ordbar{display:none}.view-tabs{height:35px;min-height:35px;padding:0;background:#fff;border-bottom:1px solid #ddd;align-items:center;gap:0}.object-tab{height:35px;border-right:1px solid #ddd;border-bottom:1px solid #568bdf;border-radius:9px 0 0;padding:7px 17px;font-size:16px;font-weight:400;white-space:nowrap}.view-tabs .tool-button{height:28px;width:29px;min-width:29px;padding:0;border:0;border-radius:0;background:transparent;color:#777;font:20px SourceSansPro,sans-serif;position:relative;display:inline-flex;align-items:center;justify-content:center}.view-tabs .tool-button:hover{background:#ebebeb}.view-tabs .tool-button:disabled{opacity:.45}.tool-button sup{font-size:10px;position:absolute;top:1px;right:4px}.wire-tools{display:flex;align-items:center}#zoom-label{font:10px SourceSansPro,sans-serif;color:#999;padding:0 4px;min-width:32px}#view-select{font:14px SourceSansPro,sans-serif;background:#ebebeb;border:0;border-radius:0;color:#4d4d4d;height:22px;padding:0 3px;width:118px;margin:0 7px}.action-ring{display:inline-block;width:15px;height:15px;border:2px solid #38b83e;border-radius:50%;vertical-align:middle;flex-shrink:0}.wire-toolbar{display:none}.canvas-scroll{height:665px;min-height:665px;background:#fff;flex:1;overflow:auto}.wire-node text{font:10px SourceSansPro,Source Sans Pro,sans-serif;fill:#000}.wire-node .title{font-weight:600}.node-header{fill:#d0d0d0;stroke:#000;stroke-width:1}.node-background{fill:#ffc}.node-border{stroke:#3e402f;stroke-width:1;pointer-events:none}.node-selection{stroke:#3e402f;stroke-width:2;pointer-events:none}.selection-handle{fill:#eaebd8;stroke:#000;stroke-width:1;pointer-events:none}.slot-background{fill:url(#property-bar);stroke:#000;stroke-width:1;shape-rendering:crispEdges}.slot-background.fault{fill:#f55}.slot-background.overridden{fill:#bb8ad3}.node-connector{fill:transparent;stroke:none;cursor:crosshair}.node-connector:hover,.node-connector.pending{fill:#e8505060;stroke:none}.wire-node [data-drag]{cursor:move}.wire-node [data-drag] text{pointer-events:none}.wire-link.selected{stroke:#6666f2}.wire-link.selected.highlight{stroke:#b9b9ff}.sheet-status{background:#f7f7f7;border-color:#ddd;color:#777;font:11px SourceSansPro,sans-serif;height:25px}.inspector{display:none}.sheet-thumbnail{position:sticky;left:calc(100% - 121px);bottom:calc(100% - 81px);width:116px;height:76px;margin-top:-76px;pointer-events:none;border:1px solid #3e402f;background:#b7c8d080;z-index:2}.sheet-thumbnail svg{width:100%;height:100%}.property-panel{background:#fff;min-height:690px;max-height:690px;overflow:auto;position:relative}.property-title{display:none}.property-controls{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:14px;height:39px;background:#fff;box-shadow:0 2px 3px #0003;padding:6px 12px;font-size:13px}.property-controls button{display:flex;gap:5px;align-items:center;border:0;background:transparent;color:#777;font:600 13px SourceSansPro,sans-serif;padding:0}.slot-details-label{font-weight:600;color:#777}.property-table{font:16px SourceSansPro,sans-serif;width:100%;border-collapse:collapse;table-layout:auto;color:#4d4d4d}.property-table th{font-weight:400;background:#ebebeb;text-align:left;padding:6px 15px;height:35px;white-space:nowrap}.property-table th:first-child{width:35%}.property-table th:nth-child(2){width:49%}.property-table th:nth-child(3){width:15%}.property-row{display:table-row;background:#fff;border:1px solid #ebebeb;min-height:0;grid-template-columns:none}.property-row:hover{background:#f5f5f5}.property-row td{height:34px;padding:5px 0;vertical-align:middle;white-space:nowrap;font-size:16px}.property-row td:first-child{padding:5px 12px}.property-label{background:transparent!important;color:#4d4d4d;display:table-cell;padding:5px 12px!important;border:0}.property-label>span,.property-label>button{display:inline-block;vertical-align:middle}.property-expander{width:18px;height:20px;background:transparent;border:0;color:#c1c1c1;font:18px SourceSansPro,sans-serif;padding:0;text-align:center;line-height:20px}.property-expander.expandable{cursor:pointer}.slot-icon{width:16px;height:5px;margin:0 6px 0 2px}.slot-icon.numeric{background:#b990ce}.slot-icon.boolean{background:#799642}.slot-icon.string{background:#db9b55}.slot-icon.enum{background:#779ac8}.value-icon{width:16px;height:16px;font:16px SourceSansPro,sans-serif;margin:0 6px 0 2px;color:#777}.property-value{padding:5px 4px!important;border:0;background:transparent;min-width:160px}.property-value input:not([type=checkbox]),.property-value select{font:16px SourceSansPro,sans-serif;border:1px solid #ccc;border-radius:0;background:#f2f2f2;height:22px;padding:0 3px;color:#4d4d4d;max-width:100%;width:158px}.property-value input[type=text]{width:240px}.property-value input[type=checkbox]{accent-color:#1685ff;margin:0}.property-row.nested{display:none}.property-row.nested.expanded{display:table-row;background:#fafafa}.property-row.nested .property-label{padding-left:32px!important}.property-row.nested:first-of-type{box-shadow:inset 0 6px 6px -6px #0006}.status-pill{font:16px SourceSansPro,sans-serif;background:transparent!important;border:0!important;border-radius:0;padding:0;color:inherit}.status-pill.fault{color:red}.status-pill.overridden{color:#9d54bd}.property-footer{background:#fff;border-top:1px solid #ddd;font:13px SourceSansPro,sans-serif;padding:8px 12px;position:sticky;bottom:0}.property-footer button,#action-dialog button.save-button{background:#fff!important;border:1px solid #ccc!important;border-radius:0!important;color:#4d4d4d!important;box-shadow:none;padding:5px 16px;font:16px SourceSansPro,sans-serif}.property-footer .save-button:hover{background:#ebebeb!important}.context-menu{font:16px SourceSansPro,sans-serif;border:1px solid #ccc;background:#fff;border-radius:0;padding:0;box-shadow:0 3px 10px #0003}.context-menu button{font:16px SourceSansPro,sans-serif;padding:4px 15px;border-radius:0;color:#4d4d4d}.context-menu button:hover{background:#ebebeb}.context-menu .menu-caption{font:13px SourceSansPro,sans-serif;color:#777;padding:5px 15px}.context-menu .menu-separator{border-color:#ddd;margin:0}#action-dialog{border:1px solid #bbb;border-radius:0;padding:18px;background:#fff}#action-dialog .dialog-heading{border-bottom:1px solid #ddd;padding-bottom:10px}#action-dialog .dialog-heading h2{font:600 18px SourceSansPro,sans-serif;color:#4d4d4d}#action-dialog .dialog-heading+p{color:#777;font:14px SourceSansPro,sans-serif}#action-fields input,#action-fields select{font:16px SourceSansPro,sans-serif;border:1px solid #ccc;background:#f2f2f2;border-radius:0;padding:4px}#action-dialog .dialog-footer button{border:1px solid #ccc;border-radius:0;background:#fff;color:#4d4d4d;padding:5px 16px;font:16px SourceSansPro,sans-serif}#action-dialog::backdrop{background:#0004;backdrop-filter:none}.lab.nav-collapsed{grid-template-columns:43px minmax(420px,1fr) 326px}.navigation.collapsed{background:#686e77}.navigation.collapsed .panel-heading,.navigation.collapsed #tree,.navigation.collapsed .palette-heading,.navigation.collapsed .palette,.navigation.collapsed .navigation-foot{display:none}.navigation.collapsed .sidebar-tools{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:18px}.sidebar-tools button{width:30px;height:30px;border:0;background:#555b60;border-radius:50%;font-size:20px;color:#999;padding:0}@media(min-width:1450px){.lab{grid-template-columns:210px minmax(420px,1fr) 360px}.lab.nav-collapsed{grid-template-columns:43px minmax(420px,1fr) 360px}}@media(max-width:1120px){.lab{grid-template-columns:180px minmax(380px,1fr) 290px}.lab.nav-collapsed{grid-template-columns:43px minmax(380px,1fr) 290px}.tree-item{font-size:12px}.property-table,.property-row td{font-size:14px}.property-table th:nth-child(3){font-size:12px}.view-tabs .tool-button{width:24px;min-width:24px}#zoom-label{display:none}}@media(max-width:900px){.lab{grid-template-columns:180px minmax(300px,1fr)}.lab.nav-collapsed{grid-template-columns:43px minmax(300px,1fr)}.canvas-scroll{min-height:560px;height:560px}.property-panel{min-height:585px;max-height:585px}}@media(max-width:600px){.lab,.lab.nav-collapsed{grid-template-columns:minmax(0,1fr)}.navigation{display:none}.object-tab{font-size:14px;padding-inline:10px}.view-tabs .tool-button{width:23px;min-width:23px}#view-select{width:108px;margin-inline:3px;font-size:13px}.canvas-scroll{min-height:420px;height:420px}.sheet-thumbnail{width:92px;height:62px;left:calc(100% - 97px);bottom:calc(100% - 67px);margin-top:-62px}.property-panel{min-height:445px;max-height:445px}.property-row td,.property-table{font-size:14px}.property-table th{padding-inline:7px}.property-table th:first-child{width:44%}.property-table th:nth-child(3),.property-row .property-commands{display:none}.property-row td:first-child{padding-inline:5px!important}.property-value{min-width:135px}.property-value input:not([type=checkbox]),.property-value select{width:130px;font-size:14px}.property-value input[type=text]{width:155px}.property-footer{font-size:11px}.property-footer button{font-size:14px;padding:4px 10px}.sheet-status{font-size:9px}}.priority-editor{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.priority-editor label{display:inline-flex;align-items:center;gap:3px}.priority-editor input:disabled,.priority-editor select:disabled{color:#777}.priority-editor>span{margin-left:10px}.property-table td:nth-child(2){padding-inline:4px}.property-row:has(input:focus) .property-label{box-shadow:inset 3px 0 #e71919}@media(max-width:1120px){.priority-editor>span{display:none}.property-value .priority-editor input:not([type=checkbox]),.property-value .priority-editor select{width:110px}}@media(max-width:600px){.priority-editor{gap:4px}.property-value .priority-editor input:not([type=checkbox]),.property-value .priority-editor select{width:80px}.priority-editor label{font-size:13px}}.property-row.readonly .property-label{color:#4d4d4d}.property-value .status-pill{font:16px SourceSansPro,sans-serif;padding:0;color:inherit}.property-value .status-pill.fault{color:red}.property-value .status-pill.overridden{color:#9d54bd}.property-label>.type-icon{margin:0 6px 0 2px}.port .node-connector{fill:transparent;stroke:none;pointer-events:all;cursor:crosshair}.port-knob{fill:#999;stroke:#444;stroke-width:1;pointer-events:none}.port:hover .node-connector,.port.pending .node-connector{fill:#e8505033;stroke:none}.port:hover .port-knob,.port.pending .port-knob{fill:#e85050;stroke:#963333}.port.compatible .node-connector{fill:#6886cc30}.port.compatible .port-knob{fill:#6781ad;stroke:#3d5378}.port.compatible:hover .node-connector{fill:#6886cc60}.port.incompatible .node-connector{cursor:not-allowed}.port.incompatible .port-knob{opacity:.3}.port:focus-visible .node-connector{stroke:#547bd0;stroke-width:1}.link-preview{fill:none;stroke:#6666f2;stroke-width:2;stroke-dasharray:5 3;pointer-events:none}#link-dialog{font:16px SourceSansPro,sans-serif;color:#4d4d4d;background:#fff;border:1px solid #bbb;border-radius:0;padding:18px}#link-dialog .dialog-heading{border-bottom:1px solid #ddd;padding-bottom:10px}#link-dialog .dialog-heading h2{font:600 18px SourceSansPro,sans-serif}#link-dialog label{display:block;margin:14px 0 5px}#link-dialog select{font:16px SourceSansPro,sans-serif;width:100%;padding:4px;background:#f2f2f2;border:1px solid #ccc;border-radius:0}#link-dialog .dialog-footer button{font:16px SourceSansPro,sans-serif;border:1px solid #ccc!important;border-radius:0;background:#fff!important;color:#4d4d4d!important;padding:5px 16px}.canvas-scroll{max-height:665px;min-height:665px;height:665px}.navigation .tree{max-height:405px;overflow:auto}@media(max-width:900px){.canvas-scroll{max-height:560px;min-height:560px;height:560px}}@media(max-width:600px){.canvas-scroll{max-height:420px;min-height:420px;height:420px}}.palette-group{font:600 12px SourceSansPro,sans-serif;color:#666;border-top:1px solid #ccc;margin-top:6px;padding:6px 3px 2px}.navigation .tree{max-height:300px}.port-knob{pointer-events:all;cursor:crosshair}.context-menu{position:fixed;z-index:60;width:193px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font:14px SourceSansPro,Source Sans Pro,sans-serif}.context-menu .menu-list{width:193px;padding:8px 12px;background:#333;border:0;border-radius:6px;box-shadow:0 5px 10px #000b;max-height:calc(100dvh - 8px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.context-menu .menu-submenu{position:fixed;width:206px;z-index:61}.context-menu button{display:block;position:relative;width:calc(100% + 24px);height:22px;margin:0 -12px;padding:2px 14px;border:0;border-radius:0;background:#333;color:#fff;opacity:1;font:14px/18px SourceSansPro,Source Sans Pro,sans-serif;text-align:left;white-space:nowrap;cursor:pointer;outline:0}.context-menu button:hover,.context-menu button:focus-visible,.context-menu button[aria-expanded=true]{background:#ebebeb;color:#3d3d3d}.context-menu button:disabled,.context-menu button:disabled:hover{background:#333;color:#a9a9a9;opacity:1;cursor:default}.context-menu button[data-submenu]:after{content:"";position:absolute;right:17px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ccc}.context-menu .menu-separator{height:1px;border:0;background:#9d9e95;margin:4px 0;padding:0}.component-name-dialog{width:390px;border:1px solid #bbb;border-radius:0;padding:18px;background:#fff;color:#4d4d4d;font:16px SourceSansPro,sans-serif}.component-name-dialog .dialog-heading{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px}.component-name-dialog h2{font:600 18px SourceSansPro,sans-serif}.component-name-dialog input{display:block;width:100%;font:16px SourceSansPro,sans-serif;border:1px solid #ccc;background:#f2f2f2;border-radius:0;padding:4px;margin-top:5px}.component-name-dialog .dialog-footer button{border:1px solid #ccc;border-radius:0;background:#fff;color:#4d4d4d;padding:5px 16px;font:16px SourceSansPro,sans-serif}.component-name-dialog::backdrop{background:#0004}.context-menu button{overflow:hidden;text-overflow:ellipsis}.lab{grid-template-columns:300px minmax(420px,1fr) 326px}.panel-heading>span{margin-right:auto}.panel-heading #nav-sync{font-size:20px;margin-right:7px}#tree{overflow:auto;max-height:300px;min-height:35px;scrollbar-width:thin;flex-shrink:0}.navigation .tree{list-style:none;margin:0;padding:4px 0;max-height:none;overflow:visible;min-width:max-content}.tree-item{display:block;list-style:none;margin:0;padding:0;min-height:20px;border:0;background:transparent!important;font:14px/20px SourceSansPro,sans-serif;border-radius:0;outline:none!important;cursor:default}.tree-item ul{list-style:none;padding:0;margin:0}.tree-row{height:20px;display:flex;align-items:center;gap:3px;padding-right:12px;padding-left:calc(var(--tree-depth)*20px);position:relative;white-space:nowrap;min-width:max-content}.tree-row:hover{background:#eaeaea}.tree-item.selected>.tree-row{font-weight:600}.tree-item.selected>.tree-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#578ce1}.tree-toggle,.tree-toggle-spacer{display:inline-block;width:20px;min-width:20px;height:20px;flex-shrink:0}.tree-toggle{border:0;background:transparent;padding:0;color:#9c9c9c;font:14px/20px SourceSansPro,sans-serif;outline:none!important}.tree-toggle:hover{color:#555}.tree-label{padding-right:4px}.tree-row .type-icon{margin-right:1px}.property-child-link{border:0;padding:0;background:transparent;color:#4d4d4d;font:inherit;text-align:left;cursor:pointer}.property-child-link:hover{text-decoration:underline;color:#376da9}.property-expander.expandable{color:#999}.context-menu .menu-shortcut{float:right;margin-left:22px;color:inherit;font-size:12px;line-height:18px}@media(min-width:1450px){.lab{grid-template-columns:300px minmax(420px,1fr) 360px}}@media(max-width:1120px){.lab{grid-template-columns:250px minmax(340px,1fr) 290px}.tree-item{font-size:14px}}@media(max-width:900px){.lab{grid-template-columns:240px minmax(300px,1fr)}}.lab{grid-template-columns:343px minmax(420px,1fr) 326px}.navigation{display:grid;grid-template-columns:43px minmax(0,1fr);background:#fff;min-height:0}.sidebar-tools,.navigation.collapsed .sidebar-tools{display:flex;flex-direction:column;align-items:center;gap:19px;grid-column:1;grid-row:1;padding:19px 0;background:#686e77;min-height:100%}.sidebar-tools button{--rail-button-bg:#555b60;width:30px;height:30px;border:0;background:var(--rail-button-bg);border-radius:50%;color:#999;padding:5px;font-size:0}.sidebar-tools button svg{width:20px;height:20px;display:block}.sidebar-tools button[aria-pressed=true]{--rail-button-bg:#fff;color:#686e77}.sidebar-tools button:hover{color:#ddd}.sidebar-tools button[aria-pressed=true]:hover{color:#555}.sidebar-pane{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;box-shadow:inset -5px 0 7px -7px #0007}.navigation.collapsed{grid-template-columns:43px}.navigation.collapsed .sidebar-pane{display:none}#nav-pane .panel-heading,.palette-heading{height:35px;min-height:35px;background:#fff;border:0;border-bottom:1px solid #ddd;font:14px SourceSansPro,sans-serif;padding:0 7px 0 0;margin:0;display:flex;align-items:center}#nav-pane .panel-heading>span,.palette-heading>span{padding:8px 16px;height:35px;border-bottom:1px solid #568bdf;border-right:1px solid #ddd;border-radius:9px 0 0;margin-right:auto}#nav-pane #tree{flex:1;max-height:none;background:#fff}.palette-tools{display:flex;align-items:center;gap:5px}.palette-tools button{display:inline-grid;place-items:center;width:24px;height:25px;padding:3px;border:0;background:transparent;border-radius:0;color:#777}.palette-tools button svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.palette-tools button:hover,.palette-tools button[aria-pressed=true]{background:#ebebeb;box-shadow:inset 0 0 0 1px #ccc}.palette-tools button:disabled{opacity:.4}.palette{padding:0;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;color:#777;font:14px/20px SourceSansPro,sans-serif}.palette ul{list-style:none;padding:0;margin:0;min-width:max-content}.palette>ul{padding-top:5px}.palette-item{margin:0;padding:0;list-style:none;outline:none!important;background:transparent}.palette-row{height:20px;display:flex;align-items:center;padding-left:calc(4px + var(--palette-depth)*20px);padding-right:8px;position:relative;min-width:max-content}.palette-row:hover{background:#eee}.palette-item.selected>.palette-row{font-weight:600;color:#3d3d3d}.palette-item.selected>.palette-row:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:#151582}.palette .palette-toggle,.palette-toggle-spacer{display:block;width:18px;min-width:18px;height:20px;flex-shrink:0}.palette .palette-toggle{margin:0;padding:0;border:0;background:transparent;color:#bcbcbc;font:14px/20px SourceSansPro,sans-serif;cursor:pointer;outline:none!important;text-align:center}.palette .palette-toggle:hover{background:transparent;color:#555}.palette-display{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;cursor:default;min-height:20px}.palette-display[draggable=true]{cursor:grab}.palette-display[draggable=true]:active{cursor:grabbing}.palette-preview{height:220px;min-height:220px;border-top:3px solid #ccc;margin:0 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:12px SourceSansPro,sans-serif;color:#444}.palette-preview svg{flex-shrink:0}.palette-preview text{font:10px SourceSansPro,sans-serif;fill:#000}.palette-preview text[font-weight]{font-weight:600}.palette-type{font:12px SourceSansPro,sans-serif;color:#777;margin-top:8px}.palette-empty{padding:16px;font:14px SourceSansPro,sans-serif;line-height:1.5}.palette-empty button{display:block;margin-top:10px;padding:4px 9px;border:1px solid #ccc;background:#fff;font:14px SourceSansPro,sans-serif}#palette-module-name{display:block;width:100%;margin-top:7px;padding:5px;border:1px solid #ccc;background:#f2f2f2;color:#4d4d4d;font:16px SourceSansPro,sans-serif}@media(min-width:1450px){.lab{grid-template-columns:343px minmax(420px,1fr) 360px}}@media(max-width:1120px){.lab{grid-template-columns:283px minmax(340px,1fr) 290px}}@media(max-width:900px){.lab{grid-template-columns:283px minmax(300px,1fr)}}@media(max-width:600px){.lab{grid-template-columns:minmax(0,1fr)}}.navigation{height:748px}@media(max-width:600px){.navigation{display:none}}#simulator-device{display:contents}.demo-switcher{display:flex;align-items:center;gap:13px;padding:12px 16px;background:#fff;border:1px solid #d1dad3;border-radius:5px;margin-bottom:24px}.demo-switcher label{font-size:12px;font-weight:600;color:#456251}.demo-switcher select{font:14px SourceSansPro,sans-serif;min-width:220px;max-width:100%;background:#f8faf8;color:#294e39;border:1px solid #c4d1c6;border-radius:4px;padding:7px 34px 7px 10px}.demo-switcher>span{margin-left:auto;font-size:11px;color:#819084}@media(max-width:600px){.demo-switcher{padding:10px 12px;gap:7px;flex-wrap:wrap}.demo-switcher label{width:100%}.demo-switcher select{width:100%;min-width:0}.demo-switcher>span{margin-left:0;font-size:10px}}.native-property input:not([type=checkbox]),.native-property select{width:100%;max-width:520px;height:25px;padding:2px 5px;border:1px solid #b7b7b7;border-radius:2px;background:#fff;font:inherit;color:#333}.native-property input:disabled,.native-property select:disabled{opacity:1;color:#666;background:#f7f7f7;border-color:#ccc}.native-property input[type=checkbox]{margin:0 8px 0 0;vertical-align:middle;accent-color:#699147}.native-boolean{display:inline-flex;align-items:center;font-weight:400}.native-slot-icon{display:inline-block;width:18px;color:#aaa;font-size:17px;vertical-align:middle}.native-property .property-label{white-space:nowrap;min-width:260px}.native-proxy-table{width:100%;border-collapse:collapse;table-layout:fixed}.native-proxy-table .property-label{width:42%}.native-proxy-table td:nth-child(n+3){width:24px}.property-row.nested>td:has(.native-proxy-table){padding:0!important}.native-property input:not([type=checkbox]),.native-property select{height:22px;width:320px;max-width:100%;border-radius:0;padding:1px 4px}.native-property input[type=number],.native-property input[type=password]{width:158px}.native-boolean{position:relative;min-width:60px;justify-content:space-between;padding:2px 5px;border:1px solid #ddd;border-radius:18px;background:#fff;cursor:pointer;gap:6px;font-size:14px;line-height:21px}.native-boolean input[type=checkbox]{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}.native-boolean:focus-within{outline:2px solid #8fa8bb;outline-offset:1px}.native-boolean i{width:16px;height:16px;background:#bbb;border-radius:50%}.native-boolean:has(input:checked) i{background:#58a768}.native-boolean:has(input:disabled){opacity:.65;cursor:default}.native-duration{display:flex;align-items:center;gap:6px}.native-duration label{display:flex;align-items:center;gap:3px}.native-property .native-duration input{width:65px!important;text-align:right;padding-right:3px}.native-action-button{border:0;background:transparent;padding:4px;cursor:pointer}.native-action-button .action-ring{margin:0}.slot-details{table-layout:auto!important}.slot-details td,.slot-details th{white-space:nowrap;width:auto!important;padding:7px 10px}.slot-details .property-label{min-width:180px}.slot-details td:last-child{white-space:normal;min-width:130px}.property-controls button[aria-pressed=true]{background:linear-gradient(#fff,#ddd);box-shadow:inset 0 0 2px #999}.product-view-panel.px-view{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}.px-canvas{position:absolute;left:50%;top:50%;transform-origin:center;background:#fff;font-family:Arial,Helvetica,sans-serif}.px-widget{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#000;line-height:normal;white-space:nowrap}button.px-widget{cursor:pointer;appearance:none}button.px-widget:focus-visible{outline:2px solid #557fa5;outline-offset:2px}.px-widget img{display:block;width:100%;height:100%;max-width:none;pointer-events:none}.px-widget[data-status=unresolved]{outline:1px dashed #b77;color:#944}.product-view-panel.px-editor{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;background:#fff;color:#333;font:13px Source Sans Pro,Arial,sans-serif}.px-editor-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;min-height:31px;padding:2px 5px;background:#fafafa;border-bottom:1px solid #ddd}.px-editor button,.px-editor input,.px-editor select{font:inherit;color:inherit;border-radius:0;box-sizing:border-box}.px-editor-toolbar button,.px-widget-tree h3 button{border:0;background:transparent;min-width:24px;height:25px;padding:2px;color:#737373;font-size:18px;cursor:pointer}.px-editor button:disabled{opacity:.4;cursor:default}.px-editor-toolbar button:hover:enabled,.px-widget-tree h3 button:hover:enabled{background:#e4edf4}.px-editor button:focus-visible,.px-editor input:focus-visible,.px-editor select:focus-visible{outline:2px solid #5289b2;outline-offset:-2px}.px-editor-toolbar button[aria-pressed=true]{background:#e3e8eb;box-shadow:inset 0 0 0 1px #c3c8cc}.px-editor-toolbar select{font-size:12px;max-width:105px;height:24px;background:#fff;border:1px solid #bbb}.px-tool-separator{height:20px;border-left:1px solid #ddd;margin:0 3px}.px-editor-body{display:flex;flex:1;min-width:0;min-height:0}.px-edit-viewport{flex:1;min-width:0;min-height:0;overflow:auto;position:relative;background:#fafafa;outline:none;touch-action:none}.px-edit-stage{position:relative;min-width:100%;min-height:100%}.px-editor .px-canvas{box-shadow:0 0 0 1px #ddd}.px-canvas.px-edit-grid{background-color:#fff;background-image:linear-gradient(to right,#ccc var(--px-grid-line,1px),transparent var(--px-grid-line,1px)),linear-gradient(to bottom,#ccc var(--px-grid-line,1px),transparent var(--px-grid-line,1px));background-size:10px 10px}.px-editor .px-widget{cursor:move;outline:1px dotted #aaa;user-select:none}.px-editor .px-widget:focus{outline:none}.px-editor .px-edit-selected{outline:1px solid #276bc0}.px-widget-selection{position:absolute;box-sizing:border-box;border:1px solid #2471c2;pointer-events:none}.px-widget-selection [data-handle]{position:absolute;width:7px;height:7px;border:1px solid #276bc0;background:#fff;pointer-events:auto;box-sizing:border-box}.px-widget-selection [data-handle=nw]{left:-4px;top:-4px;cursor:nwse-resize}.px-widget-selection [data-handle=n]{left:calc(50% - 4px);top:-4px;cursor:ns-resize}.px-widget-selection [data-handle=ne]{right:-4px;top:-4px;cursor:nesw-resize}.px-widget-selection [data-handle=e]{right:-4px;top:calc(50% - 4px);cursor:ew-resize}.px-widget-selection [data-handle=se]{right:-4px;bottom:-4px;cursor:nwse-resize}.px-widget-selection [data-handle=s]{left:calc(50% - 4px);bottom:-4px;cursor:ns-resize}.px-widget-selection [data-handle=sw]{left:-4px;bottom:-4px;cursor:nesw-resize}.px-widget-selection [data-handle=w]{left:-4px;top:calc(50% - 4px);cursor:ew-resize}.px-editor-sidebars{display:flex;flex-direction:column;width:235px;min-width:195px;max-width:44%;border-left:5px solid #d0d0d0;background:#fff}.px-sidebars-hidden .px-editor-sidebars{display:none}.px-editor-sidebars section{min-height:0;display:flex;flex-direction:column;border-bottom:5px solid #d0d0d0}.px-editor-sidebars h3{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin:0;padding:3px 7px;height:30px;border-bottom:1px solid #7c9cb4;background:#fcfcfc;font-size:13px;font-weight:400;white-space:nowrap}.px-editor-sidebars h3 span{display:flex;margin-right:-5px}.px-widget-tree h3 button{min-width:18px;padding:1px;font-size:14px}.px-bound-ords{flex:0 0 85px}.px-widget-tree{flex:0 1 190px}.px-widget-properties{flex:1;border-bottom:0!important}.px-tree-list,.px-ord-list,.px-widget-form{overflow:auto;min-height:0;padding:3px 0}.px-tree-list button,.px-ord-list button{display:block;border:0;background:#fff;white-space:nowrap;text-align:left;width:100%;min-height:24px;padding:2px 8px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.px-tree-list button[data-widget]:not(.px-tree-root){padding-left:25px}.px-tree-list button[aria-selected=true]{background:#d5e5f2}.px-tree-root{white-space:nowrap;padding-left:7px;font-size:12px}.px-ord-list button:nth-child(2n){background:#f0f0f0}.px-property-type{padding:4px 6px;background:#eaeaea;border-bottom:1px solid #d8d8d8;font-size:12px}.px-property-row{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:4px;min-height:31px;padding:4px 6px;border-bottom:1px solid #ddd;font-size:12px}.px-property-row>span:first-child{align-self:start;padding-top:3px}.px-property-row input,.px-property-row select{width:100%;min-width:0;height:24px;padding:1px 3px;border:1px solid #bbb;background:#fff;font-size:12px}.px-property-row input[type=checkbox]{width:14px;height:14px;vertical-align:middle;margin:3px}.px-property-row input[type=color]{padding:2px;width:45px}.px-layout-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:11px;color:#666}.px-font-fields{display:flex;gap:3px;align-items:center}.px-font-fields>input{width:50px}.px-font-fields label{display:flex;align-items:center}.px-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px 7px;border-top:1px solid #ccc;min-height:33px;font-size:12px;background:#fafafa}.px-editor-footer-buttons{display:flex;gap:5px;flex-shrink:0}.px-editor-footer button{padding:2px 9px;border:1px solid #aaa;background:linear-gradient(#fff,#e9e9e9);cursor:pointer}.px-edit-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-edit-menu{position:fixed;z-index:40;width:170px;background:#fff;border:1px solid #aaa;box-shadow:2px 3px 5px #0003;padding:4px}.px-edit-menu button{display:block;width:100%;border:0;padding:5px 10px;background:#fff;text-align:left}.px-edit-menu button:hover:enabled{background:#dceaf6}@media(max-width:600px){.px-editor-sidebars{width:195px;min-width:150px;max-width:49%}.px-property-row{grid-template-columns:1fr}.px-bound-ords{display:none}.px-widget-tree{flex-basis:130px}.px-editor-toolbar{gap:0}.px-editor-toolbar button{min-width:22px}.px-tool-separator{margin:0 2px}.px-edit-status{max-width:125px}}.px-editor .px-edit-viewport:focus-visible{outline:none}.palette-px-image{display:block;max-width:210px;max-height:130px;object-fit:contain;margin:12px auto}.palette-px-label{min-width:100px;min-height:20px;margin:20px;text-align:center;font:12pt Arial,sans-serif}.px-editor .px-edit-viewport.palette-drop-target{box-shadow:inset 0 0 0 2px #5289b2}.px-edit-menu.context-menu{width:193px;padding:0;border:0;background:transparent;box-shadow:none;font-family:SourceSansPro,Source Sans Pro,sans-serif;z-index:70}.px-edit-menu.context-menu .menu-list{width:193px}.px-edit-menu.context-menu button{display:block;width:calc(100% + 24px);height:22px;padding:2px 14px;margin:0 -12px;background:#333;color:#fff;font:14px/18px SourceSansPro,Source Sans Pro,sans-serif;border:0;text-align:left;opacity:1}.px-edit-menu.context-menu button:disabled{color:#a9a9a9;background:#333;opacity:1}.px-edit-menu.context-menu button:hover:enabled,.px-edit-menu.context-menu button:focus-visible,.px-edit-menu.context-menu button[aria-expanded=true]{background:#ebebeb;color:#3d3d3d;outline:0}.px-edit-menu button[data-px-submenu]:after{content:"";position:absolute;right:17px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ccc}.px-widget[hidden]{display:none}.px-widget.px-toggle{background:linear-gradient(#eee,#c8c8c8)!important;color:#111;cursor:pointer}.px-widget.px-toggle[aria-pressed=true]{border-style:inset!important;background:#b7c7d5!important}#custom-duration{grid-column:1/-1;display:flex;align-items:center;gap:4px}#custom-duration[hidden]{display:none}#custom-duration input{width:54px;min-width:0}.product-device-scene{margin:0 15px;padding:18px 14px 8px;background:#f1f4f1;border:1px solid #d5ded6;border-radius:6px}.fixture-caption{font-size:9px;letter-spacing:.9px;color:#607568;text-align:center;margin:15px 0 8px}.device-illustration{display:grid;place-items:center;gap:12px;padding:10px 0;color:#354d40}.device-illustration svg{width:110px;height:110px;fill:none;stroke:#788c7d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.device-illustration svg.active{stroke:#218d67}.device-illustration strong{font-size:17px;letter-spacing:1px}.device-illustration small{font:10px/1.6 monospace;text-align:center;color:#607568}.fixture-indicators{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:10px;color:#748078;margin-top:12px}.fixture-indicators span{display:flex;align-items:center;gap:6px}.fixture-indicators i{height:6px;width:6px;min-width:6px;border-radius:50%;background:#c2cbc4}.fixture-indicators .on i{background:#27956c;box-shadow:0 0 5px #27956c55}.fixture-readbacks{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;padding:18px;border-bottom:1px solid #e2e9e3}.fixture-readbacks div{display:flex;flex-direction:column;gap:5px;min-width:0}.fixture-readbacks span{font-size:10px;color:#7e8d82}.fixture-readbacks strong{font-size:13px;color:#254236;overflow-wrap:anywhere}.fixture-extra{display:grid;gap:7px;padding-top:17px;font-size:11px}.fixture-extra button{background:#eef5ef;border:1px solid #c3d6c8;padding:8px;text-align:left;border-radius:4px;color:#395e46}.fixture-extra button:hover{background:#e0eee4}.fixture-extra>span{font-weight:600;color:#6f8074}.home-app-frame{background:linear-gradient(150deg,#e4d0bc,#b3cbbb);border:4px solid #36483e;border-radius:22px;padding:17px 10px 22px;box-shadow:0 6px 15px #283a2c15}.mini-app-title{font-size:15px;font-weight:600;color:#344e3c;margin:0 0 14px}.device-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.device-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:9px;background:#fffa;color:#47604e;border:1px solid #ffffff50;border-radius:9px;padding:11px 9px;min-height:89px;text-align:left;min-width:0}.device-tile span{font-size:10px}.device-tile strong{font-size:16px;overflow-wrap:anywhere}.device-tile small{font-size:8px;color:#718576}.device-tile.on{background:#fff9e8;color:#65502c}.device-tile.unavailable{opacity:.5}.dashboard-frame{padding:8px}.dashboard-frame .device-tile{background:#fff;border-color:#d3dfd5;border-radius:5px}.dashboard-frame .device-tile.on{background:#e2f2e7}.charger-scene{display:flex;flex-direction:column;align-items:center;gap:9px}.charger-box{position:relative;border:2px solid #a4b5a8;border-radius:14px 14px 8px 8px;background:#fff;width:54px;height:83px;display:grid;place-items:center;color:#5d7363}.charger-box i{position:absolute;top:10px;left:11px;right:11px;height:3px;background:#a8b6ac;border-radius:2px}.charger-box.charging i{background:#2ca476;box-shadow:0 0 8px #2ca47677}.charger-scene svg{width:210px;height:86px;fill:#fff;stroke:#597160;stroke-width:2}.charger-scene strong{font-size:25px;color:#254b35}.charger-scene>span{font-size:11px;color:#688572}@media(max-width:900px)and (min-width:601px){.product-device-scene{grid-column:1;grid-row:2/5}.fixture-readbacks{grid-column:2;grid-row:2;padding-top:0}.device-controls{grid-column:2;grid-row:3}.sim-heading{grid-column:1/-1}.product-device-scene{margin-bottom:15px}}@media(prefers-reduced-motion:no-preference){.device-illustration[data-scene=fan] svg.active{animation:demo-fan-spin 3s linear infinite}}@keyframes demo-fan-spin{to{transform:rotate(360deg)}}.fixture-text-label{display:grid;gap:7px;font-size:10px;color:#607568;margin-top:15px}.fixture-text-label input{font:12px SourceSansPro,sans-serif;border:1px solid #c9d7cc;background:#f8faf8;padding:7px;border-radius:4px;min-width:0;width:100%;color:#36553f}.sniffer-console{max-height:270px;overflow:auto;min-height:180px;font:10px/1.4 monospace;background:#253b30;color:#cde9d6;padding:11px;border-radius:5px}.sniffer-console>strong{font-size:12px;display:block;margin-bottom:12px}.sniffer-console table{width:100%;border-collapse:collapse;text-align:left}.sniffer-console th{font-weight:400;color:#8daa95;border-bottom:1px solid #4a6854;padding:4px 3px}.sniffer-console td{padding:5px 3px;border-bottom:1px solid #375240;font-size:9px}.sniffer-console td:last-child{overflow-wrap:anywhere}html{height:100%}body{height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden;background:#f4f4f4}body>main{display:flex;flex:1;flex-direction:column;min-height:0;max-width:none;width:100%;margin:0;padding:8px 12px 0}.lab{flex:1;min-height:0;grid-template-columns:303px minmax(340px,1fr) 300px;grid-template-rows:minmax(0,1fr);box-shadow:none;border-radius:0;overflow:hidden}.lab.nav-collapsed{grid-template-columns:43px minmax(340px,1fr) 300px}.navigation{height:auto;min-height:0;overflow:hidden}.engineering{min-height:0;overflow:hidden}.ordbar,.view-tabs,.sheet-status{flex-shrink:0}.object-tab{min-width:0;overflow:hidden;text-overflow:ellipsis}.canvas-scroll{flex:1;min-height:0;height:auto;max-height:none}.property-panel{min-height:0;max-height:none}.product-view-panel.shd-widget{flex:1;min-height:0;height:auto;max-height:none}.simulator{grid-column:auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.connection-switch{cursor:pointer;gap:7px}.connection-switch .toggle{flex-shrink:0}.demo-footer{display:block;flex-shrink:0;margin:0;padding:4px 2px 5px;color:#777;font:10px/14px Arial,Helvetica,sans-serif;text-align:center}@media(min-width:1450px){.lab{grid-template-columns:343px minmax(420px,1fr) 326px}.lab.nav-collapsed{grid-template-columns:43px minmax(420px,1fr) 326px}}@media(max-width:1120px){.lab{grid-template-columns:263px minmax(300px,1fr) 270px}.lab.nav-collapsed{grid-template-columns:43px minmax(300px,1fr) 270px}}@media(max-width:900px){body{height:auto;min-height:0;overflow:auto}body>main{flex:none}.lab{flex:none;grid-template-columns:263px minmax(300px,1fr);grid-template-rows:520px auto}.lab.nav-collapsed{grid-template-columns:43px minmax(300px,1fr)}.navigation,.engineering{grid-row:1}.simulator{grid-column:1/-1;grid-row:2;display:block;border-left:0;border-top:1px solid #cfd9d2;overflow:visible}.canvas-scroll{min-height:0;height:auto;max-height:none}.property-panel{min-height:0;max-height:none}.demo-footer{padding-block:7px}}@media(max-width:600px){body>main{padding:6px 6px 0}.lab,.lab.nav-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:470px auto}.navigation{display:none}.engineering{grid-column:1}.product-view-panel.shd-widget{flex:1;min-height:0;height:auto;max-height:none}.demo-footer{font-size:9px}}.wire-text-block{user-select:none}