.g2mdq00{justify-items:start;gap:1.1rem;margin-top:1.5rem;display:grid}.g2mdq01{background:var(--brand);border-radius:var(--radius-full);color:var(--surface-0);cursor:pointer;font:inherit;letter-spacing:-.01em;transition:transform .18s var(--ease), box-shadow .18s var(--ease), opacity .18s var(--ease);white-space:nowrap;border:0;padding:.7rem 1.4rem;font-weight:650}.g2mdq01:hover:not([disabled]){box-shadow:0 8px 24px -10px var(--brand);transform:translateY(-1px)}.g2mdq01[disabled]{cursor:progress;opacity:.55}.g2mdq02{inline-size:100%}.g2mdq02 summary{color:var(--ink-2);cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;padding-block:.15rem;display:flex}.g2mdq02 summary:hover{color:var(--ink-1)}.g2mdq02 summary::marker{content:"";display:none}.g2mdq02 summary::-webkit-details-marker{content:"";display:none}.g2mdq02 summary:before{content:"";block-size:.36rem;inline-size:.36rem;transition:transform .16s var(--ease);border-block-end:1.5px solid;border-inline-end:1.5px solid;margin-block-end:.12rem;margin-inline-end:.1rem;transform:rotate(-45deg)}.g2mdq02[open] summary:before{transform:rotate(45deg)}.g2mdq03{letter-spacing:.02em;font-size:.8125rem;font-weight:600}.g2mdq04{color:var(--ink-3);font-size:.8125rem}.g2mdq05{gap:1.1rem;margin-block-start:1.1rem;display:grid}.g2mdq06{border:0;grid-template-columns:minmax(0,11.5rem) 1fr;gap:.4rem 1.25rem;min-inline-size:0;margin:0;padding:0;display:grid}.g2mdq07{color:var(--ink-1);letter-spacing:.02em;grid-column:1;align-self:center;font-size:.8125rem;font-weight:600}.g2mdq06 p{color:var(--ink-3);text-wrap:balance;grid-column:2;margin:0;font-size:.8125rem}.g2mdq08{flex-wrap:wrap;gap:.375rem;display:flex}.g2mdq08 button{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--ink-2);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;transition:all .16s var(--ease);padding:.25rem .7rem;font-size:.8125rem}.g2mdq08 button:hover:not([disabled]){border-color:var(--line-strong);color:var(--ink-1)}.g2mdq08 button[aria-pressed=true]{background:var(--brand-wash);border-color:color-mix(in oklab, var(--brand) 45%, transparent);color:var(--brand-strong);font-weight:600}.g2mdq08 button[disabled]{opacity:.5}.g2mdq0a{background:var(--warn-wash);border-inline-start:2px solid var(--warn);color:var(--ink-2);max-inline-size:60ch;margin:1.2rem 0 0;padding:.6rem .9rem;font-size:.8125rem}@media screen and (width<=40rem){.g2mdq06{grid-template-columns:1fr}.g2mdq06 p{grid-column:1}}._1x2cnez1{inline-size:100%;display:block;overflow:visible}._1x2cnez2{stroke:var(--line);stroke-width:1px}._1x2cnez4{fill:var(--_1x2cnez0);stroke:var(--surface-0);stroke-width:1px}._1x2cnez5{fill:var(--_1x2cnez0)}._1x2cnez6{font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px}._1x2cnez7{fill:var(--surface-0);font-weight:600}._1x2cnez8{fill:var(--ink-2)}._1x2cnez9 circle{fill:var(--_1x2cnez0);stroke:var(--surface-0);stroke-width:1px}._1x2cnez9 text{fill:var(--surface-0);font-variant-numeric:tabular-nums;pointer-events:none;font-size:10px;font-weight:700}._1x2cneza{pointer-events:none}._1x2cnezb{fill:none;stroke:var(--danger);stroke-dasharray:4 3;stroke-width:1.5px}._1x2cnezc{fill:var(--danger)}._1x2cnezd{stroke:var(--danger);stroke-width:1.5px}._1x2cneze{fill:var(--danger);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}._1x2cnezf,._1x2cnezg{--_1x2cnez0:var(--brand)}._1x2cnezh{--_1x2cnez0:var(--info)}._1x2cnezi{--_1x2cnez0:var(--warn)}._1x2cnezj{--_1x2cnez0:var(--slow)}._1x2cnezk{--_1x2cnez0:var(--ok)}._1x2cnezl{--_1x2cnez0:var(--accent-2)}@keyframes _1jd7ae5c{50%{opacity:.35}}._1jd7ae54{--_1jd7ae53:1rem;--_1jd7ae51:154px;--_1jd7ae52:.3667;--_1jd7ae50:176px}._1jd7ae55{gap:.35rem var(--_1jd7ae53);grid-template-areas:"preview lanes";grid-template-columns:var(--_1jd7ae50) 1fr;display:grid}._1jd7ae55+._1jd7ae55{margin-block-start:1.4rem}._1jd7ae55>._1x2cnez1{grid-area:lanes}._1jd7ae56{grid-area:preview;align-self:start;position:relative}._1jd7ae57{background:var(--surface-1);block-size:var(--_1jd7ae51);border-radius:var(--radius-sm);inline-size:var(--_1jd7ae50);transition:border-color .16s var(--ease);border-width:1px;position:relative;overflow:hidden}._1jd7ae58{border-color:var(--ok);box-shadow:0 0 0 3px var(--ok-wash);border-style:solid}._1jd7ae59{border-color:var(--line);border-style:dashed}._1jd7ae5a{border-color:var(--line);border-style:solid}._1jd7ae57 iframe{pointer-events:none;block-size:420px;inline-size:480px;transform:scale(var(--_1jd7ae52));transform-origin:0 0;border:0}._1jd7ae5b{background:color-mix(in oklab, var(--surface-0) 82%, transparent);border-block-start:1px solid var(--line);color:var(--ink-1);margin:0;padding:.3rem .45rem;font-size:.75rem;font-weight:600;line-height:1.3;position:absolute;inset-block-end:0;inset-inline:0}._1jd7ae5d{border-radius:50%;block-size:.875rem;inline-size:.875rem;position:absolute;inset-block-start:.3rem;inset-inline-end:.3rem}._1jd7ae5e{background:var(--ok)}._1jd7ae5e:after{content:"";border-block-end:1.5px solid var(--surface-0);border-inline-start:1.5px solid var(--surface-0);block-size:.2rem;inline-size:.36rem;position:absolute;inset-block-start:.28rem;inset-inline-start:.24rem;transform:rotate(-45deg)}._1jd7ae5f{background:var(--surface-2);box-shadow:0 0 0 1px var(--line)}._1jd7ae5g{background:var(--surface-3);box-shadow:0 0 0 1px var(--line-strong);animation:1.1s ease-in-out infinite _1jd7ae5c}._1jd7ae5h{clip-path:inset(50%);white-space:nowrap;position:absolute}@media screen and (width<=40rem){._1jd7ae54{--_1jd7ae53:.6rem;--_1jd7ae51:74px;--_1jd7ae52:.175;--_1jd7ae50:84px}._1jd7ae55{grid-template-columns:1fr;grid-template-areas:"preview""lanes"}._1jd7ae56{align-items:center;gap:.6rem;display:flex}._1jd7ae5b{background:0 0;border:0;padding:0;font-size:.8125rem;position:static;inset-block-end:auto;inset-inline:auto}}@media (prefers-reduced-motion:reduce){._1jd7ae5g{animation:none}}