:where(.c-section){padding-top:var(--space-section)}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(.c-head){max-width:var(--width-narrow);margin-bottom:var(--space-6)}
:where(.c-head.center){margin-inline:auto;text-align:center}
:where(.c-head h2){margin-top:var(--kicker-gap);color:var(--ink)}
:where(.c-head p){margin-top:var(--space-2);color:var(--muted);font-size:var(--text-base);line-height:var(--lh-body)}
:where(.c-head.center,.c-page-hero.center,.c-copy.center) :where(.c-kicker,.c-chip){margin-inline:auto}
:where(.c-page-hero,.c-document-hero){padding-block:var(--hero-top) var(--space-7);background:#F8F6F3;color:#1C1726;--ink:#1C1726;--muted:#625C6B;--line:#ECE6DF}
:where(.c-page-hero h1,.c-document-hero h1){color:#1C1726;font-size:clamp(2.25rem,4.45vw,var(--text-display));line-height:var(--lh-display)}
:where(.c-page-hero p,.c-document-hero p){color:#625C6B;font-size:var(--text-lead);line-height:var(--lh-body);margin-top:var(--space-3)}
:where(.c-page-hero .c-kicker+h1){margin-top:var(--kicker-gap)}
:where(.c-page-hero.center .c-copy){max-width:var(--width-narrow);margin-inline:auto;text-align:center}
:where(.c-page-hero.center .c-copy>.c-actions){justify-content:center}
:where(.c-page-hero .c-copy){min-width:0}
.c-page-hero.c-split-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--split-right-min),1fr);align-items:start;gap:var(--space-7);padding-inline:max(var(--gutter),calc((100vw - var(--width-standard))/2))}
.c-split-hero>.c-copy,.c-split-hero>.c-stage{min-width:0}
.c-stage{height:auto;min-height:var(--stage-min);padding:var(--space-3);border-radius:var(--radius-lg);background:#1C1726;color:#F4EFF8;text-align:left;overflow:hidden}
.c-stage> .c-card:only-child{width:100%;max-width:none}
.c-stage :where(p,li,dt,dd){font-size:var(--text-sm);line-height:var(--lh-body)}
.c-stage :where(.c-surface-paper,.c-surface-yellow,.c-surface-green,.c-surface-blue,.c-surface-peach){height:auto}
.c-photo-stage{height:var(--stage-min);padding:0;position:relative;overflow:hidden;border-radius:var(--radius-lg)}
.c-photo-stage img{width:100%;height:100%;object-fit:cover}
.c-photo-stage::before,.c-photo-stage::after{pointer-events:none}
.c-legal-grid{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--space-5);align-items:start}
.c-legal-toc{position:sticky;top:calc(var(--header-height) + var(--space-3));padding:var(--space-3);border-radius:var(--radius-md);background:#FFFFFF;color:#1C1726}
.c-legal-toc ol{list-style:none;margin:0;padding:0}
.c-legal-toc ol a{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-1);padding-block:var(--space-1);font-size:var(--text-sm);line-height:var(--lh-body)}
.c-legal-toc .c-btn{display:inline-flex}
.c-legal-body{padding:var(--space-5);border-radius:var(--radius-lg);background:#FFFFFF;color:#1C1726;min-width:0}
.c-legal-body section+section{margin-top:var(--space-5)}
.c-legal-body h2,.c-legal-body h3{font-size:var(--text-xl);line-height:var(--lh-heading);margin-bottom:var(--space-2)}
.c-close{padding-block:var(--space-close)}
.c-close-frame{position:relative;max-width:var(--width-frame);margin-inline:auto;padding:var(--space-8) var(--space-5) 4.5rem;border:var(--hairline) solid var(--line);background:#F8F6F3;color:#1C1726;text-align:center}
.c-close-frame h2{font-size:clamp(2rem,4.45vw,var(--text-display));line-height:1.25;color:#1C1726}
.c-close-frame p{margin-top:var(--space-3);color:#625C6B;font-size:var(--text-base);line-height:var(--lh-body)}
.c-close-frame .c-actions{margin-top:var(--space-5);justify-content:center}
.c-close-handle{position:absolute;width:.5625rem;height:.5625rem;border:var(--hairline) solid var(--accent);background:var(--paper);border-radius:var(--radius-pill);pointer-events:none}
.c-close-handle:nth-child(1){top:-.3125rem;left:-.3125rem}
.c-close-handle:nth-child(2){top:-.3125rem;right:-.3125rem}
.c-close-handle:nth-child(3){bottom:-.3125rem;left:-.3125rem}
.c-close-handle:nth-child(4){bottom:-.3125rem;right:-.3125rem}
.site-footer .footer-brand img{background:var(--paper);padding:.35rem;border-radius:var(--radius-sm)}
[data-hero-form="card-collage"]{background:var(--paper);padding-bottom:var(--space-3)}
[data-hero-form="card-collage"] .hero-art{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 250px;grid-template-areas:"spec title node" "price title node" "canvas canvas canvas";column-gap:var(--space-3);row-gap:var(--space-3);width:calc(100% - var(--gutter)*2);max-width:var(--width-wide);height:auto;margin-inline:auto;padding-top:var(--space-3)}
.hero-art>.art-backdrop{display:none;position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(560px 300px at 50% 120px,rgba(246,237,200,.75),rgba(246,237,200,0) 72%),radial-gradient(760px 220px at 50% 640px,rgba(224,69,123,.10),rgba(224,69,123,0) 70%),radial-gradient(420px 260px at 8% 220px,rgba(227,238,230,.8),rgba(227,238,230,0) 70%),radial-gradient(420px 260px at 92% 260px,rgba(228,236,245,.85),rgba(228,236,245,0) 70%)}
.hero-art>*{position:relative;z-index:1;min-width:0}
.hero-art>.float-title{grid-area:title;text-align:center;padding-top:0}
.hero-art>.float-title>p:first-child{display:inline-flex;align-items:center;gap:.75rem;padding:.375rem 1.125rem .375rem .375rem;border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);font-size:var(--text-xs);line-height:var(--lh-body);color:#1C1726;background:rgba(255,255,255,.6)}
.hero-art>.float-title>p:first-child b{font-weight:var(--weight-medium);font-size:var(--text-xs);line-height:var(--lh-body);padding:.1875rem .625rem;border-radius:var(--radius-pill);background:#E4ECF5;color:#1E3350}
.hero-art>.float-title>p:first-child span{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body)}
.hero-art>.float-title h1{font-size:clamp(2.25rem,4vw,3.2rem);font-weight:var(--weight-light);line-height:var(--lh-display);letter-spacing:normal;color:#1C1726;margin-top:var(--space-4)}
.hero-art>.float-title h1 strong{font-weight:var(--weight-strong)}
.hero-art>.float-title h1+p{font-size:var(--text-lead);line-height:1.7;color:#625C6B;margin:var(--space-3) auto 0;max-width:37.5rem}
.hero-art>.float-title>p:last-child{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--action-gap);margin-top:var(--space-5)}
.hero-art>.float-title>p:last-child a{display:inline-flex;justify-content:center;align-items:center;font-size:var(--text-button);font-weight:var(--weight-normal);line-height:var(--lh-tight);padding:var(--space-2) 1.625rem;border-radius:var(--radius-sm);background:var(--primary);color:var(--surface);border:var(--hairline) solid var(--primary)}
.hero-art>.float-title>p:last-child a:hover{background:var(--primary-hover)}
.hero-art>.float-title>p:last-child a+a{background:transparent;color:var(--ink);border-color:color-mix(in srgb,currentColor 45%,transparent)}
.hero-art>.float-title>p:last-child a+a:hover{background:var(--neutral)}
.hero-art>.float-card{border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-card);overflow-wrap:break-word}
.hero-art>.float-card small{display:block;font-size:var(--text-xs);line-height:var(--lh-body);letter-spacing:.08em;text-transform:uppercase}
.hero-art>.float-card>svg{display:block;width:2.25rem;height:2.25rem;margin-bottom:.875rem}
.hero-art>.float-card:nth-child(2){grid-area:spec;align-self:start;margin:var(--space-5) .75rem 0 0;rotate:-2deg;background:#F6EDC8;color:#3D3313}
.hero-art>.float-card:nth-child(2) strong{display:block;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.4;margin:.5rem 0 .375rem;color:#3D3313}
.hero-art>.float-card:nth-child(2) p{font-size:var(--text-sm);line-height:1.5;color:#5E5130}
.hero-art>.float-card:nth-child(4){grid-area:node;align-self:center;margin:4.5rem 0 0 .5rem;rotate:2deg;background:#E3EEE6;color:#1F3A2A}
.hero-art>.float-card:nth-child(4) .float-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-normal);line-height:var(--lh-heading);margin:.375rem 0 .75rem;color:#1F3A2A}
.hero-art>.float-card:nth-child(4) ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.375rem .75rem}
.hero-art>.float-card:nth-child(4) li{display:flex;align-items:center;gap:.375rem;font-size:var(--text-xs);line-height:1.5;color:#1F3A2A}
.hero-art>.float-card:nth-child(4) li i{width:.375rem;height:.375rem;border-radius:var(--radius-pill);background:var(--ok);flex:none}
.hero-art>.float-card:nth-child(5){grid-area:price;align-self:end;margin:0 0 .5rem var(--space-4);rotate:-1deg;background:#F6E6DA;color:#4A2A17}
.hero-art>.float-card:nth-child(5) strong{display:block;font-family:var(--font-mono);font-size:var(--text-data);font-weight:var(--weight-normal);line-height:1.1;letter-spacing:-.02em;margin:.5rem 0 .25rem;color:#4A2A17}
.hero-art>.float-card:nth-child(5) strong em{font-style:normal;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-body);letter-spacing:0;margin-left:.25rem}
.hero-art>.float-card:nth-child(5) p{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);color:#6E4A33}
.hero-art>.cluster{grid-area:canvas;display:grid;grid-template-columns:var(--stage-side-left) minmax(0,1fr) var(--stage-side-right);margin-top:var(--space-8);background:#1C1726;color:#CFC7DB;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-canvas);min-height:var(--stage-min);height:auto;text-align:left}
.hero-art>.cluster>*{min-width:0}
.hero-art>.cluster>.runner-card{display:flex;flex-direction:column;background:#231D2F;color:#CFC7DB;padding:var(--space-3);font-size:var(--text-xs);line-height:1.5}
.hero-art>.cluster>.runner-card:first-child{border-right:var(--hairline) solid var(--line-dark)}
.hero-art>.cluster>.runner-card:last-child{border-left:var(--hairline) solid var(--line-dark)}
.hero-art .runner-card>p:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;font-size:var(--text-sm);line-height:1.5;color:#F4EFF8;margin-bottom:var(--space-2)}
.hero-art .runner-card>p:first-child svg{width:1.75rem;height:1.75rem}
.hero-art .runner-card>p:first-child span{display:block;font-size:var(--text-xs);color:#AAA1BB;letter-spacing:.06em;text-transform:uppercase;line-height:var(--lh-tight)}
.hero-art .runner-card>p:nth-child(2){display:grid;grid-template-columns:1fr 1fr;padding:.25rem;border-radius:var(--radius-sm);background:var(--panel-deep);margin-bottom:1.125rem;text-align:center;font-size:var(--text-xs);line-height:var(--lh-body);letter-spacing:.06em}
.hero-art .runner-card>p:nth-child(2) b{font-weight:var(--weight-medium);background:var(--panel-tab);color:var(--canvas-accent);border-radius:var(--radius-sm);padding:.375rem 0}
.hero-art .runner-card>p:nth-child(2) span{color:var(--canvas-muted);padding:.375rem 0}
.hero-art .runner-card h4{font-family:var(--font-mono);font-weight:var(--weight-normal);font-size:var(--text-xs);line-height:var(--lh-body);letter-spacing:.08em;color:var(--canvas-muted);margin:var(--space-2) 0 .5rem;padding-inline:.375rem}
.hero-art .runner-card ul{list-style:none;padding:0}
.hero-art .runner-line{display:flex;align-items:center;gap:.625rem;padding:.4375rem .5rem;border-radius:var(--radius-sm);color:var(--canvas-body);font-size:var(--text-xs);line-height:1.5}
.hero-art .runner-line svg{width:.875rem;height:.875rem}
.hero-art .runner-line b{font-weight:var(--weight-normal);overflow-wrap:break-word;min-width:0}
.hero-art .runner-line em{font-style:normal;margin-left:auto;font-family:var(--font-mono);color:var(--canvas-muted);font-size:var(--text-xs);line-height:1.5}
.hero-art li.runner-line:first-child{background:var(--canvas-current-bg);color:var(--canvas-current)}
.hero-art .runner-line+.runner-line{margin-top:.125rem}
.hero-art .runner-card>.build-row:last-child{margin-top:auto}
.hero-art .build-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center;padding:.375rem .5rem;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--canvas-body)}
.hero-art .build-row span{min-width:0;overflow-wrap:break-word}
.hero-art .build-row em{font-style:normal;color:var(--canvas-muted)}
.hero-art>.cluster>.cluster{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:var(--space-3) var(--space-4) 1.75rem;background:#1C1726;color:#CFC7DB;background-image:radial-gradient(var(--canvas-grid) 1px,rgba(255,255,255,0) 1.4px);background-size:20px 20px}
.hero-art>.cluster>.cluster>p:first-child{align-self:stretch;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);color:var(--canvas-body);background:var(--panel-raised);border-radius:var(--radius-sm);padding:.625rem .875rem;overflow-wrap:anywhere}
.hero-art>.cluster>.cluster>p:first-child b{color:var(--canvas-accent);font-weight:var(--weight-normal)}
.hero-art .queue-card{width:min(460px,100%);background:#F6EDC8;color:#3D3313;border-radius:var(--radius-md);padding:1.625rem 1.75rem 1.375rem;box-shadow:var(--shadow-artifact);margin-top:.5rem;min-width:0;height:auto}
.hero-art .queue-card>div:first-child{display:flex;align-items:center;gap:.875rem}
.hero-art .queue-card>div:first-child>svg{width:3rem;height:3rem}
.hero-art .queue-card .float-title{min-width:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-normal);line-height:var(--lh-tight);color:#3D3313}
.hero-art .queue-card .float-title small{display:block;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);color:#5E5130;margin-top:.25rem;overflow-wrap:anywhere}
.hero-art .queue-card>p{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.125rem 0}
.hero-art .status-live{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);padding:.3125rem .75rem;border-radius:var(--radius-pill);background:#E3EEE6;color:#1F3A2A}
.hero-art .status-live i{width:.4375rem;height:.4375rem;border-radius:var(--radius-pill);background:var(--ok);animation:hx-pulse 2.4s ease-in-out infinite}
.hero-art .pill-ok{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);line-height:var(--lh-body);padding:.3125rem .75rem;border-radius:var(--radius-pill);background:#FFFFFF;color:#3D3313}
.hero-art .queue-card>p .pill-ok:last-child{font-family:var(--font-mono);background:#3D3313;color:#F6EDC8}
.hero-art .queue-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem 1.25rem;padding-top:var(--space-2);border-top:var(--hairline) solid rgba(61,51,19,.14)}
.hero-art .queue-card dt{font-size:var(--text-xs);line-height:var(--lh-body);color:#5E5130}
.hero-art .queue-card dd{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);text-align:right;color:#3D3313;overflow-wrap:break-word}
.hero-art>.cluster>.cluster>div:last-child{width:min(460px,100%);margin-top:auto}
.hero-art>.cluster>.cluster>div:last-child>svg{display:block;width:100%;height:.625rem;margin-bottom:.625rem}
.hero-art .build-row i{display:inline-block;width:.5rem;height:.5rem;border-radius:.125rem;margin-right:.5rem}
.hero-art .node-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;background:var(--panel-raised);border-radius:var(--radius-sm);padding:.625rem .75rem;color:var(--canvas-ink);font-size:var(--text-xs);line-height:var(--lh-body)}
.hero-art .node-label .pill-ok{background:#E3EEE6;color:#1F3A2A;padding:.1875rem .625rem}
.hero-art .runner-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.625rem .75rem;padding:.25rem .375rem 0}
.hero-art .runner-card dt{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--canvas-muted)}
.hero-art .runner-card dd{text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);color:var(--canvas-ink);overflow-wrap:break-word}
.hero-art .runner-card dd svg{display:block;width:7.5rem;height:.375rem;margin:.375rem 0 0 auto;max-width:100%}
.hero-art .runner-card>p:last-child{margin-top:auto;padding:.75rem;border-radius:var(--radius-sm);background:var(--panel-deep);color:var(--canvas-body);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);overflow-wrap:anywhere}
.hero-art .runner-card>p:last-child b{color:var(--canvas-accent);font-weight:var(--weight-normal)}
.reveal{opacity:1;transform:none}
.reveal.is-reveal-pending{opacity:0;transform:translateY(var(--reveal-distance))}
.reveal.is-reveal-pending.reveal-left{transform:translateX(calc(var(--reveal-distance)*-1))}
.reveal.is-reveal-pending.reveal-right{transform:translateX(var(--reveal-distance))}
.reveal.is-revealed{opacity:1;transform:none;transition:opacity var(--motion-reveal) var(--ease),transform var(--motion-reveal) var(--ease)}
@keyframes hx-pulse{0%,100%{opacity:1}
50%{opacity:.4}
}
@keyframes hx-lift{from{transform:translateY(1.5rem)}
to{transform:translateY(0)}
}
@keyframes hx-fade{from{opacity:.3}
to{opacity:1}
}
@supports(animation-timeline:view()){
.hero-art .queue-card{animation:hx-lift linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
.hero-art>.cluster>.runner-card:last-child dd{animation:hx-fade linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
}
@media(max-width:64rem){
.c-page-hero.c-split-hero{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
.c-stage{min-height:0}
.c-legal-grid{grid-template-columns:minmax(0,1fr)}
.c-legal-toc{position:static}
[data-hero-form="card-collage"] .hero-art{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"title title" "spec node" "price node" "canvas canvas"}
.hero-art>.float-title h1{font-size:clamp(2.25rem,6vw,var(--text-display))}
.hero-art>.float-card:nth-child(4){margin-top:0}
.hero-art>.cluster{grid-template-columns:13rem minmax(0,1fr)}
.hero-art>.cluster>.runner-card:last-child{grid-column:1/-1}
.hero-art>.cluster>.cluster{padding:var(--space-3)}
}
@media(max-width:42rem){
[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}
[data-hero-form="card-collage"] .hero-art{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:var(--space-3)}
.hero-art>*{grid-area:auto!important;grid-column:1;width:auto;max-width:none;justify-self:stretch}
.hero-art .art-backdrop{inset:0}
.hero-art>.float-title{order:-1}
.hero-art>.float-title h1{font-size:clamp(2.25rem,6vw,3.2rem)}
.hero-art>.float-card:nth-child(2),.hero-art>.float-card:nth-child(4),.hero-art>.float-card:nth-child(5){margin:0;rotate:0deg}
.hero-art>.cluster{grid-template-columns:minmax(0,1fr);margin-top:var(--space-4);min-height:0;height:auto;overflow:visible}
.hero-art>.cluster>.runner-card:first-child{border:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.hero-art>.cluster>.runner-card:last-child{grid-column:auto;border:0;border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.hero-art>.cluster>.cluster{padding:var(--space-3);height:auto;min-height:0;overflow:visible}
.hero-art .queue-card{padding:var(--space-3);height:auto;overflow:visible}
.hero-art .queue-card>div:first-child{flex-wrap:wrap}
.hero-art .queue-card dl{grid-template-columns:minmax(0,1fr)}
.hero-art .queue-card dd{text-align:left}
.c-stage{height:auto;min-height:0;overflow:visible}
.c-stage>.c-card{height:auto}
.c-close-frame{padding:var(--space-5) var(--space-3)}
.c-legal-body{padding:var(--space-3)}
}

/* 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{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 250px;grid-template-areas:"spec title node" "price title node" "canvas canvas canvas";column-gap:24px;row-gap:24px;width:auto;max-width:1280px;margin:0 auto;padding:64px 0 0}
[data-hero-face="confirmed-draft"] .hero-art>.art-backdrop{display:none;position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(560px 300px at 50% 120px,rgba(246,237,200,.75),rgba(246,237,200,0) 72%),radial-gradient(760px 220px at 50% 640px,rgba(224,69,123,.10),rgba(224,69,123,0) 70%),radial-gradient(420px 260px at 8% 220px,rgba(227,238,230,.8),rgba(227,238,230,0) 70%),radial-gradient(420px 260px at 92% 260px,rgba(228,236,245,.85),rgba(228,236,245,0) 70%)}
[data-hero-face="confirmed-draft"] .hero-art>*{z-index:1}
[data-hero-face="confirmed-draft"] .hero-art>.float-title{grid-area:title;text-align:center;padding:8px 0 0}
[data-hero-face="confirmed-draft"] .hero-art>.float-title>p:first-child{display:inline-flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border:1px solid #D9D2CB;border-radius:999px;font-size:14px;color:#1C1726;background:rgba(255,255,255,.6)}
[data-hero-face="confirmed-draft"] .hero-art>.float-title>p:first-child b{font-weight:500;font-size:13px;padding:3px 10px;border-radius:999px;background:#E4ECF5;color:#1E3350}
[data-hero-face="confirmed-draft"] .hero-art>.float-title>p:first-child span{font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px}
[data-hero-face="confirmed-draft"] .hero-art>.float-title h1{font-family:"Outfit","Avenir Next","Futura","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:64px;font-weight:300;line-height:1.32;letter-spacing:normal;color:#1C1726;margin:32px 0 0}
[data-hero-face="confirmed-draft"] .hero-art>.float-title h1 strong{font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art>.float-title h1+p{font-size:18px;line-height:1.7;color:#6E6878;margin:24px auto 0;max-width:600px}
[data-hero-face="confirmed-draft"] .hero-art>.float-title>p:last-child{display:flex;justify-content:center;gap:16px;margin:40px 0 0}
[data-hero-face="confirmed-draft"] .hero-art>.float-title>p:last-child a{display:inline-flex;align-items:center;font-size:16px;font-weight:400;line-height:1;padding:16px 26px;border-radius:8px;background:#8A1670;color:#FFFFFF;border:1px solid #8A1670}
[data-hero-face="confirmed-draft"] .hero-art>.float-title>p:last-child a+a{background:transparent;color:#1C1726;border:1px solid #1C1726}
[data-hero-face="confirmed-draft"] .hero-art>.float-card{border-radius:18px;padding:20px 22px;box-shadow:0 18px 40px -26px rgba(28,23,38,.35);overflow-wrap:anywhere}
[data-hero-face="confirmed-draft"] .hero-art>.float-card small{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
[data-hero-face="confirmed-draft"] .hero-art>.float-card svg{display:block;margin:0 0 14px}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(2){grid-area:spec;align-self:start;margin:40px 12px 0 0;rotate:-2deg;background:#F6EDC8;color:#3D3313}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(2) strong{display:block;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:17px;font-weight:500;line-height:1.4;margin:8px 0 6px;color:#3D3313}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(2) p{font-size:14px;line-height:1.5;color:#5E5130}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(4){grid-area:node;align-self:center;margin:72px 0 0 8px;rotate:2deg;background:#E3EEE6;color:#1F3A2A}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(4) .float-title{font-family:"Outfit","Avenir Next","Segoe UI","PingFang SC",sans-serif;font-size:24px;font-weight:400;line-height:1.3;margin:6px 0 12px;color:#1F3A2A}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(4) ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px 12px;font-size:14px;line-height:1.5;color:#1F3A2A}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(4) li{display:flex;align-items:center;gap:6px}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(4) li i{width:6px;height:6px;border-radius:999px;background:#2F8F5B;flex:none}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(5){grid-area:price;align-self:end;margin:0 0 8px 32px;rotate:-1deg;background:#F6E6DA;color:#4A2A17}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(5) strong{display:block;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:40px;font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:8px 0 4px;color:#4A2A17}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(5) strong em{font-style:normal;font-family:"IBM Plex Sans","PingFang SC",sans-serif;font-size:17px;letter-spacing:0;margin-left:4px}
[data-hero-face="confirmed-draft"] .hero-art>.float-card:nth-child(5) p{font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px;color:#6E4A33}
[data-hero-face="confirmed-draft"] .hero-art>.cluster{grid-area:canvas;display:grid;grid-template-columns:248px minmax(0,1fr) 280px;margin:80px 0 0;background:#1C1726;color:#D9D2E4;border-radius:28px;overflow:hidden;box-shadow:0 50px 90px -50px rgba(28,23,38,.55);min-height:540px}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.runner-card{background:#231D2F;padding:22px 18px;font-size:13px;line-height:1.5}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.runner-card:first-child{border-right:1px solid rgba(255,255,255,.06)}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.runner-card:last-child{border-left:1px solid rgba(255,255,255,.06)}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>p:first-child{display:flex;align-items:center;gap:10px;font-size:15px;color:#F4EFF8;margin:0 0 16px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>p:first-child span{display:block;font-size:13px;color:#8E85A0;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>p:nth-child(2){display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:10px;background:#1A1522;margin:0 0 18px;text-align:center;font-size:13px;letter-spacing:.06em}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>p:nth-child(2) b{font-weight:500;background:#2E2639;color:#F5A9C6;border-radius:7px;padding:6px 0}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>p:nth-child(2) span{color:#8E85A0;padding:6px 0}
[data-hero-face="confirmed-draft"] .hero-art .runner-card h4{font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-weight:400;font-size:13px;letter-spacing:.08em;color:#8E85A0;margin:16px 0 8px;padding:0 6px}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;color:#CFC7DB}
[data-hero-face="confirmed-draft"] .hero-art .runner-line svg{flex:none}
[data-hero-face="confirmed-draft"] .hero-art .runner-line em{font-style:normal;margin-left:auto;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;color:#8E85A0}
[data-hero-face="confirmed-draft"] .hero-art .runner-line b{font-weight:400}
[data-hero-face="confirmed-draft"] .hero-art li.runner-line:first-child{background:rgba(224,69,123,.16);color:#FFD6E5}
[data-hero-face="confirmed-draft"] .hero-art .runner-line+.runner-line{margin-top:2px}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px 8px;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px;color:#CFC7DB}
[data-hero-face="confirmed-draft"] .hero-art .build-row em{font-style:normal;color:#8E85A0}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.cluster{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 32px 28px;background-color:#1C1726;background-image:radial-gradient(rgba(255,255,255,.07) 1px,rgba(255,255,255,0) 1.4px);background-size:20px 20px}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.cluster>p:first-child{align-self:stretch;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px;color:#CFC7DB;background:#2A2335;border-radius:10px;padding:10px 14px;overflow-wrap:anywhere}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.cluster>p:first-child b{color:#F5A9C6;font-weight:400}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{width:min(460px,100%);background:#F6EDC8;color:#3D3313;border-radius:20px;padding:26px 28px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);margin:8px 0 0}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>div:first-child{display:flex;align-items:center;gap:14px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card .float-title{font-family:"Outfit","Avenir Next","Segoe UI","PingFang SC",sans-serif;font-size:24px;font-weight:400;line-height:1.2;color:#3D3313}
[data-hero-face="confirmed-draft"] .hero-art .queue-card .float-title small{display:block;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px;color:#6B5C2E;margin-top:4px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>p{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 18px}
[data-hero-face="confirmed-draft"] .hero-art .status-live{display:inline-flex;align-items:center;gap:8px;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px;padding:5px 12px;border-radius:999px;background:#E3EEE6;color:#1F3A2A}
[data-hero-face="confirmed-draft"] .hero-art .status-live i{width:7px;height:7px;border-radius:999px;background:#2F8F5B;animation:hx-pulse 2.4s ease-in-out infinite}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 12px;border-radius:999px;background:#FFFFFF;color:#3D3313}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>p .pill-ok:last-child{font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;background:#3D3313;color:#F6EDC8}
[data-hero-face="confirmed-draft"] .hero-art .queue-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;font-size:14px;padding-top:16px;border-top:1px solid rgba(61,51,19,.14)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card dt{color:#6B5C2E}
[data-hero-face="confirmed-draft"] .hero-art .queue-card dd{font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px;text-align:right;color:#3D3313}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.cluster>div:last-child{width:min(460px,100%)}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.cluster>div:last-child svg{display:block;width:100%;height:auto;margin:0 0 10px}
[data-hero-face="confirmed-draft"] .hero-art>.cluster>.cluster>div:last-child .build-row i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#2A2335;border-radius:10px;padding:10px 12px;color:#F4EFF8;font-size:14px}
[data-hero-face="confirmed-draft"] .hero-art .node-label .pill-ok{background:#E3EEE6;color:#1F3A2A;padding:3px 10px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:4px 6px 0}
[data-hero-face="confirmed-draft"] .hero-art .runner-card dt{color:#8E85A0}
[data-hero-face="confirmed-draft"] .hero-art .runner-card dd{text-align:right;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;color:#F4EFF8}
[data-hero-face="confirmed-draft"] .hero-art .runner-card dd svg{display:block;margin:6px 0 0 auto;max-width:100%;height:auto}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>p:last-child{margin:18px 0 0;padding:12px;border-radius:10px;background:#1A1522;color:#CFC7DB;font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:13px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>p:last-child b{color:#F5A9C6;font-weight:400}
@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 */