.frame-pipeline:where(.astro-27l5vbz7){margin:2rem 0;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:radial-gradient(circle at top left,rgba(116,167,255,.14),transparent 34rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.frame-pipeline__layout:where(.astro-27l5vbz7){display:grid;grid-template-columns:minmax(0,1.22fr) minmax(19.5rem,.98fr);gap:1rem;align-items:start;padding:1.35rem}.frame-pipeline__timeline-card:where(.astro-27l5vbz7),.frame-pipeline__panel:where(.astro-27l5vbz7){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.frame-pipeline__timeline-head:where(.astro-27l5vbz7){display:grid;gap:.35rem;margin-bottom:1rem}.frame-pipeline__mono:where(.astro-27l5vbz7){color:#dcecff;font-family:var(--sl-font-mono);font-size:.8rem;font-weight:800}.frame-pipeline__timeline-head:where(.astro-27l5vbz7) p:where(.astro-27l5vbz7),.frame-pipeline__panel-head:where(.astro-27l5vbz7) p:where(.astro-27l5vbz7),.frame-pipeline__panel--note:where(.astro-27l5vbz7) p:where(.astro-27l5vbz7){margin:0;color:#aebfd8;line-height:1.55}.frame-pipeline__timeline:where(.astro-27l5vbz7){display:grid;gap:0;margin:0;padding:0;list-style:none}.frame-pipeline__stage:where(.astro-27l5vbz7){position:relative;display:grid;grid-template-columns:2.7rem minmax(0,1fr);column-gap:.85rem}.frame-pipeline__stage-index:where(.astro-27l5vbz7){z-index:1;display:flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#08111f;color:#91a9ca;font-family:var(--sl-font-mono);font-size:.76rem;font-weight:900}.frame-pipeline__stage-body:where(.astro-27l5vbz7){min-width:0;margin-bottom:.65rem;padding:.85rem .95rem;border:1px solid rgba(148,163,184,.16);border-radius:.95rem;background:#0f172ab8}.frame-pipeline__stage-main:where(.astro-27l5vbz7){display:flex;align-items:center;gap:.7rem;min-width:0}.frame-pipeline__stage-main:where(.astro-27l5vbz7) code:where(.astro-27l5vbz7){min-width:0;color:#eef6ff;font-family:var(--sl-font-mono);font-size:.84rem;font-weight:800;overflow-wrap:anywhere}.frame-pipeline__stage-body:where(.astro-27l5vbz7) p:where(.astro-27l5vbz7){margin:.35rem 0 0;color:#8da2c1;font-size:.84rem;line-height:1.5}.frame-pipeline__tag:where(.astro-27l5vbz7){flex-shrink:0;padding:.22rem .56rem;border-radius:999px;font-family:var(--sl-font-mono);font-size:.68rem;font-weight:800;text-transform:uppercase}.frame-pipeline__tag--state:where(.astro-27l5vbz7){background:#1c3e7057;color:#a9c9ff;border:1px solid rgba(116,167,255,.28)}.frame-pipeline__tag--world:where(.astro-27l5vbz7){background:#0c312766;color:#9de7c9;border:1px solid rgba(104,224,176,.24)}.frame-pipeline__tag--bonus:where(.astro-27l5vbz7){background:#4a37106b;color:#ffdca3;border:1px solid rgba(242,184,75,.24)}.frame-pipeline__tag--post:where(.astro-27l5vbz7){background:#3341556b;color:#d5dceb;border:1px solid rgba(148,163,184,.24)}.frame-pipeline__tag--present:where(.astro-27l5vbz7){background:#1430548c;color:#dcecff;border:1px solid rgba(116,167,255,.32)}.frame-pipeline__connector:where(.astro-27l5vbz7){position:absolute;top:2.85rem;bottom:0;left:1.32rem;width:2px;background:linear-gradient(to bottom,#94a3b852,#94a3b814)}.frame-pipeline__visual-card:where(.astro-27l5vbz7){display:grid;gap:1rem;align-self:stretch;grid-template-rows:minmax(24rem,1.65fr) auto auto}.frame-pipeline__panel:where(.astro-27l5vbz7){display:grid;gap:.85rem;min-height:0;align-content:start}.frame-pipeline__visual-card:where(.astro-27l5vbz7)>.frame-pipeline__panel:where(.astro-27l5vbz7):first-child{grid-template-rows:auto minmax(38rem,1fr) auto;align-content:stretch}.frame-pipeline__canvas:where(.astro-27l5vbz7){width:100%;height:100%;border:1px solid rgba(148,163,184,.14);border-radius:.95rem;background:#09111d;cursor:pointer}.frame-pipeline__state:where(.astro-27l5vbz7){display:inline-block;width:fit-content;max-width:100%;padding:.45rem .7rem;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;background:#09101beb;color:#dcecff;font-family:var(--sl-font-mono);font-size:.76rem;overflow-wrap:anywhere}.frame-pipeline__legend:where(.astro-27l5vbz7){display:grid;gap:.55rem}.frame-pipeline__legend-item:where(.astro-27l5vbz7){display:flex;align-items:center;gap:.65rem;color:#d6e6fb;font-size:.84rem}.frame-pipeline__legend-swatch:where(.astro-27l5vbz7){width:.9rem;height:.9rem;border-radius:.3rem;flex-shrink:0}.frame-pipeline__legend-swatch--state:where(.astro-27l5vbz7){background:#365f96}.frame-pipeline__legend-swatch--world:where(.astro-27l5vbz7){background:#2e8766}.frame-pipeline__legend-swatch--bonus:where(.astro-27l5vbz7){background:#b07b2a}.frame-pipeline__legend-swatch--post:where(.astro-27l5vbz7){background:#6b7280}.frame-pipeline__legend-swatch--present:where(.astro-27l5vbz7){background:#74a7ff}@media(max-width:960px){.frame-pipeline__layout:where(.astro-27l5vbz7){grid-template-columns:1fr}}@media(max-width:720px){.frame-pipeline__intro:where(.astro-27l5vbz7){grid-template-columns:1fr}.frame-pipeline__stage:where(.astro-27l5vbz7){grid-template-columns:1fr}.frame-pipeline__connector:where(.astro-27l5vbz7){display:none}.frame-pipeline__stage-main:where(.astro-27l5vbz7){flex-wrap:wrap}}.frame-compose:where(.astro-xcpmmzv5){margin:2rem 0;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:linear-gradient(145deg,#0a1220fa,#060a12fa);overflow:hidden}.frame-compose__layout:where(.astro-xcpmmzv5){display:grid;gap:.85rem;max-width:58rem;margin:0 auto;padding:1rem}.frame-compose__panel:where(.astro-xcpmmzv5){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#08111dd1}.frame-compose__panel--wide:where(.astro-xcpmmzv5){grid-column:1 / -1}.frame-compose__tabs:where(.astro-xcpmmzv5){display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.85rem}.frame-compose__tab:where(.astro-xcpmmzv5){padding:.5rem .8rem;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#09101beb;color:#dcecff;font-family:var(--sl-font-mono);font-size:.78rem;font-weight:800;cursor:pointer}.frame-compose__tab:where(.astro-xcpmmzv5).is-active,.frame-compose__tab:where(.astro-xcpmmzv5):hover{border-color:#68e0b05c;background:#0e3c3080;color:#9de7c9}.frame-compose__screen:where(.astro-xcpmmzv5){position:relative;height:13rem;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#05080d;overflow:hidden}.frame-compose__ceiling:where(.astro-xcpmmzv5),.frame-compose__floor:where(.astro-xcpmmzv5),.frame-compose__walls:where(.astro-xcpmmzv5){position:absolute;left:0;right:0;transition:opacity .18s ease}.frame-compose__ceiling:where(.astro-xcpmmzv5){top:0;height:50%;background:#102b4a}.frame-compose__floor:where(.astro-xcpmmzv5){bottom:0;height:50%;background:#2b241d}.frame-compose__walls:where(.astro-xcpmmzv5){inset:0;display:flex;align-items:center;gap:1px;padding:0 .35rem}.frame-compose__walls:where(.astro-xcpmmzv5) span:where(.astro-xcpmmzv5){flex:1 1 0;min-width:0;border-radius:3px;background:linear-gradient(180deg,#8c8172,#453d34)}.frame-compose__screen-label:where(.astro-xcpmmzv5){position:absolute;right:.65rem;bottom:.55rem;padding:.35rem .5rem;border-radius:8px;background:#050910b8;color:#dcecff;font-family:var(--sl-font-mono);font-size:.72rem}.frame-compose__code:where(.astro-xcpmmzv5){margin:.85rem 0 0;padding:.9rem;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#04080ef5;overflow-x:auto}.frame-compose__code:where(.astro-xcpmmzv5) code:where(.astro-xcpmmzv5){color:#dcecff;font-family:var(--sl-font-mono);font-size:.78rem;line-height:1.75}.frame-compose:where(.astro-xcpmmzv5) h3:where(.astro-xcpmmzv5){margin:0 0 .5rem;color:#f7f2e8;font-size:1rem}.frame-compose:where(.astro-xcpmmzv5) ul:where(.astro-xcpmmzv5){margin:0;padding-left:1.1rem;color:#afbed2}.frame-compose:where(.astro-xcpmmzv5) li:where(.astro-xcpmmzv5)+li:where(.astro-xcpmmzv5){margin-top:.45rem}@media(min-width:780px){.frame-compose__layout:where(.astro-xcpmmzv5){grid-template-columns:repeat(2,minmax(0,1fr))}}