.stage[data-astro-cid-6exzu6px]{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);box-shadow:var(--elevation-lg);user-select:none;display:grid;position:relative;overflow:hidden}.frame[data-astro-cid-6exzu6px]{opacity:0;grid-area:1/1}.frame[data-astro-cid-6exzu6px] [data-astro-cid-6exzu6px]:where(img){width:100%;height:auto}.f4[data-astro-cid-6exzu6px]{opacity:1}.cursor[data-astro-cid-6exzu6px]{width:clamp(12px,1.6vw,20px);display:none;position:absolute;top:62%;left:55%}.cursor[data-astro-cid-6exzu6px] svg[data-astro-cid-6exzu6px]{transform-origin:10% 6%;filter:drop-shadow(0 1px 2px #00000040);width:100%;height:auto;display:block}.ring[data-astro-cid-6exzu6px]{border:3px solid var(--action);opacity:0;border-radius:999px;width:30px;height:30px;position:absolute;top:-14px;left:-14px}.steps[data-astro-cid-6exzu6px]{color:var(--muted-foreground);justify-content:center;gap:clamp(20px,4vw,48px);margin-top:18px;font-size:14px;font-weight:600;display:flex}.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]{padding-bottom:6px;position:relative}.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{content:"";background:var(--primary);transform-origin:0;border-radius:2px;height:2px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.steps[data-astro-cid-6exzu6px] .s2[data-astro-cid-6exzu6px]{color:var(--foreground)}.steps[data-astro-cid-6exzu6px] .s1[data-astro-cid-6exzu6px]:after,.steps[data-astro-cid-6exzu6px] .s2[data-astro-cid-6exzu6px]:after{transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){.cursor[data-astro-cid-6exzu6px]{display:block}.f1[data-astro-cid-6exzu6px],.f2[data-astro-cid-6exzu6px],.f3[data-astro-cid-6exzu6px],.f4[data-astro-cid-6exzu6px],.f5[data-astro-cid-6exzu6px],.cursor[data-astro-cid-6exzu6px],.cursor[data-astro-cid-6exzu6px] svg[data-astro-cid-6exzu6px],.ring[data-astro-cid-6exzu6px],.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px],.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{animation-duration:16s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}[data-astro-cid-6exzu6px][data-playing] [data-astro-cid-6exzu6px]:is(.frame,.cursor,.cursor svg,.ring,.steps li),[data-astro-cid-6exzu6px][data-playing] .steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{animation-play-state:running}.f1[data-astro-cid-6exzu6px]{opacity:1;animation-name:f1}.f2[data-astro-cid-6exzu6px]{animation-name:f2}.f3[data-astro-cid-6exzu6px]{animation-name:f3}.f4[data-astro-cid-6exzu6px]{opacity:0;animation-name:f4}.f5[data-astro-cid-6exzu6px]{animation-name:f5}.cursor[data-astro-cid-6exzu6px]{animation-name:cursor}.cursor[data-astro-cid-6exzu6px] svg[data-astro-cid-6exzu6px]{animation-name:press}.ring[data-astro-cid-6exzu6px]{animation-name:ring}.steps[data-astro-cid-6exzu6px] .s1[data-astro-cid-6exzu6px]{animation-name:s1}.steps[data-astro-cid-6exzu6px] .s2[data-astro-cid-6exzu6px]{color:var(--muted-foreground);animation-name:s2}.steps[data-astro-cid-6exzu6px] .s3[data-astro-cid-6exzu6px]{animation-name:s3}.steps[data-astro-cid-6exzu6px] .s1[data-astro-cid-6exzu6px]:after{animation-name:u1;transform:scaleX(0)}.steps[data-astro-cid-6exzu6px] .s2[data-astro-cid-6exzu6px]:after{animation-name:u2;transform:scaleX(0)}.steps[data-astro-cid-6exzu6px] .s3[data-astro-cid-6exzu6px]:after{animation-name:u3}}@keyframes f1{0%,18%{opacity:1}20.5%,91%{opacity:0}95%,to{opacity:1}}@keyframes f2{0%,18%{opacity:0}20.5%,33.75%{opacity:1}36.25%,to{opacity:0}}@keyframes f3{0%,33.75%{opacity:0}36.25%,47.5%{opacity:1}50%,to{opacity:0}}@keyframes f4{0%,47.5%{opacity:0}50%,61.25%{opacity:1}63.75%,to{opacity:0}}@keyframes f5{0%,61.25%{opacity:0}63.75%,91%{opacity:1}95%,to{opacity:0}}@keyframes cursor{0%{opacity:0;animation-timing-function:ease-out;top:62%;left:55%}3.5%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.2,1);top:62%;left:55%}13.75%,18%{animation-timing-function:cubic-bezier(.45,0,.2,1);top:2.9%;left:96.5%}30%,33.75%{animation-timing-function:cubic-bezier(.45,0,.2,1);top:63.6%;left:35%}43.75%,47.5%{animation-timing-function:cubic-bezier(.45,0,.2,1);top:79.6%;left:66.5%}57.5%,61.25%{opacity:1;animation-timing-function:ease-in;top:3.6%;left:90.8%}66.25%{opacity:0;top:32%;left:80%}95%,to{opacity:0;top:62%;left:55%}}@keyframes press{0%,14.4%,15.6%,30.65%,31.85%,44.4%,45.6%,58.15%,59.35%,to{transform:scale(1)}15%,31.25%,45%,58.75%{transform:scale(.82)}}@keyframes ring{0%,14.9%,31.15%,44.9%,58.65%{opacity:0;transform:scale(.3)}15%,31.25%,45%,58.75%{opacity:.95;transform:scale(.3)}18%,34.25%,48%,61.75%{opacity:0;transform:scale(1.5)}to{opacity:0}}@keyframes s1{0%,20.5%{color:var(--foreground)}21%,95%{color:var(--muted-foreground)}96%,to{color:var(--foreground)}}@keyframes s2{0%,20.5%{color:var(--muted-foreground)}21%,63.5%{color:var(--foreground)}64%,to{color:var(--muted-foreground)}}@keyframes s3{0%,63.5%{color:var(--muted-foreground)}64%,95%{color:var(--foreground)}96%,to{color:var(--muted-foreground)}}@keyframes u1{0%{transform:scaleX(0)}18%,95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes u2{0%,20.5%{transform:scaleX(0)}61.25%,95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes u3{0%,63.75%{transform:scaleX(0)}66%,95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}.stage[data-v-5204f33c]{@media (width>=768px){min-height:600px}}.swap-enter-active[data-v-5204f33c],.swap-leave-active[data-v-5204f33c]{transition:opacity var(--motion-duration-base) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-standard)}.swap-enter-from[data-v-5204f33c]{opacity:0;transform:translateY(8px)}.swap-leave-to[data-v-5204f33c]{opacity:0}.demo[data-v-6ec83a37]{container-type:inline-size}.frame[data-v-6ec83a37]{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--background);min-height:540px;box-shadow:var(--elevation-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.bar[data-v-6ec83a37]{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:10px;padding:10px 12px 10px 14px;display:flex}.mark[data-v-6ec83a37]{flex-shrink:0;width:26px;height:26px}.progress[data-v-6ec83a37]{white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.count[data-v-6ec83a37],.tick[data-v-6ec83a37]{border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.count[data-v-6ec83a37]{background:var(--action);color:var(--action-foreground)}.tick[data-v-6ec83a37]{background:var(--success-surface);color:var(--success)}.next[data-v-6ec83a37]{white-space:nowrap;background:var(--primary);min-height:38px;color:var(--primary-foreground);transition:background-color var(--motion-duration-fast), transform var(--motion-duration-fast);border-radius:999px;align-items:center;gap:6px;padding-inline:16px;font-size:14px;font-weight:600;display:inline-flex}.next[data-v-6ec83a37]:hover:not(:disabled){background:var(--primary-hover)}.next[data-v-6ec83a37]:active:not(:disabled){transform:scale(.97)}.next[data-v-6ec83a37]:disabled{cursor:not-allowed;opacity:.5}.desk[data-v-6ec83a37]{flex:1;padding:18px 16px}.paper[data-v-6ec83a37]{border-radius:var(--motif-paper-radius);background:var(--document);max-width:560px;box-shadow:var(--elevation-paper);color:var(--document-foreground);margin-inline:auto;padding:26px 22px 30px}.fields[data-v-6ec83a37]{flex-wrap:wrap;align-items:flex-end;gap:18px 32px;margin-top:44px;display:flex}.sig[data-v-6ec83a37]{width:min(250px,100%);margin-left:84px;position:relative}.field[data-v-6ec83a37]{width:100%;height:66px;color:var(--document-ink);outline-offset:3px;border-radius:4px;justify-content:center;align-items:center;display:flex}.field.empty[data-v-6ec83a37]{border:2px solid var(--primary);background:var(--document-action-surface);box-shadow:inset 0 0 0 1px var(--document-action-edge)}.field.filled[data-v-6ec83a37]{border:1px solid color-mix(in oklab, var(--primary) 45%, transparent)}.field[data-v-6ec83a37]:focus-visible{outline:2px solid var(--ring)}.ink[data-v-6ec83a37]{width:100%;height:100%;padding:6px 10px}.typed[data-v-6ec83a37]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-inline:8px;font-size:32px;line-height:1.2;overflow:hidden}.flag[data-v-6ec83a37]{background:var(--action);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;height:24px;color:var(--action-foreground);align-items:center;padding:0 12px 0 7px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:21px;right:calc(100% + 4px)}.label[data-v-6ec83a37]{border-top:1px solid var(--document-rule);color:color-mix(in oklab, var(--document-foreground) 65%, transparent);margin-top:6px;padding-top:4px;font-size:11.5px}.date[data-v-6ec83a37]{width:130px}.date-value[data-v-6ec83a37]{min-height:24px;color:var(--document-ink);padding-inline:4px;font-size:15px;display:block}.done[data-v-6ec83a37]{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding-inline:22px;display:flex}.done-icon[data-v-6ec83a37]{background:var(--success-surface);width:52px;height:52px;color:var(--success);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.bottom[data-v-6ec83a37]{border-top:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:none}.tool[data-v-6ec83a37]{border:1px solid var(--input);background:var(--card);min-height:38px;color:var(--foreground);transition:background-color var(--motion-duration-fast);border-radius:999px;align-items:center;gap:6px;padding-inline:16px;font-size:14px;font-weight:600;display:inline-flex}.tool[data-v-6ec83a37]:hover{background:var(--secondary)}.done .tool[data-v-6ec83a37]{border-color:var(--document-control-edge);color:var(--document-foreground);background:0 0}.scrim[data-v-6ec83a37]{z-index:2;background:#0a0a0c73;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.dark .scrim[data-v-6ec83a37]{background:#000000b3}.dialog[data-v-6ec83a37]{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:var(--card);width:100%;max-width:540px;max-height:100%;box-shadow:var(--elevation-lg);color:var(--card-foreground);padding:20px;position:relative;overflow-y:auto}.close[data-v-6ec83a37]{width:32px;height:32px;color:var(--muted-foreground);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.close[data-v-6ec83a37]:hover{background:var(--secondary);color:var(--foreground)}.tabs[data-v-6ec83a37]{background:var(--secondary);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;padding:3px;display:grid}.tab[data-v-6ec83a37]{min-height:38px;color:var(--muted-foreground);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.tab.on[data-v-6ec83a37]{background:var(--card);box-shadow:var(--elevation-xs);color:var(--foreground)}.pad[data-v-6ec83a37]{border:1px solid var(--input);background:var(--document);border-radius:12px;height:170px;position:relative;overflow:hidden}.pad-hint[data-v-6ec83a37]{pointer-events:none;color:color-mix(in oklab, var(--document-foreground) 60%, transparent);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.baseline[data-v-6ec83a37]{pointer-events:none;color:color-mix(in oklab, var(--document-foreground) 50%, transparent);align-items:flex-end;gap:8px;font-size:17px;line-height:1;display:flex;position:absolute;inset:auto 8% 22%}.baseline .rule[data-v-6ec83a37]{background:var(--document-rule);flex:1;height:1px;margin-bottom:4px}.link[data-v-6ec83a37]{color:var(--link);font-size:12.5px;font-weight:600}.link[data-v-6ec83a37]:disabled{color:var(--muted-foreground);opacity:.6}.name-input[data-v-6ec83a37]{border:1px solid var(--input);background:var(--card);border-radius:10px;width:100%;height:46px;padding-inline:12px;font-size:16px;display:block}.name-input[data-v-6ec83a37]:focus-visible,.tab[data-v-6ec83a37]:focus-visible,.style[data-v-6ec83a37]:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.style[data-v-6ec83a37]{cursor:pointer;border:2px solid var(--border);background:var(--document);min-height:64px;color:var(--document-foreground);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;display:flex;position:relative}.style.on[data-v-6ec83a37]{border-color:var(--primary)}.sample[data-v-6ec83a37]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:21px;line-height:1.25;overflow:hidden}.picked[data-v-6ec83a37]{background:var(--primary);width:16px;height:16px;color:var(--primary-foreground);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:4px;right:4px}.actions[data-v-6ec83a37]{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@container (width<=519px){.wide[data-v-6ec83a37]{display:none}.bottom[data-v-6ec83a37]{display:flex}.desk[data-v-6ec83a37]{padding:12px}.paper[data-v-6ec83a37]{padding:22px 18px 26px}.flag[data-v-6ec83a37]{width:18px;padding:0;right:calc(100% + 2px)}.flag span[data-v-6ec83a37]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sig[data-v-6ec83a37]{width:calc(100% - 22px);margin-left:22px}.pad[data-v-6ec83a37]{height:150px}.dialog[data-v-6ec83a37]{padding:16px}.actions .next[data-v-6ec83a37]{flex:1;justify-content:center}}@media (prefers-reduced-motion:no-preference){.scrim[data-v-6ec83a37]{animation:fade-6ec83a37 var(--motion-duration-base) ease both}.dialog[data-v-6ec83a37]{animation:rise-6ec83a37 var(--motion-duration-base) var(--motion-ease-paper) both}.done-icon[data-v-6ec83a37]{animation:pop-6ec83a37 .45s var(--motion-ease-paper) both}}@keyframes fade-6ec83a37{0%{opacity:0}}@keyframes rise-6ec83a37{0%{opacity:0;transform:scale(.96)}}@keyframes pop-6ec83a37{0%{opacity:0;transform:scale(.85)}}.tile[data-astro-cid-lcdefpme]{transition:border-color var(--motion-duration-base), transform var(--motion-duration-base) var(--motion-ease-standard)}.tile[data-astro-cid-lcdefpme]:hover{border-color:var(--input);transform:translateY(-2px)}