.flow__head[data-astro-cid-weuthv2v]{gap:.75rem;margin-bottom:clamp(2rem,5vw,3.5rem);display:grid}.flow__head[data-astro-cid-weuthv2v] h2[data-astro-cid-weuthv2v]{font-size:var(--step-3);max-width:18ch}.flow__head[data-astro-cid-weuthv2v] .lede[data-astro-cid-weuthv2v]{margin:0}.steps4[data-astro-cid-weuthv2v]{gap:1rem;padding:0;list-style:none;display:grid}@media (width>=48rem){.steps4[data-astro-cid-weuthv2v]{grid-template-columns:1fr 1fr}}.step4[data-astro-cid-weuthv2v]{content-visibility:auto;contain-intrinsic-block-size:auto 30rem;border:1px solid var(--line);background:var(--paper-raised);border-radius:18px;align-content:start;gap:1.1rem;padding:.85rem .85rem 1.25rem;display:grid}.step4__text[data-astro-cid-weuthv2v]{grid-template-columns:auto 1fr;gap:.85rem;padding-inline:.4rem;display:grid}.step4__text[data-astro-cid-weuthv2v] h3[data-astro-cid-weuthv2v]{font-size:1.125rem}.step4__text[data-astro-cid-weuthv2v] p[data-astro-cid-weuthv2v]{font-size:var(--step--1);color:var(--on-dark-muted);margin-top:.3rem}.step4__num[data-astro-cid-weuthv2v]{background:var(--purple-600);color:#fff;width:2rem;height:2rem;font-family:var(--font-mono);border-radius:8px;place-items:center;font-size:.875rem;font-weight:600;display:grid}.sc[data-astro-cid-weuthv2v]{aspect-ratio:16/9;border:1px solid var(--line-strong);background:#121216;border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.sc-full[data-astro-cid-weuthv2v],.sc-panel[data-astro-cid-weuthv2v]{position:absolute;inset:0}.sc-panel[data-astro-cid-weuthv2v]{border:1px solid var(--line-strong);border-radius:8px;width:62%;height:62%;inset:2% auto auto 2%;overflow:hidden}.mon[data-astro-cid-weuthv2v]{background:#15141b;border:1px solid #2f2d3a;border-radius:8px;align-content:center;gap:6%;width:32%;height:62%;padding:4%;display:grid;position:absolute;top:2%;left:66%}.mon__screen[data-astro-cid-weuthv2v]{aspect-ratio:16/9;background:#0b0a0f;border-radius:4px;position:relative;overflow:hidden}.mon__clip[data-astro-cid-weuthv2v]{background:radial-gradient(circle at 45% 45%,#4a4760 0 32%,#0000 33%),radial-gradient(circle at 68% 66%,#6e6a86 0 18%,#0000 19%),#17161e;position:absolute;inset:0}.mon__label[data-astro-cid-weuthv2v]{font-family:var(--font-mono);color:var(--on-dark-muted);text-align:center;font-size:clamp(.5rem,2.4cqi,.7rem)}.tl[data-astro-cid-weuthv2v]{background:#15141b;border:1px solid #2f2d3a;border-radius:8px;width:96%;height:31%;position:absolute;top:67%;left:2%}.tl[data-astro-cid-weuthv2v]>[data-astro-cid-weuthv2v]{position:absolute}.tl__track[data-astro-cid-weuthv2v]{grid-template-columns:7% 1fr;align-items:center;height:25%;display:grid;left:1.5%;right:1.5%}.tl__name[data-astro-cid-weuthv2v]{font-family:var(--font-mono);color:var(--on-dark-muted);font-size:clamp(.5rem,2.2cqi,.72rem)}.tl__lane[data-astro-cid-weuthv2v]{background:#1d1c25;border-radius:3px;height:100%}.tl__clip[data-astro-cid-weuthv2v],.tl__new[data-astro-cid-weuthv2v]{background:#3b3a48;border-radius:3px;height:19%}.tl__clip--audio[data-astro-cid-weuthv2v]{background:repeating-linear-gradient(90deg,#0000 0 3px,#a78bfa80 3px 4px) 0/auto 60% repeat-x,#2a2638}.tl__new[data-astro-cid-weuthv2v]{white-space:nowrap;color:#fff;width:26%;box-shadow:0 0 0 2px var(--purple-300);transform-origin:0;background:linear-gradient(120deg,#6e6a86,#4a4760);align-items:center;padding-inline:1%;font-size:clamp(.45rem,2cqi,.7rem);font-weight:600;display:flex;top:13%;left:50%;overflow:hidden}.tl__playhead[data-astro-cid-weuthv2v]{background:var(--purple-300);width:2px;top:3%;bottom:3%;left:50%}.ghost[data-astro-cid-weuthv2v]{z-index:2;aspect-ratio:16/9;border:1px solid var(--purple-300);opacity:0;background:radial-gradient(circle at 45% 45%,#4a4760 0 32%,#0000 33%),radial-gradient(circle at 68% 66%,#6e6a86 0 18%,#0000 19%),#17161e;border-radius:4px;width:13%;margin:-3% 0 0 -5%;position:absolute;box-shadow:0 10px 24px #0000008c}.sc[data-astro-cid-weuthv2v] .frame{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.sc[data-astro-cid-weuthv2v] .frame-0{opacity:1}.sc[data-astro-cid-weuthv2v] .cur[data-astro-cid-weuthv2v],.sc[data-astro-cid-weuthv2v] .click[data-astro-cid-weuthv2v]{z-index:2;opacity:0;position:absolute}.sc[data-astro-cid-weuthv2v] .cur[data-astro-cid-weuthv2v]{filter:drop-shadow(0 2px 3px #0009);margin:-3px 0 0 -4px}.sc[data-astro-cid-weuthv2v] .click[data-astro-cid-weuthv2v]{border:2px solid var(--purple-300);background:#c4b5fd26;border-radius:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem}@media (prefers-reduced-motion:no-preference){.sc[data-astro-cid-weuthv2v] .frame,.sc[data-astro-cid-weuthv2v] .cur[data-astro-cid-weuthv2v],.sc[data-astro-cid-weuthv2v] .click[data-astro-cid-weuthv2v],.sc[data-astro-cid-weuthv2v] .ghost[data-astro-cid-weuthv2v],.sc[data-astro-cid-weuthv2v] .tl__new[data-astro-cid-weuthv2v],.sc[data-astro-cid-weuthv2v] .mon__clip[data-astro-cid-weuthv2v]{animation-duration:var(--dur,6s);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.sc[data-astro-cid-weuthv2v] .cur[data-astro-cid-weuthv2v]{animation-timing-function:cubic-bezier(.45,0,.25,1)}.flow[data-astro-cid-weuthv2v]:has(.flow__toggle input:checked) [data-astro-cid-weuthv2v]:is(.sc .frame,.sc .cur,.sc .click,.sc .ghost,.sc .tl__new,.sc .mon__clip){animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.sc[data-astro-cid-weuthv2v] .frame:last-of-type{opacity:1}.flow__foot[data-astro-cid-weuthv2v] .flow__toggle[data-astro-cid-weuthv2v]{display:none}}.flow__foot[data-astro-cid-weuthv2v]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-top:1.5rem;display:flex}.flow__note[data-astro-cid-weuthv2v]{max-width:44rem;font-size:var(--step--1);color:var(--on-dark-muted)}.flow__toggle[data-astro-cid-weuthv2v]{min-height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--step--1);cursor:pointer;align-items:center;gap:.5rem;padding-inline:.9rem;font-weight:600;display:inline-flex}.flow__toggle[data-astro-cid-weuthv2v] input[data-astro-cid-weuthv2v]{width:1.1rem;height:1.1rem;accent-color:var(--purple-600)}.flow__toggle[data-astro-cid-weuthv2v]:has(input:focus-visible){outline:var(--focus-on-dark);outline-offset:3px}