:where(.hero,.c-page-hero){padding:var(--hero-top) 0 var(--space-6);background:#F7F8FA;color:#1C2526}
:where(.hero,.c-page-hero) :where(h1,h2,h3){color:#1C2526}
:where(.hero,.c-page-hero) :where(p,.lead){color:#5B6670;font-size:var(--text-lead);line-height:var(--lh-body)}
:where(.hero,.c-page-hero) :where(.c-breadcrumb){color:#5B6670}
:where(.hero,.c-page-hero--center){text-align:center}
:where(.c-page-hero){padding-inline:0}
:where(.c-page-hero--split){display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:var(--space-5);align-items:start;padding-inline:max(var(--gutter),calc((100vw - var(--width-standard))/2))}
:where(.c-page-hero--split)>.c-hero-copy{min-width:0;text-align:left}
:where(.c-page-hero--split)>.c-hero-copy>.lead{margin-top:var(--space-3)}
:where(.c-page-hero--center) .lead{max-width:640px;margin:var(--space-3) auto 0}
:where(.c-page-hero--split)>.c-hero-stage{min-width:0;text-align:left}
:where(.c-hero-stage){height:auto;min-height:var(--stage-min);position:relative;background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow)}
:where(.c-hero-stage) :where(h2,h3,p){color:#1C2526}
:where(.c-hero-stage)>:where(.c-stage-chrome){background:#F1F3F5;color:#5B6670;padding:12px 24px;font-family:var(--f-mono);font-size:var(--text-sm);line-height:var(--lh-body)}
:where(.c-hero-stage)>:where(.c-stage-body){padding:var(--space-3)}
:where(.c-hero-stage)::before,:where(.c-hero-stage)::after{pointer-events:none}
:where(.hero) h1{font-size:var(--text-display);line-height:var(--lh-display);font-weight:var(--weight-bold);letter-spacing:-1.6px}
:where(.hero) h1>span{display:block;color:var(--primary)}
:where(.hero) .lead{max-width:640px;margin:var(--space-3) auto 0;font-size:var(--text-lead);line-height:var(--lh-body);color:#5B6670}
:where(.hero) .lead b{color:#1C2526;font-weight:var(--weight-bold)}
:where(.hero) .ctas{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-action)}
:where(.hero) .trust{display:inline-flex;flex-wrap:wrap;justify-content:center;margin-top:var(--space-5);background:#FFFFFF;color:#5B6670;border-radius:var(--radius-pill);padding:8px;gap:4px;font-size:var(--text-xs);line-height:var(--lh-body);box-shadow:0 1px 2px rgba(28,37,38,.04)}
:where(.hero) .trust span{padding:4px 14px;font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-body);letter-spacing:.6px}
:where(.hero) .trust span+span{border-left:1px solid var(--hair)}
[data-hero-form="terminal"] .hero-art{display:grid;grid-template-columns:minmax(0,1fr);width:min(var(--width-art),100%);margin:56px auto 0;position:relative;text-align:left;height:auto}
.hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;border-radius:var(--radius-band);background:radial-gradient(60% 55% at 22% 30%,rgba(236,234,247,.95),rgba(236,234,247,0) 70%),radial-gradient(55% 50% at 82% 72%,rgba(230,240,248,.95),rgba(230,240,248,0) 70%),radial-gradient(40% 40% at 60% 10%,rgba(247,233,236,.7),rgba(247,233,236,0) 70%);filter:blur(24px)}
.hero-art .cluster{display:grid;grid-template-columns:minmax(0,1fr);position:relative;background:#FFFFFF;color:#1C2526;border-radius:var(--radius-window);overflow:hidden;box-shadow:var(--shadow-stage);margin:28px;height:auto;animation:xnFade .9s var(--ease) both}
.hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#F1F3F5;color:#1C2526;padding:9px 14px;min-height:44px}
.hero-art .node-label{display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;color:#1C2526;border-radius:var(--radius-sm);padding:5px 12px;font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-body);font-weight:var(--weight-bold);letter-spacing:.2px}
.hero-art .node-label svg{display:block;width:10px;height:10px}
.hero-art .float-title>span:not(.node-label){font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-body);color:#5B6670}
.hero-art .runner-card{display:grid;gap:2px;padding:24px 30px 26px;background:#FFFFFF;color:#1C2526;min-height:296px;align-content:start}
.hero-art .runner-line{font-family:var(--f-mono);font-size:14px;line-height:var(--lh-code);color:#1C2526;white-space:pre-wrap;overflow-wrap:anywhere;opacity:1;animation:xnLine .35s var(--ease) backwards;font-variant-numeric:tabular-nums}
.hero-art .runner-line b{color:#5B6670;font-weight:var(--weight-normal)}
.hero-art .runner-line i{font-style:normal;color:#5B6670}
.hero-art .runner-line em{font-style:normal;color:#2C7A6E;font-weight:var(--weight-bold)}
.hero-art .runner-line:nth-child(1){animation-delay:.4s}
.hero-art .runner-line:nth-child(2){animation-delay:1.1s}
.hero-art .runner-line:nth-child(3){animation-delay:1.8s}
.hero-art .runner-line:nth-child(4){animation-delay:2.4s}
.hero-art .runner-line:nth-child(5){animation-delay:3s}
.hero-art .runner-line:nth-child(6){animation-delay:3.5s}
.hero-art .runner-line:nth-child(7){animation-delay:3.65s}
.hero-art .runner-line:nth-child(8){animation-delay:4.2s}
.hero-art .runner-line:nth-child(9){animation-delay:4.7s}
.hero-art .runner-line:nth-child(10){animation-delay:5.1s}
.hero-art .runner-line u{display:inline-block;width:8px;height:16px;background:var(--primary);text-decoration:none;vertical-align:-3px;animation:xnBlink 1s steps(1) 8}
.hero-art .queue-card{display:grid;gap:14px;padding:18px 30px 22px;background:#FFFFFF;color:#1C2526;border-top:1px solid var(--line)}
.hero-art .queue-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hero-art .queue-card>header>span{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-head);font-size:var(--text-sm);line-height:var(--lh-body);font-weight:var(--weight-bold);color:#1C2526;letter-spacing:-.1px}
.hero-art .queue-card>header svg{display:block;width:22px;height:22px}
.hero-art .queue-card>header>.pill-ok{gap:6px;border-radius:var(--radius-pill);background:#F1F3F5;color:#1C2526;font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-body);font-weight:var(--weight-bold);letter-spacing:1px;padding:4px 10px}
.hero-art .pill-ok::before{content:"";width:6px;height:6px;flex:none;border-radius:var(--radius-pill);background:var(--primary)}
.hero-art .queue-card>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px}
.hero-art .build-row{display:grid;gap:4px;background:#F7F8FA;color:#1C2526;border-radius:var(--radius-sm);padding:10px 12px 11px;opacity:1;animation:xnLit .5s var(--ease) backwards;min-width:0}
.hero-art .build-row>span{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);line-height:var(--lh-body);color:#5B6670;letter-spacing:.2px}
.hero-art .build-row>strong{font-family:var(--f-mono);font-size:var(--text-sm);line-height:var(--lh-body);font-weight:var(--weight-bold);color:#1C2526;overflow-wrap:break-word;font-variant-numeric:tabular-nums}
.hero-art .status-live{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--primary);flex:none;animation:xnDot .5s var(--ease) backwards}
.hero-art .build-row:nth-child(1),.hero-art .build-row:nth-child(1) .status-live{animation-delay:2.5s}
.hero-art .build-row:nth-child(2),.hero-art .build-row:nth-child(2) .status-live{animation-delay:3.7s}
.hero-art .build-row:nth-child(3),.hero-art .build-row:nth-child(3) .status-live{animation-delay:4.8s}
.hero-art .build-row:nth-child(4),.hero-art .build-row:nth-child(4) .status-live{animation-delay:1.2s}
.hero-art .build-row:nth-child(5),.hero-art .build-row:nth-child(5) .status-live{animation-delay:1.3s}
:where(.sec,.c-section){padding:var(--space-6) 0}
:where(.head,.c-head){text-align:center;max-width:720px;margin:0 auto var(--space-5)}
:where(.head,.c-head) h2{font-size:var(--text-section);line-height:var(--lh-heading);font-weight:var(--weight-bold);letter-spacing:-1px;color:#1C2526}
:where(.head,.c-head) p{margin-top:12px;font-size:var(--text-lead);line-height:var(--lh-body);color:#5B6670}
:where(.c-band){padding:var(--space-5);border-radius:var(--radius-band);background:#ECEAF7;color:#2E2A55}
:where(.c-band) :where(.c-head h2,.c-head h3){color:#2E2A55}
:where(.c-band) :where(.c-head p){color:#5F5A86}
:where(.c-band--sand){background:#F6F1E1;color:#4A3B12}
:where(.c-band--sand) :where(.c-head h2,.c-head h3){color:#4A3B12}
:where(.c-band--sand) :where(.c-head p){color:#716139}
:where(.c-band--rose){background:#F7E9EC;color:#5A2333}
:where(.c-band--rose) :where(.c-head h2,.c-head h3){color:#5A2333}
:where(.c-band--rose) :where(.c-head p){color:#81505E}
:where(.c-band--sky){background:#E6F0F8;color:#1E3A52}
:where(.c-band--sky) :where(.c-head h2,.c-head h3){color:#1E3A52}
:where(.c-band--sky) :where(.c-head p){color:#4E6A82}
.c-close{text-align:center;padding:var(--space-6) 0 140px;background:#F7F8FA;color:#1C2526}
.c-close h2{font-size:var(--text-display);line-height:var(--lh-display);color:#1C2526}
.c-close p{margin:var(--space-2) auto var(--space-action);font-size:var(--text-lead);line-height:var(--lh-body);color:#5B6670}
.c-close small{display:block;margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--lh-body);color:#5B6670}
.c-migration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.c-migration .c-card pre{margin-top:var(--space-3)}
.c-migration .c-card p{flex:1}
.c-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.c-glossary>div{padding:var(--space-3);border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526}
.c-glossary dt{font-family:var(--f-head);font-size:var(--text-lead);line-height:var(--lh-heading);font-weight:var(--weight-bold)}
.c-glossary dd{margin-top:var(--space-1);font-size:var(--text-base);line-height:var(--lh-body);color:#5B6670}
.c-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.c-quotes blockquote{display:flex;flex-direction:column;height:100%;padding:var(--card-pad);border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526;font-size:var(--text-lead);line-height:var(--lh-body)}
.c-quotes cite{padding-top:var(--space-3);margin-top:auto;font-style:normal;color:#81505E;font-size:var(--text-sm);line-height:var(--lh-body)}
.c-billing{padding:var(--card-pad);background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card);height:auto;overflow:hidden}
.c-billing dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);width:100%}
.c-billing dd{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right}
.c-billing-total{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-lead);line-height:var(--lh-body)}
.c-sla{padding:var(--card-pad);border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526}
.c-sla strong{display:block;font-family:var(--f-head);font-size:var(--text-display);line-height:var(--lh-display);font-variant-numeric:tabular-nums}
.c-sla-window{height:12px;margin-block:var(--space-3);background:var(--primary);border-radius:var(--radius-pill)}
.c-sla p{color:#5B6670;font-size:var(--text-base);line-height:var(--lh-body)}
.c-diagnostic{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:start;padding:var(--space-3);background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card)}
.c-legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-4);align-items:start}
.c-legal-toc{position:sticky;top:var(--sticky-top);padding:var(--space-3);background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card)}
.c-legal-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}
.c-legal-toc ol a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-1);font-size:var(--text-sm);line-height:var(--lh-body)}
.c-legal-toc .c-btn{display:inline-flex;margin-top:var(--space-3)}
.c-order-board{display:grid;gap:var(--space-3);width:100%;padding:var(--card-pad);background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card)}
.c-order-board .c-order-summary{padding:var(--space-3);background:#F1F3F5;color:#1C2526;border-radius:var(--radius-sm)}
.c-account-gate{width:min(calc(100% - var(--gutter)*2),480px);margin-inline:auto;padding:var(--card-pad);background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card)}
.c-account-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-field);margin-top:var(--space-3)}
.c-console{width:min(calc(100% - var(--gutter)*2),var(--width-wide));margin-inline:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-3)}
.c-console-index{display:flex;flex-direction:column;gap:var(--space-field)}
.c-console-index a{display:block;padding:12px 24px;background:#FFFFFF;color:#1C2526;border-radius:var(--radius-sm);font-size:var(--text-base);line-height:var(--lh-body)}
.c-console-index a[aria-current="page"]{background:var(--primary);color:#FFFFFF}
.c-instance{padding:var(--card-pad);border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526}
.c-instance[data-state="offline"] .c-status::before{background:var(--neutral-dot)}
.c-instance[data-state="error"]{background:#F7E9EC;color:#5A2333}
.c-instance[data-state="error"] .c-status{color:#5A2333}
.c-blog-lead{display:grid;grid-template-columns:1fr 1fr;background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card);overflow:hidden;height:auto}
.c-blog-lead .c-blog-media{position:relative;height:clamp(220px,24vw,360px)}
.c-blog-media img{width:100%;height:100%;object-fit:cover}
.c-blog-lead .c-blog-copy{padding:var(--card-pad)}
.c-blog-rest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.c-blog-card{display:flex;flex-direction:column;height:100%;min-width:0;background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card);overflow:hidden}
.c-blog-card .c-blog-media{height:180px}
.c-blog-card .c-blog-copy{display:flex;flex-direction:column;flex:1;padding:var(--space-3)}
.c-blog-card p{margin-top:var(--space-2);margin-bottom:var(--space-3);color:#5B6670;font-size:var(--text-base);line-height:var(--lh-body)}
.c-blog-card .c-blog-foot{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--line)}
@keyframes xnFade{from{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:none}
}
@keyframes xnLine{from{opacity:0}
to{opacity:1}
}
@keyframes xnLit{from{opacity:.38}
to{opacity:1}
}
@keyframes xnDot{from{background:var(--neutral-dot)}
to{background:var(--primary)}
}
@keyframes xnBlink{50%{opacity:0}
}
@media(max-width:64rem){
  :where(.c-page-hero--split){grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  .c-legal-layout{grid-template-columns:200px minmax(0,1fr)}
  .c-console{grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:42rem){
  [data-hero-form] .c-hero-stage,[data-hero-form] .hero-art{width:min(calc(100% - var(--gutter)*2),100%);margin-inline:auto;height:auto;min-height:0;overflow:visible;transform:none}
  .hero-art{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:var(--space-3)}
  .hero-art>*{grid-area:auto;grid-column:1;width:auto;max-width:none;justify-self:stretch}
  .hero-art .art-backdrop{inset:0}
  .hero-art .cluster{margin:0;height:auto}
  .hero-art .runner-card{padding:24px;min-height:0}
  .hero-art .queue-card{padding:24px}
  .hero-art .float-title{flex-wrap:wrap;padding-inline:24px}
  .hero-art .queue-card>div{grid-template-columns:minmax(0,1fr)}
  .hero-art .build-row{padding-inline:var(--space-3)}
  .hero .trust{border-radius:var(--radius-card)}
  .c-migration,.c-glossary,.c-quotes,.c-legal-layout,.c-console,.c-blog-rest,.c-blog-lead{grid-template-columns:minmax(0,1fr)}
  .c-hero-stage{height:auto;min-height:0;overflow:visible}
  .c-legal-toc{position:static}
  .c-close{padding-bottom:var(--space-6)}
  .c-diagnostic{grid-template-columns:minmax(0,1fr)}
}

/* confirmed-draft-hero-face */
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):not(:has(> .hero-queue)):not(:has(> .hero-art)):not([class*="hero-art"]){height:auto;min-height:0;min-width:0}
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):has(.hero-art){min-height:510px;overflow:visible;background:transparent;border-radius:0;--mono:var(--mv-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);--green:#27785d}
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form])::before,[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form])::after{display:none;content:none}
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form])>img{display:none}
[data-hero-face="confirmed-draft"] .hero-art{display:grid;grid-template-columns:minmax(0,1fr);width:min(920px,100%);margin:56px auto 0;position:relative;text-align:left}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;border-radius:32px;background:radial-gradient(60% 55% at 22% 30%,rgba(236,234,247,.95),rgba(236,234,247,0) 70%),radial-gradient(55% 50% at 82% 72%,rgba(230,240,248,.95),rgba(230,240,248,0) 70%),radial-gradient(40% 40% at 60% 10%,rgba(247,233,236,.7),rgba(247,233,236,0) 70%);filter:blur(24px)}
[data-hero-face="confirmed-draft"] .hero-art .cluster{display:grid;grid-template-columns:minmax(0,1fr);position:relative;background:#ffffff;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(28,37,38,.05),0 30px 60px -28px rgba(28,37,38,.28),0 12px 24px -16px rgba(28,37,38,.10);margin:28px;animation:xnFade .9s ease both}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#F1F3F5;padding:9px 14px;min-height:44px}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:inline-flex;align-items:center;gap:8px;background:#ffffff;color:#1C2526;border-radius:8px;padding:5px 12px;font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:600;letter-spacing:.2px}
[data-hero-face="confirmed-draft"] .hero-art .node-label svg{display:block}
[data-hero-face="confirmed-draft"] .hero-art .float-title > span{font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:12px;color:#8A939C}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{display:grid;gap:2px;padding:24px 30px 26px;background:#ffffff;min-height:296px;align-content:start}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:14px;line-height:1.85;color:#1C2526;white-space:pre-wrap;overflow-wrap:anywhere;opacity:0;animation:xnLine .35s ease forwards;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .runner-line b{color:#8A939C;font-weight:400}
[data-hero-face="confirmed-draft"] .hero-art .runner-line i{font-style:normal;color:#5B6670}
[data-hero-face="confirmed-draft"] .hero-art .runner-line em{font-style:normal;color:#2C7A6E;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(1){animation-delay:.4s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(2){animation-delay:1.1s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(3){animation-delay:1.8s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(4){animation-delay:2.4s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(5){animation-delay:3.0s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(6){animation-delay:3.5s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(7){animation-delay:3.65s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(8){animation-delay:4.2s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(9){animation-delay:4.7s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:nth-child(10){animation-delay:5.1s}
[data-hero-face="confirmed-draft"] .hero-art .runner-line u{display:inline-block;width:8px;height:16px;background:#2C7A6E;text-decoration:none;vertical-align:-3px;animation:xnBlink 1s steps(1) infinite}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{display:grid;gap:14px;padding:18px 30px 22px;background:#ffffff;border-top:1px solid #ECEEF1}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header > span{display:inline-flex;align-items:center;gap:10px;font-family:"Sora","Avenir Next","Segoe UI",system-ui,sans-serif;font-size:13px;font-weight:600;color:#1C2526;letter-spacing:-.1px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header svg{display:block}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#F1F3F5;color:#1C2526;font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:1px;padding:4px 10px}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok::before{content:"";width:6px;height:6px;border-radius:50%;background:#2C7A6E}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > div{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:grid;gap:4px;background:#F7F8FA;border-radius:10px;padding:10px 12px 11px;opacity:.38;animation:xnLit .5s ease forwards}
[data-hero-face="confirmed-draft"] .hero-art .build-row > span{display:flex;align-items:center;gap:6px;font-size:12px;color:#5B6670;letter-spacing:.2px}
[data-hero-face="confirmed-draft"] .hero-art .build-row > strong{font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:13px;font-weight:600;color:#1C2526;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .status-live{width:6px;height:6px;border-radius:50%;background:#C9CED3;flex:none;animation:xnDot .5s ease forwards}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(1),[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(1) .status-live{animation-delay:2.5s}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(2),[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(2) .status-live{animation-delay:3.7s}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(3),[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(3) .status-live{animation-delay:4.8s}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(4),[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(4) .status-live{animation-delay:1.2s}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(5),[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(5) .status-live{animation-delay:1.3s}
@media(max-width:42rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):not(:has(> .hero-queue)):not(:has(> .hero-art)):not([class*="hero-art"]){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto;min-height:0;width:auto;max-width:100%;transform:none;grid-template-columns:minmax(0,1fr);grid-template-areas:none;overflow:visible}
  [data-hero-face="confirmed-draft"] .hero-art>*:not(.art-backdrop){grid-area:auto;grid-column:1;justify-self:stretch;transform:none}
  [data-hero-face="confirmed-draft"] .cluster{position:relative;inset:auto;width:100%;height:auto}
  [data-hero-face="confirmed-draft"] .float-card,
  [data-hero-face="confirmed-draft"] .node-label:not(:is(.runner-card,.queue-card,.float-card) .node-label){position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;display:inline-block;margin:.35rem .35rem 0 0}
  [data-hero-face="confirmed-draft"] .queue-card,
  [data-hero-face="confirmed-draft"] .runner-card{position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none}
}
/* /confirmed-draft-hero-face */