.fw-board { display: grid; gap: 10px; }
.fw-meta { font-size: 13px; color: #d1d5db; }
.fw-flow { position: relative; border: 1px solid #334155; border-radius: 10px; padding: 10px; background: #0b1220; overflow: hidden; }
.fw-track { display: flex; gap: 8px; flex-wrap: wrap; margin-left: 32px; }
.fw-trace { border: 1px solid #334155; border-radius: 999px; padding: 3px 8px; font-size: 12px; color: #93c5fd; }
.fw-trace-hit { border-color: #10b981; color: #10b981; }
.fw-packet { position: absolute; left: 8px; top: 14px; width: 14px; height: 14px; border-radius: 999px; background: #f59e0b; }
.fw-packet-go { animation: fwMove 1.2s ease; }
@keyframes fwMove { from { transform: translateX(0); } to { transform: translateX(92%); } }
.fw-rules { display: grid; gap: 8px; }
.fw-rule { border: 1px solid #334155; border-radius: 10px; background: #0f172a; padding: 10px; }
.fw-rule-head { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: #e2e8f0; }
.fw-note { margin-top: 4px; font-size: 12px; color: #94a3b8; }
.fw-hit { border-color: #10b981; box-shadow: 0 0 0 1px #10b981 inset; }
.fw-empty { color: #94a3b8; }