.fs-demo[data-v-2100c8bb]{margin:0}.fs-board[data-v-2100c8bb]{aspect-ratio:16/12.6;background:radial-gradient(90% 60% at 50% 100%,#7c3aed38,#0000 70%),#020617;border:1px solid #ffffff1f;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #020617cc}.fs-frame[data-v-2100c8bb]{z-index:1;height:62%;position:absolute;inset:0 0 auto;overflow:hidden}.fs-frame__img[data-v-2100c8bb]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.fs-face[data-v-2100c8bb]{--fs-c:var(--ui-primary);background:linear-gradient(var(--fs-c),var(--fs-c)) 0 0 /22% 2px,linear-gradient(var(--fs-c),var(--fs-c)) 0 0 /2px 22%,linear-gradient(var(--fs-c),var(--fs-c)) 100% 0 /22% 2px,linear-gradient(var(--fs-c),var(--fs-c)) 100% 0 /2px 22%,linear-gradient(var(--fs-c),var(--fs-c)) 0 100% /22% 2px,linear-gradient(var(--fs-c),var(--fs-c)) 0 100% /2px 22%,linear-gradient(var(--fs-c),var(--fs-c)) 100% 100% /22% 2px,linear-gradient(var(--fs-c),var(--fs-c)) 100% 100% /2px 22%;filter:drop-shadow(0 0 6px #00000080);background-repeat:no-repeat;position:absolute}.fs-face__tag[data-v-2100c8bb]{white-space:nowrap;background:var(--ui-primary);color:#020617;letter-spacing:.06em;text-transform:uppercase;border-radius:.25rem;padding:.05rem .35rem;font-size:.625rem;font-weight:600;top:-1.35rem;left:50%;transform:translate(-50%)}.fs-face__tag[data-v-2100c8bb],.fs-found[data-v-2100c8bb]{font-family:var(--font-mono);position:absolute}.fs-found[data-v-2100c8bb]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;background:#020617bf;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.6875rem;display:inline-flex;bottom:.625rem;left:.625rem}.fs-curves[data-v-2100c8bb]{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fs-curve[data-v-2100c8bb]{fill:none;stroke:var(--ui-primary);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #facc1573);transition:d .45s cubic-bezier(.65,0,.35,1);animation:1.1s cubic-bezier(.65,0,.35,1) .3s both fs-draw-2100c8bb}.fs-curve--casing[data-v-2100c8bb]{stroke:#020617bf;stroke-width:5px;filter:none}@keyframes fs-draw-2100c8bb{0%{stroke-dashoffset:1px}}.fs-tray[data-v-2100c8bb]{z-index:3;justify-content:space-around;height:26%;padding:0 4%;position:absolute;inset:auto 0 0}.fs-saved[data-v-2100c8bb],.fs-tray[data-v-2100c8bb]{align-items:center;display:flex}.fs-saved[data-v-2100c8bb]{background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;gap:.5rem;max-width:46%;padding:.25rem .75rem .25rem .25rem}.fs-saved__img[data-v-2100c8bb]{-o-object-fit:cover;object-fit:cover;outline:2px solid var(--ui-primary);outline-offset:1px;border-radius:999px;flex-shrink:0;width:2.25rem;height:2.25rem}@media (width>=640px){.fs-saved__img[data-v-2100c8bb]{width:2.75rem;height:2.75rem}}.fs-saved__name[data-v-2100c8bb]{color:#fff;font-size:.8125rem;font-weight:600;line-height:1.2;display:block}.fs-saved__meta[data-v-2100c8bb]{font-family:var(--font-mono);color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;display:block;overflow:hidden}.fs-controls[data-v-2100c8bb]{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem}.fs-controls[data-v-2100c8bb],.fs-modes[data-v-2100c8bb]{flex-wrap:wrap;display:flex}.fs-modes[data-v-2100c8bb]{gap:.3rem}.fs-mode[data-v-2100c8bb]{color:#fff9;border:1px solid #ffffff1f;border-radius:999px;padding:.15rem .6rem;font-size:.6875rem}.fs-mode.is-on[data-v-2100c8bb]{border-color:var(--ui-primary);color:var(--ui-primary)}.fs-switch[data-v-2100c8bb]{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:.5rem;align-items:center;gap:.4rem;min-height:2.25rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.fs-switch[data-v-2100c8bb]:hover{background:#ffffff1f}.fs-switch[data-v-2100c8bb]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.fs-summary[data-v-2100c8bb]{font-family:var(--font-mono);color:#ffffffbf;margin-top:.5rem;font-size:.75rem}.fs-caption[data-v-2100c8bb]{color:#ffffff73;margin-top:.375rem;font-size:.6875rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.fs-curve[data-v-2100c8bb]{transition:none;animation:none}}.face-page[data-v-2f6a9b1a]{--face-rail-top:calc(var(--ui-header-height,4rem) + 2rem)}.face-assure[data-v-2f6a9b1a]{font-family:var(--font-mono);letter-spacing:.01em;color:#ffffffb8;align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.face-modes[data-v-2f6a9b1a]{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){.face-modes[data-v-2f6a9b1a]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.face-modes[data-v-2f6a9b1a]{grid-template-columns:repeat(5,minmax(0,1fr));padding-block:1.5rem 3rem}}.face-mode[data-v-2f6a9b1a]{align-items:flex-start;gap:.625rem;display:flex}.face-mode__name[data-v-2f6a9b1a]{color:#fff;font-size:.875rem;font-weight:600;display:block}.face-mode__line[data-v-2f6a9b1a]{color:#fff9;margin-top:.125rem;font-size:.8125rem;line-height:1.35;display:block}.face-block[data-v-2f6a9b1a]{scroll-margin-top:calc(var(--ui-header-height,4rem) + 1rem);border-top:1px solid var(--ui-border);padding-block:2.75rem}.face-block[data-v-2f6a9b1a]:first-child{border-top:0}@media (width>=48rem){.face-block[data-v-2f6a9b1a]{padding-block:4rem}}@media (width>=64rem){.face-block[data-v-2f6a9b1a]{padding-block:5.5rem}}.face-h2[data-v-2f6a9b1a]{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){.face-h2[data-v-2f6a9b1a]{font-size:2rem}}.face-lede[data-v-2f6a9b1a]{text-wrap:pretty;color:var(--ui-text-muted);margin-block-start:.875rem;font-size:.9375rem;line-height:1.75rem}@media (width>=64rem){.face-rail[data-v-2f6a9b1a]{top:var(--face-rail-top);position:sticky}}.face-prose[data-v-2f6a9b1a]{text-wrap:pretty;max-width:68ch;color:var(--ui-text-toned);font-size:1rem;line-height:1.8rem}.face-prose p+p[data-v-2f6a9b1a]{margin-block-start:1.125rem}@media (width>=40rem){.face-prose[data-v-2f6a9b1a]{font-size:1.0625rem;line-height:1.9rem}}.face-points[data-v-2f6a9b1a]{-moz-column-gap:2.5rem;column-gap:2.5rem;display:grid}.face-point[data-v-2f6a9b1a]{border-top:1px solid var(--ui-border);padding-block:1rem 1.125rem}@media (width>=40rem){.face-points[data-v-2f6a9b1a]{grid-template-columns:repeat(2,minmax(0,1fr))}.face-point[data-v-2f6a9b1a]{padding-block:1.25rem 1.5rem}}.face-still[data-v-2f6a9b1a]{border:1px solid var(--ui-border);background:var(--ui-bg-elevated);border-radius:.875rem;width:100%;height:auto;box-shadow:0 24px 60px -30px #0206178c}.face-still-caption[data-v-2f6a9b1a]{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ui-text-dimmed);margin-block-start:.625rem;font-size:.625rem}.face-steps[data-v-2f6a9b1a]{margin-block-start:2rem;display:grid}.face-step[data-v-2f6a9b1a]{-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}.face-step[data-v-2f6a9b1a]: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)}.face-step__n[data-v-2f6a9b1a]{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){.face-steps[data-v-2f6a9b1a]{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.5rem}.face-step[data-v-2f6a9b1a]{grid-template-columns:1fr;row-gap:.875rem;padding-block-end:0}.face-step[data-v-2f6a9b1a]:not(:last-child):before{display:none}}@media (width>=64rem){.face-steps[data-v-2f6a9b1a]{grid-template-columns:repeat(var(--face-steps),minmax(0,1fr));gap:0 2rem;margin-block-start:3rem}.face-step[data-v-2f6a9b1a]:not(:last-child):before{width:auto;height:1px;display:block;inset-block:1.125rem auto;inset-inline:2.75rem -1.5rem}}.face-step__frame[data-v-2f6a9b1a]{border:1px solid var(--ui-border);background:var(--ui-bg-elevated);aspect-ratio:16/9;border-radius:.75rem;margin-block-end:.875rem;overflow:hidden}.face-step__frame img[data-v-2f6a9b1a]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.face-related[data-v-2f6a9b1a]{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}.face-related[data-v-2f6a9b1a]: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))}.face-related[data-v-2f6a9b1a]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.face-related__icon[data-v-2f6a9b1a]{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}.face-closing[data-v-2f6a9b1a]{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){.face-closing[data-v-2f6a9b1a]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2.5rem;padding:2.5rem 3rem}}.face-sticky[data-v-2f6a9b1a]{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}.face-sticky-enter-active[data-v-2f6a9b1a],.face-sticky-leave-active[data-v-2f6a9b1a]{transition:transform .2s,opacity .2s}.face-sticky-enter-from[data-v-2f6a9b1a],.face-sticky-leave-to[data-v-2f6a9b1a]{opacity:0;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.face-related[data-v-2f6a9b1a],.face-sticky-enter-active[data-v-2f6a9b1a],.face-sticky-leave-active[data-v-2f6a9b1a]{transition:none}}