.sim-app{color:#20302a;background:#eef2ee;grid-template-rows:68px minmax(0,1fr);min-width:1120px;height:100vh;display:grid;overflow:hidden}.sim-header{background:#fff;border-bottom:1px solid #dfe7e0;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.sim-brand{align-items:center;gap:11px;display:flex}.sim-brand-icon{color:#fff;background:#087c5b;border-radius:9px;place-items:center;width:37px;height:37px;font-size:26px;line-height:1;display:grid}.sim-brand h1{letter-spacing:.04em;margin:0;font-size:16px}.sim-brand p{color:#91a098;letter-spacing:.13em;margin:3px 0 0;font:700 9px ui-monospace,monospace}.sim-header-actions{align-items:center;gap:8px;display:flex}.sim-header-actions button,.sim-link-button{color:#386b51;cursor:pointer;background:#fff;border:1px solid #d2ded5;border-radius:6px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.sim-header-actions button:hover,.sim-link-button:hover{background:#f3faf5}.sim-header-actions button:disabled{opacity:.5;cursor:default}.sim-header-actions .sim-export{color:#fff;background:#087c5b;border-color:#087c5b}.sim-header-actions .sim-export:hover{background:#076d50}.sim-body{grid-template-columns:250px minmax(0,1fr) 280px;min-height:0;display:grid}.sim-palette,.sim-inspector{background:#fff;flex-direction:column;min-height:0;display:flex}.sim-palette{border-right:1px solid #dce5de}.sim-inspector{border-left:1px solid #dce5de}.sim-panel-title{border-bottom:1px solid #edf1ed;flex:none;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex}.sim-panel-title strong{font-size:13px}.sim-panel-title>span{color:#82918a;font-size:10px}.sim-panel-intro{color:#76867c;margin:15px 15px 11px;font-size:10px;line-height:1.6}.sim-preset{color:#087c5b;cursor:pointer;background:#f1f9f3;border:1px solid #b8d3c1;border-radius:6px;height:36px;margin:0 15px 13px;font-size:11px;font-weight:750}.sim-preset:hover{border-color:#087c5b}.sim-palette-list{flex:1;min-height:0;padding:0 12px 12px;overflow:auto}.sim-template-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dde7df;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 17px;align-items:center;gap:9px;width:100%;min-width:0;min-height:76px;margin-bottom:8px;padding:7px;display:grid}.sim-template-card:hover{background:#f8fcf8;border-color:#9fc8aa}.sim-template-card img{object-fit:contain;background:#f4f7f4;border-radius:5px;width:48px;height:60px}.sim-template-card span{min-width:0}.sim-template-card strong,.sim-template-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sim-template-card strong{font-size:11px}.sim-template-card small{color:#8a9890;margin-top:5px;font-size:9px}.sim-template-card b{color:#087c5b;font-size:17px}.sim-palette-foot{color:#8b9890;background:#f8faf8;border-top:1px solid #ecf1ec;padding:12px 15px;font-size:9px;line-height:1.5}.sim-center{grid-template-rows:55px minmax(0,1fr);min-width:0;min-height:0;display:grid}.sim-toolbar{background:#fbfcfb;border-bottom:1px solid #dce5de;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.sim-toolbar>div:first-child{flex-direction:column;gap:3px;display:flex}.sim-toolbar strong{font-size:12px}.sim-toolbar span{color:#88968d;font-size:9px}.sim-toolbar-actions{align-items:center;gap:7px;display:flex}.sim-toolbar-actions>button{color:#64766b;cursor:pointer;background:#fff;border:1px solid #d5dfd7;border-radius:5px;height:29px;padding:0 9px;font-size:10px}.sim-toolbar-actions>button:disabled{opacity:.4;cursor:default}.sim-color-list{border-right:1px solid #dce5df;gap:5px;padding-right:8px;display:flex}.sim-color-list button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:15px;height:15px;padding:0;box-shadow:0 0 0 1px #cdd7cf}.sim-color-list button.active{box-shadow:0 0 0 2px #567b62}.sim-board-scroll{background-color:#e8eee8;background-image:radial-gradient(#cbd9ce .85px,#0000 .85px);background-size:18px 18px;min-height:0;padding:24px;overflow:auto}.sim-board{background-color:#e8eee8;background-image:radial-gradient(#cbd9ce .85px,#0000 .85px);background-size:18px 18px;border:1px solid #d9e4db;border-radius:14px;flex:none;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 42px #27432e1c}.sim-board-caption{color:#8b998f;letter-spacing:.05em;font-size:10px;font-weight:700;position:absolute;top:16px;left:18px}.sim-source{z-index:3;position:absolute}.sim-source img{pointer-events:none;width:100%;height:100%;display:block}.sim-wires{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sim-wires path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:miter;filter:drop-shadow(0 2px 2px #182b2133)}.sim-wire-path.selected{stroke-width:6px;filter:drop-shadow(0 0 5px #f0a426d9)}.sim-wires path.sim-wire-hit{stroke:#0000;stroke-width:18px;pointer-events:stroke;cursor:pointer;filter:none}.sim-wires path.sim-preview-wire{stroke-width:3px;stroke-dasharray:8 6;opacity:.72}.sim-wire-joint{fill:#fff;stroke-width:3px}.sim-fixed-waypoint{fill:#fff;stroke:#d7962c;stroke-width:2px}.sim-preview-end{fill:#d7962c;stroke:#fff;stroke-width:2px}.sim-instance{z-index:4;cursor:grab;touch-action:none;border:1px solid #0000;border-radius:6px;position:absolute}.sim-instance.selected{border-color:#0b8b65;box-shadow:0 0 0 2px #0b8b652e}.sim-instance:active{cursor:grabbing}.sim-instance.lit{filter:drop-shadow(0 0 15px #ffd5558f)}.sim-instance>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sim-terminal{z-index:7;cursor:crosshair;touch-action:none;background:#ffffff29;border:2px solid #087c5bbd;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%)}.sim-terminal:hover,.sim-terminal.pending{background:#ffb02c38;border-color:#f0a426;box-shadow:0 0 0 4px #ffffffd9,0 0 0 6px #f0a4268c}.sim-terminal span{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#26342c;border-radius:3px;padding:2px 5px;font-size:9px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.sim-terminal:hover span,.sim-terminal.pending span{opacity:1}.sim-source-terminal{border-color:#0000;width:26px;height:26px}.sim-instance-label{text-align:center;pointer-events:none;background:#fffffff2;border:1px solid #e0e8e1;border-radius:5px;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:180px;padding:5px 9px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 7px #1c2f2114}.sim-instance-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:10px;overflow:hidden}.sim-instance-label small{color:#7a8b80;font-size:9px}.sim-board-empty{color:#7b8c7c;text-align:center;pointer-events:none;background:#f9fbf9;border:1px dashed #b9ccb9;border-radius:9px;width:420px;padding:20px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sim-state-pill{border-radius:99px;padding:4px 8px;font-weight:700;font-size:9px!important}.sim-state-pill.off{color:#738273;background:#edf1ed}.sim-state-pill.on{color:#087c5b;background:#dff5e8}.sim-state-pill.danger{color:#a52f27;background:#fde9e7}.sim-status-card{text-align:center;background:#f8faf8;border:1px solid #dfe8e0;border-radius:10px;flex-direction:column;align-items:center;gap:7px;margin:15px 14px;padding:21px 12px;display:flex}.sim-bulb-indicator{color:#b5c0b3;background:#e8ede7;border-radius:50%;place-items:center;width:56px;height:56px;font-size:34px;line-height:1;display:grid}.sim-bulb-indicator.on{color:#e7a629;background:#fff0c6;box-shadow:0 0 0 7px #ffcf4921,0 0 22px #f9be2e4d}.sim-status-card strong{font-size:12px}.sim-status-card span{color:#8a988c;font-size:9px}.sim-diagnostic{color:#8b5b20;text-align:left;background:#fff6e6;border-radius:5px;width:100%;margin:5px 0 0;padding:8px;font-size:10px;line-height:1.5}.sim-section{border-top:1px solid #edf1ed;padding:14px 16px}.sim-section-heading{justify-content:space-between;align-items:center;display:flex}.sim-section-heading strong{font-size:11px}.sim-section-heading span{color:#8a988d;font-size:10px}.sim-section ol{color:#6d7e70;margin:10px 0 0;padding-left:18px;font-size:10px;line-height:2.2}.sim-size-section{flex:none}.sim-size-select{color:#365742;background:#fff;border:1px solid #cfded2;border-radius:5px;width:100%;height:29px;margin-top:9px;padding:0 7px;font-size:10px}.sim-size-name{color:#526e59;margin:9px 0;font-size:10px;font-weight:700}.sim-size-section label{color:#657a69;font-size:10px}.sim-size-controls{align-items:center;gap:6px;margin-top:5px;display:flex}.sim-size-controls input[type=range]{accent-color:#087c5b;flex:1;min-width:0}.sim-size-controls input[type=number]{color:#284936;background:#fff;border:1px solid #cfded2;border-radius:5px;width:56px;height:28px;padding:0 5px;font-size:11px}.sim-size-controls span{color:#849589;font-size:10px}.sim-size-note{color:#87968a;margin:8px 0 0;font-size:10px;line-height:1.5}.sim-size-actions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.sim-size-reset{color:#427457;cursor:pointer;background:#f7fbf8;border:1px solid #d3e1d6;border-radius:5px;margin-top:9px;padding:5px 8px;font-size:10px}.sim-size-actions .sim-size-reset{margin-top:0}.sim-size-save{color:#fff;cursor:pointer;background:#087c5b;border:1px solid #087c5b;border-radius:5px;padding:5px 8px;font-size:10px}.sim-wire-section{flex:1;min-height:0;overflow:auto}.sim-wire-row{border-bottom:1px solid #edf1ed;grid-template-columns:8px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:8px 0;display:grid}.sim-wire-row.selected{background:#fff5df;border-radius:5px;margin:0 -5px;padding-left:5px;padding-right:5px}.sim-wire-row i{border-radius:3px;width:7px;height:22px}.sim-wire-row span{color:#536b57;text-overflow:ellipsis;white-space:nowrap;font:9px/1.6 ui-monospace,monospace;overflow:hidden}.sim-wire-row button{cursor:pointer;background:0 0;border:0}.sim-wire-row .sim-wire-select{text-align:left;min-width:0;padding:0}.sim-wire-row .sim-wire-select:hover span{color:#a66820}.sim-wire-row .sim-wire-remove{color:#a9b3aa;padding:0;font-size:17px}.sim-wire-row .sim-wire-remove:hover{color:#a7453b}.sim-list-message{color:#8b998e;margin:12px 3px;font-size:10px;line-height:1.6}.sim-inspector-foot{color:#9aa59a;background:#fafbfa;border-top:1px solid #edf1ed;padding:11px 15px;font-size:9px;line-height:1.5}.sim-toast{z-index:30;color:#fff;background:#26382b;border-radius:6px;padding:9px 15px;font-size:11px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 9px 25px #14261938}