:root{color-scheme:light;--ui-font: "Microsoft YaHei", Inter, system-ui, sans-serif;--ui-background: #f4f6f7;--ui-surface: #ffffff;--ui-subtle: #f5f8f9;--ui-canvas: #edf2f5;--ui-ground: #dce7de;--ui-grid: #d2dfe4;--ui-grid-strong: #aabfc4;--ui-label: #fffffff2;--ui-text: #293e49;--ui-muted: #596f7b;--ui-border: #d2dfe4;--ui-accent: #397d78;--ui-accent-hover: #306d68;--ui-selection: #deeeea;--ui-selection-border: #76a6a0;--ui-hover: #eaf2f3;--ui-info: #3b7182;--ui-info-bg: #eaf3f5;--ui-success: #2d7369;--ui-success-bg: #edf6f1;--ui-warning: #8a642e;--ui-warning-bg: #fff7e8;--ui-danger: #a14e49;--ui-danger-bg: #fff0ed;--ui-purple: #79609b;--ui-purple-bg: #f2edf6;--ui-blue: #357aa3;--ui-on-accent: #ffffff;--ui-overlay: #263d4c33;--ui-shadow-color: #29475418;--bg: var(--ui-background);--panel: var(--ui-surface);--panel2: var(--ui-subtle);--border: var(--ui-border);--muted: var(--ui-muted);--accent: var(--ui-accent);--blue: var(--ui-accent);--selection: var(--ui-selection);accent-color:var(--ui-accent)}:root{font-family:var(--ui-font);font-size:14px;color:var(--ui-text);background:var(--ui-background);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label.button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ui-border);outline-offset:2px}button{border:0;background:none}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:650;letter-spacing:-.5px}h2{font-size:18px;font-weight:600}h3{font-size:14px;font-weight:600}p{line-height:1.8}small,.small-muted{color:var(--muted);font-size:11px}.shell{display:flex;height:100vh;min-height:650px}.sidebar{width:214px;flex-shrink:0;background:var(--ui-subtle);border-right:1px solid var(--border);padding:24px 14px 0;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;padding:0 7px;font-size:23px;font-weight:750;letter-spacing:2px}.logo small{display:block;font-size:9px;font-weight:400;letter-spacing:.7px;margin-top:6px}.logo-mark{display:grid;place-items:center;width:36px;height:39px;background:var(--ui-accent);border-radius:9px;color:var(--ui-on-accent);font-size:24px;font-weight:800;letter-spacing:-2px}.organization{display:flex;gap:8px;align-items:center;margin:24px 0 22px;border:1px solid var(--border);border-radius:8px;padding:11px 9px;font-size:11px;min-height:58px}.organization>div{flex:1;min-width:0;word-break:break-all}.organization small,.profile small{display:block;font-size:9px;margin-top:4px}.organization img{width:29px;height:29px;object-fit:contain}.org-avatar{width:30px;height:30px;border-radius:7px;background:var(--ui-surface);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.nav-label{font-size:10px;color:var(--ui-muted);letter-spacing:.5px;padding:0 10px;margin-bottom:10px}nav{display:flex;flex-direction:column;gap:5px}nav button{display:flex;align-items:center;gap:11px;color:var(--muted);padding:12px 10px;border-radius:6px;text-align:left;font-size:12px}nav button.active{background:var(--ui-selection);color:var(--ui-accent)}nav button:hover{background:var(--ui-hover)}nav button small{margin-left:auto;color:inherit;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:16px}.quota-card{padding:12px 14px;background:var(--ui-subtle);border:1px solid var(--border);border-radius:8px;margin-bottom:14px}.quota-card b{font-size:24px;color:var(--ui-accent)}.quota-card>div{margin-top:6px;color:var(--muted)}.progress{height:4px;border-radius:8px;background:var(--ui-surface);margin:10px 0!important;overflow:hidden}.progress i{display:block;height:100%;background:var(--ui-accent)}.preview-role{font-size:9px;color:var(--ui-muted);display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 2px 12px}.preview-role select{width:100%;margin-top:3px;font-size:10px;padding:7px 8px}.profile{border-top:1px solid var(--border);display:flex;gap:9px;align-items:center;padding:15px 0;font-size:11px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;flex-shrink:0;background:var(--ui-subtle);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--ui-muted)}.breadcrumbs button{font-size:11px;padding:0;color:inherit}.breadcrumbs>span{color:var(--ui-text)}.topbar-right{display:flex;gap:16px;align-items:center}.topbar-right .small-muted{font-size:10px}.content{flex:1;min-height:0;overflow:auto;padding:27px 28px 28px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--ui-muted);margin-bottom:9px}.page-title p,.project-heading p{font-size:11px;color:var(--muted);margin-top:11px}.title-actions,.inline-actions{display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:6px;font-size:11px;font-weight:500;color:var(--ui-accent);white-space:nowrap}.button:hover{background:var(--ui-hover)}.button.primary{background:var(--ui-accent);border-color:var(--ui-border);color:var(--ui-on-accent)}.button.primary:hover{background:var(--ui-accent)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:500;white-space:nowrap;vertical-align:middle}.badge.blue{background:var(--ui-surface);color:var(--ui-accent)}.badge.green{background:var(--ui-surface);color:var(--ui-success)}.badge.amber{background:var(--ui-warning-bg);color:var(--ui-warning)}.badge.muted{background:var(--ui-surface);color:var(--ui-muted)}.badge.red{background:var(--ui-danger-bg);color:var(--ui-danger)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px;border-bottom:1px solid var(--border);min-height:54px}.panel-heading h3{display:flex;align-items:center;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric{padding:18px 20px}.metric-top{display:flex;justify-content:space-between;font-size:11px;color:var(--ui-muted)}.metric-top span{color:var(--ui-muted)}.metric>b{font-size:32px;font-weight:500;display:block;line-height:1.4;margin:11px 0 5px;color:var(--ui-accent)}.metric>small{font-size:10px}.dashboard-feature{display:flex;justify-content:space-between;align-items:center;min-height:228px;padding:28px 32px;background:var(--ui-subtle);position:relative;margin-bottom:26px}.dashboard-feature h2{font-size:23px;letter-spacing:-.4px;margin-top:16px;max-width:580px}.dashboard-feature p{font-size:11px;color:var(--ui-muted);margin-top:12px;max-width:530px}.dashboard-feature .inline-actions{margin-top:20px}.feature-illustration{position:relative;display:grid;place-items:center;width:280px;height:180px;color:var(--ui-accent);flex-shrink:0}.orbit{position:absolute;width:230px;height:130px;border:1px solid var(--ui-border);border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 65px var(--ui-shadow-color)}.orbit-tag{position:absolute;font-size:9px;color:var(--ui-muted);background:var(--ui-surface);padding:7px 10px;border:1px solid var(--ui-border);border-radius:6px}.t1{top:22px;left:15px}.t2{right:5px;top:52px}.t3{bottom:12px;left:92px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 15px}.section-heading>button{color:var(--muted);font-size:10px;display:flex;gap:6px;align-items:center}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-art{height:123px;background:var(--ui-subtle);position:relative;display:grid;place-items:center;color:var(--ui-muted);overflow:hidden}.project-art-grid{position:absolute;inset:-70%;background-image:linear-gradient(var(--ui-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid) 1px,transparent 1px);background-size:25px 25px;transform:rotate(-25deg)}.project-art>svg{z-index:1}.project-art>span{position:absolute;left:13px;top:12px}.project-card-body{padding:17px}.project-card h3{font-size:15px;margin-top:8px}.project-meta{display:flex;gap:12px;font-size:9px;color:var(--muted);margin-top:13px}.project-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:17px;padding-top:12px;font-size:9px;color:var(--muted)}.project-card-foot button{display:flex;align-items:center;gap:4px;color:var(--ui-accent);font-size:10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.info-card{padding:23px}.info-card h3{margin-bottom:16px}.info-card h2{margin-top:14px}.info-card p{font-size:11px;color:var(--muted);margin:14px 0}.steps{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.steps>div{font-size:10px;color:var(--ui-muted);display:flex;align-items:center;gap:7px}.steps span{display:grid;place-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-accent);width:24px;height:24px;border-radius:50%;font-size:9px}.notice-banner{display:flex;align-items:center;gap:11px;background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-muted);padding:13px 16px;border-radius:7px;font-size:11px;line-height:1.7;margin-bottom:20px}.notice-banner.amber{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-warning)}.table-footer{padding:13px 18px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:var(--ui-muted);font-weight:500;padding:13px 18px;background:var(--ui-surface);white-space:nowrap}td{font-size:11px;padding:17px 18px;border-bottom:1px solid var(--ui-border)}tr:last-child td{border-bottom:0}tr:hover td{background:var(--ui-hover)}.text-button{display:inline-flex;gap:5px;align-items:center;color:var(--ui-accent);font-size:10px;margin-right:13px;padding:0}.table-name{display:flex;align-items:center;gap:10px}.table-name .org-avatar{width:28px;height:28px}.searchbox{display:flex;gap:6px;align-items:center;background:var(--ui-surface);border:1px solid var(--border);border-radius:5px;padding:0 9px;color:var(--muted)}.searchbox input{border:0;background:none;width:170px;padding:7px}.modal-backdrop{position:fixed;inset:0;background:var(--ui-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;display:flex;justify-content:center;align-items:center;padding:24px}.modal{width:520px;max-width:100%;max-height:85vh;overflow:auto;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;box-shadow:0 25px 100px var(--ui-shadow-color);padding:0 24px 24px}.modal>.panel-heading{margin:0 -24px 21px;padding:18px 24px}.modal p{color:var(--ui-muted);font-size:12px;margin:14px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;color:var(--muted);font-size:20px;border-radius:5px}.icon-button:hover{background:var(--ui-hover);color:var(--ui-text)}.field{display:block;margin:15px 0}.field>span{display:block;font-size:10px;color:var(--ui-muted);margin-bottom:7px}input,textarea,select{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-accent);border-radius:5px;padding:9px 10px;width:100%;font-size:11px}input::placeholder,textarea::placeholder{color:var(--ui-muted)}input[type=checkbox]{width:auto;accent-color:var(--ui-accent)}.field input[type=file]{font-size:10px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty h3{font-size:15px;color:var(--ui-text);margin:11px 0}.empty p{font-size:11px;margin-bottom:19px}.empty-icon{font-size:35px;color:var(--ui-muted)}.empty-number{font-size:46px;color:var(--ui-muted);padding:20px 0}.filterbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.segmented{display:flex;gap:8px;font-size:11px}.segmented span{padding:8px 12px;border:1px solid var(--border);border-radius:5px;color:var(--muted)}.segmented .active{background:var(--ui-selection);border-color:var(--ui-selection-border);color:var(--ui-accent)}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-card{padding:17px}.catalog-art{height:145px;background:var(--ui-surface);display:grid;place-items:center;color:var(--ui-muted);border-radius:6px;position:relative}.catalog-art>.badge{position:absolute;top:8px;left:8px}.catalog-card h3{font-size:13px;margin:17px 0 9px}.catalog-card p{font-size:10px;color:var(--muted)}.port-summary{font-size:10px;color:var(--ui-muted);margin-top:15px}.catalog-actions{display:flex;gap:7px;margin-top:18px}.catalog-actions .button{padding:7px 9px;font-size:10px}.interface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.interface-grid>div{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--ui-border);border-radius:6px;padding:14px;font-size:10px;color:var(--ui-accent)}.interface-grid small{font-size:9px}.capability-list{margin-top:22px}.capability-list>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);font-size:11px}.brand-preview{display:flex;align-items:center;justify-content:center;text-align:center;min-height:360px;background:radial-gradient(ellipse at 50% 40%,var(--ui-canvas),var(--ui-canvas) 70%)}.brand-preview .logo-mark{margin:auto;width:48px;height:52px}.brand-preview img{max-width:150px;max-height:70px;object-fit:contain}.brand-preview h2{margin-top:25px}.brand-preview p{font-size:11px;color:var(--muted);margin:12px 0 24px}footer{height:28px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ui-muted);font-size:9px;border-top:1px solid var(--ui-border);flex-shrink:0}footer>span:first-child{display:flex;align-items:center;gap:6px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ui-surface);flex-shrink:0}.toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%);max-width:80%;background:var(--ui-surface);color:var(--ui-accent);border:1px solid var(--ui-border);padding:13px 20px;border-radius:8px;box-shadow:0 10px 40px var(--ui-shadow-color);z-index:30;font-size:12px}.mono{font-family:Consolas,monospace}.cell-note{display:block;font-size:9px;margin-top:6px}.compact-input{width:170px;padding:7px 9px}.field-config{display:flex;align-items:flex-end;gap:14px;padding:16px 20px;margin-bottom:20px}.field-config .field{margin:0;flex:1}.field-config .button{margin-bottom:0;min-height:34px}.field-config select:disabled{opacity:.7}.field-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px}.field-layout td,.field-layout th{padding:15px 13px}.field-detail h3{font-size:12px}.field-detail .info-card{padding:18px}.device-big-icon{height:90px;background:var(--ui-surface);border-radius:7px;display:grid;place-items:center;color:var(--ui-accent);margin-bottom:18px}.detail-list{font-size:11px;margin:23px 0}.detail-list dt{font-size:9px;color:var(--muted);margin:17px 0 7px}.detail-list dd{margin:0;color:var(--ui-text);font-size:10px}.field-roadmap{margin-top:20px}.selected-row td{background:var(--ui-selection)!important}.login-placeholder{text-align:center;padding:10px 10px 26px}.login-placeholder>svg{color:var(--ui-accent);margin-bottom:17px}.project-content{padding:22px 24px}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.project-heading h1{font-size:23px}.project-heading h1>.badge{margin-left:8px;font-size:9px}.project-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);margin-bottom:15px}.project-tabs button{font-size:11px;padding:12px 0;color:var(--ui-muted);border-bottom:2px solid transparent}.project-tabs button.active{border-color:var(--ui-selection-border);color:var(--ui-accent)}.project-tabs button span{margin-left:6px;font-size:9px;background:var(--ui-surface);padding:2px 4px;border-radius:3px}.project-tabs>span{margin-left:auto;color:var(--ui-muted);font-size:9px}.project-editor{display:grid;grid-template-columns:184px minmax(0,1fr) 253px;gap:12px;height:calc(100vh - 255px);min-height:520px}.object-panel,.center-panel,.device-panel{display:flex;flex-direction:column;min-height:0}.object-panel .panel-heading,.device-panel .panel-heading{padding:14px 12px;min-height:46px}.object-panel h3,.device-panel h3{font-size:11px}.object-search{margin:10px;width:calc(100% - 20px);padding:7px;font-size:9px}.object-tree{overflow:auto;min-height:80px;flex:1;padding:0 6px}.object-tree button{display:flex;align-items:center;gap:9px;text-align:left;font-size:9px;padding:10px 7px;border-radius:5px;width:100%;color:var(--ui-muted)}.object-tree button.selected{background:var(--ui-selection);color:var(--ui-accent)}.object-tree small{display:block;font-size:8px;margin-top:4px}.subsystem-section{border-top:1px solid var(--border);padding:13px 11px}.subsystem-section>small{font-size:9px}.subsystem-section>div{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--ui-muted);margin-top:11px}.subsystem-section .badge{margin-left:auto;font-size:8px;padding:2px 4px}.add-device{padding:10px;border-top:1px solid var(--border)}.add-device select{font-size:9px;padding:7px}.add-device .button{width:100%;margin-top:7px;font-size:10px}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:5px;height:44px;flex-shrink:0;padding:0 12px}.view-toolbar>div{display:flex;gap:14px}.view-toolbar button{font-size:10px;color:var(--ui-muted);padding:0}.view-toolbar button.active{color:var(--ui-accent)}.view-toolbar>.badge{font-size:8px}.project-canvas{flex:1;min-height:210px;position:relative;background:var(--ui-canvas)}.three-scene{position:relative;width:100%;height:100%;min-height:210px;overflow:hidden}.three-scene canvas{display:block}.scene-overlay{position:absolute;top:13px;left:14px;display:flex;align-items:center;gap:7px;font-size:9px;color:var(--ui-accent);pointer-events:none}.scene-overlay .badge{font-size:8px;background:var(--ui-selection)}.scene-bottom{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;gap:5px;font-size:8px;color:var(--ui-muted);pointer-events:none}.scene-error{display:grid;place-items:center;height:100%;color:var(--muted);font-size:11px;position:absolute;inset:0}.connection-summary{padding:10px 12px;min-height:63px;border-bottom:1px solid var(--border);font-size:9px;flex-shrink:0}.connection-summary>b{font-size:10px}.connection-summary>span{float:right;color:var(--muted);font-size:9px}.connection-summary>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:55px;overflow:auto}.connection-summary small{font-size:8px;border:1px solid var(--ui-border);background:var(--ui-surface);padding:5px 7px;border-radius:4px;color:var(--ui-accent)}.connection-summary i{font-style:normal;color:var(--ui-accent)}.agent-box{margin:10px;border:1px solid var(--ui-border);border-radius:7px;padding:10px 12px;flex-shrink:0}.agent-box>div:first-child{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ui-accent)}.agent-box>div:first-child>span:last-child{margin-left:auto;color:var(--ui-muted);font-size:8px}.agent-box .badge{font-size:8px;padding:3px 5px}.agent-box textarea{height:44px;margin-top:10px;padding:7px 8px;font-size:10px;resize:vertical;background:var(--ui-surface);min-height:38px}.agent-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px}.agent-bottom>span{font-size:8px;color:var(--ui-muted);max-width:65%;line-height:1.7}.agent-bottom .button{padding:6px 9px;font-size:9px}.device-panel{overflow:auto}.device-panel>.button{margin:10px 12px;font-size:9px}.device-picture{height:100px;background:var(--ui-surface);border:1px solid var(--border);border-radius:7px;margin:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ui-muted);flex-shrink:0}.device-picture>span{font-size:9px;color:var(--muted);margin-top:3px}.device-fields{padding:0 12px}.device-fields h3{font-size:12px;margin-bottom:6px}.device-fields>small{font-size:9px}.device-fields .field{margin:11px 0}.device-fields .field>span{font-size:9px}.device-fields input{padding:6px 8px;font-size:10px}.device-ports{margin:0 12px;border:1px solid var(--border);border-radius:6px;padding:10px}.device-ports h4{font-size:10px;margin:0 0 11px;font-weight:500}.device-ports>div{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:9px}.device-ports>div>small{margin-left:auto;font-size:8px}.device-ports b{font-size:9px;font-weight:400}.device-ports small{display:block;font-size:8px;margin-top:3px}.device-ports .badge{font-size:8px;padding:3px 4px;margin-left:auto}.port-square{width:15px;height:13px;border:2px solid var(--ui-border);border-radius:2px;flex-shrink:0}.port-square.used{border-color:var(--ui-border);background:var(--ui-surface)}.device-warning{display:flex;align-items:flex-start;gap:6px;font-size:8px;color:var(--ui-warning);background:var(--ui-surface);line-height:1.7;margin:11px;padding:9px;border-radius:5px}.device-warning svg{flex-shrink:0}.graph-device{width:198px;border:1px solid #3c5573;border-radius:8px;background:#172940;box-shadow:0 7px 20px #0003;padding:13px 12px 10px;position:relative}.graph-device.selected{border-color:#78b9ff;box-shadow:0 0 0 2px #4684d233}.graph-node-head{display:flex;gap:9px;align-items:center}.graph-node-head>span{background:#233c5b;padding:7px;border-radius:5px;display:flex;color:#85b7f3}.graph-node-head b{font-size:11px;font-weight:500}.graph-node-head small{font-size:8px;margin-top:5px;display:block}.graph-node-ip{padding:8px 0;color:#8db6e9;font-family:Consolas,monospace;font-size:10px}.graph-ports{display:flex;gap:7px;flex-wrap:wrap}.graph-port{position:relative;width:26px;height:21px;border:1px solid #365274;border-radius:3px;background:#223c56}.graph-port small{font-size:6px;text-align:center;display:block;padding-top:3px;color:#9fbbdc}.graph-port.sfp{background:#393953;border-color:#776aa4}.graph-port .react-flow__handle{left:50%;width:6px;height:6px;background:#74b5fc;border:1px solid #18263a;bottom:-4px}.react-flow__attribution{font-size:8px!important}.react-flow__controls-button{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;fill:#a7c6ed!important}.react-flow__minimap{background:var(--ui-surface)!important;border:1px solid var(--ui-border)}.finding{width:100%;display:flex;gap:10px;align-items:center;padding:15px 19px;text-align:left;border-bottom:1px solid var(--border);font-size:11px}.finding:last-child{border-bottom:0}.finding:hover{background:var(--ui-hover)}.finding>span:not(.badge){flex:1}.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.attachment-card{padding:14px}.attachment-preview{height:150px;background:var(--ui-canvas);display:grid;place-items:center;color:var(--ui-muted);border-radius:6px;overflow:hidden}.attachment-preview img{width:100%;height:100%;object-fit:contain}.attachment-card h3{margin:15px 0 7px;font-size:12px;overflow-wrap:anywhere}.attachment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:10px;font-size:10px}.attachment-actions label{display:flex;gap:5px;align-items:center}.length-input{width:90px;padding:6px 8px}.publish-summary{display:flex;gap:9px;margin:20px 0}.publish-summary>span{padding:10px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;font-size:10px}@media(min-width:1500px){.content{padding-left:36px;padding-right:36px}.project-editor{grid-template-columns:210px minmax(0,1fr) 280px}.project-canvas{min-height:280px}.sidebar{width:230px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1250px){.sidebar{width:184px;padding-left:10px;padding-right:10px}.logo{font-size:21px}.topbar,.content{padding-left:20px;padding-right:20px}.project-editor{grid-template-columns:157px minmax(0,1fr) 222px;gap:9px}.project-heading .button{padding:7px 9px;font-size:9px}.catalog-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right .small-muted{display:none}.field-layout{grid-template-columns:minmax(0,1fr) 245px}.field-config{gap:9px}.field-config .field:nth-child(2){display:none}.scene-bottom span{display:none}.view-toolbar>div{gap:10px}}@media(max-width:1000px){.sidebar{width:170px}.project-editor{grid-template-columns:140px minmax(0,1fr)}.device-panel{grid-column:1/-1;min-height:300px}.project-editor{height:auto;min-height:530px}.center-panel{min-height:550px}.project-heading{align-items:flex-start;flex-direction:column}.project-tabs{gap:13px}.project-tabs>span{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.feature-illustration{width:200px}.field-layout{grid-template-columns:1fr}.field-detail{min-height:200px}.two-columns{grid-template-columns:1fr}.organization>svg{display:none}}@media(max-width:760px){.sidebar{width:66px;padding:18px 8px}.logo{padding:0;justify-content:center}.logo>div,.organization,.nav-label,nav button>span,nav button small,.quota-card,.profile,.preview-role{display:none}nav{margin-top:24px}nav button{justify-content:center;padding:13px 0}.topbar{height:54px;padding:0 14px}.topbar-right .badge{font-size:8px}.breadcrumbs{font-size:9px;gap:7px}.content{padding:19px 14px}.page-title{align-items:flex-start;flex-direction:column;gap:15px}.page-title h1{font-size:22px}.metrics{gap:10px}.metric{padding:14px}.metric>b{font-size:26px}.feature-illustration{display:none}.dashboard-feature{padding:22px;min-height:210px}.dashboard-feature h2{font-size:20px}.project-grid,.catalog-grid,.attachment-grid,.project-editor{grid-template-columns:1fr}.object-panel{max-height:230px}.center-panel{min-height:550px}.field-config{flex-wrap:wrap}.field-config .field{min-width:130px}.field-config .field:nth-child(3){display:none}.field-layout>.panel:first-child{overflow-x:auto}.project-tabs{gap:13px;overflow:auto}.project-tabs button{white-space:nowrap}.project-heading h1{font-size:21px}.project-heading .inline-actions{flex-wrap:wrap}.panel:has(table){overflow-x:auto}table{min-width:560px}.two-columns{gap:12px}.title-actions{flex-wrap:wrap}footer{padding:0 14px;font-size:8px}footer>span:nth-child(2){display:none}.agent-box>div:first-child>span:last-child{display:none}.brand-preview{min-height:280px}}body{overflow:hidden}.sidebar{overflow-y:auto}.logo,.organization,nav,.sidebar-bottom{flex-shrink:0}.project-editor{min-height:440px}.project-canvas,.three-scene{min-height:170px}*{scrollbar-width:thin;scrollbar-color:var(--ui-border) var(--ui-border)}.react-flow__minimap{width:105px!important;height:65px!important}@media(max-height:850px){.sidebar .quota-card{display:none}.sidebar{padding-top:18px}nav{gap:3px}nav button{padding:9px 10px}.organization{margin-top:18px;margin-bottom:14px}.profile{padding:11px 0}.sidebar-bottom{padding-top:8px}}.center-panel.expanded{position:fixed;inset:76px 24px 34px 234px;z-index:12;box-shadow:0 15px 90px var(--ui-shadow-color)}@media(max-width:760px){.center-panel.expanded{inset:65px 12px 34px 78px}}.global-agent{position:fixed;right:0;top:0;bottom:0;width:420px;z-index:18;background:var(--ui-surface);border-left:1px solid var(--ui-border);box-shadow:-15px 0 60px var(--ui-shadow-color);display:flex;flex-direction:column;color:var(--ui-accent)}.agent-panel-head{display:flex;justify-content:space-between;padding:21px 20px;border-bottom:1px solid var(--ui-border)}.agent-panel-head>div{display:flex;align-items:center;gap:10px;color:var(--ui-accent)}.agent-context{padding:15px 20px;border-bottom:1px solid var(--ui-border);display:flex;flex-wrap:wrap;gap:10px}.agent-context>span:not(.badge){font-size:10px;max-width:100%;overflow-wrap:anywhere}.agent-context select{width:100%}.agent-context small,.agent-compose small{font-size:9px;line-height:1.7;color:var(--ui-muted)}.agent-messages{flex:1;min-height:120px;overflow:auto;padding:18px}.agent-welcome{padding:15px 5px;color:var(--ui-muted);font-size:12px;line-height:1.9}.agent-welcome>svg{color:var(--ui-accent)}.agent-welcome h3{color:var(--ui-accent);font-size:18px}.agent-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.agent-suggestions button{border:1px solid var(--ui-border);border-radius:6px;padding:6px 9px;font-size:10px;color:var(--ui-accent)}.agent-message{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;padding:12px;margin-bottom:12px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.agent-message.user{margin-left:30px;background:var(--ui-surface)}.agent-message>div{display:flex;justify-content:space-between;gap:10px}.agent-message b{font-size:10px;color:var(--ui-accent)}.agent-message p{white-space:pre-wrap;margin:8px 0 0}.agent-message pre,.agent-tools pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;background:var(--ui-surface);padding:10px;border-radius:4px}.agent-message summary,.agent-tools summary{cursor:pointer;color:var(--ui-accent);font-size:10px}.agent-compose{border-top:1px solid var(--ui-border);padding:15px 18px}.agent-compose textarea{min-height:80px;max-height:150px;resize:vertical;margin-bottom:10px}.agent-compose .inline-actions{justify-content:space-between}.agent-compose .button{font-size:10px;padding:8px 10px}.agent-source{display:flex;justify-content:space-between;font-size:10px;color:var(--ui-muted);gap:10px;margin-bottom:10px}.agent-source button{color:var(--ui-accent)}.agent-tools{border-top:1px solid var(--ui-border);padding:12px 18px;max-height:38vh;overflow:auto}.agent-tools .inline-actions{margin-top:12px}.agent-tools .button{font-size:9px;padding:7px 9px}.agent-tools textarea{min-height:95px;margin:10px 0;resize:vertical;font-family:Consolas,monospace}.agent-tools-toggle{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--ui-accent)}.agent-tools .field{margin:12px 0}.agent-entry{white-space:nowrap}.catalog-tabs{display:flex;gap:18px;align-items:center;margin:0 0 18px}.catalog-tabs>button:not(.button){padding:10px 0;border-bottom:2px solid transparent;font-size:12px;color:var(--ui-muted)}.catalog-tabs>button.active{color:var(--ui-accent);border-color:var(--ui-selection-border)}.catalog-tabs>.button{margin-left:auto}.catalog-filters{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--ui-border);flex-wrap:wrap}.catalog-filters .searchbox{flex:1;min-width:210px}.catalog-filters>select{width:auto;max-width:180px}.catalog-table-wrap{overflow:auto}.catalog-table th,.catalog-table td{padding:18px 16px}.catalog-table td:first-child{min-width:220px}.catalog-name{color:var(--ui-accent);font-size:12px;font-weight:500;text-align:left}.catalog-name:hover{color:var(--ui-accent)}.catalog-table .inline-actions{white-space:nowrap;gap:8px}.catalog-table .text-button{margin:0;font-size:10px}.interface-summary{display:flex;flex-wrap:wrap;gap:6px;min-width:150px;max-width:270px}.interface-summary span{padding:4px 6px;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:4px;font-size:9px}.catalog-pagination{display:flex;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--ui-border);align-items:center;font-size:10px;color:var(--ui-muted);gap:12px}.catalog-pagination select{width:auto;padding:6px 8px;font-size:10px}.catalog-pagination .button{padding:6px 10px;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.port-edit-table{overflow:auto;max-height:290px;margin:12px 0 20px}.port-edit-table table{min-width:490px}.port-edit-table th,.port-edit-table td{padding:8px 6px}.port-edit-table input{min-width:100px}.port-edit-table select{padding:7px 6px;font-size:10px}.port-edit-table small{font-size:9px;color:var(--ui-muted)}.catalog-detail-heading{display:flex;gap:12px;align-items:center;margin:4px 0 18px;font-size:11px;color:var(--ui-muted)}.device-model{height:230px;background:var(--ui-canvas);border:1px solid var(--ui-border);border-radius:8px;position:relative;overflow:hidden}.device-model canvas{display:block}.device-model-caption{position:absolute;bottom:10px;left:12px;font-size:9px;color:var(--ui-muted);pointer-events:none}.device-model>span{display:block;padding:40px 20px;font-size:11px;color:var(--ui-muted)}.port-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:var(--ui-muted);margin:15px 0}.port-legend span{display:flex;gap:5px;align-items:center}.port-legend i{width:8px;height:8px;border-radius:2px;background:var(--ui-surface)}.port-legend .port-planned{background:var(--ui-surface)}.port-legend .port-communicating{background:var(--ui-success-bg)}.port-legend .port-simulated{background:var(--ui-purple-bg)}.port-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:18px 0}.port-tile{border:1px solid var(--ui-border);border-radius:6px;display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:7px;background:var(--ui-surface);min-height:90px}.port-tile .port-socket{border:2px solid var(--ui-border);padding:3px 5px;font-size:8px;min-width:40px}.port-tile b{font-size:10px;color:var(--ui-text)}.port-tile small{font-size:8px;color:var(--ui-muted);line-height:1.6}.port-tile.selected{outline:1px solid var(--ui-selection-border)}.port-tile.planned .port-socket{border-color:var(--ui-border)}.port-tile.communicating .port-socket{border-color:var(--ui-success);background:var(--ui-success-bg);box-shadow:0 0 12px var(--ui-shadow-color)}.port-tile.down .port-socket{border-color:var(--ui-danger)}.port-tile.simulated .port-socket{border-color:var(--ui-purple);background:var(--ui-surface)}.port-inspector{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:7px;padding:14px}.port-inspector>b{font-size:11px;display:flex;gap:10px;align-items:center}.port-inspector dl{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:10px;margin:18px 0 0}.port-inspector dt{color:var(--ui-muted)}.port-inspector dd{margin:0;overflow-wrap:anywhere;color:var(--ui-accent)}.graph-detail-button{font-size:9px;color:#9bbfea;display:block;margin:10px 0 0 auto}.graph-port.planned{border-color:#5b9ddd;background:#244565}.graph-port.communicating{border-color:#33e4a2;box-shadow:0 0 8px #33e4a277}.graph-port.simulated{border-color:#d4a7ff}.graph-port.down{border-color:#ec6d6d}.modal{max-width:780px;width:min(780px,calc(100vw - 40px))}.modal-backdrop{z-index:25}@media(min-width:1400px){.shell.agent-open .app-main{margin-right:420px}.shell.agent-open .project-editor{grid-template-columns:140px minmax(0,1fr);height:auto}.shell.agent-open .device-panel{grid-column:1/-1;min-height:250px}.shell.agent-open .center-panel{min-height:550px}.shell.agent-open .project-heading{flex-wrap:wrap}.shell.agent-open .topbar-right .small-muted,.shell.agent-open .topbar-right>.badge{display:none}.shell.agent-open .project-tabs{gap:12px}.shell.agent-open .project-tabs>span{display:none}}@media(max-width:760px){.global-agent{width:min(420px,100vw - 55px)}.catalog-tabs{flex-wrap:wrap;gap:12px}.catalog-filters{padding:12px}.catalog-pagination{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.catalog-pagination .inline-actions{gap:5px}.port-inspector dl{grid-template-columns:90px 1fr}}.modal>.panel-heading{position:sticky;top:0;z-index:2;background:var(--ui-subtle);border-bottom:1px solid var(--ui-border)}.category-list{max-height:350px;overflow:auto;border:1px solid var(--ui-border);border-radius:6px}.category-row{display:flex;gap:14px;align-items:center;padding:14px;border-bottom:1px solid var(--ui-border)}.category-row:last-child{border-bottom:0}.category-row>div:first-child{flex:1}.category-row b{display:block;font-size:12px;color:var(--ui-accent)}.category-row small{display:block;font-size:9px;color:var(--ui-muted);margin-top:6px}.category-row .text-button{font-size:10px;white-space:nowrap}.category-picker{display:flex;gap:8px;align-items:center}.category-picker .text-button{white-space:nowrap;font-size:10px}.category-picker select{flex:1;min-width:0}.category-list~p{font-size:10px}.catalog-filters>.button{font-size:10px;padding:9px 10px}.model-actions{margin-top:22px;flex-wrap:wrap}.model-setup{font-size:12px;color:var(--ui-text);line-height:2}.model-setup li{margin:10px 0}.field>#api-key-help{margin-top:8px;margin-bottom:0;line-height:1.5}.device-symbol{width:200px;height:104px;margin:0 auto;pointer-events:none}.device-symbol svg{display:block;width:100%;height:100%}.graph-device.equipment-stencil{width:228px;padding:0 0 8px;border:1px solid transparent;background:transparent;box-shadow:none;border-radius:12px;min-height:0}.graph-device.equipment-stencil:hover{background:#182b4144;border-color:#41648966}.graph-device.equipment-stencil.selected{border-color:#75b5f1;background:#1c395a55;box-shadow:0 0 16px #488de523}.graph-device-caption{height:62px;padding-top:4px;text-align:center}.graph-device-caption>b{display:block;font-size:12px;font-weight:550;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 7px;color:#dbe8f4}.graph-device-caption>small{display:block;font-size:8px;color:#8099b5;line-height:16px}.equipment-stencil .graph-node-ip{padding:0;margin:4px 0 0;font-size:10px;line-height:18px;color:#8eb4d6}.equipment-stencil .graph-ports{display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-width:210px;width:max-content;margin:12px auto 0;overflow:visible;padding:0}.equipment-stencil .graph-port{width:21px;height:28px;min-width:0;padding:0;flex-shrink:0;position:relative;border:0;background:none;border-radius:0}.equipment-stencil .graph-port>small{position:absolute;top:0;left:-1px;width:23px;text-align:center;font-size:6px;line-height:10px;overflow:hidden;white-space:nowrap;color:#829ab5}.graph-port-socket{position:absolute;left:5px;top:12px;width:11px;height:9px;border:1px solid #647b95;border-radius:1px;background:#1a2e43}.graph-port.rj45 .graph-port-socket:after{content:"";display:block;border-top:2px solid #91a9bb;margin:2px 2px 0}.graph-port.sfp .graph-port-socket{border-radius:3px;border-color:#8b82b5}.equipment-stencil .graph-port .react-flow__handle{width:5px;height:5px;min-width:5px;min-height:5px;bottom:6px;left:50%;background:#647b95;border:1px solid #b3c4d5;transform:translate(-50%,50%)}.equipment-stencil .graph-port.planned .graph-port-socket{border-color:#67adf0;background:#254564}.equipment-stencil .graph-port.planned .react-flow__handle{background:#65a8e7}.equipment-stencil .graph-port.communicating .graph-port-socket{border-color:#36dfa2;box-shadow:0 0 8px #36dfa288}.equipment-stencil .graph-port.simulated .graph-port-socket{border-color:#d4a7ff;background:#382e50}.equipment-stencil .graph-port.down .graph-port-socket{border-color:#ec6d6d}.equipment-stencil .graph-detail-button{display:block;font-size:8px;line-height:14px;color:#7f9ebe;margin:4px auto 0;padding:0 3px}.equipment-stencil .graph-port{box-shadow:none!important}.center-panel.expanded{display:flex;flex-direction:column}.center-panel.expanded .view-toolbar{flex-shrink:0}.center-panel.expanded .project-canvas{height:auto;min-height:0;flex:1}.center-panel.expanded .connection-summary,.center-panel.expanded .agent-box{display:none}.project-canvas .react-flow{background:var(--ui-canvas)}[hidden]{display:none!important}.editor-fields{border:0;padding:0;margin:0;min-width:0}.inline-create-panel{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;padding:16px;margin:14px 0 20px}.inline-create-panel p{margin:8px 0}.form-error{color:var(--ui-danger)}.symbol-editor{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:center;border:1px solid var(--ui-border);background:var(--ui-surface);padding:14px;border-radius:8px;margin:18px 0}.symbol-preview{text-align:center}.stencil-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0}.stencil-library article{padding:25px;text-align:center}.stencil-library .device-symbol{width:240px;height:125px;max-width:100%}.stencil-library h3{margin:15px 0 8px}.stencil-library p{font-size:11px;color:var(--ui-muted);margin-bottom:15px}.topology-root{height:100%;position:relative;overflow:hidden}.graph-device.equipment-stencil{height:168px;padding:0;position:relative}.equipment-stencil .equipment-handle{width:10px;height:10px;min-width:10px;min-height:10px;transform:translate(-50%,-50%);opacity:0;border:2px solid #aed7ff;background:#428ad4;z-index:5}.equipment-stencil:hover .equipment-handle,.equipment-stencil.selected .equipment-handle{opacity:1}.quantity-badge{color:var(--ui-accent);font-size:14px}.diagram-tools{position:absolute;right:12px;top:46px;z-index:7;display:flex;gap:6px;flex-wrap:wrap;max-width:95%}.diagram-tools .button{font-size:10px;padding:7px 10px}.diagram-tier-legend{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-around;padding:12px 8px;background:#102035ed;border-bottom:1px solid #2e4763;z-index:7;color:#99b8d7;font-size:10px;gap:8px}.diagram-tier{position:absolute;pointer-events:none;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-selection);padding:12px 14px;color:var(--ui-muted);font-size:12px;z-index:-1}.diagram-tier small{display:block;font-size:9px;margin-top:5px}.diagram-palette{position:absolute;right:12px;top:88px;width:260px;max-height:calc(100% - 130px);overflow:auto;background:var(--ui-selection);border:1px solid var(--ui-border);border-radius:9px;padding:12px;z-index:8;box-shadow:0 10px 30px var(--ui-shadow-color)}.diagram-palette>b{display:block;font-size:12px;margin-bottom:10px}.diagram-palette>div{margin-top:8px}.diagram-palette>div:not(.diagram-palette-heading)>button{width:100%;text-align:left;border-bottom:1px solid var(--ui-border);padding:8px;display:flex;align-items:center;gap:8px}.diagram-palette .device-symbol{width:92px;height:48px;flex-shrink:0;margin:0}.diagram-palette span{font-size:10px}.diagram-palette small{display:block;font-size:8px;line-height:1.5;margin-top:5px}.diagram-hint{position:absolute;bottom:25px;left:65px;background:var(--ui-selection);border:1px solid var(--ui-border);padding:10px 14px;border-radius:7px;font-size:11px;z-index:7;max-width:70%}.diagram-hint button{color:var(--ui-accent);margin-left:14px}.view-toolbar{flex-wrap:wrap;gap:8px}.view-toolbar select{width:auto;padding:5px 6px;font-size:10px}.diagram-compact{display:flex;align-items:center;font-size:10px;white-space:nowrap}.diagram-compact input{width:auto;margin-right:5px}.device-picture .device-symbol{height:104px;width:200px}.center-panel.expanded .project-canvas{min-height:320px}.editor-fields .field p{margin-top:8px}.diagram-palette>div:not(.diagram-palette-heading)>button:hover{background:var(--ui-hover)}.object-panel .add-device{display:flex;flex-direction:column;gap:8px}.device-fields .field{margin-bottom:12px}.topology-root .react-flow{--xy-background-color:var(--ui-surface);--xy-background-color-default:var(--ui-surface)}.graph-device-caption>b{font-size:15px;line-height:20px}.graph-device-caption>small{font-size:10px;line-height:16px}.equipment-stencil .graph-node-ip{font-size:12px;margin-top:3px}.diagram-palette .device-symbol{width:108px;height:56px}.diagram-palette{width:280px}.diagram-tier{background:var(--ui-selection)}.catalog-model-browser{display:grid;grid-template-columns:145px minmax(0,1fr) 230px}.catalog-function-tree{padding:14px;border-right:1px solid var(--ui-border);display:flex;flex-direction:column;gap:5px}.catalog-function-tree>b{font-size:11px;margin-bottom:12px;color:var(--ui-accent)}.catalog-function-tree button{text-align:left;font-size:11px;padding:9px;border-radius:4px;color:var(--ui-muted)}.catalog-function-tree button.active{background:var(--ui-selection);color:var(--ui-accent)}.catalog-model-preview{border-left:1px solid var(--ui-border);padding:18px}.catalog-model-preview h3{margin-bottom:12px}.catalog-model-preview p{margin:12px 0;color:var(--ui-muted);font-size:11px}.catalog-model-preview .button{margin-top:8px;width:100%}.catalog-model-preview .device-symbol{max-width:100%}.auxiliary-preview{font-size:70px;text-align:center;padding:20px;color:var(--ui-text)}.catalog-model-browser .catalog-table td:first-child{min-width:170px}.catalog-model-browser .catalog-table th,.catalog-model-browser .catalog-table td{padding:14px 9px}.canvas-region{border:1px solid;border-radius:12px;position:relative}.region-header{height:52px;display:flex;flex-direction:column;gap:7px;padding:10px 12px;color:var(--ui-accent);cursor:move}.region-header b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-header>div{display:flex;gap:10px}.region-header button{font-size:9px;color:var(--ui-accent);padding:0}.canvas-quantity{font-size:9px;color:var(--ui-accent);background:var(--ui-canvas);border-radius:4px;padding:3px 6px;display:none;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);white-space:nowrap}.equipment-stencil:hover .canvas-quantity,.equipment-stencil.selected .canvas-quantity{display:block}.region-item-picker{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--ui-border);border-radius:7px;margin:12px 0}.region-item-picker>aside{display:flex;flex-direction:column;border-right:1px solid var(--ui-border);padding:10px;gap:5px}.region-item-picker>aside button{font-size:11px;text-align:left;padding:9px;border-radius:5px}.region-item-picker>aside button.active{background:var(--ui-selection);color:var(--ui-accent)}.region-item-picker>section{padding:12px;min-width:0}.region-item-list{max-height:290px;overflow:auto;margin-top:10px}.region-item-list>button{width:100%;padding:8px;border-bottom:1px solid var(--ui-border);display:flex;align-items:center;gap:12px;text-align:left}.region-item-list>button.selected{background:var(--ui-selection);outline:1px solid var(--ui-selection-border);outline-offset:-1px}.region-item-list .device-symbol{width:100px;height:52px;margin:0;flex-shrink:0}.region-item-list small{display:block;font-size:10px;color:var(--ui-muted);margin-top:6px}.auxiliary-choice{font-size:30px;padding:6px 20px;color:var(--ui-muted)}.diagram-tools{top:46px}.region-header button:hover{color:var(--ui-text)}.catalog-model-browser .interface-summary{min-width:90px}.catalog-model-browser .cell-note{font-size:9px}@media(max-width:1300px){.catalog-model-browser{grid-template-columns:125px minmax(0,1fr)}.catalog-model-preview{grid-column:1/-1;border-left:0;border-top:1px solid var(--ui-border);display:flex;align-items:center;flex-wrap:wrap;gap:12px}.catalog-model-preview h3{margin:0}.catalog-model-preview .button{width:auto}.catalog-model-preview .device-symbol{width:130px;height:67px}}@media(max-width:800px){.catalog-model-browser{grid-template-columns:1fr}.catalog-function-tree{flex-direction:row;overflow:auto}.catalog-function-tree button{white-space:nowrap}.region-item-picker{grid-template-columns:110px 1fr}}.canvas-quantity{top:170px;bottom:auto}.canvas-region .react-flow__resize-control{z-index:10}.canvas-region .region-header{position:relative;z-index:2}@media(min-width:1000px)and (max-width:1300px){.catalog-model-browser{grid-template-columns:120px minmax(0,1fr) 200px}.catalog-model-preview{grid-column:auto;display:block;border-left:1px solid var(--ui-border);border-top:0;padding:14px}.catalog-model-preview .device-symbol{width:170px;height:89px;margin:10px auto}.catalog-model-browser .catalog-table th:nth-child(4),.catalog-model-browser .catalog-table td:nth-child(4){display:none}.catalog-model-preview .button{width:100%}}.functional-brands{border-top:1px solid var(--line);padding-top:12px;margin-bottom:12px}.functional-brands>div{display:grid;gap:6px;max-height:150px;overflow:auto;margin:8px 0}.functional-brands .button{width:100%}.catalog-function-tree{max-height:560px;overflow:auto}.catalog-category-group{margin-top:10px}.catalog-category-group>summary{display:block;font-size:10px;color:var(--ui-muted);padding:5px 8px;border-top:1px solid var(--ui-border)}.catalog-category-group button{width:100%}.catalog-subcategories{padding-left:10px}.catalog-subcategories button{font-size:10px;color:var(--ui-muted)}.region-item-picker>aside{max-height:370px;overflow:auto}.catalog-category-group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.catalog-category-group>summary:after{content:"▸";font-size:12px;color:var(--ui-muted)}.catalog-category-group[open]>summary:after{content:"▾"}.catalog-category-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stencil-search{width:min(600px,100%);margin:18px 0}.stencil-group>h3{margin:20px 0 10px}.stencil-group .stencil-library{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.stencil-group .panel h3{font-size:13px}.stencil-group .inline-actions{flex-wrap:wrap;justify-content:center}.stencil-group a{display:block;margin-top:12px;text-align:center}.canvas-delete{border:0;background:transparent;color:var(--ui-danger);font-size:11px;cursor:pointer;margin-left:8px;padding:4px 8px}.region-drag-label{font-size:10px;color:var(--ui-muted);font-weight:400;margin-left:8px}.canvas-region{cursor:grab}.canvas-region:active{cursor:grabbing}.rack-workspace{display:grid;grid-template-columns:260px minmax(360px,1fr) 285px;gap:16px;align-items:start}.rack-list,.rack-center,.rack-detail{padding:18px}.rack-list{max-height:78vh;overflow:auto}.rack-choice{display:block;width:100%;text-align:left;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:7px;padding:10px;margin:8px 0;color:var(--ui-accent);cursor:pointer}.rack-choice small,.rack-installed small{display:block;margin-top:4px;color:var(--ui-muted);font-size:11px}.rack-choice.active{border-color:var(--ui-selection-border);background:var(--ui-selection)}.rack-frame{display:flex;max-width:570px;margin:18px auto;background:var(--ui-surface);border:10px solid var(--ui-border);border-radius:8px;box-shadow:0 12px 30px var(--ui-shadow-color)}.rack-rail{width:22px;text-align:center;background:var(--ui-subtle);color:transparent}.rack-slots{position:relative;flex:1;min-width:0}.rack-slot{height:32px;width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-muted);text-align:left;cursor:pointer;font-size:11px}.rack-slot span{width:35px;text-align:right}.rack-slot i{flex:1;border-top:1px dashed var(--ui-border)}.rack-slot small{padding-right:12px;color:var(--ui-text)}.rack-installed{position:absolute;left:42px;right:7px;display:flex;align-items:center;gap:8px;background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:3px;color:var(--ui-accent);text-align:left;padding:2px 8px;cursor:pointer;overflow:hidden}.rack-installed.selected{outline:2px solid var(--ui-selection-border);z-index:2}.rack-installed svg{width:80px;height:100%;max-height:70px;flex-shrink:0}.rack-installed b{font-size:12px}.rack-installed small{font-size:10px;margin-top:2px}.rack-detail>svg{width:100%;height:140px}.rack-detail .button{margin:8px 6px 0 0}.rack-help-input{display:none}@media(max-width:1200px){.rack-workspace{grid-template-columns:220px minmax(330px,1fr)}.rack-detail{grid-column:1/-1}}.graph-node-actions{position:absolute;top:166px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;height:20px}.graph-node-actions .canvas-quantity{position:static;transform:none;display:block;font-size:10px;padding:2px 5px;line-height:16px}.graph-node-actions .canvas-delete{margin:0;padding:2px 5px;font-size:10px;line-height:16px}.rack-library-toolbar{display:flex;gap:12px}.rack-library-toolbar input{flex:1;min-width:0}.rack-library-toolbar select{width:210px}.rack-library-models{max-height:310px;overflow:auto;border:1px solid var(--ui-border);border-radius:7px;margin:12px 0}.rack-library-models>button{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px;text-align:left;color:var(--ui-accent);border-bottom:1px solid var(--ui-border);background:var(--ui-surface);cursor:pointer}.rack-library-models>button.selected{background:var(--ui-selection);outline:1px solid var(--ui-selection-border);outline-offset:-1px}.rack-library-models svg{width:105px;height:54px;flex-shrink:0}.rack-library-models small{display:block;margin-top:6px;color:var(--ui-muted);font-size:11px}.rack-library-models>p{padding:20px}.rack-bank-tabs{display:flex;gap:12px;border-bottom:1px solid var(--ui-border);margin:18px 0 10px}.rack-bank-tabs button{padding:8px 2px;color:var(--ui-muted);border-bottom:2px solid transparent;font-size:12px}.rack-bank-tabs button.active{color:var(--ui-accent);border-color:var(--ui-selection-border)}.rack-list>input,.rack-list>select{width:100%;margin-top:9px}.rack-library-drag{display:flex;align-items:center;gap:8px;cursor:grab}.rack-library-drag .device-symbol{width:72px;height:38px;flex-shrink:0}.rack-library-drag span{min-width:0}.rack-library-drag b{font-size:11px}.rack-library-drag small{font-size:9px}.rack-drop-hint{font-size:11px;color:var(--ui-accent);min-height:18px;margin-bottom:5px}.rack-installed{left:42px;right:0;padding:0;border:0;border-radius:0;background:transparent;display:block;overflow:hidden;cursor:grab}.rack-installed:active{cursor:grabbing}.rack-device-face{position:absolute;inset:0}.rack-device-face>svg{width:100%;height:100%;max-height:none;display:block}.rack-device-tag{position:absolute;bottom:2px;right:9px;max-width:calc(100% - 24px);font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ui-accent);background:var(--ui-selection);border:1px solid var(--ui-border);border-radius:3px;padding:0 5px;pointer-events:none}.rack-drop-preview{position:absolute;left:42px;right:0;z-index:5;pointer-events:none;border:2px dashed var(--ui-success);background:var(--ui-success-bg)}.rack-drop-preview.invalid{border-color:var(--ui-danger);background:var(--ui-danger-bg)}.rack-rail{width:34px;flex-shrink:0}.rack-slot{position:relative}.rack-slot>span{position:absolute;left:-34px;width:32px;text-align:center;color:var(--ui-text);background:var(--ui-selection);z-index:3;font-size:10px}.rack-installed,.rack-drop-preview{left:0;right:0}.rack-choice,.rack-installed{touch-action:none}.rack-workspace.dragging{-webkit-user-select:none;user-select:none}.rack-workspace.dragging .rack-slots{cursor:copy}.rack-installed[data-rack-units="1"] .rack-device-tag{display:none}.region-rack-shell{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.canvas-region.region-rack{border:0;background:transparent!important}.region-rack .region-header{padding-left:22px;padding-right:22px}.region-frame-badge{font-size:9px;font-weight:400;color:var(--ui-accent);background:var(--ui-surface);border-radius:3px;padding:1px 4px;margin-left:6px}.graph-device.equipment-stencil.rack-mounted-device,.graph-device.equipment-stencil.rack-mounted-device:hover,.graph-device.equipment-stencil.rack-mounted-device.selected{background:transparent;border:0;border-radius:0;box-shadow:none}.diagram-rack-front{position:absolute;top:0;filter:drop-shadow(0 3px 3px var(--ui-shadow-color))}.diagram-rack-front>svg{display:block;width:100%;height:100%}.rack-mounted-device.selected .diagram-rack-front{outline:2px solid var(--ui-selection-border);outline-offset:2px}.rack-mounted-device .graph-device-caption{padding-top:0}.rack-mounted-device .graph-node-actions{top:72px}.rack-mounted-device .equipment-handle{z-index:5}.modal.rack-editor-modal{width:min(1240px,96vw);max-width:1240px;max-height:92vh}.rack-editor-modal .rack-workspace{grid-template-columns:220px minmax(330px,1fr) 260px;gap:12px}.rack-editor-modal .rack-list,.rack-editor-modal .rack-center,.rack-editor-modal .rack-detail{max-height:70vh;overflow:auto}.rack-editor-modal .rack-detail{grid-column:auto}.region-rack-edit{color:#9ed0ff;font-size:9px;padding:3px 0;text-align:left}@media(max-width:1000px){.rack-editor-modal .rack-workspace{grid-template-columns:200px minmax(300px,1fr)}.rack-editor-modal .rack-detail{grid-column:1/-1}}.graph-device-caption .diagram-rack-location{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:14px;color:#91b8d5}.graph-device.equipment-stencil,.graph-device.equipment-stencil:hover,.graph-device.equipment-stencil.selected{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.diagram-device-symbol{display:block;position:absolute;left:0;top:0;pointer-events:none}.graph-device.selected .diagram-device-symbol{filter:drop-shadow(0 0 3px #63b5ff)}.graph-device-caption{padding-top:0;height:auto}.graph-device-labels{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 3px;white-space:nowrap;line-height:22px}.graph-device-labels>b{font-size:12px;line-height:22px;max-width:130px;overflow:hidden;text-overflow:ellipsis}.graph-device-labels .graph-node-ip{font-size:10px;line-height:22px;margin:0;white-space:nowrap;flex-shrink:0}.graph-device .graph-node-actions{top:25px;opacity:0;pointer-events:none}.graph-device:hover .graph-node-actions,.graph-device.selected .graph-node-actions,.graph-device:focus-within .graph-node-actions{opacity:1;pointer-events:auto}.rack-mounted-device .graph-node-actions{top:42px}.graph-device-labels{padding:0;gap:6px}.graph-device-labels>b{font-size:11px;max-width:94px;min-width:0}.graph-device-labels .graph-node-ip{font-size:10px}.graph-device .graph-node-actions,.rack-mounted-device .graph-node-actions{top:24px}.rack-mounted-device .graph-node-actions{top:40px}.region-rack .region-header{width:278px}.topology-root.canvas-light .graph-device-labels>b{color:#243a50}.topology-root.canvas-light .graph-node-ip{color:#526c86}.canvas-light .region-header,.canvas-light .diagram-tier-legend{color:#456482}.canvas-light .region-rack .region-header{color:#d8e4f3}.canvas-light .canvas-quantity{background:var(--ui-canvas);color:var(--ui-accent)}.canvas-light .canvas-delete{color:var(--ui-danger)}.canvas-light .diagram-tools .button{box-shadow:0 2px 5px var(--ui-shadow-color)}button.graph-node-ip{padding:0;text-align:left;font-family:Consolas,monospace}button.graph-node-ip:hover{text-decoration:underline;color:#a4d1ff}.canvas-light button.graph-node-ip:hover{color:#256ca3}.topology-root .react-flow{--xy-background-color:transparent;--xy-background-color-default:transparent}.canvas-light .diagram-tier-legend{background:#e0e7ef;color:#3f5c77}.canvas-light .canvas-region:not(.region-rack) .region-header b{color:#3f5c77}.canvas-light .canvas-region:not(.region-rack) .region-header button{color:#2e6e9f}.rack-mounted-device .graph-node-actions{position:static;top:auto;left:auto;right:auto;width:0;flex:0 0 0;height:20px;overflow:hidden;margin:0;gap:2px}.rack-mounted-device:hover .graph-node-actions,.rack-mounted-device.selected .graph-node-actions,.rack-mounted-device:focus-within .graph-node-actions{width:38px;flex-basis:38px}.rack-mounted-device .graph-node-actions .canvas-quantity,.rack-mounted-device .graph-node-actions .canvas-delete{padding:2px;display:flex;align-items:center;justify-content:center}.rack-mounted-device .diagram-rack-front{filter:none}.rack-mounted-device.selected .diagram-rack-front{outline:0;box-shadow:inset 0 0 0 2px var(--ui-shadow-color)}.canvas-delete-inline{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:20px;padding:0;border:0;background:transparent;color:var(--ui-danger);opacity:.65;font-size:12px;line-height:20px}.canvas-delete-inline:hover,.canvas-delete-inline:focus-visible{opacity:1;color:var(--ui-danger)}.graph-device .quantity-badge{cursor:pointer}.canvas-delete-inline{width:28px;opacity:0;pointer-events:none;color:var(--ui-danger)}.canvas-light .canvas-delete-inline{color:var(--ui-danger)}.canvas-design-active .global-agent{z-index:22}.shell .project-editor.canvas-design-workspace{position:fixed;inset:0;z-index:20;width:100vw;height:100dvh;min-height:0;margin:0;padding:0;gap:0;background:var(--bg);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 30px}.canvas-design-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--ui-canvas);min-width:0}.canvas-design-title{display:flex;align-items:center;gap:10px;min-width:0}.canvas-design-title b{font-size:13px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-design-mark{font-size:10px;color:var(--ui-accent);background:var(--ui-canvas);padding:6px 8px;border-radius:4px;flex-shrink:0}.canvas-design-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.canvas-design-actions .button{padding:7px 9px;font-size:11px}.canvas-design-actions [aria-expanded=true]{background:var(--ui-canvas);border-color:var(--ui-border)}.canvas-design-workspace>.center-panel{grid-row:2;grid-column:1;min-height:0;height:100%;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.canvas-design-workspace .view-toolbar{padding:7px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.canvas-design-workspace .project-canvas{flex:1;height:auto;min-height:0!important}.canvas-design-workspace .connection-summary,.canvas-design-workspace .agent-box{display:none}.canvas-design-workspace>.object-panel,.canvas-design-workspace>.device-panel{display:none;position:absolute;top:112px;bottom:42px;z-index:10;max-height:none;min-height:0;grid-column:auto;overflow:auto;box-shadow:0 8px 35px var(--ui-shadow-color)}.canvas-design-workspace>.object-panel{left:12px;width:260px}.canvas-design-workspace>.device-panel{right:12px;width:300px}.canvas-design-workspace.design-objects-open>.object-panel,.canvas-design-workspace.design-properties-open>.device-panel{display:block}.canvas-design-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:10px;color:var(--ui-muted);background:var(--ui-canvas);border-top:1px solid var(--border);min-width:0}@media(max-width:1000px){.canvas-design-title small{display:none}.canvas-design-title b{max-width:180px}.canvas-design-header{flex-wrap:wrap}.canvas-design-status span:nth-child(2){display:none}}@media(max-width:600px){.canvas-design-header{gap:7px}.canvas-design-actions{justify-content:flex-start}.canvas-design-actions .button{font-size:10px;padding:6px}.canvas-design-workspace>.object-panel,.canvas-design-workspace>.device-panel{top:170px;width:min(300px,calc(100vw - 24px))}.canvas-design-status{font-size:9px}}.canvas-design-workspace>.center-panel.expanded{position:relative;inset:auto;z-index:auto;box-shadow:none}.canvas-design-header{grid-row:1;grid-column:1}.canvas-design-status{grid-row:3;grid-column:1}.region-align-grid{position:absolute;inset:70px 12px 20px 24px;pointer-events:none;opacity:.22;background-image:linear-gradient(var(--ui-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid) 1px,transparent 1px)}.graph-device-labels>b{display:flex;align-items:center;gap:3px}.graph-device-labels.ip-hidden>b{max-width:calc(100% - 30px);flex:1}.graph-node-name{font:inherit;color:inherit;line-height:22px;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0}.graph-node-name:hover{text-decoration:underline}.graph-device-labels .quantity-badge{flex-shrink:0}.topology-root{display:flex;flex-direction:column}.topology-root>.react-flow{order:2;flex:1;height:auto!important;min-height:0}.topology-root>.diagram-tools{position:static;order:0;display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;width:auto;gap:6px;padding:7px 10px;background:var(--ui-surface);border-bottom:1px solid var(--ui-border)}.diagram-tools>.button{flex-shrink:0;white-space:nowrap}.diagram-tools>select{width:108px;flex-shrink:0;padding:7px 8px;font-size:10px}.topology-root>.diagram-tier-legend{position:static;order:1;flex-shrink:0;min-height:28px;height:auto;overflow-x:auto;white-space:nowrap;padding:7px 12px}.topology-root.canvas-light>.diagram-tools{background:var(--ui-canvas);border-color:var(--ui-border)}.center-panel>.view-toolbar{height:auto;min-height:42px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px}.center-panel>.view-toolbar>div:first-child{flex:0 0 auto;white-space:nowrap;display:flex;align-items:center}.center-panel>.view-toolbar>.inline-actions{flex:1 1 440px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}.center-panel>.view-toolbar>.inline-actions>*{flex-shrink:0;white-space:nowrap}.center-panel>.view-toolbar button{white-space:nowrap;flex-shrink:0}.center-panel>.view-toolbar select{width:auto;min-width:76px;max-width:140px}.center-panel>.view-toolbar .diagram-compact{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.center-panel>.view-toolbar .diagram-compact input{flex-shrink:0}.switch-port-usage{font-size:8px;font-weight:400;color:var(--ui-accent);flex-shrink:0}.canvas-light .switch-port-usage{color:var(--ui-accent)}.switch-port-summary{padding:10px;border:1px solid var(--ui-border);border-radius:6px;font-size:11px}.graph-device-labels:has(.switch-port-usage)>b{max-width:100%;flex:1}.topology-root>.diagram-tools,.topology-root>.diagram-tier-legend{width:100%;max-width:none;min-width:0;box-sizing:border-box;left:auto;right:auto;margin:0}.graph-device-caption .canvas-delete-inline{position:absolute;right:0;top:0;z-index:4;margin:0;padding:0 2px;width:27px;line-height:22px;text-align:center;background:var(--canvas-caption-background,#101c2e);opacity:0;pointer-events:none}.canvas-light .graph-device-caption{--canvas-caption-background:#edf2f6}.graph-device:hover .graph-device-labels,.graph-device:focus-within .graph-device-labels{padding-right:30px}.graph-device:hover .canvas-delete-inline,.graph-device:focus-within .canvas-delete-inline{opacity:1;pointer-events:auto}.barrier-caption .graph-device-labels>b{flex:0 1 var(--arm-caption-width);max-width:var(--arm-caption-width);justify-content:center}.barrier-caption .graph-node-name{text-align:center}.barrier-caption .canvas-delete-inline{left:calc(var(--arm-caption-width) + 4px);right:auto}.graph-device:hover .barrier-caption .graph-device-labels,.graph-device:focus-within .barrier-caption .graph-device-labels{padding-right:0}.barrier-caption .graph-node-ip{margin-left:34px}.graph-device>.canvas-delete-inline{position:absolute;z-index:8;font-size:10px;line-height:22px;padding:0;margin:0;background:#14283bed;border:1px solid #456382;border-radius:3px;opacity:0;pointer-events:none}.graph-device:hover>.canvas-delete-inline,.graph-device:focus-within>.canvas-delete-inline{opacity:1;pointer-events:auto}.graph-device:hover .graph-device-labels,.graph-device:focus-within .graph-device-labels{padding-right:0}.react-flow__node.dragging .canvas-delete-inline{visibility:hidden;pointer-events:none}.graph-device-labels.ip-hidden>b{max-width:100%}.barrier-caption .graph-node-ip{margin-left:4px}.wire-route-tools{position:absolute;bottom:12px;left:58px;right:12px;z-index:9;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px;background:var(--ui-selection);border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-accent);font-size:11px;box-shadow:0 3px 14px var(--ui-shadow-color)}.wire-route-tools .button{padding:6px 9px;font-size:10px}.wire-route-tools span{color:var(--ui-muted)}.wire-segment-handle:focus-visible{outline:2px solid var(--ui-warning);outline-offset:3px}.device-planning .section-heading{gap:14px;align-items:flex-start}.planning-scope{padding:14px;margin-bottom:12px}.planning-scope .inline-actions{flex-wrap:wrap}.planning-scope input[type=radio],.planning-scope input[type=checkbox],.device-planning input[type=checkbox]{width:auto;min-width:auto;accent-color:var(--ui-accent)}.planning-scope input[placeholder]{max-width:330px}.planning-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:12px;max-height:220px;overflow:auto}.planning-choices label{font-size:12px}.planning-choices small{color:var(--ui-muted)}.planning-actions{margin:14px 0;flex-wrap:wrap}.planning-grid{overflow:auto;margin-bottom:22px}.planning-grid table{min-width:1100px;width:100%}.planning-grid th{white-space:nowrap}.planning-grid td{min-width:140px;vertical-align:top}.planning-grid td small{display:block;margin-top:5px;color:var(--ui-muted)}.planning-grid input:not([type=checkbox]),.planning-grid select{min-width:130px;width:100%;font-size:12px;padding:7px}.planning-grid h3{padding:0 14px}.planning-grid td:nth-child(6){min-width:76px}.planning-connections table{min-width:1500px}.planning-connections td:nth-child(6){min-width:190px}.planning-connections td select+select{margin-top:6px}.planning-dialog-preview{max-height:300px;overflow:auto;margin-top:12px}.planning-dialog-preview table{min-width:560px;width:100%}.planning-dialog-preview td{white-space:nowrap}.request-filters{margin-bottom:18px;flex-wrap:wrap}.request-filters input{max-width:360px}.request-filters select{max-width:180px}.request-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.request-list{padding:8px;max-height:650px;overflow:auto}.request-list>button{display:flex;flex-wrap:wrap;text-align:left;width:100%;gap:8px;padding:14px;border:0;border-bottom:1px solid var(--ui-border);border-radius:4px;background:transparent}.request-list>button.selected{background:var(--ui-selection)}.request-list small{display:block;flex-basis:100%;color:var(--ui-muted)}.request-detail{padding:22px;min-height:320px}.request-file-list{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.request-file-list>div{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:5px;max-width:210px;overflow-wrap:anywhere;font-size:11px}.request-file-list img{width:160px;height:100px;object-fit:contain;background:var(--ui-surface)}.request-update{border-left:2px solid var(--ui-border);padding:4px 12px;margin:12px 0}.request-update p{margin:6px 0}.request-update small{color:var(--ui-muted)}@media(max-width:1000px){.request-layout{grid-template-columns:1fr}.request-list{max-height:240px}}.access-panel{padding:20px;margin-bottom:16px}.access-endpoint{display:grid;grid-template-columns:1fr 100px 2fr;gap:12px}.access-actions{border-top:1px solid var(--border);margin-top:18px;padding-top:8px}.access-actions .button{display:inline-flex;margin:0 8px 8px 0;text-decoration:none}.access-actions form{display:inline-block}.access-panel code{word-break:break-all}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,var(--ui-surface),var(--ui-surface) 60%);padding:24px}.login-card{width:min(420px,100%);padding:36px}.login-card h1{margin:14px 0}.login-card label{display:grid;gap:8px;margin:22px 0;color:var(--ui-accent)}.login-card input{width:100%;min-height:42px}.login-card .button{width:100%;justify-content:center;min-height:44px}.profile button{display:block;margin-top:8px;color:var(--ui-accent)}.diagram-palette-heading{position:sticky;top:-12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ui-subtle);padding:8px 0}.diagram-palette-heading .icon-button{flex-shrink:0;font-size:22px;width:30px;height:30px;justify-content:center}.diagram-palette>small{display:block;color:var(--ui-muted);margin-bottom:8px}.surface-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:68px;min-height:36px;flex-shrink:0;padding:6px 10px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface);color:var(--ui-accent);font-size:12px;line-height:1}.surface-close>span[aria-hidden]{font-size:22px}.surface-close:hover{background:var(--ui-hover);border-color:var(--ui-border);color:var(--ui-text)}.modal>.panel-heading h3{min-width:0;overflow-wrap:anywhere}.diagram-palette-heading .surface-close{min-width:64px}.diagram-palette-heading{margin-top:0!important}.diagram-palette-heading>b{white-space:nowrap;font-size:12px}.diagram-palette-heading .surface-close{width:auto;min-width:64px;border:1px solid var(--ui-border);padding:6px 10px;text-align:center}.diagram-palette-heading .surface-close>span{font-size:12px}.diagram-palette-heading .surface-close>span[aria-hidden]{font-size:22px}.registration-card{width:min(720px,100%);padding:28px}.registration-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.registration-heading h1{margin:12px 0}.registration-card .field{margin:16px 0}.registration-card .field input{width:100%;min-height:42px}.registration-card .form-grid{gap:16px}.sms-code-row{display:flex;gap:12px}.sms-code-row input{min-width:0;flex:1}.sms-code-row .button{white-space:nowrap}.registration-receipt{margin-top:22px;border-top:1px solid var(--ui-border);padding-top:16px}.registration-review{padding:20px;margin-bottom:24px}.registration-check{display:flex;gap:10px;align-items:center;margin:16px 0}.registration-review .table-scroll{overflow:auto}@media(max-width:600px){.registration-card{padding:20px}.registration-card .form-grid{grid-template-columns:1fr;gap:0}.registration-heading{flex-direction:column}.sms-code-row{gap:8px}}.project-query-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:18px;margin:20px 0}.project-query-filters .field{margin:0;flex:1;min-width:155px}.project-query-filters .field:first-child{flex:2;min-width:250px}.project-query-filters input,.project-query-filters select{width:100%}.project-query-card-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 0}.project-query-card-heading small{color:var(--muted)}.project-query-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0}.project-card h3{overflow-wrap:anywhere}.project-card-foot{flex-wrap:wrap;gap:10px}.replace-device-dialog{width:min(780px,95vw);display:flex;flex-direction:column;overflow:hidden;padding:0}.replace-device-dialog>.panel-heading{margin:0;padding:16px 20px;flex-shrink:0}.replace-device-dialog>form{min-height:0;overflow:auto;padding:0 20px}.replace-device-dialog p{margin:6px 0}.replace-device-dialog .field{margin:10px 0}.replace-device-dialog .section-heading{margin:12px 0 8px}.replace-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--ui-surface);padding:10px;border-radius:6px;margin:12px 0}.replace-spec-grid p{font-size:12px;line-height:1.7}.replace-check{border-top:1px solid var(--ui-border);margin-top:12px;padding-top:10px}.replace-check ul{margin:6px 0;padding-left:20px}.replace-check li{font-size:12px;line-height:1.8}.replace-port-hint{display:block;color:var(--ui-muted);font-size:11px;margin-top:5px}.replace-device-dialog select{width:100%}.replace-device-dialog .table-scroll{overflow:auto}.replace-device-dialog table{width:100%;min-width:440px}.replace-device-dialog .modal-actions{position:sticky;bottom:0;background:var(--ui-surface);margin-top:12px;padding:12px 0;border-top:1px solid var(--ui-border);z-index:1;flex-wrap:wrap}@media(max-width:640px){.replace-spec-grid{grid-template-columns:1fr}}.spatial-planner .table-scroll{overflow:auto}.spatial-planner table{width:100%;min-width:680px}.spatial-planner .table-scroll .button{margin:3px}.spatial-preview{position:relative;min-height:360px;height:46vh;background:var(--ui-canvas);border:1px solid var(--ui-border);border-radius:8px;overflow:hidden}.spatial-preview canvas{display:block;width:100%;height:100%}.spatial-confirm{display:flex;gap:8px;align-items:center;margin:12px 0}.spatial-confirm input{width:auto}.spatial-planner .section-heading{gap:12px;flex-wrap:wrap}.spatial-modal>.panel-heading{position:sticky;top:0;background:var(--ui-subtle);z-index:2}.spatial-modal .modal-actions{position:sticky;bottom:-24px;background:var(--ui-surface);padding:12px 0;flex-wrap:wrap;z-index:1}.spatial-move-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0}.spatial-move-tools .field{min-width:130px;max-width:280px;margin:0}.spatial-move-tools .small-muted{flex:1;min-width:230px}.spatial-move-draft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.spatial-preview canvas:focus-visible{outline:2px solid var(--ui-border);outline-offset:-3px}.spatial-batch-list{max-height:36vh;margin:14px 0}.spatial-batch-check,.spatial-planner th input[type=checkbox]{margin-right:10px}.spatial-modal .spatial-confirm{padding:12px 0}.fixture-array-preview .spatial-preview{height:260px;min-height:260px;margin:12px 0}.spatial-planner input[type=checkbox]{width:auto;min-width:auto;accent-color:var(--ui-accent)}.spatial-scope-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0}.spatial-scope-tools .field{margin:0;min-width:230px;max-width:360px}.spatial-scope-tools .small-muted{flex:1;min-width:250px}.fixture-overlap-report{display:block}.fixture-overlap-report p{margin:8px 0}.fixture-overlap-report summary{cursor:pointer;padding:6px 0}.fixture-overlap-report table{margin-top:8px}.region-business-link{font-size:10px;font-weight:400;color:inherit;opacity:.9}.wire-route-tools .wire-delete-quick{color:var(--ui-danger);border-color:var(--ui-danger);background:var(--ui-danger-bg)}.wire-route-tools .wire-delete-quick:hover:not(:disabled){background:var(--ui-danger-bg);color:var(--ui-danger)}.wire-delete-inline{position:absolute;z-index:20;min-height:34px;padding:7px 12px;color:var(--ui-on-accent);border-color:var(--ui-danger);background:var(--ui-danger-bg);box-shadow:0 3px 12px var(--ui-shadow-color)}.wire-delete-inline:hover:not(:disabled){background:var(--ui-danger-bg)}.wire-delete-inline:focus-visible{outline:2px solid var(--ui-warning);outline-offset:3px}.integrated-modeling-host{display:flex;flex-direction:column;height:calc(100vh - 235px);min-height:580px;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface)}.integrated-modeling-host iframe{border:0;display:block;width:100%;min-height:0;flex:1;background:var(--ui-surface)}.modeling-host-actions{display:flex;align-items:center;gap:16px;padding:10px 14px;background:var(--ui-surface);color:var(--ui-text)}.modeling-host-actions>div{margin-left:auto;display:flex;gap:8px}.modeling-host-actions .button{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}.integrated-modeling-host.expanded{position:fixed;inset:8px;z-index:1200;height:auto;min-height:0;box-shadow:0 12px 60px var(--ui-shadow-color)}.modeling-library-page{max-width:1100px}.modeling-library-scope{display:flex;gap:16px;margin:24px 0}.modeling-library-scope label{display:grid;gap:8px}.modeling-library-entries{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modeling-library-entries>button{display:grid;gap:18px;padding:32px;text-align:left;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-success-bg);color:var(--ui-text)}.modeling-library-entries strong{font-size:22px}.modeling-library-entries span{font-size:14px;color:var(--ui-muted)}@media(max-width:800px){.modeling-library-entries{grid-template-columns:1fr}.modeling-host-actions{flex-wrap:wrap;gap:8px}.modeling-host-actions>div{margin-left:0}}.button{font-size:13px;border-radius:8px}.button.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}.button.primary:hover:not(:disabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover)}.sidebar nav button{font-size:13px}.sidebar nav button.active{background:var(--ui-selection);color:var(--ui-accent)}.sidebar nav button:hover:not(.active){background:var(--ui-hover)}.nav-label,.preview-role,.sidebar .profile small{color:var(--ui-muted)}.project-tabs button.active{color:var(--ui-accent);border-color:var(--ui-accent)}input,select,textarea{color-scheme:light}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline-color:var(--ui-accent)}.logo-mark{background:var(--ui-accent);color:var(--ui-on-accent)}.canvas-dark .graph-device-labels>b,.canvas-dark .graph-device-caption>b{color:#dbe8f4}.canvas-dark .graph-node-ip{color:#9bbbd6}.status-dot{background:var(--ui-success)}.wire-delete-inline,.wire-delete-inline:hover:not(:disabled){background:var(--ui-danger);border-color:var(--ui-danger);color:var(--ui-on-accent)}.diagram-tier-legend,.canvas-light .diagram-tier-legend{background:var(--ui-subtle);color:var(--ui-muted);border-color:var(--ui-border)}.global-agent,.canvas-design-active .global-agent{z-index:1250}@media(min-width:1000px){.shell.agent-open .app-main{margin-right:420px}.shell.agent-open .integrated-modeling-host.expanded{right:428px}.shell.agent-open .project-heading{flex-wrap:wrap}.shell.agent-open .topbar-right>.badge,.shell.agent-open .topbar-right>.small-muted{display:none}}.unified-asset-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--border,#cddce0);padding-bottom:12px}.unified-asset-tabs button[aria-selected=true],.private-assets aside button.active,.mixed-editor button.active,.mixed-parts button[aria-pressed=true]{background:#e1eeea;border-color:#80aaa5;color:#275f5a}.unified-assets .catalog-tabs>button:nth-child(-n+2){display:none}.asset-library-heading,.private-assets>div>header,.mixed-editor>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.private-assets{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;background:#fff;padding:22px;border:1px solid #cddce0;border-radius:12px}.private-assets>aside{border-right:1px solid #dbe5e7;padding-right:18px}.private-assets>aside>button{width:100%;display:flex;justify-content:space-between;margin:7px 0;padding:12px;border:1px solid transparent;background:transparent;text-align:left}.private-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:24px}.private-asset-grid article{border:1px solid #d4e0e2;border-radius:10px;padding:16px;min-width:0}.private-asset-grid article svg{width:100%;height:110px}.private-asset-grid h3{margin:12px 0}.private-asset-grid .inline-actions{margin-top:14px;flex-wrap:wrap}.composite-card-preview{height:110px;overflow:auto;display:flex;align-content:center;flex-wrap:wrap;gap:6px;background:#f1f6f5;padding:12px}.composite-card-preview span{padding:4px 6px;border-radius:4px;background:#deebe8;font-size:12px}.mixed-overlay{position:fixed;inset:0;background:#f4f7f6;z-index:1400;padding:16px}.mixed-editor{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #ccdadd;border-radius:12px;overflow:hidden}.mixed-editor>header{padding:12px 20px;border-bottom:1px solid #d9e3e5}.mixed-editor h2{font-size:18px;margin:0 0 8px}.mixed-editor-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 265px;min-height:0;flex:1}.mixed-editor-layout>aside{padding:16px;overflow:auto}.mixed-editor-layout>aside:first-child{border-right:1px solid #d9e3e5}.mixed-editor-layout>aside:last-child{border-left:1px solid #d9e3e5}.mixed-editor-layout aside input,.mixed-editor-layout aside select{max-width:100%;min-width:0;width:100%}.mixed-editor-layout aside input[type=color]{height:34px}.mixed-sources{max-height:32vh;overflow:auto;margin-top:12px}.mixed-sources button,.mixed-parts button{display:block;width:100%;text-align:left;margin-bottom:6px;padding:9px 10px}.mixed-parts small{display:block;color:#6c8187}.mixed-preview{padding:14px;overflow:auto;min-width:0;background:#f7f9f8}.mixed-preview .site-3d{position:relative;min-height:350px;height:calc(100vh - 310px);overflow:hidden;background:#edf3f3}.mixed-preview .site-3d canvas{display:block;width:100%;height:100%}.mixed-preview .site-3d>span{position:absolute;bottom:8px;left:8px;font-size:11px;pointer-events:none}.mixed-preview .scene-view-tools{position:absolute;right:8px;top:8px;z-index:2}.mixed-preview .module-reference-legend,.mixed-preview .coordinate-readout,.mixed-preview .module-grid-settings{font-size:12px;padding:8px 0}.mixed-preview .module-grid-settings{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mixed-preview .module-grid-settings input[type=number]{width:72px}.mixed-preview .module-grid-settings small{width:100%}.mixed-preview .axis-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:12px}.mixed-preview .cursor-coordinates,.mixed-preview .placement-toolbar{background:#fff;box-shadow:0 3px 10px #324a4a22;padding:8px;border:1px solid #9bbeb9;border-radius:7px;font-size:11px;position:absolute;z-index:3}.mixed-preview .placement-toolbar input{width:80px}.mixed-editor>footer{padding:8px 18px;border-top:1px solid #d9e3e5;font-size:12px;color:#60767b}.composite-instance-controls{padding:8px 12px;background:#fff;border-bottom:1px solid #d5e2e3}.composite-instance-controls input{width:88px;display:block}.composite-instance-controls .inline-actions{flex-wrap:wrap;margin-top:10px}.preview-return{position:fixed;right:20px;top:15px;z-index:1450;box-shadow:0 3px 12px #27464522}.agent-open .preview-return{right:438px}.request-detail-only>.page-title,.request-detail-only>.request-filters,.request-detail-only .request-list{display:none}.request-detail-only .request-layout{display:block}.request-detail-only .request-detail{border:0;padding:0}.connection-batch-actions{margin:12px 0}.planning-connections .selection-cell{width:40px;min-width:40px;text-align:center}.planning-selected td{background:#eef6f3}.selection-cell input{min-width:unset!important;width:16px!important;height:16px}.mixed-editor .form-grid{grid-template-columns:1fr 1fr;gap:8px}.mixed-editor .form-error{color:#a63d36}@media(max-width:1000px){.mixed-editor-layout{grid-template-columns:160px minmax(0,1fr) 210px}.mixed-overlay{padding:4px}.private-assets{grid-template-columns:155px minmax(0,1fr);gap:16px}.agent-open .preview-return{right:20px;top:65px}}@media(max-width:700px){.mixed-editor-layout{grid-template-columns:1fr;overflow:auto}.mixed-editor-layout>aside{max-height:280px}.mixed-editor-layout>aside:first-child{display:flex;gap:12px;flex-wrap:wrap}.mixed-sources,.mixed-parts{max-height:140px}.mixed-preview .site-3d{height:420px}.private-assets{grid-template-columns:1fr}.private-assets>aside{border:0}.private-assets>div>header{flex-wrap:wrap}}.mixed-preview .module-grid-settings .grid-unit-select{width:65px;min-width:65px}.mixed-preview .module-grid-settings label{display:flex;align-items:center;gap:6px}.mixed-preview .pointer-placement,.mixed-preview .cursor-coordinate-readout{position:absolute;background:#fff;padding:8px;border:1px solid #a5c3bf;border-radius:7px;z-index:3;font-size:11px}.mixed-preview .pointer-placement .quick-axis{display:flex;gap:5px;align-items:center}.mixed-preview .pointer-placement small{display:block}.mixed-preview .coordinate-editor-row{display:grid;grid-template-columns:25px 80px 85px;gap:5px}.mixed-overlay>.modal-backdrop{z-index:1500}.mixed-editor>header>div:first-child input{min-width:240px}.mixed-editor .mixed-preview .grid-unit-select{width:65px}.modal.batch-connection-dialog{width:900px}.batch-connection-dialog td{padding:12px}.connection-batch-actions{justify-content:flex-end}.batch-connection-dialog .planning-grid table{min-width:0;table-layout:fixed}.batch-connection-dialog .planning-grid td{min-width:0;white-space:normal;overflow-wrap:anywhere}.batch-connection-dialog th,.batch-connection-dialog td{padding:10px 8px}.batch-connection-dialog th:nth-child(1),.batch-connection-dialog th:nth-child(4){width:27%}.mixed-editor .module-connections{margin-top:16px;border-top:1px solid #d4e1e2;padding-top:12px}.mixed-editor .module-connections label{display:block;margin:10px 0}.mixed-editor .module-connections button{margin:6px 0;padding:8px;border:1px solid #c9dcd8;border-radius:5px}.mixed-editor .vertex-coordinate-readout{font-size:12px;padding:8px}.mixed-editor .module-connections .coordinate-editor-row{grid-template-columns:20px 72px 85px}.part-position-settings{margin:18px 0;border-top:1px solid var(--border,#d4e0e3);padding-top:12px}.part-position-settings summary{cursor:pointer;margin-bottom:12px}.project-list{background:var(--panel,#fff);border:1px solid var(--border,#d4e0e3);border-radius:10px;overflow:hidden}.project-list-row{display:flex;align-items:center;gap:24px;padding:16px 20px;border-bottom:1px solid var(--border,#d4e0e3)}.project-list-row:last-child{border-bottom:0}.project-list-name{flex:1;min-width:180px;display:flex;flex-direction:column;gap:6px}.project-name-button{padding:0;background:none;border:0;text-align:left;font-size:15px;font-weight:600;cursor:pointer;color:inherit}.project-list-actions{justify-content:flex-end}.project-quick-create{padding:20px 0;margin-top:12px}.project-quick-create h3{margin:0 0 12px}.project-quick-create input{max-width:300px}.project-quick-create select{max-width:290px}.deleted-project-list{margin:18px 0}.deleted-project-list summary{cursor:pointer;padding:10px 0}.project-search{display:inline-block;margin:10px 16px 16px 0}.project-search input{width:280px}.project-filter-details{display:inline-block;vertical-align:top;margin:10px 0 16px}.project-filter-details summary{cursor:pointer;padding:10px 0;color:var(--muted)}.project-filter-details[open]{display:block}.project-filter-details .project-query-filters{margin:0}.field-tool-tabs{margin-bottom:20px}.network-discovery-config{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:20px;margin-bottom:20px}.network-discovery-config .field{margin:0;flex:1;min-width:150px}.network-discovery-config .field:first-child{flex:2}.network-discovery-results .panel-heading input{width:230px}.network-search-progress{display:flex;gap:16px;align-items:center;padding:14px 20px;color:var(--muted)}.network-search-progress progress{max-width:300px;flex:1;accent-color:var(--accent)}.network-empty{padding:48px 20px;color:var(--muted)}@media(max-width:1000px){.project-list-row{flex-wrap:wrap;gap:12px}.project-list-actions{width:100%;justify-content:flex-start}}.project-monitor-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:12px;background:var(--ui-surface)}.project-monitor-bar .button{padding:5px 10px;min-height:28px;font-size:12px}.monitor-indicator{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#89969d}.monitor-indicator.online{background:#397d78}.monitor-indicator.suspect{background:#b47a22}.monitor-indicator.lost{background:#c34e4e}.monitor-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;padding:2px 5px;border-radius:4px;background:#f1f4f4;color:#5b6d78}.monitor-badge.online{color:#397d78}.monitor-badge.lost{color:#a93636;background:#fff0ef}.monitor-badge.suspect{color:#926318;background:#fff7e8}.graph-device-labels .monitor-badge{width:max-content;max-width:240px;white-space:normal;margin:2px 0}.monitor-is-lost .diagram-device-symbol,.monitor-is-lost .diagram-rack-front{filter:drop-shadow(0 0 2px #c34e4e)}.global-monitor-alert{position:fixed;right:20px;bottom:36px;z-index:24;display:flex;gap:14px;align-items:center;padding:12px 16px;background:#fff3f1;color:#a93636;border:1px solid #e7b8b2;border-radius:8px;box-shadow:0 4px 20px #0001}.global-monitor-alert button{color:inherit;text-decoration:underline}.monitor-dialog{max-width:1000px;width:90vw}.monitor-dialog td small{display:block;margin-top:4px;color:var(--muted)}.monitor-events{max-height:180px;overflow:auto;font-size:12px}.monitor-events p{margin:8px 0}.composite-transform-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.composite-transform-fields>select{grid-column:1/-1}.composite-transform-fields label{min-width:0}.composite-transform-fields input{width:100%}.project-list{overflow-x:auto}.project-list>.project-list-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px 90px 208px 90px;gap:16px;min-width:840px}.project-list-count{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.project-list-status{text-align:center;white-space:nowrap}.project-list>.project-list-row>.project-list-actions{display:grid;grid-template-columns:repeat(3,64px);gap:8px;width:auto;justify-content:start}.project-list-actions .button{padding:9px 6px;white-space:nowrap}.project-list-actions>span{grid-column:1/-1}.project-list-extra{display:flex;justify-content:flex-start}.project-list-extra .button{white-space:nowrap;padding:9px 10px}.project-editor.properties-hidden{grid-template-columns:184px minmax(0,1fr)}@media(min-width:1500px){.project-editor.properties-hidden{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:1200px){.project-editor.properties-hidden{grid-template-columns:140px minmax(0,1fr)}}@media(max-width:700px){.project-editor.properties-hidden{grid-template-columns:1fr}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}