:root{--ui-font: "Segoe UI Variable", "Segoe UI", sans-serif;--ui-bg-primary: #f0f0f0;--ui-bg-secondary: #ffffff;--ui-overlay-dim: rgba(30, 40, 60, .25);--ui-surface: rgba(252, 253, 255, .82);--ui-surface-blur: blur(14px);--ui-surface-border: var(--ui-surface-border);--ui-surface-radius: 14px;--ui-surface-shadow: 0 16px 48px rgba(20, 30, 60, .35);--ui-title-bg: transparent;--ui-title-text: #1a1d24;--ui-title-border: none;--ui-text-primary: #1a1d24;--ui-text-secondary: #4b5260;--ui-text-muted: #8a8f99;--ui-accent: #4c6ef5;--ui-accent-hover: #4263eb;--ui-accent-text: #ffffff;--ui-card: rgba(255, 255, 255, .55);--ui-card-border: 1px solid rgba(255, 255, 255, .8);--ui-card-radius: 10px;--ui-control-bg: rgba(255, 255, 255, .85);--ui-control-border: 1px solid rgba(120, 130, 150, .35);--ui-control-radius: 7px;--ui-control-hover-bg: rgba(120, 130, 150, .15);--ui-table-bg: rgba(255, 255, 255, .7);--ui-table-border: var(--ui-table-border);--ui-table-header-bg: rgba(244, 246, 251, .95);--ui-table-header-text: #4b5260;--ui-row-divider: 1px solid rgba(160, 170, 190, .18);--ui-selection: rgba(76, 110, 245, .85);--ui-selection-text: #ffffff;--ui-row-hover: rgba(76, 110, 245, .08);--ui-footer-bg: rgba(255, 255, 255, .45);--ui-footer-border: 1px solid rgba(255, 255, 255, .7);--ui-separator: rgba(120, 130, 150, .25);--ui-menu-bg: #fcfdff;--ui-menu-border: var(--ui-menu-border);--ui-menu-shadow: 0 12px 36px rgba(20, 30, 60, .22);--ui-menu-bar-hover: rgba(76, 110, 245, .14);--ui-menu-bar-hover-text: #3b5bdb;--ui-btn-primary-bg: var(--ui-btn-primary-bg);--ui-btn-primary-hover-bg: var(--ui-btn-primary-hover-bg);--ui-btn-primary-text: #ffffff;--ui-btn-primary-border: none;--ui-btn-primary-shadow: 0 2px 6px rgba(76, 110, 245, .4);--ui-btn-secondary-bg: rgba(255, 255, 255, .8);--ui-btn-secondary-hover-bg: #ffffff;--ui-btn-secondary-text: #3c4250;--ui-btn-secondary-border: 1px solid rgba(120, 130, 150, .35);--ui-button-active: rgba(76, 110, 245, .12);--ui-group-label-bg: rgba(252, 253, 255, .95);--ui-tree-toggle: #64748b;--ui-panel-bg: rgba(248, 249, 251, .96);--ui-toolbar-bg: #f0f0f0;--ui-toolbar-border: #c0c0c0;--ui-tool-btn-bg: #e8e8e8;--ui-tool-btn-border: #c0c0c0;--ui-tool-btn-text: #333333;--ui-tool-btn-active-bg: #dbeafe;--ui-tool-btn-active-border: #0078d4;--ui-tool-btn-active-text: #0078d4;--ui-plot-bg: #ffffff;--ui-plot-border: #999999;--ui-plot-axis: #333333;--ui-plot-grid: #e0e0e0;--bg-primary: var(--ui-bg-primary);--bg-secondary: var(--ui-bg-secondary);--bg-dialog: var(--ui-surface);--text-primary: var(--ui-text-primary);--text-secondary: var(--ui-text-secondary);--text-muted: var(--ui-text-muted);--border-color: rgba(120, 130, 150, .35);--button-bg: var(--ui-btn-secondary-bg);--button-hover: var(--ui-btn-secondary-hover-bg);--accent-color: var(--ui-accent);--accent-hover: var(--ui-accent-hover);--selection-color: var(--ui-selection);--row-hover: var(--ui-row-hover);--group-border: rgba(160, 170, 190, .35);--card-bg: var(--ui-card);--card-border: rgba(255, 255, 255, .8);--footer-bg: var(--ui-footer-bg);--severity-trip: #ff0000;--severity-critical: #ff4400;--severity-fault: #ff8800;--severity-warning: #ffaa00;--severity-event: #0088ff;--severity-info: #00aa00}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ui-font);font-size:13px;color:var(--text-primary);background-color:var(--bg-primary)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ui-overlay-dim);display:flex;align-items:center;justify-content:center;z-index:1200}.dialog{background:var(--bg-dialog);backdrop-filter:var(--ui-surface-blur);-webkit-backdrop-filter:var(--ui-surface-blur);border:var(--ui-surface-border);border-radius:var(--ui-surface-radius);box-shadow:var(--ui-surface-shadow);min-width:200px;max-width:90vw;max-height:90vh;overflow:auto}.dialog-title{background:var(--ui-title-bg);border-bottom:var(--ui-title-border);color:var(--ui-title-text);padding:10px 16px 6px;font-size:13px;font-weight:600;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.dialog-content{padding:8px 16px 16px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;background:var(--footer-bg);border-top:var(--ui-footer-border)}button{font-family:inherit;font-size:12px;padding:5px 16px;min-width:70px;background:var(--button-bg);border:var(--ui-control-border);border-radius:var(--ui-control-radius);color:var(--ui-btn-secondary-text);cursor:pointer}button:hover{background:var(--button-hover)}button:active{background:var(--ui-button-active)}button.primary{background:var(--ui-btn-primary-bg);border:var(--ui-btn-primary-border);color:var(--ui-btn-primary-text);font-weight:500;box-shadow:var(--ui-btn-primary-shadow)}button.primary:hover{background:var(--ui-btn-primary-hover-bg)}.btn-acrylic-primary{font-size:13px;font-weight:500;padding:8px 20px;min-width:80px;border:none;border-radius:var(--ui-control-radius);background:var(--ui-btn-primary-bg);color:var(--ui-btn-primary-text);cursor:pointer;box-shadow:var(--ui-btn-primary-shadow)}.btn-acrylic-primary:hover:not(:disabled){background:var(--ui-btn-primary-hover-bg)}.btn-acrylic-primary:disabled{opacity:.4;cursor:default}.btn-acrylic-secondary{font-size:13px;font-weight:500;padding:8px 20px;min-width:80px;border:var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-btn-secondary-bg);color:var(--ui-btn-secondary-text);cursor:pointer}.btn-acrylic-secondary:hover:not(:disabled){background:var(--ui-btn-secondary-hover-bg)}.btn-acrylic-secondary:disabled{opacity:.4;cursor:default}.acrylic-close-btn{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--ui-control-radius);line-height:1;min-width:auto}.acrylic-close-btn:hover{background:var(--ui-control-hover-bg);color:var(--text-primary)}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],select,textarea{font-family:inherit;font-size:12px;padding:4px 8px;border:var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-control-bg);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent-color);outline-offset:-1px}select{min-width:80px}.groupbox{border:1px solid var(--card-border);border-radius:var(--ui-card-radius);background:var(--card-bg);padding:14px 10px 10px;margin:4px 0;position:relative}.groupbox-label{position:absolute;top:-9px;left:10px;background:var(--ui-group-label-bg);border-radius:4px;padding:0 6px;font-size:12px;color:var(--text-secondary)}.form-row{display:flex;align-items:center;gap:8px;margin:4px 0}.form-row label{min-width:100px;font-size:12px}.form-row input,.form-row select{flex:1}.checkbox-row{display:flex;align-items:center;gap:4px;margin:2px 0}.checkbox-row input[type=checkbox],.checkbox-row input[type=radio]{margin:0}.list-control{border:var(--ui-table-border);border-radius:var(--ui-card-radius);background:var(--ui-table-bg);overflow:auto;font-size:12px}.list-control table{width:100%;border-collapse:collapse}.list-control th{background:var(--ui-table-header-bg);border:none;border-bottom:var(--ui-table-border);padding:4px 8px;text-align:left;font-weight:600;font-size:11px;color:var(--ui-table-header-text);position:sticky;top:0}.list-control td{border-bottom:var(--ui-row-divider);padding:3px 8px}.list-control tr:hover{background:var(--row-hover)}.legend-table td,.legend-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-table td{padding-top:1px;padding-bottom:1px;line-height:16px}.legend-table td input[type=checkbox]{display:block;margin:1px auto}.list-control tr.selected{background:var(--selection-color);color:var(--ui-selection-text)}.progress-bar{width:100%;height:16px;border:var(--ui-control-border);border-radius:var(--ui-control-radius);background:var(--ui-control-bg);overflow:hidden}.progress-bar-fill{height:100%;background:var(--ui-btn-primary-bg);transition:width .3s ease}.icon-warning{color:#fa0;font-size:24px}.icon-info{color:var(--accent-color);font-size:24px}.text-center{text-align:center}.toolbar{display:flex;gap:2px;padding:2px 4px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.toolbar button{min-width:auto;padding:2px 8px;font-size:11px}.app-container{display:flex;flex-direction:column;height:100vh}.app-toolbar{display:flex;gap:4px;padding:4px 8px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.app-toolbar button{font-size:11px;padding:2px 8px;min-width:auto}.app-main{flex:1;display:flex;padding:8px;overflow:auto}.app-sidebar{display:flex;flex-direction:column;gap:4px;padding:8px;width:200px;border-right:1px solid var(--border-color)}.app-sidebar button{text-align:left;padding:4px 8px;font-size:11px}.app-content{flex:1;padding:8px}.radio-group{display:flex;gap:12px}.status-bar{display:flex;gap:8px;padding:2px 8px;border-top:1px solid var(--border-color);background:var(--bg-primary);font-size:11px}.menu-bar{position:relative;z-index:1100;display:flex;background:var(--ui-menu-bg);border-bottom:var(--ui-menu-border);box-shadow:0 1px 8px #141e3c14;padding:2px 4px;-webkit-user-select:none;user-select:none}.menu-bar-item{position:relative;padding:4px 12px;border-radius:var(--ui-control-radius);font-size:12px;cursor:default}.menu-bar-item:hover,.menu-bar-item.active{background:var(--ui-menu-bar-hover);color:var(--ui-menu-bar-hover-text)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:var(--ui-menu-bg);border:var(--ui-menu-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-menu-shadow);z-index:2000;padding:6px}.menu-scroll-area{max-height:calc(100vh - 80px);overflow:hidden}.menu-scroll-arrow{text-align:center;font-size:9px;line-height:1;padding:3px 0;color:var(--text-muted);cursor:default;border-radius:5px}.menu-scroll-arrow:hover{background:var(--selection-color);color:var(--ui-selection-text)}.menu-item{position:relative;display:flex;align-items:center;padding:6px 24px 6px 10px;border-radius:var(--ui-control-radius);font-size:12px;cursor:default;color:var(--text-primary);white-space:nowrap}.menu-item.hover{background:var(--selection-color);color:var(--ui-selection-text)}.menu-item.disabled{color:var(--text-muted)}.menu-item.disabled.hover{background:transparent;color:var(--text-muted)}.menu-item-label{flex:1}.menu-arrow{margin-left:12px;font-size:10px}.menu-separator{height:1px;background:var(--ui-separator);margin:5px 10px}.menu-item>.menu-dropdown{top:-6px;margin-left:-1px}.context-menu-item{border-radius:var(--ui-control-radius)}.context-menu-item:not(.disabled):hover{background:var(--selection-color);color:var(--ui-selection-text)}.context-menu-item.disabled{opacity:.5}.split-pane{display:flex;flex:1;overflow:hidden}.split-pane-left{overflow:auto;flex-shrink:0}.split-pane-handle{position:relative;width:4px;background:var(--border-color);cursor:col-resize;flex-shrink:0}.split-pane-handle:hover{background:var(--accent-color)}.split-pane-fold{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;width:10px;height:12px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);background:none;border:none;cursor:pointer;transition:color .15s ease}.split-pane-fold:hover{color:var(--accent-color, #4c6ef5)}.split-pane-fold:focus-visible{outline:none;color:var(--accent-color, #4c6ef5)}.split-pane-fold-icon{transition:transform .2s ease}.split-pane-fold.is-collapsed .split-pane-fold-icon{transform:rotate(180deg)}.split-pane-right{flex:1;min-width:0;min-height:0;overflow:auto}.uplot .u-select{background:color-mix(in srgb,var(--ui-accent) 22%,transparent);box-shadow:inset 0 0 0 1px var(--ui-accent)}.tree-view{font-size:12px;padding:2px 0;background:var(--ui-menu-bg);-webkit-user-select:none;user-select:none}.tree-node{display:flex;align-items:center;padding:2px 4px;border-radius:5px;cursor:default;white-space:nowrap}.tree-node:hover{background:var(--row-hover)}.tree-node.selected{background:var(--selection-color);color:var(--ui-selection-text)}.tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--ui-tree-toggle)}.tree-toggle svg{display:block;transition:transform .13s ease}.tree-toggle.expanded svg{transform:rotate(90deg)}.tree-node.selected .tree-toggle{color:var(--ui-selection-text)}.tree-toggle-spacer{display:inline-block;width:18px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.tree-toggle svg{transition:none}}.tree-label{margin-left:2px}.mode-switch{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:2px 8px;font-size:11px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.mode-label{color:var(--ui-text-muted);letter-spacing:.04em}.mode-label.active-live{color:#e03131}.mode-label.active-replay{color:var(--ui-accent)}.mode-track{position:relative;width:34px;height:16px;border-radius:9px;transition:background .15s}.mode-track.live{background:#e03131}.mode-track.replay{background:var(--ui-accent)}.mode-knob{position:absolute;top:1.5px;width:13px;height:13px;border-radius:50%;background:#fff;transition:left .15s}.mode-track.live .mode-knob{left:1.5px}.mode-track.replay .mode-knob{left:19.5px}.replay-toolbar{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding-right:6px}.replay-toolbar+.mode-switch{margin-left:8px}.diag-messages-resizer{height:4px;flex:0 0 auto;background:var(--ui-separator);cursor:row-resize}.diag-messages-resizer:hover{background:var(--ui-accent)}.diag-messages-panel{--diag-msg-line-height: 17px;background:var(--ui-panel-bg);padding:2px 10px;font-size:12px;line-height:var(--diag-msg-line-height);font-family:Consolas,Segoe UI,monospace;overflow-y:auto;flex:0 0 auto}.diag-msg-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diag-msg-empty{color:#adb5bd;font-style:italic}.rt-btn{min-width:20px;height:18px;padding:0 5px;border:var(--ui-control-border);border-radius:4px;background:var(--ui-control-bg);color:var(--ui-text-primary);font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.rt-btn:hover:not(:disabled){border-color:var(--ui-accent);color:var(--ui-accent)}.rt-btn:disabled{opacity:.4;cursor:default}.rt-play{background:#2f9e44;border-color:#2f9e44;color:#fff}.rt-stop{color:#e03131}.rt-rate{min-width:22px;text-align:center;font-size:11px;font-weight:600;color:var(--ui-accent)}.rt-sep{width:1px;height:14px;background:var(--ui-separator);margin:0 4px}@keyframes tiger-indet{0%{left:-40%}to{left:100%}}.TDS{padding:0;margin:0;border:0px;font-family:Courier New;font-size:11.5px;position:relative;text-align:left;visibility:hidden}.TTIS{z-index:1;position:absolute;width:200px;color:#fff}.TTSS{z-index:1;position:absolute;width:350px;color:#fff;text-wrap:nowrap}.TTES{z-index:1;position:absolute}.TASB{-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;position:absolute;box-sizing:border-box;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 4px;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:11px;line-height:1;color:#102a2a;background:linear-gradient(180deg,#fbfbfb,#dcdcdc);border:1px solid #7c8a8a;border-radius:4px;box-shadow:0 1px 1px #00000040;cursor:pointer;overflow:hidden;white-space:nowrap}.TASB:hover{background:linear-gradient(180deg,#fff,#e6f2f2);border-color:#3a8a8a}.TASB:active{background:#cfdcdc;box-shadow:inset 0 1px 2px #0000004d}.TTWS{z-index:1;position:absolute;color:#fff}.TSTS{z-index:1;position:absolute;width:200px}.TSHS{z-index:1;position:absolute;width:100px}.TTNS{z-index:1;position:absolute;width:150px}.TAVS{z-index:1;position:absolute;width:60px;color:#00cfff;white-space:nowrap}.TDVS{z-index:1;position:absolute;width:10px;color:#00cfff}.TVBS{z-index:1;position:absolute;color:#00cfff;font-size:0px}.TVBF{position:absolute}.TVBF:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000000;box-sizing:border-box;z-index:2;pointer-events:none}.TABS{z-index:1;position:absolute;color:#fff;background-color:#007c90;border-style:inset;border-width:2px;border-color:#fff;text-indent:2px;white-space:nowrap;display:flex;align-items:center}.TMVS{z-index:1;position:absolute;width:200px;color:#00cfff}.TESS{z-index:1;position:absolute;color:red}.TRES{z-index:1;position:absolute;color:#fff;border-style:solid;border-width:1px;border-color:#000;font-size:0px}.TGRS{z-index:1;position:absolute;color:#fff;background-color:#007c90;overflow:hidden}.TGRL{border-style:solid;border-width:1px;border-color:gray;font-size:0px;height:10px;padding:1px}.tooltip-box{display:none;position:fixed;background:#ffc;color:#000;padding:4px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1100;pointer-events:none}.tooltip-box.visible{display:block}@keyframes tigerIndeterminateSweep{0%{left:-40%}to{left:100%}}.tiger-indeterminate-bar{position:absolute;top:0;height:100%;width:40%;background:linear-gradient(180deg,#5b7cfa,#4c6ef5);border-radius:7px;animation:tigerIndeterminateSweep 1.2s linear infinite}
