.tutorial-spotlight{position:relative;outline:2px solid var(--lab-color-accent);outline-offset:2px;border-radius:var(--lab-radius);box-shadow:0 0 0 4px color-mix(in srgb,var(--lab-color-accent) 25%,transparent)}@layer preflights,utilities;@layer preflights{:root{--lab-color-bg: #14161a;--lab-color-surface: #1b1e24;--lab-color-surface-alt: #22262e;--lab-color-border: #2c313a;--lab-color-text: #e6e8eb;--lab-color-text-muted: #9aa2af;--lab-color-accent: #5b9dff;--lab-color-accent-contrast: #04101f;--lab-color-danger: #f2545b;--lab-color-warning: #e8a33d;--lab-color-success: #3fbf7f;--lab-radius: 6px;--lab-font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--lab-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}}@layer utilities{.pk-a{display:flex}.pk-b{align-items:center}.pk-c{flex-wrap:wrap}.pk-d{gap:10px}.pk-e{row-gap:6px}.pk-f{padding:8px 14px}.pk-g{border-bottom:1px solid var(--lab-color-border)}.pk-h{background:var(--lab-color-surface)}.pk-i{flex:0 0 auto}.pk-j{font-size:13px}.pk-k{letter-spacing:.02em}.pk-l{background:var(--lab-color-surface-alt)}.pk-m{color:var(--lab-color-text)}.pk-n{border:1px solid var(--lab-color-border)}.pk-o{border-radius:var(--lab-radius)}.pk-p{padding:4px 8px}.pk-q{font-size:12px}.pk-r{padding:5px 10px}.pk-s{cursor:pointer}.pk-v{margin-left:auto}.pk-w{display:inline-flex}.pk-x{gap:6px}.pk-y{padding:3px 8px}.pk-z{border-radius:999px}.pk-A{font-size:11px}.pk-B{gap:5px}.pk-C{font-weight:600}.pk-D{width:64px}.pk-E{padding:4px 6px}.pk-F{padding:5px 12px}.pk-G{border:1px solid var(--lab-color-accent)}.pk-H{background:var(--lab-color-accent)}.pk-I{color:var(--lab-color-accent-contrast)}.pk-J{position:relative}.pk-K{height:100%}.pk-L{width:100%}.pk-M{white-space:nowrap}.pk-N{overflow:hidden}.pk-O{text-overflow:ellipsis}.pk-P{gap:8px}.pk-Q{color:var(--lab-color-text-muted)}.pk-R{flex:1 1 auto}.pk-S{padding:0 4px}.pk-T{line-height:1}.pk-U{border:none}.pk-V{background:transparent}.pk-W{overflow:auto}.pk-X{padding:10px}.pk-Y{margin-bottom:10px}.pk-Z{flex-direction:column}.pk-aa{padding:9px}.pk-ba{margin:0 0 3px}.pk-ca{font-family:var(--lab-font-mono)}.pk-da{margin:0 0 8px}.pk-ea{gap:4px}.pk-fa{margin-bottom:7px}.pk-ga{padding:2px 5px}.pk-ha{font-size:10px}.pk-ia{margin-bottom:5px}.pk-ja{margin:4px 0 0}.pk-ka{padding-left:18px}.pk-la{min-height:0}.pk-ma{padding:7px 10px}.pk-na{padding:6px 10px}.pk-oa{color:var(--lab-color-danger)}.pk-pa{background:color-mix(in srgb,var(--lab-color-danger) 12%,transparent)}.pk-qa{padding:8px 10px}.pk-ra{justify-content:space-between}.pk-sa{margin-bottom:6px}.pk-ta{margin:0}.pk-ua{display:grid}.pk-va{grid-template-columns:minmax(130px,auto) 1fr}.pk-wa{column-gap:8px}.pk-xa{row-gap:4px}.pk-ya{grid-template-columns:220px 1px 1fr}.pk-za{background:var(--lab-color-border)}.pk-Aa{margin:0 0 4px}.pk-Ba{margin:0 0 12px}.pk-Ca{margin:0 0 6px}.pk-Da{text-transform:uppercase}.pk-Ea{grid-template-columns:90px 1fr auto}.pk-Fa{min-width:0}.pk-Ga{padding:4px 7px}.pk-Ha{margin:12px 0 0}.pk-Ia{gap:12px}.pk-Ja{align-items:flex-start}.pk-Ka{padding:3px 10px}.pk-La{white-space:pre-wrap}.pk-Ma{word-break:break-word}.pk-Na{padding-left:16px}.pk-Oa{padding:6px 4px}.pk-Pa{text-align:left}.pk-Qa{padding:3px 6px}.pk-Ra{width:7px}.pk-Sa{height:7px}.pk-Ta{letter-spacing:.03em}.pk-Ua{list-style:none}.pk-Va{padding:0}.pk-Wa{padding:6px 8px}.pk-Xa{padding:1px 5px}.pk-Ya{color:var(--lab-color-accent)}.pk-Za{padding:1px 7px}.pk-cb{padding:2px 9px}.pk-db{font-family:var(--lab-font-sans)}.pk-eb{color:#fff}.pk-fb{font-weight:700}.pk-gb{border-left:1px solid var(--lab-color-border)}.pk-hb{padding:16px}.pk-ib{justify-content:center}.pk-jb{padding:32px 24px}.pk-kb{text-align:center}.pk-lb{max-width:420px}.pk-mb{padding:24px 28px}.pk-nb{border:1px dashed var(--lab-color-border)}.pk-ob{box-shadow:0 2px 10px color-mix(in srgb,var(--lab-color-text) 4%,transparent)}.pk-pb{width:40px}.pk-qb{height:40px}.pk-rb{border-radius:50%}.pk-sb{font-size:18px}.pk-tb{line-height:1.5}.pk-ub{margin-top:6px}.pk-vb{padding-top:12px}.pk-wb{border-top:1px solid var(--lab-color-border)}.pk-xb{font-size:9px}.pk-yb{padding:5px 8px}.pk-zb{text-decoration:none}.pk-Bb{padding:1px 4px}.pk-Cb{border-radius:2px}.pk-Db{background:color-mix(in srgb,var(--lab-color-danger) 15%,transparent)}.pk-Eb{gap:3px}.pk-Fb{border-top:1px dashed var(--lab-color-border)}.pk-Gb{border-radius:3px}.pk-Hb{padding:1px 6px}.pk-Jb{border:1px dashed var(--lab-color-danger)}.pk-Kb{background:color-mix(in srgb,var(--lab-color-danger) 8%,transparent)}.pk-Lb{font-style:italic}.pk-Mb{flex-direction:row}.pk-Nb{overflow-x:auto}.pk-Ob{overflow-y:hidden}.pk-Pb{flex:1 1 33%}.pk-Qb{min-width:220px}.pk-Rb{border-right:1px solid var(--lab-color-border)}.pk-Sb{padding:8px 12px}.pk-Tb{overflow-y:auto}.pk-Ub{padding:8px}.pk-Vb{padding:16px 12px}.pk-Wb{flex:1 1 34%}.pk-Xb{min-width:240px}.pk-Yb{background:color-mix(in srgb,var(--lab-color-surface-alt) 40%,var(--lab-color-surface))}.pk-Zb{padding:10px 12px}.pk-ac{background:color-mix(in srgb,var(--lab-color-warning) 20%,transparent)}.pk-bc{color:var(--lab-color-warning)}.pk-cc{border:1px solid color-mix(in srgb,var(--lab-color-warning) 40%,transparent)}.pk-dc{background:color-mix(in srgb,var(--lab-color-danger) 20%,transparent)}.pk-ec{border:1px solid color-mix(in srgb,var(--lab-color-danger) 40%,transparent)}.pk-fc{padding-top:6px}.pk-gc{color:var(--lab-color-ok)}.pk-hc{margin-top:4px}.pk-ic{padding:2px 6px}.pk-jc{padding:3px 0}.pk-kc{border-bottom:1px dashed var(--lab-color-border)}.pk-lc{max-height:160px}.pk-mc{gap:2px}.pk-nc{padding-bottom:4px}.pk-oc{position:absolute}.pk-pc{top:calc(100% + 4px)}.pk-qc{left:0}.pk-rc{z-index:10}.pk-sc{width:300px}.pk-tc{box-shadow:0 8px 24px color-mix(in srgb,black 40%,transparent)}.pk-uc{display:inline-block}.pk-vc{width:14px}.pk-wc{height:10px}.pk-xc{justify-content:flex-end}.pk-yc{padding:2px 8px}.pk-zc{padding:6px}.pk-Ac{gap:14px}.pk-Bc{margin:6px 0 0}.pk-Cc{grid-template-columns:auto 1fr}.pk-Dc{column-gap:10px}.pk-Ec{margin:8px 0 0}.pk-Fc{margin-top:8px}.pk-Gc{padding-left:20px}.pk-Hc{margin-bottom:4px}.pk-Ic{flex:0 0 180px}.pk-Jc{padding:5px 7px}.pk-Kc{padding:4px 10px}.pk-Lc{background:var(--lab-color-bg)}.pk-Mc{margin:10px 16px 0}.pk-Nc{border:1px solid var(--lab-color-warning)}.pk-Oc{align-self:flex-start}.pk-Pc{max-width:160px}.pk-Qc{padding-left:14px}.pk-Rc{padding:0 0 4px}.pk-Tc{max-width:400px}.pk-Uc{padding:20px 22px}.pk-Vc{padding:6px 14px}.pk-Wc{position:fixed}.pk-Xc{top:0}.pk-Yc{bottom:0}.pk-Zc{right:0}.pk-ad{width:320px}.pk-bd{z-index:400}.pk-cd{box-shadow:-8px 0 24px color-mix(in srgb,black 30%,transparent)}.pk-dd{font-size:14px}.pk-ed{padding:12px}.pk-md{border-color:var(--lab-color-accent)}.pk-nd{font-size:16px}.pk-od{line-height:1.35}.pk-pd{padding:10px 14px}.pk-qd{align-items:baseline}.pk-rd{flex:1}.pk-sd{grid-template-columns:90px 1fr 28px}.pk-td{text-transform:capitalize}.pk-ud{padding:6px 12px}.pk-vd{grid-template-columns:max-content 1fr}.pk-wd{gap:4px 12px}.pk-xd{padding:1px 8px}.pk-yd{color:var(--lab-color-bg)}.pk-zd{min-width:140px}.pk-Ad{font-size:20px}.pk-Bd{min-width:320px}.pk-Cd{border-collapse:collapse}.pk-Fd{align-items:flex-end}.pk-Gd{padding:6px 0}.pk-Hd{grid-column:1 / -1}.pk-Id{font-weight:400}.pk-t:disabled{opacity:.5}.pk-u:disabled{cursor:not-allowed}.pk-ab:disabled{color:var(--lab-color-text-muted)}.pk-bb:disabled{cursor:default}.pk-Ab:hover{text-decoration:underline}.pk-Ib:hover{border-color:var(--lab-color-accent)}.pk-Sc::backdrop{background:color-mix(in srgb,black 55%,transparent)}.pk-fd button{padding:6px 10px}.pk-gd button{font-size:12px}.pk-hd button{border-radius:var(--lab-radius)}.pk-id button{border:1px solid var(--lab-color-border)}.pk-jd button{background:var(--lab-color-surface-alt)}.pk-kd button{color:var(--lab-color-text)}.pk-ld button{cursor:pointer}.pk-Dd:focus-visible{outline:2px solid var(--lab-color-accent)}.pk-Ed:focus-visible{outline-offset:-2px}}*,*:before,*:after{box-sizing:border-box}html[data-lab-theme=light]{--lab-color-bg: #f6f7f9;--lab-color-surface: #ffffff;--lab-color-surface-alt: #eef1f5;--lab-color-border: #d4d9e2;--lab-color-text: #1b1f24;--lab-color-text-muted: #596273;--lab-color-accent: #1769e0;--lab-color-accent-contrast: #ffffff;--lab-color-danger: #c9373f;--lab-color-warning: #9a6200;--lab-color-ok: #18794e}html,body,#app{height:100%;margin:0}body{background:var(--lab-color-bg);color:var(--lab-color-text);font-family:var(--lab-font-sans);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea,dialog{font-family:inherit}dialog{color:var(--lab-color-text)}@media(max-width:899px){html,body{overflow-x:hidden}}.lab-inspect-anchor--highlighted{outline:2px solid var(--lab-color-accent);outline-offset:1px}.lab-inspector-agent-badge{position:absolute;z-index:10;padding:2px 6px;font-size:10px;font-weight:600;border-radius:var(--lab-radius);background:var(--lab-color-accent);color:var(--lab-color-accent-contrast);pointer-events:none;white-space:nowrap;transform:translateY(-100%)}