@layer lab-base{:root{--ax-where:#1971c2;--ax-store:#c2410c;--ax-verify:#2f9e44}button.vega-btn{font-size:12.5px}@media (prefers-reduced-motion:reduce){vega-card,button.vega-btn,.flow .step{transition:none!important;animation:none!important}}.flow{flex-direction:column;gap:0;margin:12px 0;display:flex}.flow .step{border-bottom:1px dashed var(--line-strong);gap:12px;padding:13px 2px;display:flex}.flow .step:last-child{border-bottom:none}.flow .step .n{width:26px;height:26px;font-family:var(--mono);background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.flow .step .body{flex:1}.flow .step .body .who{font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;color:#fff;border-radius:999px;margin-bottom:5px;padding:2px 8px;font-size:9.5px;font-weight:600;display:inline-block}.flow .step .who.client{background:#1971c2}.flow .step .who.authn{background:#6741d9}.flow .step .who.server{background:#0c8599}.flow .step .body p{margin:0;font-size:13.5px;line-height:1.6}.flow .step .body code{font-size:.84em}.axes{grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;display:grid}@media (width<=700px){.axes{grid-template-columns:1fr}}.axis{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#fff;border-top-width:5px;border-radius:16px;padding:14px}.axis.where{border-top-color:var(--ax-where)}.axis.store{border-top-color:var(--ax-store)}.axis.verify{border-top-color:var(--ax-verify)}.axis h4{font-family:var(--display);color:var(--ink);margin:0 0 2px;font-size:14px;font-weight:600}.axis .q{color:var(--muted);margin:0 0 10px;font-size:11.5px;line-height:1.5}.axis .api{font-family:var(--mono);color:var(--accent-deep);font-size:10.5px;font-weight:600}.axis .vals{flex-direction:column;gap:6px;display:flex}.axis .vals .vega-btn{text-align:left;width:100%}.axis.where .vals .vega-btn.on{background:var(--ax-where);border-color:var(--ax-where)}.axis.store .vals .vega-btn.on{background:var(--ax-store);border-color:var(--ax-store)}.axis.verify .vals .vega-btn.on{background:var(--ax-verify);border-color:var(--ax-verify)}.optgrid{grid-template-columns:max-content 1fr;align-items:center;gap:9px 16px;margin:4px 0;display:grid}.optgrid>label{font-family:var(--mono);color:var(--accent-deep);font-size:12px;font-weight:600}.optgrid .seg{flex-wrap:wrap;gap:6px;display:flex}.optline{padding:1px 16px;line-height:1.7;transition:background .15s;display:block}.optline.lit{background:var(--hi)}.optgrid label.on-doc{color:var(--accent)}div.vega-lab:has(>.plain-lab){box-shadow:none;background:0 0;border:none;margin:14px 0;overflow:visible}.kp{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}@media (width<=640px){.kp{grid-template-columns:1fr}}.kp .side{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:14px 16px}.kp .side.bad{background:var(--bad-soft);border-color:#f7c9cf}.kp .side.good{background:var(--good-soft);border-color:#c7f0db}.kp .side h4{font-family:var(--display);margin:0 0 8px;font-size:14px;font-weight:600}.kp .side.bad h4{color:#b4232f}.kp .side.good h4{color:#197a4b}.kp .side p{margin:0;font-size:13px;line-height:1.65}.kp .side .icon{font-size:22px}.kv{border:1px solid var(--line-strong);border-radius:12px;grid-template-columns:max-content 1fr;gap:0;margin:8px 0;display:grid;overflow:hidden}.kv .row{display:contents}.kv .k{font-family:var(--mono);background:var(--accent-soft);color:var(--accent-deep);border-bottom:1px solid var(--line);padding:10px 13px;font-size:12px;font-weight:600}.kv .v{color:var(--ink-soft);border-bottom:1px solid var(--line);word-break:break-word;background:#fff;padding:10px 13px;font-size:13px;line-height:1.6}.kv .v code{font-size:.84em}.kv .row:last-child .k,.kv .row:last-child .v{border-bottom:none}.kv .row.on-doc .k{background:var(--accent);color:#fff}.kv .row.on-doc .v{background:var(--accent-soft)}.detect .v.yes{color:var(--good);font-weight:600}.detect .v.no{color:var(--bad);font-weight:600}.detect .v.unknown{color:var(--muted);font-style:italic}.tscroll{margin:8px 0;overflow-x:auto}.tscroll table.vega-cmp{min-width:600px}.crumbs{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;font-size:12px;display:flex}.crumbs .seg{border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:8px;padding:4px 9px}.crumbs .seg code{color:var(--accent-deep);background:0 0;border:none;padding:0}.crumbs .arrow{color:var(--muted);font-weight:600}}