.sidebar.svelte-181dlmc{grid-row:1 / 3;width:var(--sidebar-w);background:var(--bg-1);display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--bg-4)}.logo.svelte-181dlmc{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--accent);letter-spacing:3px;padding:16px 20px;border-bottom:1px solid var(--bg-4)}.nav.svelte-181dlmc{flex:1;padding:12px 0}.nav-item.svelte-181dlmc{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;color:var(--text-3);font-size:13px;transition:all .15s;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.nav-item.svelte-181dlmc:hover{color:var(--text-2);background:var(--bg-2)}.nav-item.active.svelte-181dlmc{color:var(--accent);border-left-color:var(--accent);background:#8fe36a0f}.nav-icon.svelte-181dlmc{width:16px;height:16px;flex-shrink:0}.nav-label.svelte-181dlmc{white-space:nowrap}.sidebar-footer.svelte-181dlmc{padding:16px 20px;border-top:1px solid var(--bg-4);display:flex;flex-direction:column;gap:10px}.version.svelte-181dlmc{font-family:var(--mono);font-size:11px;color:var(--text-4)}.footer-actions.svelte-181dlmc{display:flex;gap:8px}.topbar.svelte-fp80xw{height:var(--topbar-h);background:var(--bg-1);border-bottom:1px solid var(--bg-4);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:16px}.topbar-left.svelte-fp80xw{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-dot.svelte-fp80xw{width:8px;height:8px;border-radius:50%;background:var(--err);flex-shrink:0}.status-dot.running.svelte-fp80xw{background:var(--ok);box-shadow:0 0 6px #70d98a80}.status-label.svelte-fp80xw{font-size:13px;font-weight:600;color:var(--text)}.topbar-center.svelte-fp80xw{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.chip.svelte-fp80xw{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;color:var(--text-2);background:var(--bg-2);border:1px solid var(--bg-4);white-space:nowrap}.chip-icon.svelte-fp80xw{width:13px;height:13px;flex-shrink:0}.chip-tcp.svelte-fp80xw{color:var(--info);border-color:#6fafe840;background:#6fafe814}.chip-udp.svelte-fp80xw{color:var(--accent);border-color:#8fe36a40;background:#8fe36a14}.chip-uptime.svelte-fp80xw{color:var(--text-3)}.topbar-right.svelte-fp80xw{display:flex;align-items:center;gap:8px;flex-shrink:0}.login-backdrop.svelte-1428x5h{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-0)}.login-box.svelte-1428x5h{width:360px;background:var(--bg-1);border:1px solid var(--bg-4);border-radius:var(--radius);padding:36px 32px 32px}.login-title.svelte-1428x5h{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--accent);letter-spacing:4px;text-align:center;margin-bottom:6px}.login-subtitle.svelte-1428x5h{text-align:center;color:var(--text-3);font-size:13px;margin-bottom:28px}.login-error.svelte-1428x5h{background:#e26d6d1f;border:1px solid rgba(226,109,109,.3);color:var(--err);font-size:12px;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:16px}.field.svelte-1428x5h{margin-bottom:16px}.login-btn.svelte-1428x5h{width:100%;padding:10px;font-size:13px;margin-top:8px}.login-btn.svelte-1428x5h:disabled{opacity:.6;cursor:not-allowed}.overview.svelte-1lmp6mx{display:flex;flex-direction:column;gap:20px}.page-header.svelte-1lmp6mx{display:flex;align-items:baseline;gap:12px}.page-title.svelte-1lmp6mx{font-size:22px;font-weight:700;color:var(--text)}.page-subtitle.svelte-1lmp6mx{font-size:12px;color:var(--ok)}.status-grid.svelte-1lmp6mx{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.stat-card.svelte-1lmp6mx{display:flex;flex-direction:column;gap:4px}.stat-label.svelte-1lmp6mx{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-1lmp6mx{font-size:20px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.stat-sub.svelte-1lmp6mx{font-size:11px;color:var(--text-4)}.status-dot.svelte-1lmp6mx{width:8px;height:8px;border-radius:50%;background:var(--err);flex-shrink:0}.status-dot.running.svelte-1lmp6mx{background:var(--ok);box-shadow:0 0 6px #70d98a80}.val-warn.svelte-1lmp6mx{color:var(--warn)}.actions-row.svelte-1lmp6mx{display:flex;gap:8px;flex-wrap:wrap}.table-section.svelte-1lmp6mx{overflow:hidden}.table-wrap.svelte-1lmp6mx{overflow-x:auto}table.svelte-1lmp6mx{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-1lmp6mx th:where(.svelte-1lmp6mx){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap}tbody.svelte-1lmp6mx td:where(.svelte-1lmp6mx){padding:7px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2);white-space:nowrap}tbody.svelte-1lmp6mx tr:where(.svelte-1lmp6mx):hover{background:var(--bg-3)}tbody.svelte-1lmp6mx tr:where(.svelte-1lmp6mx):last-child td:where(.svelte-1lmp6mx){border-bottom:none}.detail-cell.svelte-1lmp6mx{white-space:normal;word-break:break-all;max-width:400px}.empty-state.svelte-1lmp6mx{color:var(--text-4);font-size:13px;padding:20px 0;text-align:center}.rules-page.svelte-oxu2mb{display:flex;flex-direction:column;gap:16px}.page-header.svelte-oxu2mb{display:flex;align-items:baseline;gap:12px}.page-title.svelte-oxu2mb{font-size:22px;font-weight:700;color:var(--text)}.page-count.svelte-oxu2mb{font-size:12px;color:var(--text-3)}.rules-layout.svelte-oxu2mb{display:grid;grid-template-columns:1fr 340px;gap:16px}.rules-layout.svelte-oxu2mb:not(:has(.detail-panel)){grid-template-columns:1fr}.table-section.svelte-oxu2mb{overflow:hidden}.table-wrap.svelte-oxu2mb{overflow-x:auto}table.svelte-oxu2mb{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-oxu2mb th:where(.svelte-oxu2mb){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap}tbody.svelte-oxu2mb td:where(.svelte-oxu2mb){padding:7px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2);white-space:nowrap;cursor:pointer}tbody.svelte-oxu2mb tr:where(.svelte-oxu2mb):hover{background:var(--bg-3)}tbody.svelte-oxu2mb tr:where(.svelte-oxu2mb):last-child td:where(.svelte-oxu2mb){border-bottom:none}tbody.svelte-oxu2mb tr.selected:where(.svelte-oxu2mb){background:#8fe36a0f}tbody.svelte-oxu2mb tr.selected:where(.svelte-oxu2mb) td:where(.svelte-oxu2mb){border-bottom-color:#8fe36a1a}.actions-cell.svelte-oxu2mb{display:flex;gap:6px;cursor:default}.detail-panel.svelte-oxu2mb{min-width:0}.detail-header.svelte-oxu2mb{display:flex;align-items:center;gap:10px;margin-bottom:16px}.detail-name.svelte-oxu2mb{font-size:16px;font-weight:700;color:var(--accent)}.detail-section.svelte-oxu2mb{margin-top:16px;padding-top:16px;border-top:1px solid var(--bg-4)}.detail-section-title.svelte-oxu2mb{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.detail-grid.svelte-oxu2mb{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-item.svelte-oxu2mb{display:flex;flex-direction:column;gap:2px}.detail-label.svelte-oxu2mb{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.3px}.detail-value.svelte-oxu2mb{font-size:13px;color:var(--text)}.filters-list.svelte-oxu2mb{display:flex;flex-direction:column;gap:6px}.filter-item.svelte-oxu2mb{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-3);border-radius:var(--radius-sm);font-size:12px}.filter-idx.svelte-oxu2mb{font-size:10px;color:var(--text-4);width:16px}.filter-pattern.svelte-oxu2mb{color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis}.filter-meta.svelte-oxu2mb{font-size:10px;color:var(--text-4);white-space:nowrap}.empty-state.svelte-oxu2mb{color:var(--text-4);font-size:13px;padding:20px 0;text-align:center}.node-block.svelte-9rbowl{position:absolute;width:220px;background:var(--bg-2);border:1px solid var(--bg-4);border-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .15s;z-index:10}.node-block.svelte-9rbowl:hover{box-shadow:0 0 12px #8fe36a1a}.node-block.selected.svelte-9rbowl{box-shadow:0 0 16px #8fe36a33;z-index:20}.node-header.svelte-9rbowl{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid;border-radius:10px 10px 0 0;font-size:12px;font-weight:600}.node-dot.svelte-9rbowl{width:8px;height:8px;border-radius:50%;flex-shrink:0}.node-label.svelte-9rbowl{flex:1}.node-remove.svelte-9rbowl{background:none;border:none;color:var(--text-4);cursor:pointer;font-size:16px;line-height:1;padding:0}.node-remove.svelte-9rbowl:hover{color:var(--err)}.node-body.svelte-9rbowl{padding:8px 12px;min-height:24px}.node-field.svelte-9rbowl{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-badge.svelte-9rbowl{display:inline-block;padding:1px 6px;border-radius:999px;font-size:9px;font-weight:600;background:#6fafe826;color:var(--info)}.node-port.svelte-9rbowl{position:absolute;left:50%;width:12px;height:12px;background:var(--bg-4);border:2px solid var(--bg-1);border-radius:50%;transform:translate(-50%);cursor:crosshair;z-index:30}.node-port-out.svelte-9rbowl{bottom:-6px}.node-port-in.svelte-9rbowl{top:-6px}.node-port.svelte-9rbowl:hover{background:var(--accent)}.presets-page.svelte-y602at{max-width:800px}.preset-grid.svelte-y602at{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.preset-card.svelte-y602at{background:var(--bg-2);border:1px solid var(--bg-4);border-radius:var(--radius);padding:20px;cursor:pointer;text-align:left;transition:all .15s;color:var(--text);font-family:var(--font)}.preset-card.svelte-y602at:hover{border-color:var(--accent);background:var(--bg-3)}.preset-name.svelte-y602at{font-size:14px;font-weight:600;margin-bottom:4px}.preset-desc.svelte-y602at{font-size:12px;color:var(--text-3);margin-bottom:8px}.preset-meta.svelte-y602at{font-size:11px;color:var(--text-4);font-family:var(--mono)}.editor-layout.svelte-y602at{display:grid;grid-template-columns:200px 1fr 260px;grid-template-rows:48px 1fr;height:calc(100vh - var(--topbar-h) - 48px);gap:0;margin:-24px}.editor-toolbar.svelte-y602at{grid-column:1 / 4;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--bg-1);border-bottom:1px solid var(--bg-4)}.pipeline-name-input.svelte-y602at{width:200px;padding:6px 12px;background:var(--bg-2);border:1px solid var(--bg-4);border-radius:var(--radius-sm);color:var(--accent);font-family:var(--mono);font-size:14px;font-weight:600}.toolbar-error.svelte-y602at{color:var(--err);font-size:12px;margin-left:8px}.toolbar-ok.svelte-y602at{color:var(--ok);font-size:12px;margin-left:8px}.palette.svelte-y602at{background:var(--bg-1);border-right:1px solid var(--bg-4);overflow-y:auto;padding:12px}.palette-title.svelte-y602at{font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.palette-cat.svelte-y602at{font-size:11px;color:var(--text-3);padding:4px 0 4px 8px;border-left:2px solid;margin-top:8px}.palette-item.svelte-y602at{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-2);font-size:12px;cursor:pointer;font-family:var(--font);text-align:left}.palette-item.svelte-y602at:hover{background:var(--bg-2);border-color:var(--bg-4)}.palette-dot.svelte-y602at{width:8px;height:8px;border-radius:50%;flex-shrink:0}.canvas.svelte-y602at{position:relative;background:var(--bg-0);overflow:hidden;cursor:default;background-image:radial-gradient(circle,var(--bg-4) 1px,transparent 1px);background-size:24px 24px}.edges-svg.svelte-y602at{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.inspector.svelte-y602at{background:var(--bg-1);border-left:1px solid var(--bg-4);overflow-y:auto;padding:16px}.inspector-title.svelte-y602at{font-size:16px;font-weight:600;margin-bottom:4px}.inspector-desc.svelte-y602at{font-size:12px;color:var(--text-3);margin-bottom:16px}.inspector-field.svelte-y602at{margin-bottom:12px}.inspector-empty.svelte-y602at{color:var(--text-4);font-size:13px;text-align:center;margin-top:40px}.checkbox-label.svelte-y602at{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;text-transform:none;letter-spacing:0}.checkbox-label.svelte-y602at input[type=checkbox]:where(.svelte-y602at){width:auto}.editor-page.svelte-1azgasd{display:flex;flex-direction:column;gap:0}.presets-page.svelte-1azgasd{max-width:820px}.presets-header.svelte-1azgasd{margin-bottom:24px}.presets-title.svelte-1azgasd{font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.presets-subtitle.svelte-1azgasd{font-size:13px;color:var(--text-3)}.preset-grid.svelte-1azgasd{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.preset-card.svelte-1azgasd{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:var(--bg-2);border:1px solid var(--bg-4);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text);font-family:var(--font);transition:all .15s}.preset-card.svelte-1azgasd:hover{border-color:var(--accent);background:var(--bg-3)}.preset-icon.svelte-1azgasd{font-size:20px;margin-bottom:4px}.preset-name.svelte-1azgasd{font-size:13px;font-weight:600}.preset-desc.svelte-1azgasd{font-size:11px;color:var(--text-3);line-height:1.4}.mode-tabs.svelte-1azgasd{display:flex;align-items:center;gap:0;margin-bottom:20px;border-bottom:1px solid var(--bg-4);padding-bottom:0}.mode-tab.svelte-1azgasd{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-3);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .15s}.mode-tab.svelte-1azgasd:hover{color:var(--text)}.mode-tab.active.svelte-1azgasd{color:var(--accent);border-bottom-color:var(--accent)}.mode-tabs-spacer.svelte-1azgasd{flex:1}.form-error.svelte-1azgasd{background:#e26d6d1a;border:1px solid var(--err);border-radius:var(--radius-sm);padding:10px 14px;color:var(--err);font-size:12px;margin-bottom:16px}.simple-layout.svelte-1azgasd{display:grid;grid-template-columns:1fr 240px;gap:24px}@media(max-width:900px){.simple-layout.svelte-1azgasd{grid-template-columns:1fr}}.form-sections.svelte-1azgasd{display:flex;flex-direction:column;gap:0}.form-section.svelte-1azgasd{padding:20px;background:var(--bg-2);border:1px solid var(--bg-4);border-radius:var(--radius);margin-bottom:16px}.form-section-title.svelte-1azgasd{font-size:13px;font-weight:600;color:var(--text);margin-bottom:14px;display:flex;align-items:center}.form-section-toggle.svelte-1azgasd{margin-bottom:12px}.toggle-label.svelte-1azgasd{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;text-transform:none;letter-spacing:0}.toggle-label.svelte-1azgasd input[type=checkbox]:where(.svelte-1azgasd){width:auto;accent-color:var(--accent)}.form-row.svelte-1azgasd{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-field.svelte-1azgasd{display:flex;flex-direction:column;gap:4px}.form-hint.svelte-1azgasd{font-size:11px;color:var(--text-4)}.empty-hint.svelte-1azgasd{font-size:12px;color:var(--text-4);padding:8px 0}.filter-row.svelte-1azgasd{display:grid;grid-template-columns:100px 70px 1fr 80px auto;gap:6px;margin-bottom:6px;align-items:center}.filter-row.svelte-1azgasd select:where(.svelte-1azgasd),.filter-row.svelte-1azgasd input:where(.svelte-1azgasd){font-size:12px;padding:6px 8px}.filter-actions.svelte-1azgasd{display:flex;gap:2px}.btn-icon.svelte-1azgasd{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:1px solid var(--bg-4);border-radius:6px;color:var(--text-3);cursor:pointer;font-size:14px;font-family:var(--font)}.btn-icon.svelte-1azgasd:hover{background:var(--bg-4);color:var(--text)}.btn-icon.svelte-1azgasd:disabled{opacity:.3;cursor:default}.btn-icon-danger.svelte-1azgasd:hover{color:var(--err)}.sticky-summary.svelte-1azgasd{position:sticky;top:24px;background:var(--bg-2);border:1px solid var(--bg-4);border-radius:var(--radius);padding:16px;height:fit-content}.summary-title.svelte-1azgasd{font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.summary-row.svelte-1azgasd{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;color:var(--text-2)}.summary-label.svelte-1azgasd{color:var(--text-3)}.summary-view.svelte-1azgasd{max-width:700px}.code-block.svelte-1azgasd{background:var(--bg-1);border:1px solid var(--bg-4);border-radius:var(--radius-sm);padding:16px;font-family:var(--mono);font-size:12px;color:var(--text-2);overflow-x:auto;white-space:pre;line-height:1.6}.summary-hint.svelte-1azgasd{font-size:13px;color:var(--text-3);margin-bottom:16px}.summary-nodes.svelte-1azgasd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.summary-node.svelte-1azgasd{padding:6px 14px;border:1px solid;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text);background:var(--bg-3)}.summary-arrow.svelte-1azgasd{color:var(--text-4);font-size:16px}.traffic-page.svelte-1qyjgxf{display:flex;flex-direction:column;gap:16px;height:100%}.page-header.svelte-1qyjgxf{display:flex;align-items:baseline;gap:12px}.page-title.svelte-1qyjgxf{font-size:22px;font-weight:700;color:var(--text)}.page-count.svelte-1qyjgxf{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:8px}.controls-bar.svelte-1qyjgxf{display:flex;flex-direction:column;gap:10px}.controls-row.svelte-1qyjgxf{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.settings-row.svelte-1qyjgxf{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--bg-4)}.control-group.svelte-1qyjgxf{display:flex;flex-direction:column;gap:4px}.control-group.svelte-1qyjgxf select:where(.svelte-1qyjgxf){width:200px}.btn-group.svelte-1qyjgxf{display:flex;gap:6px}.btn-active.svelte-1qyjgxf{background:var(--warn);color:var(--bg-0);border-color:var(--warn);font-weight:600}.btn-active.svelte-1qyjgxf:hover{background:var(--warn);opacity:.9}.pause-indicator.svelte-1qyjgxf{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--warn);font-weight:600;padding-bottom:8px}.pause-dot.svelte-1qyjgxf{width:8px;height:8px;border-radius:50%;background:var(--warn);animation:svelte-1qyjgxf-pulse 1.5s ease-in-out infinite}.ws-indicator.svelte-1qyjgxf{display:flex;align-items:center;gap:4px;padding-bottom:8px;margin-left:auto}.ws-dot.svelte-1qyjgxf{width:6px;height:6px;border-radius:50%;background:var(--err)}.ws-dot.connected.svelte-1qyjgxf{background:var(--ok);box-shadow:0 0 4px #70d98a80}.error-bar.svelte-1qyjgxf{padding:6px 10px;background:#e26d6d1a;border:1px solid var(--err);border-radius:var(--radius-sm);color:var(--err);font-size:12px}@keyframes svelte-1qyjgxf-pulse{0%,to{opacity:1}50%{opacity:.3}}.main-content.svelte-1qyjgxf{display:flex;gap:16px;flex:1;min-height:0}.packet-stream.svelte-1qyjgxf{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.stream-header.svelte-1qyjgxf{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.table-wrap.svelte-1qyjgxf{overflow:auto;flex:1;max-height:calc(100vh - 320px)}.packet-table.svelte-1qyjgxf{width:100%;border-collapse:collapse;font-size:11px}.packet-table.svelte-1qyjgxf thead:where(.svelte-1qyjgxf) th:where(.svelte-1qyjgxf){text-align:left;padding:6px 8px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap;position:sticky;top:0;background:var(--bg-2);z-index:1}.packet-table.svelte-1qyjgxf tbody:where(.svelte-1qyjgxf) td:where(.svelte-1qyjgxf){padding:4px 8px;border-bottom:1px solid var(--bg-3);color:var(--text-2);white-space:nowrap;cursor:pointer}.packet-table.svelte-1qyjgxf tbody:where(.svelte-1qyjgxf) tr:where(.svelte-1qyjgxf):hover{background:var(--bg-3)}.packet-table.svelte-1qyjgxf tbody:where(.svelte-1qyjgxf) tr.selected:where(.svelte-1qyjgxf){background:#8fe36a14}.packet-table.svelte-1qyjgxf tbody:where(.svelte-1qyjgxf) tr.selected:where(.svelte-1qyjgxf) td:where(.svelte-1qyjgxf){color:var(--text)}.packet-table.svelte-1qyjgxf tbody:where(.svelte-1qyjgxf) tr:where(.svelte-1qyjgxf):last-child td:where(.svelte-1qyjgxf){border-bottom:none}.col-time.svelte-1qyjgxf{width:110px;font-size:10px}.col-dir.svelte-1qyjgxf{width:50px}.col-endpoints.svelte-1qyjgxf{font-size:10px;max-width:280px;overflow:hidden;text-overflow:ellipsis}.col-len.svelte-1qyjgxf{width:60px;text-align:right}.col-preview.svelte-1qyjgxf{font-size:10px;color:var(--text-4);max-width:300px;overflow:hidden;text-overflow:ellipsis}.arrow.svelte-1qyjgxf{color:var(--text-4);margin:0 2px}.packet-inspector.svelte-1qyjgxf{width:420px;min-width:360px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.inspector-header.svelte-1qyjgxf{display:flex;align-items:center;gap:8px;margin-bottom:10px}.inspector-meta.svelte-1qyjgxf{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--bg-4)}.meta-row.svelte-1qyjgxf{display:flex;align-items:center;gap:8px;font-size:11px}.meta-label.svelte-1qyjgxf{width:90px;flex-shrink:0;color:var(--text-4);text-transform:uppercase;font-size:10px;letter-spacing:.3px}.meta-value.svelte-1qyjgxf{color:var(--text-2)}.inspector-tabs.svelte-1qyjgxf{display:flex;align-items:center;gap:4px;margin-bottom:8px}.tab-btn.svelte-1qyjgxf{padding:4px 12px;border-radius:var(--radius-sm);border:1px solid var(--bg-4);background:var(--bg-1);color:var(--text-3);font-size:11px;cursor:pointer;font-family:var(--font);transition:all .15s}.tab-btn.svelte-1qyjgxf:hover{color:var(--text-2);background:var(--bg-3)}.tab-btn.tab-active.svelte-1qyjgxf{background:var(--bg-4);color:var(--text);border-color:var(--accent);font-weight:600}.inspector-payload.svelte-1qyjgxf{flex:1;overflow:auto;min-height:0}.code-block.svelte-1qyjgxf{font-family:var(--mono);font-size:11px;line-height:1.6;background:var(--bg-0);border:1px solid var(--bg-3);border-radius:var(--radius-sm);padding:10px 12px;overflow:auto;color:var(--text-2);white-space:pre;-moz-tab-size:8;tab-size:8;max-height:calc(100vh - 520px)}.code-block.text-view.svelte-1qyjgxf{white-space:pre-wrap;word-break:break-all}.empty-state.svelte-1qyjgxf{color:var(--text-4);font-size:13px;padding:20px 0;text-align:center}.sessions-page.svelte-15gdqrj{display:flex;flex-direction:column;gap:20px}.page-header.svelte-15gdqrj{display:flex;align-items:baseline;gap:12px}.page-title.svelte-15gdqrj{font-size:22px;font-weight:700;color:var(--text)}.summary-grid.svelte-15gdqrj{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:500px}.stat-card.svelte-15gdqrj{display:flex;flex-direction:column;gap:4px}.stat-label.svelte-15gdqrj{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-15gdqrj{font-size:22px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.stat-sub.svelte-15gdqrj{font-size:11px;color:var(--text-4)}.table-section.svelte-15gdqrj{overflow:hidden}.table-wrap.svelte-15gdqrj{overflow-x:auto}table.svelte-15gdqrj{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-15gdqrj th:where(.svelte-15gdqrj){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap}tbody.svelte-15gdqrj td:where(.svelte-15gdqrj){padding:7px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2);white-space:nowrap}tbody.svelte-15gdqrj tr:where(.svelte-15gdqrj):hover{background:var(--bg-3)}tbody.svelte-15gdqrj tr:where(.svelte-15gdqrj):last-child td:where(.svelte-15gdqrj){border-bottom:none}.val-highlight.svelte-15gdqrj{color:var(--accent);font-weight:600}.val-warn.svelte-15gdqrj{color:var(--warn)}.empty-state.svelte-15gdqrj{color:var(--text-4);font-size:13px;padding:20px 0;text-align:center}.tls-page.svelte-r3p6dp{display:flex;flex-direction:column;gap:20px}.page-header.svelte-r3p6dp{display:flex;align-items:baseline;gap:12px}.page-title.svelte-r3p6dp{font-size:22px;font-weight:700;color:var(--text)}.page-subtitle.svelte-r3p6dp{font-size:12px;color:var(--text-3)}.cards-grid.svelte-r3p6dp{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.stat-card.svelte-r3p6dp{display:flex;flex-direction:column;gap:4px}.stat-label.svelte-r3p6dp{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-r3p6dp{font-size:20px;font-weight:700;color:var(--text)}.stat-sub.svelte-r3p6dp{font-size:11px;color:var(--text-4)}.ca-grid.svelte-r3p6dp{display:flex;flex-direction:column;gap:10px}.ca-item.svelte-r3p6dp{display:flex;flex-direction:column;gap:3px}.ca-label.svelte-r3p6dp{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.3px}.ca-value.svelte-r3p6dp{font-size:13px;color:var(--text);word-break:break-all}.badge-accent.svelte-r3p6dp{background:#8fe36a26;color:var(--accent)}.badge-info.svelte-r3p6dp{background:#6fafe826;color:var(--info)}.badge-muted.svelte-r3p6dp{background:#6e7a8426;color:var(--muted)}.table-section.svelte-r3p6dp{overflow:hidden}.table-wrap.svelte-r3p6dp{overflow-x:auto}table.svelte-r3p6dp{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-r3p6dp th:where(.svelte-r3p6dp){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap}tbody.svelte-r3p6dp td:where(.svelte-r3p6dp){padding:7px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2);white-space:nowrap}tbody.svelte-r3p6dp tr:where(.svelte-r3p6dp):hover{background:var(--bg-3)}tbody.svelte-r3p6dp tr:where(.svelte-r3p6dp):last-child td:where(.svelte-r3p6dp){border-bottom:none}.path-cell.svelte-r3p6dp{max-width:260px;overflow:hidden;text-overflow:ellipsis}.val-warn.svelte-r3p6dp{color:var(--warn)}.empty-card.svelte-r3p6dp{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.empty-icon.svelte-r3p6dp{color:var(--text-4)}.empty-title.svelte-r3p6dp{font-size:16px;font-weight:600;color:var(--text-2)}.empty-hint.svelte-r3p6dp{font-size:13px;color:var(--text-4);max-width:400px;line-height:1.5}.exporters-page.svelte-15dmgrs{display:flex;flex-direction:column;gap:20px}.page-header.svelte-15dmgrs{display:flex;align-items:baseline;gap:12px}.page-title.svelte-15dmgrs{font-size:22px;font-weight:700;color:var(--text)}.page-subtitle.svelte-15dmgrs{font-size:12px;color:var(--text-3)}.cards-grid.svelte-15dmgrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.stat-card.svelte-15dmgrs{display:flex;flex-direction:column;gap:4px}.stat-label.svelte-15dmgrs{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-15dmgrs{font-size:20px;font-weight:700;color:var(--text)}.stat-sub.svelte-15dmgrs{font-size:11px;color:var(--text-4)}.badge-accent.svelte-15dmgrs{background:#8fe36a26;color:var(--accent)}.badge-info.svelte-15dmgrs{background:#6fafe826;color:var(--info)}.val-warn.svelte-15dmgrs{color:var(--warn)}.table-section.svelte-15dmgrs{overflow:hidden}.table-wrap.svelte-15dmgrs{overflow-x:auto}table.svelte-15dmgrs{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-15dmgrs th:where(.svelte-15dmgrs){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap}tbody.svelte-15dmgrs td:where(.svelte-15dmgrs){padding:7px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2);white-space:nowrap}tbody.svelte-15dmgrs tr:where(.svelte-15dmgrs):hover{background:var(--bg-3)}tbody.svelte-15dmgrs tr:where(.svelte-15dmgrs):last-child td:where(.svelte-15dmgrs){border-bottom:none}.dest-cell.svelte-15dmgrs{max-width:340px;overflow:hidden;text-overflow:ellipsis}.section-toggle.svelte-15dmgrs{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0;color:var(--text)}.toggle-arrow.svelte-15dmgrs{font-size:11px;color:var(--text-4);transition:transform .15s}.protocol-ref.svelte-15dmgrs{margin-top:16px;padding-top:16px;border-top:1px solid var(--bg-4)}.ref-intro.svelte-15dmgrs{font-size:13px;color:var(--text-3);line-height:1.5;margin-bottom:16px}.ref-table-wrap.svelte-15dmgrs{overflow-x:auto}.ref-table.svelte-15dmgrs tbody:where(.svelte-15dmgrs) td:where(.svelte-15dmgrs){white-space:normal}.empty-card.svelte-15dmgrs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.empty-icon.svelte-15dmgrs{color:var(--text-4)}.empty-title.svelte-15dmgrs{font-size:16px;font-weight:600;color:var(--text-2)}.empty-hint.svelte-15dmgrs{font-size:13px;color:var(--text-4);max-width:400px;line-height:1.5}.events-page.svelte-oyama3{display:flex;flex-direction:column;gap:16px}.page-header.svelte-oyama3{display:flex;align-items:baseline;gap:12px}.page-title.svelte-oyama3{font-size:22px;font-weight:700;color:var(--text)}.page-count.svelte-oyama3{font-size:12px;color:var(--text-3)}.controls-row.svelte-oyama3{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.control-group.svelte-oyama3{display:flex;flex-direction:column;gap:4px}.control-group.svelte-oyama3 select:where(.svelte-oyama3){width:160px}.search-group.svelte-oyama3{flex:1;min-width:200px;max-width:400px}.btn-active.svelte-oyama3{background:var(--warn);color:var(--bg-0);border-color:var(--warn);font-weight:600}.btn-active.svelte-oyama3:hover{background:var(--warn);opacity:.9}.pause-indicator.svelte-oyama3{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--warn);font-weight:600;padding-bottom:8px}.pause-dot.svelte-oyama3{width:8px;height:8px;border-radius:50%;background:var(--warn);animation:svelte-oyama3-pulse 1.5s ease-in-out infinite}@keyframes svelte-oyama3-pulse{0%,to{opacity:1}50%{opacity:.3}}.table-section.svelte-oyama3{overflow:hidden}.table-wrap.svelte-oyama3{overflow-x:auto;max-height:calc(100vh - 260px);overflow-y:auto}table.svelte-oyama3{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-oyama3 th:where(.svelte-oyama3){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap;position:sticky;top:0;background:var(--bg-2);z-index:1}tbody.svelte-oyama3 td:where(.svelte-oyama3){padding:6px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2)}tbody.svelte-oyama3 tr:where(.svelte-oyama3):hover{background:var(--bg-3)}tbody.svelte-oyama3 tr:where(.svelte-oyama3):last-child td:where(.svelte-oyama3){border-bottom:none}.col-time.svelte-oyama3{width:130px;white-space:nowrap}.col-kind.svelte-oyama3{width:100px;white-space:nowrap}.detail-cell.svelte-oyama3{white-space:normal;word-break:break-all;color:var(--text-2)}.empty-state.svelte-oyama3{color:var(--text-4);font-size:13px;padding:20px 0;text-align:center}.logs-page.svelte-18loop9{display:flex;flex-direction:column;gap:16px}.page-header.svelte-18loop9{display:flex;align-items:baseline;gap:12px}.page-title.svelte-18loop9{font-size:22px;font-weight:700;color:var(--text)}.page-count.svelte-18loop9{font-size:12px;color:var(--text-3)}.controls-row.svelte-18loop9{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.control-group.svelte-18loop9{display:flex;flex-direction:column;gap:4px}.control-group.svelte-18loop9 select:where(.svelte-18loop9){width:140px}.search-group.svelte-18loop9{flex:1;min-width:200px;max-width:400px}.btn-active.svelte-18loop9{background:var(--warn);color:var(--bg-0);border-color:var(--warn);font-weight:600}.btn-active.svelte-18loop9:hover{background:var(--warn);opacity:.9}.pause-indicator.svelte-18loop9{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--warn);font-weight:600;padding-bottom:8px}.pause-dot.svelte-18loop9{width:8px;height:8px;border-radius:50%;background:var(--warn);animation:svelte-18loop9-pulse 1.5s ease-in-out infinite}@keyframes svelte-18loop9-pulse{0%,to{opacity:1}50%{opacity:.3}}.log-card.svelte-18loop9{padding:0;overflow:hidden}.log-stream.svelte-18loop9{max-height:calc(100vh - 260px);overflow-y:auto;overflow-x:auto;padding:12px 0}.log-pre.svelte-18loop9{margin:0;font-size:12px;line-height:1.65;white-space:pre;padding:0 16px}.log-line.svelte-18loop9{display:inline}.log-time.svelte-18loop9{color:var(--text-4)}.log-component.svelte-18loop9{color:var(--info)}.log-msg.svelte-18loop9{color:var(--text-2)}.level-error.svelte-18loop9{color:var(--err);font-weight:600}.level-warn.svelte-18loop9{color:var(--warn);font-weight:600}.level-info.svelte-18loop9{color:var(--text-3)}.empty-state.svelte-18loop9{color:var(--text-4);font-size:13px;padding:32px 0;text-align:center}.nft-page.svelte-m6bsi7{display:flex;flex-direction:column;gap:20px}.page-header.svelte-m6bsi7{display:flex;align-items:baseline;gap:12px}.page-title.svelte-m6bsi7{font-size:22px;font-weight:700;color:var(--text)}.page-subtitle.svelte-m6bsi7{font-size:12px;color:var(--text-3)}.cards-grid.svelte-m6bsi7{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.stat-card.svelte-m6bsi7{display:flex;flex-direction:column;gap:4px}.stat-label.svelte-m6bsi7{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-m6bsi7{font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.stat-sub.svelte-m6bsi7{font-size:11px;color:var(--text-4)}.status-dot.svelte-m6bsi7{width:8px;height:8px;border-radius:50%;background:var(--err);flex-shrink:0}.status-dot.available.svelte-m6bsi7{background:var(--ok);box-shadow:0 0 6px #70d98a80}.warning-panel.svelte-m6bsi7{display:flex;gap:12px;padding:14px 16px;background:#e6c15a0f;border:1px solid rgba(230,193,90,.25);border-radius:var(--radius)}.warning-icon.svelte-m6bsi7{color:var(--warn);flex-shrink:0;padding-top:1px}.warning-text.svelte-m6bsi7{font-size:13px;color:var(--text-2);line-height:1.55}.warning-text.svelte-m6bsi7 strong:where(.svelte-m6bsi7){color:var(--warn)}.error-banner.svelte-m6bsi7{padding:10px 14px;background:#e26d6d1a;border:1px solid rgba(226,109,109,.3);border-radius:var(--radius);font-size:13px;color:var(--err)}.preview-header.svelte-m6bsi7{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-actions.svelte-m6bsi7{display:flex;gap:6px}.code-block.svelte-m6bsi7{background:var(--bg-1);border:1px solid var(--bg-4);border-radius:var(--radius-sm);padding:14px 16px;font-size:12px;line-height:1.6;color:var(--text-2);overflow-x:auto;white-space:pre;max-height:400px;overflow-y:auto}.preview-empty.svelte-m6bsi7{padding:24px 0;text-align:center;color:var(--text-4);font-size:13px}.actions-row.svelte-m6bsi7{display:flex;gap:10px;flex-wrap:wrap}.table-wrap.svelte-m6bsi7{overflow-x:auto}table.svelte-m6bsi7{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-m6bsi7 th:where(.svelte-m6bsi7){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap}tbody.svelte-m6bsi7 td:where(.svelte-m6bsi7){padding:7px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2)}tbody.svelte-m6bsi7 tr:where(.svelte-m6bsi7):hover{background:var(--bg-3)}tbody.svelte-m6bsi7 tr:where(.svelte-m6bsi7):last-child td:where(.svelte-m6bsi7){border-bottom:none}.example-cell.svelte-m6bsi7{white-space:normal;word-break:break-all;max-width:420px;font-size:11px}.config-page.svelte-767znw{display:flex;flex-direction:column;gap:20px}.page-header.svelte-767znw{display:flex;align-items:baseline;gap:12px}.page-title.svelte-767znw{font-size:22px;font-weight:700;color:var(--text)}.info-row.svelte-767znw{display:flex;gap:12px;flex-wrap:wrap}.info-card.svelte-767znw{min-width:200px}.info-label.svelte-767znw{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value.svelte-767znw{font-size:15px;font-weight:600;color:var(--text)}.actions-row.svelte-767znw{display:flex;gap:8px;flex-wrap:wrap}.error-banner.svelte-767znw{padding:10px 14px;background:#e26d6d1a;border:1px solid rgba(226,109,109,.3);border-radius:var(--radius-sm);color:var(--err);font-size:13px}.table-section.svelte-767znw{overflow:hidden}.table-wrap.svelte-767znw{overflow-x:auto}table.svelte-767znw{width:100%;border-collapse:collapse;font-size:12px}thead.svelte-767znw th:where(.svelte-767znw){text-align:left;padding:8px 10px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bg-4);white-space:nowrap}tbody.svelte-767znw td:where(.svelte-767znw){padding:7px 10px;border-bottom:1px solid var(--bg-3);color:var(--text-2);white-space:nowrap}tbody.svelte-767znw tr:where(.svelte-767znw):hover{background:var(--bg-3)}tbody.svelte-767znw tr:where(.svelte-767znw):last-child td:where(.svelte-767znw){border-bottom:none}.muted-text.svelte-767znw{color:var(--text-4)}.toml-section.svelte-767znw{overflow:hidden}.toml-wrap.svelte-767znw{overflow-x:auto;max-height:500px;overflow-y:auto}.toml-block.svelte-767znw{margin:0;padding:16px;background:var(--bg-1);border-radius:var(--radius-sm);font-size:12px;line-height:1.6;color:var(--text-2);white-space:pre;border:1px solid var(--bg-4)}.empty-state.svelte-767znw{color:var(--text-4);font-size:13px;padding:20px 0;text-align:center}.system-page.svelte-7kogfr{display:flex;flex-direction:column;gap:20px}.page-header.svelte-7kogfr{display:flex;align-items:baseline;gap:12px}.page-title.svelte-7kogfr{font-size:22px;font-weight:700;color:var(--text)}.page-subtitle.svelte-7kogfr{font-size:12px;color:var(--text-3)}.cards-grid.svelte-7kogfr{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stat-card.svelte-7kogfr{display:flex;flex-direction:column;gap:4px}.stat-label.svelte-7kogfr{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-7kogfr{font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.stat-sub.svelte-7kogfr{font-size:11px;color:var(--text-4)}.config-path.svelte-7kogfr{font-size:13px;font-weight:500;word-break:break-all}.status-dot.svelte-7kogfr{width:8px;height:8px;border-radius:50%;background:var(--err);flex-shrink:0}.status-dot.running.svelte-7kogfr{background:var(--ok);box-shadow:0 0 6px #70d98a80}.features-grid.svelte-7kogfr{display:flex;flex-wrap:wrap;gap:8px}.info-grid.svelte-7kogfr{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.info-item.svelte-7kogfr{display:flex;flex-direction:column;gap:3px}.info-label.svelte-7kogfr{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.3px}.info-value.svelte-7kogfr{font-size:13px;color:var(--text)}.empty-state.svelte-7kogfr{color:var(--text-4);font-size:13px;padding:12px 0}.app-layout.svelte-1n46o8q{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.main-content.svelte-1n46o8q{overflow-y:auto;padding:24px;background:var(--bg-0)}:root{--bg-0: #0B0F10;--bg-1: #11161A;--bg-2: #161C21;--bg-3: #1B2329;--bg-4: #232D34;--accent: #8FE36A;--accent-2: #5CCB7B;--accent-strong: #A6F77B;--ok: #70D98A;--warn: #E6C15A;--err: #E26D6D;--info: #6FAFE8;--muted: #6E7A84;--text: #E6EDF3;--text-2: #A9B4BC;--text-3: #7F8A93;--text-4: #5C6770;--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--sidebar-w: 240px;--topbar-h: 56px;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-0);color:var(--text);font-size:13px;line-height:1.5}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}.mono{font-family:var(--mono)}.btn{padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--bg-4);background:var(--bg-2);color:var(--text-2);font-size:12px;cursor:pointer;transition:all .15s;font-family:var(--font)}.btn:hover{background:var(--bg-3);color:var(--text)}.btn-accent{background:var(--accent);color:var(--bg-0);border-color:var(--accent);font-weight:600}.btn-accent:hover{background:var(--accent-strong)}.btn-danger{border-color:var(--err);color:var(--err)}.btn-danger:hover{background:#e26d6d26}.btn-sm{padding:4px 10px;font-size:11px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-tcp{background:#6fafe826;color:var(--info)}.badge-udp{background:#8fe36a26;color:var(--accent)}.badge-ok{background:#70d98a26;color:var(--ok)}.badge-warn{background:#e6c15a26;color:var(--warn)}.badge-err{background:#e26d6d26;color:var(--err)}.card{background:var(--bg-2);border:1px solid var(--bg-4);border-radius:var(--radius);padding:16px}.section-title{font-size:16px;font-weight:600;margin-bottom:12px}input,select,textarea{padding:8px 12px;background:var(--bg-1);border:1px solid var(--bg-4);border-radius:var(--radius-sm);color:var(--text);font-size:13px;width:100%;font-family:var(--font);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input.mono,textarea.mono{font-family:var(--mono)}label{display:block;font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}