.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.tile-title{margin:0 0 var(--space-3);font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px}.toolbar{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.btn{padding:4px 10px;font:inherit;cursor:pointer;background:var(--track);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}.btn:hover:not(:disabled){background:var(--panel-2)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.field{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 6px;font:inherit}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-dim);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3)}.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.data-table tbody tr:hover{background:var(--panel-2)}.alarm-list tr.stale{opacity:.6}.shell-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:8px}.shell-tabs .tab{padding:6px 12px;color:var(--text-dim);text-decoration:none;font-weight:600}.shell-tabs .tab.active{color:var(--text);border-bottom:2px solid var(--accent)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.alarm-history table{width:100%;border-collapse:collapse}.alarm-history td,.alarm-history th{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.alarm-history tr.active td{font-weight:700}.alarm-history .controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px}.range-picker{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.range-picker .rp-live{color:var(--text-dim);font-size:11px}.shell{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:100vh}.shell-col{min-width:0;display:flex;flex-direction:column}.side{width:236px;display:flex;flex-direction:column;padding:8px 0;background:var(--panel);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto}.side.collapsed{width:48px}.side-brand{display:flex;align-items:center;gap:8px;padding:4px 12px 8px;font-weight:700;font-size:14px;letter-spacing:.4px;color:var(--text)}.side.collapsed .side-brand{justify-content:center;padding:4px 0 8px}.side-mark{width:22px;height:22px;flex-shrink:0;background:currentColor;-webkit-mask:url(/assets/logo-mark-6Al3i3sx.svg) center / contain no-repeat;mask:url(/assets/logo-mark-6Al3i3sx.svg) center / contain no-repeat}.side-toggle{margin:0 8px 8px;padding:3px 0;cursor:pointer;font:inherit;background:var(--track);color:var(--text-dim);border:1px solid var(--border)}.side.collapsed .side-toggle{margin:0 6px 8px}.side-group{display:flex;flex-direction:column}.side-group:last-child{margin-top:auto;border-top:1px solid var(--border);padding-top:6px}.side-group-head{padding:10px 12px 3px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim)}.side-item{display:flex;align-items:center;gap:8px;padding:7px 12px;color:var(--text-dim);text-decoration:none;border-left:3px solid transparent}.side-item:hover{color:var(--text);background:var(--panel-2)}.side-item.active{color:var(--text);background:var(--panel-2);border-left-color:var(--accent)}.side.collapsed .side-item{justify-content:center;padding:7px 0}.side-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-badge{margin-left:auto;padding:0 5px;font-weight:700;border-radius:var(--radius-sm);background:var(--err);color:var(--accent-ink)}.recipes{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px}.rcp-list{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--border);padding-right:8px}.rcp-list button{text-align:left;padding:6px 8px}.rcp-list button.active{border-left:3px solid var(--accent);background:var(--panel-2)}.rcp-bar button:disabled,.rcp-form input:disabled{color:var(--text-dim);cursor:not-allowed}.rcp-edit{min-width:0;display:flex;flex-direction:column;gap:10px}.rcp-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rcp-ppid-name{font-weight:700}.rcp-dot{color:var(--accent)}.rcp-issues{margin:0;padding:6px 8px 6px 24px;color:var(--err);border:1px solid var(--err)}.rcp-group{border:1px solid var(--border);margin:0 0 10px;padding:8px 10px}.rcp-group>legend{color:var(--text-dim);font-size:11px;font-weight:600}.rcp-fields{display:flex;flex-wrap:wrap;gap:4px 16px}.rcp-group[data-orient=Vertical]>.rcp-fields{flex-direction:column}.rcp-field{display:flex;align-items:center;gap:6px}.rcp-field label,.rcp-unit{color:var(--text-dim);font-size:11px}.rcp-field label{min-width:96px}.rcp-form input{width:88px}.rcp-table{border-collapse:collapse}.rcp-table th{color:var(--text-dim);font-size:11px;font-weight:600;text-align:left;padding:2px 6px}.rcp-table td{padding:1px 2px}.rcp-profile{width:100%;height:auto;max-width:640px}.rcp-sent{margin:0;padding:6px 8px;border:1px solid var(--border)}.rcp-sent.aborted{color:var(--err);border-color:var(--err)}.rcp-sent p{margin:0}.rcp-sent ul{margin:4px 0 0;padding-left:20px}.rcp-plcview{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:8px}.rcp-plcview input[type=number]{width:88px}.rcp-plcview label{color:var(--text-dim);font-size:11px}.rcp-plc-table tr.diff{color:var(--err)}.rcp-plc-table tr.diff th[scope=row]:after{content:" ●"}@media (max-width: 767px){.recipes{grid-template-columns:minmax(0,1fr)}.rcp-list{flex-direction:row;flex-wrap:wrap;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:0 0 8px}.rcp-field label{min-width:72px}.rcp-plcview .rcp-bar{flex-direction:column;align-items:stretch}.rcp-plcview input[type=number]{width:100%}.rcp-plc-table{display:block;overflow-x:auto}}:root{--color-bg: #f2f2f3;--color-surface: #e9e9ea;--color-text: #1d1f20;--color-accent: #5980a6;--color-accent-2: #728fab;--color-divider: color-mix(in srgb, #1d1f20 16%, transparent);--color-scrim: color-mix(in srgb, #2b2b2d 50%, transparent);--color-neutral-100: #f5f5f8;--color-neutral-200: #e7e7ea;--color-neutral-300: #d4d4d7;--color-neutral-400: #b7b7ba;--color-neutral-500: #98989b;--color-neutral-600: #7a7a7d;--color-neutral-700: #5d5d60;--color-neutral-800: #424244;--color-neutral-900: #2b2b2d;--color-accent-100: #eef6ff;--color-accent-200: #d6ebff;--color-accent-300: #b5d9fd;--color-accent-400: #94bce3;--color-accent-500: #749dc4;--color-accent-600: #597ea3;--color-accent-700: #416180;--color-accent-800: #2c455d;--color-accent-900: #1d2d3d;--color-accent-2-100: #eef6ff;--color-accent-2-200: #d6ebff;--color-accent-2-300: #bdd8f2;--color-accent-2-400: #9ebbd8;--color-accent-2-500: #7e9cb8;--color-accent-2-600: #627d98;--color-accent-2-700: #486077;--color-accent-2-800: #314457;--color-accent-2-900: #1f2d3a;--color-safety-red: #be1e2d;--color-safety-blue: #1b75bc;--color-safety-yellow: #fbb03f;--color-safety-green: #006738;--color-safety-orange: #f15a29;--color-safety-white: #f1f1f2;--font-heading: "Noto Sans KR", system-ui, sans-serif;--font-heading-weight: 700;--font-body: "Noto Sans KR", system-ui, sans-serif;--tracking-display: -.025em;--tracking-heading: -.015em;--tracking-eyebrow: .08em;--space-1: 3.4px;--space-2: 6.8px;--space-3: 10.2px;--space-4: 13.6px;--space-6: 20.4px;--space-8: 27.2px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 7px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2b2b2d 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2b2b2d 22%, transparent)}:root{--dk-bg: #16181a;--dk-surface: #1e2124;--dk-text: #e6e8ea;--dk-accent: #8cb0d4;--dk-accent-2: #93a9c0;--dk-divider: color-mix(in srgb, #e6e8ea 18%, transparent);--dk-neutral-100: #1b1e20;--dk-neutral-200: #24272a;--dk-neutral-300: #2f3235;--dk-neutral-400: #3d4145;--dk-neutral-500: #565b60;--dk-neutral-600: #7b8085;--dk-neutral-700: #9ba1a6;--dk-neutral-800: #c2c7cb;--dk-neutral-900: #e6e8ea;--dk-accent-100: #131f2b;--dk-accent-200: #1a2c3c;--dk-accent-300: #24405a;--dk-accent-400: #2f5578;--dk-accent-500: #446f96;--dk-accent-600: #5f8cb2;--dk-accent-700: #86adcd;--dk-accent-800: #aecae2;--dk-accent-900: #d5e6f4;--dk-accent-2-100: #151d26;--dk-accent-2-200: #1e2935;--dk-accent-2-300: #293a4b;--dk-accent-2-400: #374d63;--dk-accent-2-500: #4d6680;--dk-accent-2-600: #68829d;--dk-accent-2-700: #8ba3bb;--dk-accent-2-800: #b1c3d5;--dk-accent-2-900: #d8e3ee}:root[data-theme=dark]{color-scheme:dark;--color-bg: var(--dk-bg);--color-surface: var(--dk-surface);--color-text: var(--dk-text);--color-accent: var(--dk-accent);--color-accent-2: var(--dk-accent-2);--color-divider: var(--dk-divider);--color-scrim: color-mix(in srgb, #000 62%, transparent);--color-neutral-100: var(--dk-neutral-100);--color-neutral-200: var(--dk-neutral-200);--color-neutral-300: var(--dk-neutral-300);--color-neutral-400: var(--dk-neutral-400);--color-neutral-500: var(--dk-neutral-500);--color-neutral-600: var(--dk-neutral-600);--color-neutral-700: var(--dk-neutral-700);--color-neutral-800: var(--dk-neutral-800);--color-neutral-900: var(--dk-neutral-900);--color-accent-100: var(--dk-accent-100);--color-accent-200: var(--dk-accent-200);--color-accent-300: var(--dk-accent-300);--color-accent-400: var(--dk-accent-400);--color-accent-500: var(--dk-accent-500);--color-accent-600: var(--dk-accent-600);--color-accent-700: var(--dk-accent-700);--color-accent-800: var(--dk-accent-800);--color-accent-900: var(--dk-accent-900);--color-accent-2-100: var(--dk-accent-2-100);--color-accent-2-200: var(--dk-accent-2-200);--color-accent-2-300: var(--dk-accent-2-300);--color-accent-2-400: var(--dk-accent-2-400);--color-accent-2-500: var(--dk-accent-2-500);--color-accent-2-600: var(--dk-accent-2-600);--color-accent-2-700: var(--dk-accent-2-700);--color-accent-2-800: var(--dk-accent-2-800);--color-accent-2-900: var(--dk-accent-2-900);--shadow-sm: 0 1px 2px color-mix(in srgb, #000 46%, transparent), inset 0 1px 0 color-mix(in srgb, #e6e8ea 7%, transparent);--shadow-md: 0 4px 14px color-mix(in srgb, #000 52%, transparent), inset 0 1px 0 color-mix(in srgb, #e6e8ea 8%, transparent);--shadow-lg: 0 16px 40px color-mix(in srgb, #000 60%, transparent), inset 0 1px 0 color-mix(in srgb, #e6e8ea 10%, transparent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: var(--dk-bg);--color-surface: var(--dk-surface);--color-text: var(--dk-text);--color-accent: var(--dk-accent);--color-accent-2: var(--dk-accent-2);--color-divider: var(--dk-divider);--color-scrim: color-mix(in srgb, #000 62%, transparent);--color-neutral-100: var(--dk-neutral-100);--color-neutral-200: var(--dk-neutral-200);--color-neutral-300: var(--dk-neutral-300);--color-neutral-400: var(--dk-neutral-400);--color-neutral-500: var(--dk-neutral-500);--color-neutral-600: var(--dk-neutral-600);--color-neutral-700: var(--dk-neutral-700);--color-neutral-800: var(--dk-neutral-800);--color-neutral-900: var(--dk-neutral-900);--color-accent-100: var(--dk-accent-100);--color-accent-200: var(--dk-accent-200);--color-accent-300: var(--dk-accent-300);--color-accent-400: var(--dk-accent-400);--color-accent-500: var(--dk-accent-500);--color-accent-600: var(--dk-accent-600);--color-accent-700: var(--dk-accent-700);--color-accent-800: var(--dk-accent-800);--color-accent-900: var(--dk-accent-900);--color-accent-2-100: var(--dk-accent-2-100);--color-accent-2-200: var(--dk-accent-2-200);--color-accent-2-300: var(--dk-accent-2-300);--color-accent-2-400: var(--dk-accent-2-400);--color-accent-2-500: var(--dk-accent-2-500);--color-accent-2-600: var(--dk-accent-2-600);--color-accent-2-700: var(--dk-accent-2-700);--color-accent-2-800: var(--dk-accent-2-800);--color-accent-2-900: var(--dk-accent-2-900);--shadow-sm: 0 1px 2px color-mix(in srgb, #000 46%, transparent), inset 0 1px 0 color-mix(in srgb, #e6e8ea 7%, transparent);--shadow-md: 0 4px 14px color-mix(in srgb, #000 52%, transparent), inset 0 1px 0 color-mix(in srgb, #e6e8ea 8%, transparent);--shadow-lg: 0 16px 40px color-mix(in srgb, #000 60%, transparent), inset 0 1px 0 color-mix(in srgb, #e6e8ea 10%, transparent)}}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/statex-subset-400-69dRozFP.woff2) format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/statex-subset-700-DUBAzPFD.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/jetbrains-mono-latin-6fWv1k7M.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: var(--color-bg);--panel: var(--color-surface);--panel-2: var(--color-neutral-200);--border: var(--color-neutral-300);--text: var(--color-text);--text-dim: var(--color-neutral-700);--track: var(--color-neutral-200);--pipe: var(--color-neutral-400);--input: var(--color-neutral-100);--accent-ink: var(--color-bg);--accent: var(--color-accent);--accent-2: var(--color-accent-2);--ok: var(--color-safety-green);--warn: var(--color-safety-yellow);--err: var(--color-safety-red);--design-grid-line: var(--color-neutral-200);--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace}:root[data-theme=dark]{--ok: color-mix(in srgb, var(--color-safety-green) 60%, var(--color-text));--err: color-mix(in srgb, var(--color-safety-red) 60%, var(--color-text))}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:12.5px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:1100px;margin:0 auto;padding:16px}.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border)}.bar input,.bar button{background:var(--input);color:var(--text);border:1px solid var(--border);padding:4px 6px}.bar button{cursor:pointer;font-weight:700;font-size:11px;padding:4px 10px}.status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:11px;color:var(--text-dim)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.err{color:var(--err);font-size:11px}.empty{padding:64px;text-align:center;color:var(--text-dim)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.card{background:var(--panel);border:1px solid var(--border);padding:14px}.card h3{margin:0 0 8px;font-size:11px;color:var(--text-dim);font-weight:600}.metric-value{font-size:30px;font-weight:700;line-height:1}.metric-unit{font-size:12px;color:var(--text-dim);margin-left:4px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:8px;flex-shrink:0}.row{display:flex;align-items:center;padding:4px 0}.span-2{grid-column:span 2}.span-3{grid-column:span 3}button:disabled{opacity:.5;cursor:not-allowed}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;max-width:1200px;margin:0 auto;padding:16px;min-height:100vh}.sidebar{border-right:1px solid var(--border);padding-right:10px;display:flex;flex-direction:column;gap:6px}.agent-row{padding:8px;border:1px solid var(--border);cursor:pointer;background:var(--panel)}.agent-row.selected{border-color:var(--accent)}.agent-actions{margin-top:6px}.agent-actions button{font-size:11px;font-weight:500;padding:3px 8px;background:var(--track);color:var(--text);border:1px solid var(--border);cursor:pointer}.agent-err{color:var(--err);font-size:11px;margin-top:4px}.main-area{min-width:0}.dash-header{display:flex;align-items:center;gap:12px;padding:8px 0 12px}.dash-header button{background:var(--track);color:var(--text);border:1px solid var(--border);font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer}.form-row{display:flex;align-items:center;gap:8px;margin:4px 0}.form-row label{width:48px;color:var(--text-dim);font-size:11px}.form-row input{flex:1;min-height:26px;background:var(--input);color:var(--text);border:1px solid var(--border);padding:4px 6px;font:inherit}.form-check{display:block;font-size:11px;color:var(--text-dim);margin-top:6px}.topbar{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:10px 16px 0}.topbar-title{font-weight:700;font-size:12.5px;letter-spacing:.2px}.topbar .spacer{flex:1}.accent-swatches{display:inline-flex;gap:6px}.swatch{width:16px;height:16px;border:2px solid transparent;cursor:pointer;padding:0}.swatch.active{border-color:var(--text)}.theme-toggle{background:var(--track);color:var(--text);border:1px solid var(--border);padding:4px 10px;cursor:pointer;font-size:11px;font-weight:700}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:12px}.tab{background:transparent;color:var(--text-dim);border:none;border-bottom:2px solid transparent;padding:7px 14px;cursor:pointer;font-size:11px;font-weight:500;font-family:inherit}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:700}.metric-row{display:flex;align-items:flex-end;gap:10px}.metric-main{flex:1;min-width:0}.process-view{margin-top:4px}.mimic-stage{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.mimic-svg{width:220px;height:300px;flex:0 0 auto}.gauge-svg{width:200px;height:150px;flex:0 0 auto}.pipe-flow{stroke-dasharray:10 8;animation:flow .8s linear infinite}@keyframes flow{to{stroke-dashoffset:-18}}.pump-spin{transform-box:fill-box;transform-origin:center;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tags-view{margin-top:4px}.tag-table{width:100%;border-collapse:collapse;font-size:12px}.tag-table th{text-align:left;color:var(--text-dim);font-weight:600;padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.tag-table td{padding:4px 8px;border-bottom:1px solid var(--border)}.tag-table tbody tr{cursor:pointer}.tag-table tbody tr.sel{background:var(--panel-2)}.tag-table tr.write-row,.tag-table tr.write-row td{cursor:default}.tag-table button{font-size:11px;font-weight:700;padding:3px 8px;background:var(--track);color:var(--text);border:1px solid var(--border);cursor:pointer}.toggle{min-width:48px;border:1px solid var(--border);background:var(--track);color:var(--text-dim);padding:4px 10px;cursor:pointer;font-size:11px;font-weight:700;font-family:inherit}.toggle.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.toggle:disabled{opacity:.5;cursor:default}.grx2-unsupported{display:flex;align-items:center;justify-content:center;gap:6px;height:100%;min-height:20px;border:1px dashed var(--err);color:var(--err);font-size:11px;font-weight:600;overflow:hidden}.grx2-unsupported-type{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grx2-page{display:grid;gap:4px;padding:8px;align-content:start}.grx2-label{display:flex;align-items:center;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grx2-numeric{display:flex;align-items:center;justify-content:flex-end;height:100%;font-family:var(--font-mono);color:var(--accent);font-weight:700;overflow:hidden}.grx2-indicator{display:flex;align-items:center;gap:6px;height:100%;overflow:hidden}.grx2-lamp{width:12px;height:12px;flex:0 0 auto;display:inline-block}.grx2-indicator-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grx2-indicator-tag{font-size:11px;color:var(--text-dim)}.grx2-plate{display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;overflow:hidden}.grx2-card{display:flex;flex-direction:column;height:100%;padding:8px;background:var(--panel);border:1px solid var(--border);overflow:hidden}.grx2-card-title{margin:0 0 6px;font-size:11px;color:var(--text-dim);font-weight:600}.grx2-card-body{display:grid;gap:4px;flex:1;align-content:start;grid-auto-rows:min-content}.grx2-badge{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden}.grx2-pill{border-radius:10px;padding:1px 6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grx2-chip{display:flex;align-items:center;height:100%;overflow:hidden}.grx2-clock{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.grx2-divider{display:flex;align-items:center;gap:8px;height:100%;width:100%;overflow:hidden}.grx2-divider-v{flex-direction:column}.grx2-divider-line{flex:1 1 auto}.grx2-divider-text{flex:0 0 auto;white-space:nowrap}.grx2-gauge{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.grx2-gauge svg{width:100%;height:100%}.grx2-gauge-value{position:absolute;font-weight:700;font-family:var(--font-mono)}.grx2-bar-wrap{display:flex;align-items:center;gap:8px;height:100%}.grx2-bar{flex:1;overflow:hidden}.grx2-bar-fill{height:100%}.grx2-bar-value{font-family:var(--font-mono);white-space:nowrap}.grx2-banner{height:100%;overflow-y:auto;background:var(--panel);border:1px solid var(--border)}.grx2-banner-empty{display:flex;align-items:center;padding:0 6px;color:var(--text-dim)}.grx2-banner-row{display:flex;align-items:center;gap:8px;min-height:48px;padding-right:6px}.grx2-banner-severity{flex:0 0 auto;width:6px;align-self:stretch}.grx2-banner-tag{flex:0 0 auto;font-weight:700}.grx2-banner-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grx2-banner-since{flex:0 0 auto;color:var(--text-dim)}.grx2-range{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden}.grx2-range-value{text-align:right;font-family:var(--font-mono);white-space:nowrap;overflow:hidden}.grx2-range-track{position:relative;width:100%;margin:2px 0}.grx2-range-pointer{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--text)}.grx2-input{display:flex;align-items:center;gap:6px;height:100%}.grx2-input input{flex:1;min-width:0;background:var(--input);color:var(--text);border:1px solid var(--border);padding:4px 6px}.grx2-input input:disabled{opacity:.55;cursor:not-allowed}.grx2-input-label,.grx2-input-unit{color:var(--text-dim);font-size:11px;white-space:nowrap}.grx2-button{width:100%;height:100%;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:700}.grx2-button:disabled{opacity:.5;cursor:not-allowed}.grx2-chart{width:100%;height:100%;overflow:hidden}.grx2-grid{display:flex;flex-direction:column;height:100%;overflow:auto;border:1px solid var(--border);background:var(--panel)}.grx2-grid table{width:100%;border-collapse:collapse}.grx2-grid th,.grx2-grid td{padding:2px 6px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.grx2-grid th{position:sticky;top:0;background:var(--panel);color:var(--text-dim);font-weight:600}.grx2-grid-note{margin:4px 6px;font-size:11px;color:var(--text-dim)}.grx2-grid-note[role=alert]{color:var(--err)}.grx2-check,.grx2-toggle{display:flex;align-items:center;gap:6px;height:100%;cursor:pointer;overflow:hidden;white-space:nowrap}.grx2-check input,.grx2-toggle input{flex:0 0 auto;cursor:pointer}.grx2-check input:disabled,.grx2-toggle input:disabled{opacity:.55;cursor:not-allowed}.grx2-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:40px;height:20px;border-radius:10px;border:none}.grx2-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-safety-white)}.grx2-switch:checked:after{left:22px}.grx2-slider{display:flex;align-items:center;gap:8px;height:100%}.grx2-slider input{flex:1;min-width:0;accent-color:var(--accent)}.grx2-slider input:disabled{opacity:.55;cursor:not-allowed}.grx2-slider-value{font-family:var(--font-mono);white-space:nowrap}.grx2-lampgrid{display:grid;gap:2px 8px;height:100%;overflow:hidden}.grx2-band{display:grid;gap:1px;height:100%;overflow:hidden}.grx2-band-empty{height:100%}.grx2-band-row{display:flex;align-items:center;overflow:hidden}.grx2-band-tag{flex:0 0 auto;font-weight:600;background:#00000030;padding:2px 7px;margin:0 9px 0 10px}.grx2-band-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grx2-band-more{flex:0 0 auto;background:#00000030;padding:2px 8px;margin:0 4px}.grx2-band-since{flex:0 0 auto;opacity:.85;margin:0 4px 0 9px}.grx2-valuegrid{display:grid;gap:1px 4px;height:100%;overflow:hidden}.grx2-valuegrid-cell{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.grx2-valuegrid-label{flex:0 1 auto;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grx2-valuegrid-chip{flex:0 0 auto;min-width:26px;padding:0 4px;font-size:13px;font-weight:600;text-align:center}.grx2-valuegrid-value{flex:1;min-width:0;text-align:right;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grx2-valuegrid-unit{flex:0 0 auto;color:var(--text-dim)}header.topbar{display:flex;align-items:center;gap:10px;padding:6px 12px;max-width:none;margin:0;background:var(--panel);border-bottom:1px solid var(--border)}.spacer{flex:1}.topbar-brand{font-weight:700;letter-spacing:.4px}.topbar-page{color:var(--text-dim);font-weight:600}.topbar-page:before{content:"/";margin-right:8px;color:var(--border)}.topbar-page:empty{display:none}.link-state{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-dim)}.link-state.ok{color:var(--ok);border-color:var(--ok)}.link-state.bad{color:var(--warn);border-color:var(--warn)}.theme-btn{background:var(--track);color:var(--text);border:1px solid var(--border);padding:3px 9px;cursor:pointer;font:inherit}.alarm-band{padding:4px 10px;text-decoration:none;color:var(--text-dim);border:1px solid var(--border);font-weight:700}.alarm-band.firing{color:var(--accent-ink);background:var(--err);border-color:var(--err)}.shell-body{padding:8px}.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.login form{display:flex;flex-direction:column;gap:8px;width:260px}.login input,.login button{padding:8px;background:var(--input);color:var(--text);border:1px solid var(--border)}.settings section{margin-bottom:20px}.design{display:flex;flex-direction:column;gap:8px;padding:12px}.design-bar{display:flex;align-items:center;gap:12px}.design-title{font-weight:600}.design-dot{color:var(--accent)}.design-error{color:var(--err)}.design-conflict{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--err)}.design-stage{outline:1px solid var(--border);background:var(--panel)}.design-hit{cursor:move}.design-selection{outline:2px solid var(--accent)}.design-handle{background:var(--accent);cursor:pointer}.design-handle:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.design-empty{padding:24px}.design-pages{max-width:900px}.design-page-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.design-page-row .page-grip{cursor:grab;color:var(--text-dim)}.design-page-row .page-title{flex:1;min-width:0;background:var(--input);color:var(--text);border:1px solid var(--border);padding:2px 4px;font:inherit}.design-page-row .page-id{flex:0 0 140px;color:var(--text-dim);font-size:11px}.design-page-new{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--accent)}.design-page-new input{background:var(--input);color:var(--text);border:1px solid var(--border);padding:2px 4px;font:inherit}.design-page-new .new-id{flex:0 0 160px}.design-page-new .new-title{flex:1;min-width:0}.design-body{display:grid;grid-template-columns:240px 1fr 280px;gap:8px;align-items:start}.design-canvas-col{overflow:auto}.design-pane{border:1px solid var(--border);background:var(--panel);padding:8px;max-height:78vh;overflow:auto}.design-pane-title{margin:0 0 6px;font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase}.design-subject{margin:0 0 8px;font-weight:600}.design-hint{color:var(--text-dim)}.layer-row{display:flex;gap:6px;align-items:baseline;padding:2px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-row[data-selected=true]{background:var(--accent);color:var(--accent-ink)}.layer-type{font-weight:600}.layer-id{color:var(--text-dim);font-size:11px}.layer-row[data-selected=true] .layer-id{color:inherit}.layer-tail{height:10px}.field-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.field-name{flex:0 0 92px;color:var(--text-dim);font-size:11px}.field-row input,.field-row select{flex:1;min-width:0;background:var(--input);color:var(--text);border:1px solid var(--border);padding:2px 4px;font:inherit}.field-row input[type=checkbox]{flex:0 0 auto}.field-list{margin-bottom:8px}.field-list-row{border-left:2px solid var(--border);padding-left:6px;margin:4px 0}.field-list button{background:var(--input);color:var(--text);border:1px solid var(--border);padding:2px 6px;font:inherit;cursor:pointer}.tag-picker,.field-tag{flex:1;min-width:0}.tag-picker-box{width:100%;box-sizing:border-box}.tag-picker-list{max-height:140px;overflow:auto;border:1px solid var(--border);margin-top:2px}.tag-picker-row{display:block;width:100%;text-align:left;background:none;color:var(--text);border:0;padding:2px 4px;cursor:pointer;font:inherit}.tag-picker-row.selected{background:var(--accent);color:var(--accent-ink)}.tag-picker-none{display:block;padding:2px 4px;color:var(--text-dim)}.design-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0}.design-place{font-size:12px;padding:2px 8px}.design-place[data-armed=true]{outline:2px solid var(--accent)}.design-place-hint{font-size:12px;opacity:.8;margin-left:8px}.design-zoom{display:flex;align-items:center;gap:4px;margin-left:auto}.design-zoom-level{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.design-viewport{position:relative;overflow:hidden;width:1024px;height:620px}.design-viewport.panning{cursor:grab}.card,.grx2-card,.grx2-banner,.grx2-grid,.design-pane,.design-stage,.agent-row{border-radius:var(--radius-md)}button,input,select,.toggle,.alarm-band,.grx2-button{border-radius:var(--radius-sm)}.trend .tr-unit{color:var(--text-dim)}.trend .tr-chart{height:46vh;min-height:240px;width:100%}.page-frame{display:block;padding:var(--space-3);border:1px solid var(--dk-divider);border-radius:var(--radius-lg);background:var(--dk-bg);color:var(--dk-text);overflow:auto}.page-frame>*{width:100%;max-width:1024px;margin-inline:auto}.app-confirm{max-width:32rem;padding:12px 14px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.app-confirm p{margin:0 0 10px}.app-confirm-row{display:flex;gap:6px;justify-content:flex-end}.app-confirm::backdrop{background:#00000073}