:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#173448;--navy-2:#21485f;--blue:#287aa7;--blue-soft:#e8f3f9;--line:#cad5dc;--line-soft:#e5ebef;--text:#223640;--muted:#6b7d87;--panel:#f5f7f8;--white:#fff;--danger:#b74a4a}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:#dfe5e9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}.designer-shell{grid-template-rows:48px minmax(0,1fr);width:100vw;height:100vh;display:grid}.product-bar{z-index:3;color:#fff;background:var(--navy);border-bottom:1px solid #0d2635;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex;box-shadow:0 1px 4px #10263355}.product-mark{color:#fff;letter-spacing:.04em;background:#2d86b4;border:1px solid #71b0d0;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.product-name{white-space:nowrap;align-items:baseline;gap:10px;min-width:220px;margin-right:auto;display:flex}.product-name strong{letter-spacing:.01em;font-size:14px}.product-name span{color:#b8cad4;text-overflow:ellipsis;max-width:260px;font-size:11px;overflow:hidden}.model-counts{color:#bed0da;gap:3px;font-size:10px;display:flex}.model-counts span{border-right:1px solid #426173;padding:3px 7px}.model-counts b{color:#fff;margin-left:3px;font-size:11px}.product-bar button,.product-bar .button{color:#fff;white-space:nowrap;background:#2a82ae;border:1px solid #63a6c7;border-radius:2px;min-height:29px;padding:5px 11px;font-weight:600;line-height:17px}.product-bar .secondary{color:#e9f2f6;background:0 0;border-color:#587283}.product-bar input[type=file]{display:none}.file-actions{align-items:center;gap:5px;display:flex;position:relative}.file-actions>i{background:#557080;width:1px;height:18px}.export-menu{position:relative}.export-menu summary{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2a82ae;border:1px solid #63a6c7;border-radius:2px;align-items:center;gap:7px;min-height:29px;padding:5px 10px;font-weight:650;list-style:none;display:flex}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary span{color:#d8e9f2;font-size:9px}.export-menu[open] summary{background:#246f94}.export-menu>div{z-index:20;background:#fff;border:1px solid #9eb1bb;border-radius:3px;width:184px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 9px 24px #102b3a38}.product-bar .export-menu>div button{color:#294552;text-align:left;background:#fff;border:0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:45px;padding:7px 9px;display:flex}.product-bar .export-menu>div button:hover{background:#edf5f8}.export-menu button strong{font-size:12px}.export-menu button small{color:#71838c;font-size:10px;font-weight:500}.product-bar .workspace-reset{color:#9fb3be;opacity:.7;background:0 0;border-color:#526d7c;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;margin-left:3px;padding:0;font-size:14px;font-weight:500;display:grid}.product-bar .workspace-reset:hover{color:#fff;opacity:1;background:#8b4242;border-color:#c87a7a}.reset-backdrop{z-index:1600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102b3a7d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.reset-dialog{background:#fff;border:1px solid #9eafb7;border-top:4px solid #d18a35;border-radius:4px;grid-template-columns:42px minmax(0,1fr);gap:0 14px;width:min(500px,100vw - 48px);padding:22px 22px 0;display:grid;box-shadow:0 20px 65px #0b243252}.reset-dialog.final{border-top-color:#b74a4a}.warning-mark{color:#fff;background:#d18a35;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;font-weight:800;display:grid}.reset-dialog.final .warning-mark{background:#b74a4a}.reset-dialog small{color:#a66e2e;letter-spacing:.08em;font-size:9px;font-weight:800}.reset-dialog.final small{color:#a23f3f}.reset-dialog h2{color:#263f4b;margin:4px 0 7px;font-size:17px}.reset-dialog p{color:#5e717b;margin:0;font-size:12px;line-height:1.55}.reset-dialog footer{background:#f5f7f8;border-top:1px solid #d5dee2;grid-column:1/3;justify-content:flex-end;gap:8px;margin:20px -22px 0;padding:11px 22px;display:flex}.reset-dialog footer button{border-radius:2px;min-width:92px;height:31px;font-size:11px;font-weight:750}.cancel-reset{color:#49616d;background:#fff;border:1px solid #a8bac3}.continue-reset{color:#fff;background:#b7752d;border:1px solid #925a20}.confirm-reset{color:#fff;background:#b74a4a;border:1px solid #943838}.workspace{grid-template-columns:386px minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-pane{background:var(--panel);border-right:1px solid #aebdc6;flex-direction:column;min-height:0;display:flex;box-shadow:2px 0 5px #29495b18}.editor-pane>.editor-body{flex:auto}.editor-tabs{border-bottom:1px solid var(--line);background:#e7ecef;flex:0 0 38px;grid-template-columns:repeat(3,1fr);display:grid}.editor-tabs button{color:#5d707a;background:0 0;border:0;border-right:1px solid #d3dde2;font-size:12px;font-weight:650;position:relative}.editor-tabs button.active{color:#1f627f;background:#fff}.editor-tabs button.active:after{content:"";background:#2d86b4;height:3px;position:absolute;bottom:-1px;left:0;right:0}.editor-body{grid-template-rows:42px minmax(0,1fr);min-height:0;display:grid}.section-bar,.property-heading,.subsection-heading{justify-content:space-between;align-items:center;display:flex}.section-bar{border-bottom:1px solid var(--line-soft);background:#fff;padding:0 12px}.section-bar strong{color:#455c68;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.section-bar button,.subsection-heading button{color:#276f95;background:#fff;border:1px solid #9fc1d2;border-radius:2px;padding:4px 8px;font-size:11px;font-weight:650}.subsection-heading button:disabled{cursor:not-allowed;opacity:.38}.add-buttons{gap:3px;display:flex}.add-buttons button{padding-inline:5px;font-size:10px}.entity-list{border-bottom:1px solid var(--line);background:#fff;min-height:0;overflow:auto}.entity-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f3;grid-template-columns:12px minmax(0,1fr) 20px 20px;align-items:center;gap:8px;width:100%;min-height:50px;padding:6px 10px;display:grid}.entity-list>button:hover{background:#f1f7fa}.entity-list>button.selected{background:#e5f1f7;box-shadow:inset 3px 0 #2d86b4}.entity-list i{border-radius:1px;width:10px;height:30px}.entity-list span{flex-direction:column;gap:3px;min-width:0;display:flex}.entity-list strong{color:#263e4a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.entity-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.entity-list em{color:#567581;border:1px solid #0000;border-radius:2px;place-items:center;height:22px;font-style:normal;display:grid}.entity-list em:hover{background:#fff;border-color:#aec5d0}.entity-list em[aria-disabled=true]{pointer-events:none;opacity:.25}.device-list .inventory-host>button,.device-list .inventory-domain>button:not(.entity-group-label){text-align:left;cursor:grab;background:#fff;border:0;border-bottom:1px solid #edf1f3;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:6px;width:100%;min-height:50px;padding:6px 8px 6px 10px;display:grid}.device-list .inventory-host>button:active,.device-list .inventory-domain>button:not(.entity-group-label):active{cursor:grabbing}.device-list .inventory-host>button:hover,.device-list .inventory-domain>button:not(.entity-group-label):hover{background:#f1f7fa}.device-list .inventory-host>button.selected,.device-list .inventory-domain>button:not(.entity-group-label).selected{background:#e5f1f7;box-shadow:inset 3px 0 #2d86b4}.device-list .inventory-host>button.nested{background:#fbfcfd;min-height:45px;padding-left:39px;position:relative}.device-list .inventory-host>button.nested:before{content:"";border-bottom:1px solid #bdcbd2;border-left:1px solid #bdcbd2;width:11px;position:absolute;top:0;bottom:50%;left:20px}.device-list .inventory-host>button.nested.selected{background:#e5f1f7}.device-list button.device-drop-target{box-shadow:inset 0 3px #2d86b4}.inventory-domain+.inventory-domain{border-top:1px solid #cdd8dd}.inventory-host+.inventory-host{border-top:3px solid #f1f4f5}.device-list i{background:#eff4f6;border:1px solid #6f8792;border-radius:1px;width:19px;height:15px;position:relative}.device-list i:after{content:"";background:#55a36a;border-radius:50%;width:3px;height:3px;position:absolute;bottom:2px;right:3px}.device-list i.host{background:#e3f0f6;border-color:#477991}.device-list i.machine{background:#e9f1f4;border-color:#526f7d;height:17px;box-shadow:inset 0 -3px #d4e0e5}.device-list i.network{background:#fff0df;border-color:#ae7335;transform:rotate(45deg)scale(.8)}.device-list i.network:after{display:none}.device-list button.vlan-row>i{background:var(--blue);width:6px;height:30px;box-shadow:none;border:0;border-radius:1px}.device-list button.vlan-row>i:after{display:none}.device-list button.top-level-row{cursor:grab;grid-template-columns:12px minmax(0,1fr) 28px}.device-list button.top-level-row:active,.entity-group-label[draggable=true]:active{cursor:grabbing}.device-list em{color:#587481;border:1px solid #0000;border-radius:2px;place-items:center;width:20px;height:22px;font-style:normal;display:grid}.device-list em:hover{background:#fff;border-color:#aec5d0}.device-list em[aria-disabled=true]{pointer-events:none;opacity:.22}.entity-group-label{color:#73858e;text-transform:uppercase;letter-spacing:.06em;background:#f3f6f7;border:0;border-bottom:1px solid #dbe3e7;justify-content:space-between;align-items:center;width:100%;height:27px;padding:0 11px;font-size:9px;font-weight:750;display:flex}.entity-group-label.collapsible:hover{color:#365b6d;background:#eaf0f3}.entity-group-label[draggable=true]{cursor:grab}.entity-group-label .drag-handle{color:#8a9aa2;letter-spacing:-3px;margin-right:6px;font-size:12px;display:inline-block}.device-list .entity-group-label{height:30px;min-height:30px;display:flex}.device-list .entity-group-label>span{text-overflow:ellipsis;white-space:nowrap;flex-direction:row;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.device-list .entity-group-label>b{flex:none}.top-level-group.drop-target>.entity-group-label,.top-level-row.drop-target{box-shadow:inset 0 3px #2d86b4}.drag-handle{-webkit-user-select:none;user-select:none}.entity-group-label b{color:#5f747e;background:#e1e8eb;border-radius:9px;place-items:center;min-width:20px;height:17px;padding:0 5px;font-size:9px;display:grid}.property-panel{background:var(--panel);min-height:0;padding:12px;overflow:auto}.modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#102b3a73;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.editor-modal{background:#f7f9fa;border:1px solid #94aab5;border-radius:5px;width:min(620px,100vw - 56px);max-height:min(82vh,820px);padding:18px 20px 20px;box-shadow:0 18px 55px #102b3a4d}.editor-modal .property-heading{z-index:2;background:#fff;border-bottom:1px solid #c8d4da;height:46px;margin:-18px -20px 16px;padding:0 14px 0 20px;position:sticky;top:-18px}.editor-modal .property-heading strong{color:#294c5d;font-size:14px}.modal-actions{align-items:center;gap:7px;display:flex}.editor-modal .property-heading .modal-close{color:#58717d;background:#f4f7f8;border:1px solid #c5d1d7;border-radius:3px;place-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;display:grid}.editor-modal .property-heading .modal-close:hover{color:#264b5d;background:#e8f0f4}.modal-footer{background:#fff;border-top:1px solid #c8d4da;justify-content:flex-end;gap:7px;margin:15px -20px -20px;padding:11px 20px;display:flex;position:sticky;bottom:-20px}.modal-footer button{border-radius:2px;min-width:92px;height:30px;padding:0 13px;font-size:11px;font-weight:700}.modal-footer .secondary-action{color:#46616e;background:#fff;border:1px solid #a9bbc4}.modal-footer .primary-action{color:#fff;background:#2b7fa8;border:1px solid #1e688b}.modal-footer .primary-action:hover{background:#246f94}.property-heading{color:#38505c;height:28px;margin-bottom:8px;font-size:12px}.property-heading .danger{color:var(--danger);background:0 0;border:1px solid #0000;padding:3px 6px;font-size:10px}.property-heading .danger:hover{background:#fff0f0;border-color:#e3b5b5}.property-panel label{color:#687b84;text-transform:uppercase;letter-spacing:.035em;flex-direction:column;gap:4px;margin-bottom:9px;font-size:10px;font-weight:700;display:flex}.property-panel input,.property-panel select,.interface-card input,.interface-card select{color:#273e49;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #bdcbd2;border-radius:2px;outline:none;width:100%;height:31px;padding:5px 7px;font-size:12px}.property-panel input:focus,.property-panel select:focus,.interface-card input:focus,.interface-card select:focus{border-color:#3989b1;box-shadow:0 0 0 2px #3989b122}.property-panel input:disabled{color:#70818a;background:#e9edef}.property-panel input[type=color]{padding:3px}.color-field{gap:7px;margin-bottom:10px;display:grid}.color-field>span{color:#687b84;text-transform:uppercase;letter-spacing:.035em;font-size:10px;font-weight:700}.color-presets{grid-template-columns:repeat(8,25px);gap:7px;display:grid}.color-presets button{border:2px solid #fff;border-radius:3px;width:25px;height:25px;padding:0;box-shadow:0 0 0 1px #aebec6}.color-presets button:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #759caf}.color-presets button.selected{box-shadow:0 0 0 2px #245f7c}.custom-color-row{grid-template-columns:46px minmax(0,1fr);gap:7px;display:grid}.custom-color-row input[type=color]{cursor:pointer;width:46px}.custom-color-row .hex-color-input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.field-row{grid-template-columns:1fr 105px;gap:10px;display:grid}.subsection-heading{border-top:1px solid #d9e1e5;height:34px;margin-top:4px}.subsection-heading strong{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.interface-card{grid-template-columns:68px minmax(0,1fr) 100px 27px;gap:4px;margin-bottom:5px;display:grid}.interface-card.hosted{grid-template-columns:60px minmax(0,1fr) 76px 90px 27px}.network-card{background:#fff;border:1px solid #d4dee3;border-radius:2px;margin-bottom:7px;padding:7px}.network-card-main{grid-template-columns:minmax(0,1fr) 90px 75px 27px;gap:4px;display:grid}.network-card input,.network-card select{color:#273e49;background:#fff;border:1px solid #bdcbd2;border-radius:2px;outline:none;width:100%;min-width:0;height:29px;padding:4px 6px;font-size:11px}.network-card-main>button{color:#7b8d96;background:#fff;border:1px solid #c6d1d6}.vlan-membership{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.vlan-membership button{color:#74858d;background:#f7f9fa;border:1px solid #d2dce1;border-radius:12px;align-items:center;gap:4px;height:24px;padding:0 7px;font-size:10px;display:flex}.vlan-membership button.active{color:#2a4654;background:#e8f2f7;border-color:#8db6c9;font-weight:750}.vlan-membership i{border-radius:50%;width:7px;height:7px}.placement-note{color:#536b77;background:#eaf1f4;border-left:3px solid #567888;align-items:center;gap:7px;margin:2px 0 10px;padding:8px 10px;font-size:11px;font-weight:650;display:flex}.placement-note i{background:#55a36a;border-radius:50%;width:7px;height:7px}.host-summary{background:#e9f1f5;border-left:3px solid #4d7891;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin:3px 0 9px;padding:9px 10px;display:grid}.host-summary span{color:#536b77;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:750}.host-summary b{color:#284f62;font-size:15px}.host-summary small{color:#6a7c85;text-overflow:ellipsis;white-space:nowrap;grid-column:1/3;font-size:10px;overflow:hidden}.interface-card button{color:#7b8d96;background:#fff;border:1px solid #c6d1d6}.interface-card button:hover{color:var(--danger);border-color:#dcabab}.yaml-editor{grid-template-rows:minmax(0,1fr) 46px;gap:8px;min-height:0;padding:10px;display:grid}.yaml-editor textarea{resize:none;color:#d8e5eb;tab-size:2;background:#19313e;border:1px solid #0d2835;border-radius:2px;outline:none;min-height:0;padding:12px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.yaml-editor button{color:#fff;background:#2c7ea7;border:1px solid #206787;border-radius:2px;font-weight:700}.diagram-pane{background:#fff;grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;display:grid}.diagram-toolbar{background:#f8fafb;border-bottom:1px solid #bdc9cf;justify-content:flex-end;align-items:center;gap:10px;padding:0 10px;display:flex}.diagram-toolbar span{color:#657983;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-right:auto;font-size:10px;display:flex;overflow:hidden}.diagram-toolbar span i{background:#58a36b;border-radius:50%;width:7px;height:7px}.diagram-toolbar span.dirty i{background:#d78b3f}.diagram-toolbar .apply{color:#fff;background:#2b7fa8;border:1px solid #1e688b;border-radius:2px;min-width:112px;height:27px;font-size:11px;font-weight:700}.diagram-toolbar .save-workspace{color:#31596d;background:#fff;border:1px solid #9fb5c0;border-radius:2px;min-width:76px;height:27px;font-size:11px;font-weight:700}.diagram-toolbar .save-workspace:hover{background:#edf5f8;border-color:#7ca4b7}.diagram-pane iframe{background:#fff;border:0;width:100%;min-width:0;height:100%;min-height:0}@media (max-width:900px){.workspace{grid-template-columns:320px minmax(0,1fr)}.product-name span,.model-counts{display:none}.product-name{min-width:0}.product-bar button,.product-bar .button{padding-inline:7px;font-size:11px}.interface-card{grid-template-columns:58px minmax(0,1fr) 27px}.interface-card input:nth-of-type(2){grid-column:1/3}.interface-card.hosted{grid-template-columns:56px minmax(0,1fr) 27px}.interface-card.hosted select:nth-of-type(2),.interface-card.hosted input:last-of-type{grid-column:1/3}.network-card-main{grid-template-columns:minmax(0,1fr) 76px 68px 27px}}