:root{--canvas:#edeff2;--surface:#fff;--surface-2:#f5f6f8;--line:#dfe3e8;--line-strong:#c9ced6;--ink:#17191e;--ink-2:#646b78;--ink-3:#9aa1ad;--accent:#3457d5;--accent-soft:#3457d51f;--up:#1e9e5a;--warn:#c98a10;--danger:#d64541;--danger-soft:#d645411a;--tile:#fff;--tile-line:#c9ced6;--wire:#6f7785;--grid-dot:#cfd4db;--pkt-arp:#e0a526;--pkt-dhcp:#2ba84a;--pkt-icmp:#2b8fd6;--pkt-tcp:#8b5cf6;--pkt-dns:#14b8a6;--zone-gray:#646b7812;--zone-gray-line:#646b7873;--zone-blue:#3457d512;--zone-blue-line:#3457d580;--zone-green:#1e9e5a14;--zone-green-line:#1e9e5a80;--zone-amber:#c98a1017;--zone-amber-line:#c98a108c;--font:"Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:8px;--topbar-h:44px;--palette-w:72px;--inspector-w:304px}:root[data-theme=dark]{--canvas:#15171c;--surface:#1e2128;--surface-2:#262a32;--line:#30353e;--line-strong:#3d434e;--ink:#e8eaee;--ink-2:#9aa1ad;--ink-3:#6b7280;--accent:#7a93ff;--accent-soft:#7a93ff29;--up:#3ccf7a;--warn:#e0a526;--danger:#f0605c;--danger-soft:#f0605c24;--tile:#262a32;--tile-line:#4a515d;--wire:#8b93a1;--grid-dot:#2b3038;--zone-gray:#9aa1ad14;--zone-gray-line:#9aa1ad73;--zone-blue:#7a93ff17;--zone-blue-line:#7a93ff8c;--zone-green:#1e9e5a1a;--zone-green-line:#4ac2828c;--zone-amber:#c98a101a;--zone-amber-line:#e6aa328c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:13px/1.45 var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--ink-3)}h2,h3,p,ul{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-rows:var(--topbar-h) minmax(0, 1fr) auto;height:100%;display:grid}.body{grid-template-columns:var(--palette-w) minmax(0, 1fr) var(--inspector-w);min-height:0;display:grid;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;display:grid}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;display:inline-flex}.topbar-center{align-items:center;gap:10px;display:flex}.transport{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;gap:2px;padding:2px;display:flex}.transport .icon-btn:disabled{opacity:.35;cursor:default}.transport .speed{height:26px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 6px;font-size:12px}.transport .clock{text-align:right;min-width:84px;color:var(--ink-2);font-variant-numeric:tabular-nums;padding:0 10px 0 6px;font-size:12px}.doc-meta{color:var(--ink-3);white-space:nowrap;font-size:12px}.topbar-right{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}@media (width<=1400px){.doc-meta,.doc-meta+.vsep{display:none}}.vsep{background:var(--line);width:1px;height:18px;margin:0 4px}.btn{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;height:30px;padding:0 12px;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{border-color:#0000}select.btn.example{appearance:none;text-overflow:ellipsis;white-space:nowrap;width:124px;padding-right:12px;overflow:hidden}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.danger{color:var(--danger);background:var(--danger-soft);border-color:#0000;justify-content:center;width:100%}.btn.wide{justify-content:center;width:100%;margin-top:8px}.btn.small{height:24px;padding:0 8px;font-size:12px}.icon-btn{border-radius:var(--radius);width:30px;height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.palette{background:var(--surface);border-right:1px solid var(--line);-webkit-user-select:none;user-select:none;scrollbar-width:none;flex-direction:column;gap:2px;min-height:0;padding:6px 8px;display:flex;overflow-y:auto}.palette-group{flex-direction:column;gap:2px;display:flex}.palette-sep{background:var(--line);flex-shrink:0;height:1px;margin:4px}.tool{border-radius:var(--radius);color:var(--ink-2);cursor:pointer;touch-action:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:6px 0 5px;font-size:11px;display:flex}.tool:hover{background:var(--surface-2);color:var(--ink)}.tool.on{background:var(--accent-soft);color:var(--accent)}.tool.item{cursor:grab}.drag-ghost{z-index:50;pointer-events:none;background:var(--tile);border:1px solid var(--accent);width:48px;height:48px;color:var(--ink);border-radius:10px;place-items:center;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000024}.canvas-wrap{min-width:0;min-height:0;position:relative;overflow:hidden}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tool-cable .canvas{cursor:crosshair}.grid-dot{fill:var(--grid-dot)}.grid-bg{cursor:grab}.legend{background:var(--surface);border:1px solid var(--line);color:var(--ink-3);border-radius:6px;gap:12px;padding:4px 10px;font-size:11px;display:flex;position:absolute;bottom:10px;left:12px}.legend i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.legend .arp{background:var(--pkt-arp)}.legend .dhcp{background:var(--pkt-dhcp)}.legend .icmp{background:var(--pkt-icmp)}.legend .tcp{background:var(--pkt-tcp)}.legend .dns{background:var(--pkt-dns)}.zoom{background:var(--surface);border:1px solid var(--line);color:var(--ink-3);border-radius:6px;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:11px;display:flex;position:absolute;bottom:10px;right:12px}.zoom .icon-btn{width:22px;height:22px;color:var(--ink-2)}.zoom .mono{text-align:right;min-width:34px}.canvas-empty{color:var(--ink-2);pointer-events:none;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.canvas-empty .btn{pointer-events:auto}.device{cursor:grab}.device .tile{fill:var(--tile);stroke:var(--tile-line);stroke-width:1px}.device .glyph{color:var(--ink)}.device.selected .tile{stroke:var(--accent);stroke-width:2px}.zone .zone-body{pointer-events:none;fill:var(--zone-gray)}.zone .zone-edge{fill:none;stroke:var(--zone-gray-line);stroke-width:1px;stroke-dasharray:5 4;pointer-events:stroke;cursor:grab}.zone.tint-blue .zone-body{fill:var(--zone-blue)}.zone.tint-blue .zone-edge{stroke:var(--zone-blue-line)}.zone.tint-green .zone-body{fill:var(--zone-green)}.zone.tint-green .zone-edge{stroke:var(--zone-green-line)}.zone.tint-amber .zone-body{fill:var(--zone-amber)}.zone.tint-amber .zone-edge{stroke:var(--zone-amber-line)}.zone.selected .zone-edge{stroke:var(--accent);stroke-dasharray:none;stroke-width:1.5px}.zone .zone-label{cursor:grab}.zone .zone-label rect{fill:var(--surface);stroke:var(--zone-gray-line);stroke-width:1px}.zone.tint-blue .zone-label rect{stroke:var(--zone-blue-line)}.zone.tint-green .zone-label rect{stroke:var(--zone-green-line)}.zone.tint-amber .zone-label rect{stroke:var(--zone-amber-line)}.zone.selected .zone-label rect{stroke:var(--accent)}.zone .zone-label text{fill:var(--ink-2);pointer-events:none;font-size:12px;font-weight:600}.zone .zone-handle{fill:var(--surface);stroke:var(--accent);stroke-width:1.5px;cursor:nwse-resize}.marquee.zone-draft{stroke-dasharray:5 4;fill:var(--zone-gray)}.tool-zone .canvas{cursor:crosshair}.zone-swatch{background:var(--zone-gray);border:1px solid var(--zone-gray-line);vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.zone-swatch.tint-blue{background:var(--zone-blue);border-color:var(--zone-blue-line)}.zone-swatch.tint-green{background:var(--zone-green);border-color:var(--zone-green-line)}.zone-swatch.tint-amber{background:var(--zone-amber);border-color:var(--zone-amber-line)}.marquee{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.device.targeted .tile{stroke:var(--accent);stroke-width:2px;stroke-dasharray:4 3}.device.source .tile{stroke:var(--accent)}.device .port{fill:var(--surface);stroke:var(--tile-line);stroke-width:1px}.device .port.used{fill:var(--ink);stroke:var(--ink)}.device .port.trunk{stroke:var(--accent);stroke-width:2px}.device .port.trunk.used{fill:var(--accent)}.device .name{font-family:var(--font);text-anchor:middle;fill:var(--ink);pointer-events:none;font-size:13px;font-weight:600}.device .addr{font-family:var(--mono);text-anchor:middle;fill:var(--ink-2);pointer-events:none;font-size:11px}.device .status{font-family:var(--font);text-anchor:middle;fill:var(--warn);pointer-events:none;font-size:11px}.device .status.muted{fill:var(--ink-3)}.device .addr.ok{fill:var(--ink-2)}.device.wide .name,.device.wide .addr,.device.wide .status{text-anchor:start}.badge rect{fill:var(--surface);stroke:var(--line-strong);stroke-width:1px}.badge text{font-family:var(--font);fill:var(--ink-2);text-anchor:middle;pointer-events:none;font-size:10px;font-weight:600}.wifi-range{fill:var(--accent);fill-opacity:.035;stroke:var(--accent);stroke-opacity:.22;stroke-width:1px;stroke-dasharray:3 5;pointer-events:none}.wifi-link{stroke:var(--accent);stroke-opacity:.6;stroke-width:1.5px;stroke-dasharray:2 5;stroke-linecap:round;pointer-events:none}.cable .hit{fill:none;stroke:#0000;stroke-width:14px;cursor:pointer}.cable .wire{fill:none;stroke:var(--wire);stroke-width:2px;pointer-events:none}.cable:hover .wire{stroke:var(--ink)}.cable.selected .wire{stroke:var(--accent);stroke-width:2.5px}.draft path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 5;pointer-events:none}.packet{pointer-events:none}.packet circle{stroke:var(--canvas);stroke-width:2px}.packet.arp circle{fill:var(--pkt-arp)}.packet.dhcp circle{fill:var(--pkt-dhcp)}.packet.icmp circle{fill:var(--pkt-icmp)}.packet.tcp circle{fill:var(--pkt-tcp)}.packet.dns circle{fill:var(--pkt-dns)}.packet.lost path{stroke:#fff;stroke-width:2px;stroke-linecap:round}.packet text{font-family:var(--font);text-anchor:middle;fill:var(--ink);paint-order:stroke;stroke:var(--canvas);stroke-width:3px;stroke-linejoin:round;font-size:11px;font-weight:500}.inspector{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.inspector-scroll{flex:1;min-height:0;overflow-y:auto}.inspector.collapsed{align-items:center;padding-top:6px;overflow:hidden}.inspector.collapsed .icon-btn{width:24px;height:24px}.inspector-resize{cursor:col-resize;z-index:3;width:6px;position:absolute;top:0;bottom:0;left:-3px}.inspector-resize:hover{background:var(--accent-soft)}.inspector-tools{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:2px;height:32px;padding:0 8px;display:flex;position:sticky;top:0}.inspector-tools .icon-btn{width:26px;height:26px;color:var(--ink-3)}.inspector-tools .icon-btn:hover{color:var(--ink)}.panel-head{border-bottom:1px solid var(--line);color:var(--ink-2);align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.panel-head h2{color:var(--ink);font-size:14px;font-weight:600}.panel-head p{color:var(--ink-3);font-size:12px}.section{border-bottom:1px solid var(--line);padding:12px 16px 14px}.section h3{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.section h3 .chev{color:var(--ink-3);transition:transform .15s}.section.collapsed{padding-bottom:12px}.section.collapsed h3{margin-bottom:0}.section.collapsed h3 .chev{transform:rotate(-90deg)}.field{grid-template-columns:92px 1fr;align-items:start;gap:8px;padding:5px 0;display:grid}.field label{color:var(--ink-2);padding-top:7px;line-height:16px}.field label small{font-family:var(--mono);color:var(--ink-3);font-size:11px;display:block}.inspector.wide .field{grid-template-columns:132px 1fr}.inspector.wide .pool-row{grid-template-columns:72px minmax(0,1fr) auto minmax(0,1fr) 30px}.input{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);width:100%;height:30px;padding:0 10px}.input:hover{border-color:var(--ink-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input.mono{font-family:var(--mono);font-size:12px}.has-error .input{border-color:var(--danger)}.error{color:var(--danger);margin-top:4px;font-size:11px}.prefix{align-items:center;gap:6px;display:flex}.prefix input{width:64px}.note{color:var(--ink-3);padding-top:4px;font-size:12px;line-height:1.5}.stat-row{color:var(--ink-2);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:5px 0;display:grid}.stat-row span{white-space:nowrap}.stat-row b{color:var(--ink);text-align:right;overflow-wrap:anywhere;font-weight:500}.hints{color:var(--ink-2);padding-left:16px;font-size:12px;line-height:1.6}.port-row{grid-template-columns:10px 64px 1fr;align-items:center;gap:8px;padding:4px 0;display:grid}.port-row .dot{border:1px solid var(--ink-3);border-radius:50%;width:7px;height:7px}.port-row .dot.up{background:var(--up);border-color:var(--up)}.port-row .peer{color:var(--ink)}.port-row .peer.none{color:var(--ink-3)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--ink-3);padding:2px 0 4px;font-size:11px;font-weight:500}.table td{border-top:1px solid var(--line);padding:3px 0;font-size:12px}.table td.empty{color:var(--ink-3);font-style:normal;font-family:var(--font)}.ping-row{gap:6px;display:flex}.route-row{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto 56px 30px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 0 8px;font-size:12px;display:grid}.route-row .via{grid-column:2/5}.route-row .icon-btn{grid-area:1/5}.route-row .route-error{grid-column:1/-1;margin-top:0}.route-row .prefix-in{padding:0 6px}.error-note{color:var(--danger)}.ok-note{color:var(--up)}.section h3.sub{margin-top:12px}.pool-row{border-bottom:1px solid var(--line);grid-template-columns:60px minmax(0,1fr) auto minmax(0,1fr) 30px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 0 8px;font-size:12px;display:grid}.pool-row .prefix-in{grid-column:2/3;width:64px}.pool-row .pool-error{grid-column:1/-1;margin-top:0}.fwd-row{grid-template-columns:auto 64px auto minmax(0,1fr) auto 64px 30px;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:grid}.fwd-row .port{padding:0 6px}.fwd-row .fwd-error{grid-column:1/-1;margin-top:0}.fw-rule{border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 0 8px;font-size:12px}.fw-line{align-items:center;gap:4px;margin-bottom:4px;display:grid}.fw-line:first-child{grid-template-columns:18px minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}.fw-line.fw-addr{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto 52px;padding-left:22px}.fw-line.fw-actions{grid-template-columns:30px 30px 30px;justify-content:end;margin-bottom:0}.fw-idx{color:var(--ink-3);text-align:right;font-size:11px}.fw-line select.input,.fw-line .port{padding:0 6px}.fw-line .icon-btn:disabled{opacity:.3;cursor:default}.fw-line .icon-btn .up{transform:rotate(180deg)}.fw-rule .error{margin-top:4px}.vlan-grid{flex-direction:column;gap:4px;display:flex}.vlan-row{grid-template-columns:44px 16px minmax(0,1fr) 64px;align-items:center;gap:6px;font-size:12px;display:grid}.vlan-swatch{width:14px;height:14px;color:var(--accent);border:1px solid var(--line-strong);border-radius:3px;place-items:center;font-size:9px;font-weight:700;display:inline-grid}.vlan-row select.input{padding:0 6px}.subif-row{border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 0 8px;font-size:12px}.fw-line.subif-line{grid-template-columns:minmax(0,1fr) auto 64px 30px}.fw-line.subif-addr{grid-template-columns:minmax(0,1fr) auto 56px}.record-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 30px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.record-row .record-error{grid-column:1/-1;margin-top:0}.ping-row .input{flex:1;min-width:0}.ping-row .input.port{flex:0 0 60px;padding:0 6px}.tcp-row{margin-top:8px}.ping-row .btn{flex-shrink:0;padding:0 10px}.ping-log{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ping-log li{color:var(--ink-2);justify-content:space-between;gap:8px;font-size:12px;display:flex}.ping-log li.ok span:last-child{color:var(--up)}.ping-log li.failed span:last-child{color:var(--danger)}.lint-badge circle{fill:var(--warn);stroke:var(--canvas);stroke-width:2px}.lint-badge.error circle{fill:var(--danger)}.lint-badge text{fill:#fff;text-anchor:middle;pointer-events:none;font-size:11px;font-weight:700}.lint-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lint-item{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:8px;font-size:12px;display:grid}.lint-dot{background:var(--warn);border-radius:50%;width:8px;height:8px;margin-top:5px}.lint-item.error .lint-dot{background:var(--danger)}.lint-msg{color:var(--ink)}.lint-fix{color:var(--ink-2);margin-top:2px}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.trace-result{margin-top:8px;font-size:12px}.trace-head{color:var(--ink-2);justify-content:space-between;gap:8px;display:flex}.trace-result.done .trace-head span:last-child{color:var(--up)}.trace-result.failed .trace-head span:last-child{color:var(--danger)}.trace-hops{margin:4px 0 0;padding:0;list-style:none}.trace-hops li{border-top:1px solid var(--line);color:var(--ink);grid-template-columns:20px minmax(0,1fr) auto auto;gap:8px;padding:2px 0;display:grid}.trace-hops .ttl,.trace-hops .who,.trace-hops .rtt{color:var(--ink-3)}.ping-table{margin-top:8px}.ping-table tr.ok td:last-child{color:var(--up)}.ping-table tr.failed td:last-child{color:var(--danger)}.btn-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.btn-row .btn{justify-content:center;width:100%}.segmented{border-radius:var(--radius);background:var(--surface-2);grid-auto-columns:1fr;grid-auto-flow:column;margin-bottom:6px;padding:2px;display:grid}.segmented button{height:26px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px}.segmented button.on{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:0 1px 2px #00000014}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 8px;display:flex}.toggle-row small{font-size:11px;line-height:1.4;display:block}.toggle{background:var(--line-strong);border-radius:10px;width:34px;height:20px;transition:background .15s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--up)}.toggle.on:after{transform:translate(14px)}.log{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;display:flex}.log-head{align-items:center;gap:12px;height:34px;padding:0 12px 0 4px;display:flex}.log-toggle{height:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;display:flex}.log-toggle:hover{color:var(--ink)}.log-toggle .chev{transition:transform .15s}.log.open .chev{transform:rotate(180deg)}.log-toggle .count{color:var(--ink-3);background:var(--surface-2);border-radius:999px;padding:1px 6px;font-size:11px}.layer-filters{gap:4px;display:flex}.chip{border:1px solid var(--line);height:22px;color:var(--ink-3);font-size:11px;font-family:var(--mono);cursor:pointer;background:0 0;border-radius:999px;padding:0 9px}.chip.on{color:var(--ink);border-color:var(--line-strong);background:var(--surface-2)}.log-head .btn.ghost{margin-left:auto}.log-list{border-top:1px solid var(--line);height:240px;margin:0;padding:4px 0;font-size:12px;list-style:none;overflow-y:auto}.log-empty{color:var(--ink-3);padding:12px 16px}.row{cursor:pointer;grid-template-columns:72px 88px 34px minmax(0,1fr);align-items:baseline;gap:10px;padding:3px 16px;display:grid}.row:hover{background:var(--surface-2)}.row .t{color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.row .who{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row .layer{color:var(--ink-3);font-size:11px}.row .summary{color:var(--ink-2)}.row.bad .summary{color:var(--danger)}.row.action .summary{color:var(--accent);font-weight:500}.row .cat{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.row .cat.arp{background:var(--pkt-arp)}.row .cat.dhcp{background:var(--pkt-dhcp)}.row .cat.icmp{background:var(--pkt-icmp)}.row .cat.tcp{background:var(--pkt-tcp)}.row .cat.dns{background:var(--pkt-dns)}.row .details{background:var(--surface-2);color:var(--ink-2);font-family:var(--mono);white-space:pre-wrap;border-radius:6px;grid-column:1/-1;margin:2px 0 4px;padding:8px 10px;font-size:11px}.toast{border-radius:var(--radius);background:var(--ink);color:var(--canvas);padding:8px 14px;font-size:12px;position:fixed;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@media (prefers-reduced-motion:reduce){*{transition:none!important}}