.lab-console{flex-direction:column;gap:12px;padding:12px;display:flex}@media (min-width:1024px){.lab-console{gap:16px;padding:16px}}.lab-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"task""stage""trans""opts""plan""trace";gap:12px;display:grid}.lab-side{display:contents}.lab-a-task{grid-area:task}.lab-a-opts{grid-area:opts}.lab-a-plan{grid-area:plan}.lab-a-stage{grid-area:stage;min-width:0;position:relative}.lab-a-trans{grid-area:trans;min-width:0}.lab-a-trace{grid-area:trace;min-width:0}.lab-stage{aspect-ratio:4/5;width:100%}@media (min-width:640px) and (max-width:1023px){.lab-stage{aspect-ratio:4/3}}@media (min-width:1024px){.lab-body{grid-template-columns:17.5rem minmax(0,1fr);grid-template-areas:"side stage""trans trans""trace trace";gap:16px}.lab-side{flex-direction:column;grid-area:side;gap:14px;display:flex}.lab-stage{aspect-ratio:auto;height:100%;min-height:460px}}@media (min-width:1280px){.lab-body{grid-template-columns:17.5rem minmax(0,1fr) 21.5rem;grid-template-areas:"side stage trace""trans trans trans"}.lab-stage{aspect-ratio:16/10;min-height:480px}.lab-a-trace{position:relative}.lab-a-trace>.lab-trace{position:absolute;inset:0}}.lab-dock{justify-content:center;margin-top:12px;display:flex}.lab-dock:empty{display:none}@media (min-width:1024px){.lab-dock{inset-inline:0;pointer-events:none;margin-top:0;padding:12px;position:absolute;bottom:0;container-type:inline-size}.lab-dock .lab-card{max-width:40rem;padding:14px 16px}.lab-dock .lab-card-title{margin-top:6px;font-size:1.125rem}.lab-dock .lab-card-stats,.lab-dock .lab-card-detail{margin-top:4px}.lab-dock .lab-card-actions{margin-top:12px}}@container (min-width:34rem){.lab-dock .lab-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow stats""title actions""detail detail";align-items:center;column-gap:20px;display:grid}.lab-dock .lab-card-eyebrow{grid-area:eyebrow}.lab-dock .lab-card:not(:has(.lab-card-stats)) .lab-card-eyebrow{grid-column:1/-1}.lab-dock .lab-card-stats{text-align:right;grid-area:stats;justify-self:end;margin-top:0}.lab-dock .lab-card-title{grid-area:title}.lab-dock .lab-card-detail{grid-area:detail;margin-top:6px}.lab-dock .lab-card-actions{flex-wrap:nowrap;grid-area:actions;align-self:center;margin-top:6px}}.lab-tabs-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-block:-6px;padding-block:6px;scroll-padding-inline:12px;overflow-x:auto}.lab-tabs-scroller::-webkit-scrollbar{display:none}@property --lab-fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --lab-fade-r{syntax:"<length>";inherits:false;initial-value:120px}@media (max-width:1023px){.lab-tabs-scroller{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--lab-fade-l), #000 calc(100% - var(--lab-fade-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--lab-fade-l), #000 calc(100% - var(--lab-fade-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--lab-fade-l), #000 calc(100% - var(--lab-fade-r)), transparent)}@supports (animation-timeline:scroll()){.lab-tabs-scroller{animation:linear both lab-tabs-fade;animation-timeline:scroll(self inline)}}}@keyframes lab-tabs-fade{0%{--lab-fade-l:0px;--lab-fade-r:120px}12%{--lab-fade-l:24px}88%{--lab-fade-r:120px}to{--lab-fade-l:24px;--lab-fade-r:0px}}.lab-tabs{width:max-content}.lab-status-dot{border-radius:999px;width:6px;height:6px;display:none;position:relative}.lab-status[data-status=running] .lab-status-dot{background:var(--accent);display:inline-block}.lab-status[data-status=awaiting] .lab-status-dot{background:var(--warn);display:inline-block}.lab-status[data-status=awaiting]{color:var(--warn)}.lab-status[data-status=running]{color:var(--fg)}@media (prefers-reduced-motion:no-preference){.lab-status[data-status=running] .lab-status-dot:after{content:"";border-radius:inherit;border:1px solid var(--accent);animation:lab-ping 1.6s var(--ease-out) infinite;position:absolute;inset:0}}@keyframes lab-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.lab-node-state{background:var(--fg-subtle);opacity:.6;border-radius:999px;flex:none;width:6px;height:6px}.lab-node-state[data-state=active]{background:var(--accent);opacity:1}.lab-node-state[data-state=waiting]{background:var(--warn);opacity:1}.lab-node-state[data-state=error]{background:var(--err);opacity:1}.lab-node-state[data-state=done]{background:var(--ok);opacity:1}.lab-switch{width:34px;height:20px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);background:#ffffff14;background:lab(100% 0 0/.08);border-radius:999px;display:inline-block;position:relative}.lab-switch-thumb{background:var(--fg-muted);width:14px;height:14px;transition:transform var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);border-radius:999px;position:absolute;top:3px;left:3px}.lab-switch[data-on=true]{background:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.lab-switch[data-on=true] .lab-switch-thumb{background:var(--bg-inset);transform:translate(14px)}.lab-switch-row:active .lab-switch-thumb{width:17px}.lab-switch-row[aria-checked=true]:active .lab-switch-thumb{transform:translate(11px)}@media (prefers-reduced-motion:no-preference){.lab-spin{animation:1.1s linear infinite lab-spin}}@keyframes lab-spin{to{transform:rotate(360deg)}}.lab-row{position:relative}@media (prefers-reduced-motion:no-preference){.lab-row{animation:lab-row-in var(--dur-2) var(--ease-out) both}}@keyframes lab-row-in{0%{opacity:0;transform:translateY(4px)}}.lab-row[data-latest]:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.lab-row+.lab-row .lab-row-btn{box-shadow:inset 0 1px #ffffff09;box-shadow:inset 0 1px lab(100% 0 0/.035)}.lab-row-btn:focus-visible{outline-offset:-2px}.lab-chip{font-family:var(--font-jetbrains), ui-monospace, monospace;border:1px solid var(--line);color:var(--fg-subtle);white-space:nowrap;border-radius:999px;padding:3px 7px 4px;font-size:.6875rem;line-height:1}.lab-chip[data-level=ok]{color:var(--ok);border-color:#6ed6a647;border-color:lab(78.3984% -40.0023 13.9892/.28)}.lab-chip[data-level=warn]{color:var(--warn);border-color:#f0be674d;border-color:lab(80.3772% 11.2993 50.6135/.3)}.lab-chip[data-level=error]{color:var(--err);border-color:#f5746d59;border-color:lab(64.7924% 50.1501 28.7511/.35)}.lab-json{border:1px solid var(--line);background:var(--bg-raised);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:240px;margin:0;padding:10px 12px;font-size:.6875rem;line-height:1.6;overflow:auto}.lab-json:focus-visible,.lab-log:focus-visible{outline-offset:-2px}.lab-trace-toggle{display:none}@media (max-width:1023px){.lab-trace-toggle{display:flex}.lab-trace-body{flex:none;height:26rem}.lab-trace-body:not([data-open=true]){display:none}}@media (min-width:1024px) and (max-width:1279px){.lab-trace-body{flex:none;height:22rem}}.lab-ctl{transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out)}.lab-ctl:hover:not(:disabled){background:#ffffff0d;background:lab(100% 0 0/.05);border-color:#ffffff38;border-color:lab(100% 0 0/.22)}.lab-ctl:active:not(:disabled){transform:scale(.97)}.lab-ctl:disabled{color:var(--fg-subtle);border-color:var(--line);cursor:default}.lab-kbd{font-family:var(--font-jetbrains), ui-monospace, monospace;opacity:.7;border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;line-height:1;display:none}@media (min-width:1024px) and (hover:hover){.lab-kbd{display:inline-flex}}.lab-metric dt{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--fg-subtle);white-space:nowrap;font-size:.6875rem;line-height:1.3}.lab-metric dd{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--fg);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.9375rem;line-height:1.3}@media (min-width:1280px){.lab-metric{min-width:6.5rem;padding-inline:18px}.lab-metric+.lab-metric{box-shadow:inset 1px 0 0 var(--line)}.lab-metric:last-child{padding-right:10px}}.lab-clock:empty:before{content:"00:00.0"}.lab-card{box-shadow:inset 0 1px #ffffff12,0 30px 60px -30px #000000bf;box-shadow:inset 0 1px lab(100% 0 0/.07),0 30px 60px -30px lab(0% 0 0/.75)}