.is-demo[data-v-24cba371]{margin:0}.is-board[data-v-24cba371]{background:radial-gradient(90% 60% at 50% 100%,#7c3aed38,#0000 70%),#020617;border:1px solid #ffffff1f;border-radius:1rem;flex-direction:column;gap:.75rem;padding:.75rem;display:flex;position:relative;box-shadow:0 40px 80px -40px #020617cc}.is-bar[data-v-24cba371]{background:#ffffff0d;border:1px solid #ffffff24;border-radius:.75rem;align-items:center;gap:.5rem;min-height:2.5rem;padding:.35rem .35rem .35rem .75rem;display:flex}.is-bar__text[data-v-24cba371]{white-space:nowrap;text-overflow:ellipsis;color:#ffffffd9;flex:1;min-width:0;font-size:.8125rem;overflow:hidden}.is-bar__go[data-v-24cba371]{background:var(--ui-primary);color:#020617;white-space:nowrap;border-radius:.5rem;flex-shrink:0;padding:.3rem .65rem;font-size:.75rem;font-weight:600}.is-stage[data-v-24cba371]{aspect-ratio:21/9;justify-content:center;align-items:center;display:flex;position:relative}.is-frame[data-v-24cba371]{aspect-ratio:16/9;border-radius:.5rem;height:100%;transition:transform .45s cubic-bezier(.65,0,.35,1);position:relative;overflow:hidden}.is-frame__img[data-v-24cba371]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.is-edge[data-v-24cba371]{border:1.5px dashed color-mix(in srgb,var(--ui-primary) 70%,transparent);opacity:0;background:repeating-linear-gradient(135deg,#ffffff0a 0 6px,#0000 0 12px);width:11.9048%;transition:opacity .3s;position:absolute;top:0;bottom:0}.is-edge--left[data-v-24cba371]{border-right:0;border-radius:.5rem 0 0 .5rem;left:0}.is-edge--right[data-v-24cba371]{border-left:0;border-radius:0 .5rem .5rem 0;right:0}[data-step=extend] .is-edge[data-v-24cba371]{opacity:1}[data-step=extend] .is-frame[data-v-24cba371]{border-radius:0}[data-step=upscale] .is-frame[data-v-24cba371]{box-shadow:0 0 0 2px var(--ui-primary);transform:scale(1.04)}.is-badge[data-v-24cba371]{background:var(--ui-primary);font-family:var(--font-mono);color:#020617;border-radius:.375rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.is-mask[data-v-24cba371]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.is-mask path[data-v-24cba371]{fill:none;stroke:color-mix(in srgb,var(--ui-primary) 55%,transparent);stroke-width:26px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:.9s cubic-bezier(.65,0,.35,1) both is-paint-24cba371}.is-mask path+path[data-v-24cba371]{animation-delay:.5s}@keyframes is-paint-24cba371{0%{stroke-dashoffset:1px}}.is-note[data-v-24cba371]{font-family:var(--font-mono);color:#ffffffbf;font-size:.75rem}.is-steps[data-v-24cba371]{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.is-step[data-v-24cba371]{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.35rem;min-height:2.25rem;padding:0 .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}.is-step[data-v-24cba371]:hover{background:#ffffff1a}.is-step[data-v-24cba371]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.is-step.is-on[data-v-24cba371]{border-color:var(--ui-primary);color:var(--ui-primary)}@media (width<=29.99rem){.is-steps[data-v-24cba371]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;display:grid}.is-step[data-v-24cba371]{justify-content:center;padding:0 .25rem;font-size:.75rem}.is-step__icon[data-v-24cba371]{display:none}}.is-caption[data-v-24cba371]{color:#ffffff73;margin-top:.5rem;font-size:.6875rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.is-mask path[data-v-24cba371]{animation:none}.is-edge[data-v-24cba371],.is-frame[data-v-24cba371]{transition:none}}.img-page[data-v-376e85cd]{--img-rail-top:calc(var(--ui-header-height,4rem) + 2rem)}.img-assure[data-v-376e85cd]{font-family:var(--font-mono);letter-spacing:.01em;color:#ffffffb8;align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.img-modes[data-v-376e85cd]{border-top:1px solid #ffffff1a;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;padding-block:1.25rem 2.25rem;display:grid}@media (width>=48rem){.img-modes[data-v-376e85cd]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.img-modes[data-v-376e85cd]{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:1.5rem 3rem}}@media (width>=80rem){.img-modes[data-v-376e85cd]{grid-template-columns:repeat(7,minmax(0,1fr))}}.img-mode[data-v-376e85cd]{align-items:flex-start;gap:.625rem;display:flex}.img-mode__name[data-v-376e85cd]{color:#fff;font-size:.875rem;font-weight:600;display:block}.img-mode__line[data-v-376e85cd]{color:#fff9;margin-top:.125rem;font-size:.8125rem;line-height:1.35;display:block}.img-block[data-v-376e85cd]{scroll-margin-top:calc(var(--ui-header-height,4rem) + 1rem);border-top:1px solid var(--ui-border);padding-block:2.75rem}.img-block[data-v-376e85cd]:first-child{border-top:0}@media (width>=48rem){.img-block[data-v-376e85cd]{padding-block:4rem}}@media (width>=64rem){.img-block[data-v-376e85cd]{padding-block:5.5rem}}.img-h2[data-v-376e85cd]{letter-spacing:-.02em;text-wrap:balance;color:var(--ui-text-highlighted);font-size:1.625rem;font-weight:700;line-height:1.15}@media (width>=40rem){.img-h2[data-v-376e85cd]{font-size:2rem}}.img-lede[data-v-376e85cd]{text-wrap:pretty;color:var(--ui-text-muted);margin-block-start:.875rem;font-size:.9375rem;line-height:1.75rem}@media (width>=64rem){.img-rail[data-v-376e85cd]{top:var(--img-rail-top);position:sticky}}.img-prose[data-v-376e85cd]{text-wrap:pretty;max-width:68ch;color:var(--ui-text-toned);font-size:1rem;line-height:1.8rem}.img-prose p+p[data-v-376e85cd]{margin-block-start:1.125rem}@media (width>=40rem){.img-prose[data-v-376e85cd]{font-size:1.0625rem;line-height:1.9rem}}.img-points[data-v-376e85cd]{-moz-column-gap:2.5rem;column-gap:2.5rem;display:grid}.img-point[data-v-376e85cd]{border-top:1px solid var(--ui-border);padding-block:1rem 1.125rem}@media (width>=40rem){.img-points[data-v-376e85cd]{grid-template-columns:repeat(2,minmax(0,1fr))}.img-point[data-v-376e85cd]{padding-block:1.25rem 1.5rem}}.img-steps[data-v-376e85cd]{margin-block-start:2rem;display:grid}.img-step[data-v-376e85cd]{-moz-column-gap:1rem;grid-template-columns:2.25rem minmax(0,1fr);align-content:start;column-gap:1rem;padding-block-end:1.5rem;display:grid;position:relative}.img-step[data-v-376e85cd]:not(:last-child):before{content:"";background:var(--ui-border);width:1px;position:absolute;inset-block:2.5rem .25rem;inset-inline-start:calc(1.125rem - .5px)}.img-step__n[data-v-376e85cd]{border:1px solid color-mix(in srgb,var(--ui-primary) 50%,transparent);background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-bg));width:2.25rem;height:2.25rem;font-family:var(--font-mono);color:var(--ui-primary);border-radius:999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}@media (width>=48rem){.img-steps[data-v-376e85cd]{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.5rem}.img-step[data-v-376e85cd]{grid-template-columns:1fr;row-gap:.875rem;padding-block-end:0}.img-step[data-v-376e85cd]:not(:last-child):before{display:none}}@media (width>=64rem){.img-steps[data-v-376e85cd]{grid-template-columns:repeat(var(--img-steps),minmax(0,1fr));gap:0 2rem;margin-block-start:3rem}.img-step[data-v-376e85cd]:not(:last-child):before{width:auto;height:1px;display:block;inset-block:1.125rem auto;inset-inline:2.75rem -1.5rem}}.img-related[data-v-376e85cd]{border:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-bg-elevated) 40%,transparent);border-radius:.875rem;align-items:center;gap:.875rem;height:100%;min-height:3.5rem;padding:.625rem 1rem;transition:border-color .16s,background-color .16s;display:flex}.img-related[data-v-376e85cd]:hover{border-color:color-mix(in srgb,var(--ui-primary) 45%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 5%,var(--ui-bg-elevated))}.img-related[data-v-376e85cd]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.img-related__icon[data-v-376e85cd]{background:color-mix(in srgb,var(--ui-primary) 12%,transparent);width:2.25rem;height:2.25rem;color:var(--ui-primary);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.img-closing[data-v-376e85cd]{border:1px solid color-mix(in srgb,var(--ui-primary) 30%,var(--ui-border));background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--ui-primary) 12%,transparent),transparent 60%),color-mix(in srgb,var(--ui-bg-elevated) 50%,transparent);border-radius:1.25rem;gap:1.5rem;padding:1.5rem;display:grid}@media (width>=48rem){.img-closing[data-v-376e85cd]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2.5rem;padding:2.5rem 3rem}}.img-sticky[data-v-376e85cd]{z-index:40;border-top:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}.img-sticky-enter-active[data-v-376e85cd],.img-sticky-leave-active[data-v-376e85cd]{transition:transform .2s,opacity .2s}.img-sticky-enter-from[data-v-376e85cd],.img-sticky-leave-to[data-v-376e85cd]{opacity:0;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.img-related[data-v-376e85cd],.img-sticky-enter-active[data-v-376e85cd],.img-sticky-leave-active[data-v-376e85cd]{transition:none}}