:is(.plan3d__labels,.plan2d)[data-mode=live]{--plan-ground:var(--surface-raised);--plan-ink:var(--ink);--plan-key:var(--surface-sunken);--plan-hot:var(--primary-tint);--plan-flow:var(--primary-link);--plan-idle:var(--neutral);--plan-name:var(--ink);--plan-text:var(--ink-soft);--plan-faint:var(--ink-faint);--plan-lit:var(--primary-link)}:is(.plan3d__labels,.plan2d)[data-mode=plate]{--plan-ground:var(--plate);--plan-ink:var(--plate-ink);--plan-key:color-mix(in srgb, var(--plate-ink) 24%, var(--plate));--plan-hot:color-mix(in srgb, var(--plate-ink) 14%, var(--plate));--plan-flow:var(--plate-title);--plan-idle:var(--plate-text);--plan-name:var(--plate-text);--plan-text:var(--plate-text);--plan-faint:var(--plate-text);--plan-lit:var(--plate-title)}.plan{gap:var(--s-4);min-width:0;display:grid}section.plan{padding:0}.plan__stage{padding:28px var(--s-5) var(--s-2);background:var(--surface-sunken);border-radius:4px;overflow:hidden;container-type:inline-size}.plan__draw{width:100%;position:relative}.plan__list{border:1px solid var(--line);background:var(--line);border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.plan__item{align-items:baseline;gap:2px var(--s-2);width:100%;height:100%;min-height:44px;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-4);background:var(--surface-raised);color:var(--ink);font:inherit;font-size:var(--fs-body);text-align:start;cursor:pointer;transition:background var(--t-fast);border:0;grid-template-columns:1fr auto;display:grid;position:relative}.plan__item:hover,.plan__item[data-hot]{background:var(--surface-2)}.plan__item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.plan__swatch{background:var(--plan-status);width:3px;position:absolute;inset:0 auto 0 0}.plan__name{font-weight:600}.plan__word{font-size:var(--fs-micro);color:var(--plan-status-text);font-weight:600}.plan__state{font-variant-numeric:tabular-nums;color:var(--ink-soft);grid-column:1/-1;font-size:12px}:is(.plan__item,.plan-label){--plan-status:var(--neutral);--plan-status-text:var(--ink-faint)}:is(.plan__item,.plan-label)[data-status=ok]{--plan-status:var(--success);--plan-status-text:var(--success-text)}:is(.plan__item,.plan-label)[data-status=warn]{--plan-status:var(--warning);--plan-status-text:var(--warning-text)}:is(.plan__item,.plan-label)[data-status=down]{--plan-status:var(--danger);--plan-status-text:var(--danger-text)}@media (max-width:1023px){.plan__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.plan__list{grid-template-columns:minmax(0,1fr)}}.plan3d{position:absolute;inset:0}.plan3d canvas{width:100%;height:100%;display:block}.plan3d__labels{pointer-events:none;position:absolute;inset:0}.plan-label{padding-bottom:var(--s-1);white-space:nowrap;flex-direction:column;gap:1px;font-size:12px;line-height:1.3;transition:opacity .3s ease-out;display:flex}.plan-label__name{color:var(--plan-name);transition:color var(--t-fast);align-items:center;gap:6px;font-weight:600;display:flex}[data-mode=live] .plan-label__name:before{content:"";background:var(--plan-status);width:3px;height:11px}.plan-label__state{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--plan-text)}.plan-label__state:empty{display:none}.plan-label[data-hover] .plan-label__name,.plan-label[data-focus] .plan-label__name,.plan-label[data-hot] .plan-label__name{color:var(--plan-lit)}.plan3d__labels[data-mode=plate] .plan-label:not([data-focus]),.plan2d[data-mode=plate] .plan-label:not([data-hot]){opacity:0}[data-mode=plate] .plan-note{display:none}[data-mode=plate] .plan-label{font-family:var(--font-mono);letter-spacing:.02em;font-size:11.5px}[data-mode=plate] .plan-label__name{font-weight:500}.plan-note{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--plan-faint);white-space:nowrap}.plan2d{position:absolute;inset:0}.plan2d__svg{width:100%;height:100%;display:block;overflow:visible}.plan2d path{fill:var(--plan-ground);stroke:var(--plan-edge,var(--plan-ink));stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.plan2d__slab path{stroke:color-mix(in srgb, var(--plan-ink) 55%, transparent)}.plan2d__part{--plan-edge:var(--plan-ink);--plan-fill:var(--plan-key);transition:opacity var(--t-fast)}.plan2d__part[data-status=warn]{--plan-edge:var(--warning);--plan-fill:var(--warning-tint)}.plan2d__part[data-status=down]{--plan-edge:var(--danger);--plan-fill:var(--danger-tint)}.plan2d__part[data-status=unknown]{--plan-edge:var(--neutral);--plan-fill:var(--neutral-tint)}[data-mode=plate] .plan2d__part[data-status=warn]{--plan-edge:color-mix(in srgb, var(--warning) 70%, var(--plate-title));--plan-fill:color-mix(in srgb, var(--warning) 34%, var(--plate))}[data-mode=plate] .plan2d__part[data-status=down]{--plan-edge:color-mix(in srgb, var(--danger) 70%, var(--plate-title));--plan-fill:color-mix(in srgb, var(--danger) 34%, var(--plate))}[data-mode=plate] .plan2d__part[data-hot]{--plan-edge:var(--plate-title)}[data-mode=live] .plan2d__part{cursor:pointer}.plan2d__part[data-hot] path{fill:var(--plan-hot)}.plan2d .plan2d__key{fill:var(--plan-fill)}.plan2d .plan2d__line,.plan2d .plan2d__guide{fill:none}.plan2d .plan2d__guide{stroke-opacity:.4}.plan2d[data-focus] .plan2d__part:not([data-hot]){opacity:.45}.plan2d .plan2d__flow{fill:none;stroke:var(--plan-idle);stroke-dasharray:9 6}.plan2d .plan2d__flow[data-on]{stroke:var(--plan-flow);animation:1s linear infinite plan2d-flow}@keyframes plan2d-flow{to{stroke-dashoffset:-15px}}.plan2d .plan-label,.plan2d .plan-note{position:absolute;transform:translate(-50%,-100%)}.plan2d [data-anchor=start]{transform:translateY(-100%)}.plan2d [data-anchor=end]{transform:translate(-100%,-100%)}.plan2d .plan-note[data-anchor=start]{transform:none}.plan2d .plan-note[data-anchor=end]{transform:translate(-100%)}@container (max-width:1000px){.plan-label__state{display:none}}@media (max-width:639px){.plan2d .plan-label,.plan2d .plan-note{display:none}}[data-mode=plate].plan2d .plan2d__part{transform-box:fill-box;transform-origin:50% 100%;animation:.9s cubic-bezier(.2,.7,.2,1) both plan2d-rise;animation-delay:calc(.4s + var(--i,0) * .36s)}@keyframes plan2d-rise{0%{transform:scaleY(.001)}}.plan-plate{justify-content:center;gap:var(--s-5);min-height:100%;padding:var(--s-7) var(--s-7) var(--s-6);background:var(--plate);flex-direction:column;display:flex}.plan-plate__stage{aspect-ratio:4/3;align-content:center;max-height:62vh;display:grid;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.plan-plate .plate-set__index{margin-top:0}@media (prefers-reduced-motion:reduce){.plan2d .plan2d__flow[data-on],[data-mode=plate].plan2d .plan2d__part{animation:none}}