.ab{--_ab-paper:var(--paper,#f7f5f1);--_ab-ink:var(--ink,#14171b);--_ab-graphite:var(--graphite,#565b62);--_ab-line:var(--line,#dbdfe2);--_ab-surface:var(--surface,#e9eeec);--_ab-accent:var(--accent,#17554e);--_ab-ok:var(--ok,#1f7a4d);--_ab-warn:var(--warn,#9a6a15);--_ab-crit:var(--crit,#b23a3a);--_ab-ease:var(--ease,cubic-bezier(0.2,0.7,0.2,1));background:var(--_ab-paper);color:var(--_ab-ink);border:1px solid var(--_ab-line);border-radius:8px;padding:18px;font-size:16px;line-height:1.5;max-width:100%;box-sizing:border-box;font-family:inherit}.ab *,.ab :after,.ab :before{box-sizing:border-box;min-width:0}.ab button{font:inherit}.ab p{max-width:none}.ab-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.ab-sample{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--_ab-graphite);background:var(--_ab-surface);border-radius:999px;padding:4px 10px}.ab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:6px;border:1px solid var(--_ab-line);background:transparent;color:var(--_ab-ink);font-size:14px;font-weight:600;cursor:pointer}.ab-btn:hover{background:var(--_ab-surface);border-color:var(--_ab-ink)}.ab-btn[aria-expanded=true]{background:var(--_ab-ink);border-color:var(--_ab-ink);color:var(--_ab-paper)}.ab-caret{flex:none;width:7px;height:7px;margin-left:9px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg)}.ab-btn[aria-expanded=true] .ab-caret{transform:translateY(-1px) rotate(225deg)}.ab-beat{margin:0 0 10px;min-height:18px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--_ab-accent)}.ab-controls{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ab-tab{min-height:40px;padding:0 16px;border:1px solid var(--_ab-line);border-radius:999px;background:transparent;color:var(--_ab-graphite);font-size:14px;font-weight:600;cursor:pointer}.ab-tab[aria-pressed=true]{background:var(--_ab-ink);color:var(--_ab-paper)}.ab-tab:hover,.ab-tab[aria-pressed=true]{border-color:var(--_ab-ink)}.ab-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--_ab-line);container-type:inline-size;container-name:ab-list}.ab-row{width:100%;display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"name name name" "chip owner timing";align-items:center;gap:5px 10px;min-height:44px;padding:11px 8px;border:0;border-bottom:1px solid var(--_ab-line);background:transparent;color:var(--_ab-ink);text-align:left;cursor:pointer}.ab-row--on,.ab-row:hover{background:var(--_ab-surface)}.ab-row-name{grid-area:name;font-weight:600;overflow-wrap:break-word}.ab-row-owner,.ab-row-timing{font-size:13px;color:var(--_ab-graphite)}.ab-row-timing{overflow-wrap:break-word}.ab-row-owner{grid-area:owner;white-space:nowrap}.ab-row-timing{grid-area:timing;text-align:right;justify-self:end}.ab-chip{grid-area:chip;justify-self:start}@container ab-list (min-width: 460px){.ab-row{grid-template-columns:minmax(0,1.5fr) auto minmax(0,.9fr) auto;grid-template-areas:none}.ab-chip,.ab-row-name,.ab-row-owner{grid-area:auto}.ab-row-timing{grid-area:auto;text-align:right;max-width:none}.ab-chip{justify-self:start}}.ab-chip{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;transform-origin:left center}.ab-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.ab-chip--critical{background:color-mix(in srgb,var(--_ab-crit) 14%,var(--_ab-paper));color:var(--_ab-crit)}.ab-chip--waiting{background:color-mix(in srgb,var(--_ab-warn) 16%,var(--_ab-paper));color:var(--_ab-warn)}.ab-chip--steady{background:color-mix(in srgb,var(--_ab-ok) 14%,var(--_ab-paper));color:var(--_ab-ok)}.ab-chip--unknown{color:var(--_ab-graphite)}.ab-chip--unknown,.ab-step{background:var(--_ab-surface)}.ab-step{margin-top:14px;padding:14px;border-radius:8px}.ab-step-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--_ab-graphite)}.ab-step-text{margin:5px 0 0;font-size:16px;font-weight:600}.ab-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ab-acts .ab-btn{background:var(--_ab-paper)}.ab-acts .ab-btn:hover,.ab-acts .ab-btn[aria-expanded=true]{background:var(--_ab-ink);color:var(--_ab-paper)}.ab-panel{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;visibility:hidden}.ab-panel[data-open=true]{grid-template-rows:1fr;opacity:1;visibility:visible}.ab-panel[hidden]{display:none}.ab-panel-in{min-height:0;overflow:hidden;margin-top:10px;padding:14px;border:1px solid var(--_ab-line);border-radius:8px}.ab-panel p{margin:0;font-size:14px;line-height:1.5}.ab-panel p+p{margin-top:10px}.ab-k{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--_ab-graphite)}.ab-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.ab-badge,.ab-draft-text{background:var(--_ab-surface);color:var(--_ab-ink)}.ab-draft-text{margin:10px 0 0;padding:10px 12px;border-radius:6px;font-size:14px}.ab-note{margin:14px 0 0;font-size:13px;color:var(--_ab-graphite)}.ab a:focus-visible,.ab button:focus-visible{outline:2px solid var(--_ab-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.ab-btn{transition:background .16s var(--_ab-ease),border-color .16s var(--_ab-ease),color .16s var(--_ab-ease),transform 60ms var(--_ab-ease)}.ab-tab{transition:background .16s var(--_ab-ease),color .16s var(--_ab-ease),border-color .16s var(--_ab-ease),transform 60ms var(--_ab-ease)}.ab-btn:active,.ab-tab:active{transform:scale(.98)}.ab-row{transition:background .16s var(--_ab-ease)}.ab-chip{transition:background .28s var(--_ab-ease),color .28s var(--_ab-ease)}.ab-caret{transition:transform .22s var(--_ab-ease)}.ab-sample{transition:opacity .3s var(--_ab-ease)}.ab-list[data-arrive=hold]>li{opacity:0}.ab-list[data-arrive=in]>li{animation:ab-row-in .24s var(--_ab-ease) both;animation-delay:var(--i,0s)}.ab[data-stage="0"] .ab-chip,.ab[data-stage="1"] .ab-chip{background:var(--_ab-surface);color:var(--_ab-graphite)}.ab-chip--land{animation:ab-chip-land .5s var(--_ab-ease)}.ab-step{transition:opacity .24s var(--_ab-ease),transform .24s var(--_ab-ease)}.ab[data-stage="0"] .ab-step,.ab[data-stage="1"] .ab-step,.ab[data-stage="2"] .ab-step{opacity:0;transform:translateY(6px)}.ab[data-stage="0"] .ab-acts,.ab[data-stage="0"] .ab-chip,.ab[data-stage="0"] .ab-sample,.ab[data-stage="0"] .ab-step{transition:none}.ab-acts{transition:opacity .24s var(--_ab-ease)}.ab[data-stage="0"] .ab-acts,.ab[data-stage="0"] .ab-sample,.ab[data-stage="1"] .ab-acts,.ab[data-stage="1"] .ab-sample,.ab[data-stage="2"] .ab-acts,.ab[data-stage="2"] .ab-sample,.ab[data-stage="3"] .ab-acts,.ab[data-stage="3"] .ab-sample{opacity:0}.ab-list[data-swap=out]>li{animation:ab-row-out .16s var(--_ab-ease) both}.ab-list[data-swap=in]>li{animation:ab-row-in-right .24s var(--_ab-ease) both;animation-delay:var(--i,0s)}.ab[data-swap=out] .ab-step{opacity:0}.ab[data-swap=in] .ab-step{animation:ab-fade-in .22s var(--_ab-ease) both}.ab-step-text{animation:ab-fade-in .2s var(--_ab-ease) both}.ab-panel{transition:grid-template-rows .22s var(--_ab-ease),opacity .22s var(--_ab-ease),visibility 0s linear .22s}.ab-panel[data-open=true]{transition:grid-template-rows .22s var(--_ab-ease),opacity .22s var(--_ab-ease),visibility 0s}}@keyframes ab-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ab-row-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateX(-14px)}}@keyframes ab-row-in-right{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes ab-chip-land{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ab-fade-in{0%{opacity:0}to{opacity:1}}.ab--compact{padding:14px;font-size:15px}.ab--compact .ab-row{padding:10px 6px}.ab--compact .ab-panel-in,.ab--compact .ab-step{padding:12px}@media (max-width:420px){.ab{padding:14px}}