.lab-section{margin-top:3rem}.lab-section>h2{letter-spacing:.02em;margin-bottom:.35rem;font-size:1.1rem}.lab-section>p{color:var(--color-text-secondary);max-width:68ch;margin-bottom:1rem}.lab-widget{border:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);display:grid}.lab-widget-single{grid-template-columns:minmax(0,1fr)}.lab-widget-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-source-pane,.lab-pane{min-width:0;padding:1rem}.lab-source-pane{border-right:1px solid var(--color-border);flex-direction:column;gap:.75rem;display:flex}.lab-widget-3 .lab-pane+.lab-pane{border-left:1px solid var(--color-border)}.lab-pane-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin:.5rem 0;font-size:.8rem}.lab-note{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.5}.lab-error{border-left:3px solid var(--color-critical);color:var(--color-critical);margin:.5rem 0;padding-left:.6rem;font-size:.82rem}.lab-presets{flex-wrap:wrap;gap:.4rem;display:flex}.lab-preset,.lab-packet,.lab-event,.lab-node{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font:inherit;text-align:left;min-height:44px;padding:.5rem .7rem;font-size:.78rem}.lab-preset{align-items:center;display:inline-flex}.lab-preset:hover,.lab-packet:hover,.lab-event:hover,.lab-node:hover{border-color:var(--color-border-strong)}.lab-preset.is-selected,.lab-packet.is-selected,.lab-event.is-selected,.lab-node.is-selected{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-text)}.lab-preset:focus-visible,.lab-packet:focus-visible,.lab-event:focus-visible,.lab-node:focus-visible,.lab-field input:focus-visible,.lab-field select:focus-visible,.lab-check input:focus-visible,.lab-drop input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.lab-drop{border:1px dashed var(--color-border-strong);flex-direction:column;gap:.4rem;padding:.8rem;display:flex}.lab-drop.is-active{border-color:var(--color-accent);background:var(--color-accent-subtle)}.lab-drop label{color:var(--color-text-secondary);font-size:.78rem}.lab-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem 1rem;margin:0;display:grid}.lab-summary dt{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.lab-summary dd{margin:.1rem 0 0;font-size:.82rem}.lab-packets,.lab-events,.lab-tree,.lab-node-children,.lab-anomalies,.lab-outcomes,.lab-hits,.lab-explanation{margin:0;padding:0;list-style:none}.lab-packets,.lab-events{flex-direction:column;gap:.3rem;max-height:22rem;display:flex;overflow:auto}.lab-packet{gap:.5rem;width:100%;display:flex}.lab-packet-index{color:var(--color-accent-dim);flex-shrink:0}.lab-packet-summary{overflow-wrap:anywhere;flex:1;min-width:0}.lab-packet-flag{color:var(--color-high);flex-shrink:0}.lab-tree{font-size:.78rem}.lab-node{gap:.5rem;width:100%;margin-bottom:.2rem;display:flex}.lab-node-label{color:var(--color-accent-dim);flex-shrink:0}.lab-node-detail{overflow-wrap:anywhere;flex:1;min-width:0}.lab-node-range{color:var(--color-text-muted);flex-shrink:0;font-size:.72rem}.lab-node-children{border-left:1px solid var(--color-border);margin-left:.5rem;padding-left:.6rem}.lab-hexdump,.lab-json,.lab-yaml,.lab-code{background:var(--color-ink);border:1px solid var(--color-border);color:var(--color-text);white-space:pre;max-height:18rem;margin:.4rem 0 0;padding:.6rem;font-size:.72rem;line-height:1.45;overflow:auto}.lab-yaml{white-space:pre-wrap;max-height:24rem}.lab-anomalies{flex-direction:column;gap:.5rem;display:flex}.lab-anomalies li{border-left:3px solid var(--color-border-strong);gap:.6rem;padding-left:.6rem;display:flex}.lab-anomalies li[data-severity=high]{border-left-color:var(--color-critical)}.lab-anomalies li[data-severity=medium]{border-left-color:var(--color-high)}.lab-anomalies li[data-severity=low]{border-left-color:var(--color-emerald)}.lab-severity{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;width:3.4rem;font-size:.7rem}.lab-anomaly-body{flex-direction:column;gap:.15rem;min-width:0;font-size:.78rem;display:flex}.lab-event{flex-direction:column;gap:.25rem;width:100%;display:flex}.lab-event.is-matched{border-left:3px solid var(--color-critical)}.lab-event-head{gap:.6rem;font-size:.76rem;display:flex}.lab-event-fields{color:var(--color-text-muted);overflow-wrap:anywhere;flex-direction:column;gap:.1rem;font-size:.72rem;display:flex}.lab-toggles{border:1px solid var(--color-border);flex-direction:column;gap:.3rem;margin:.6rem 0;padding:.6rem;display:flex}.lab-toggles legend{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;padding:0 .4rem;font-size:.7rem}.lab-check{align-items:center;gap:.5rem;min-height:32px;font-size:.78rem;display:flex}.lab-field{flex-direction:column;gap:.3rem;margin:.5rem 0;font-size:.78rem;display:flex}.lab-field>span{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.lab-field input[type=text],.lab-field select{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text);font:inherit;width:100%;min-height:44px;padding:.5rem .6rem}.lab-field input[type=range]{accent-color:var(--color-accent);width:100%;min-height:44px}.lab-verdict{letter-spacing:.08em;margin:.4rem 0;font-size:.95rem}.lab-verdict.is-fire{color:var(--color-critical)}.lab-verdict.is-clear{color:var(--color-emerald)}.lab-outcomes{flex-direction:column;gap:.6rem;display:flex}.lab-outcomes>li{border-left:3px solid var(--color-border-strong);flex-direction:column;gap:.2rem;padding-left:.6rem;font-size:.78rem;display:flex}.lab-outcomes>li[data-matched=true]{border-left-color:var(--color-critical)}.lab-hits{overflow-wrap:anywhere;font-size:.74rem}.lab-explanation{color:var(--color-text-secondary);flex-direction:column;gap:.3rem;font-size:.76rem;display:flex}.lab-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.lab-column-label{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.7rem}.lab-code-pack{color:var(--color-accent-dim)}.lab-elided{color:var(--color-text-muted);font-style:italic;display:block}@media (max-width:900px){.lab-widget,.lab-widget-3,.lab-columns{grid-template-columns:minmax(0,1fr)}.lab-source-pane{border-right:0;border-bottom:1px solid var(--color-border)}.lab-widget-3 .lab-pane+.lab-pane{border-left:0;border-top:1px solid var(--color-border)}}@media (prefers-reduced-motion:reduce){.lab-widget *{transition:none!important}}