.eyebrow[data-v-ca2c0edd]{margin:0 0 var(--hd-space-4);border:1px solid color-mix(in oklab, var(--hd-accent) 45%, var(--hd-border));border-radius:var(--hd-radius-pill);background:color-mix(in oklab, var(--hd-accent) 9%, transparent);color:var(--hd-accent);font:600 var(--hd-text-xs) / 1.2 var(--hd-font-ui);padding:4px 10px;display:inline-flex}.card[data-v-ca2c0edd]{margin:var(--hd-space-6) 0 0;padding:var(--hd-space-5);border:1px solid var(--hd-border);border-radius:var(--hd-radius-lg);background:var(--hd-surface)}.facts[data-v-ca2c0edd]{gap:var(--hd-space-3) var(--hd-space-8);flex-wrap:wrap;margin:0;display:flex}.facts>div[data-v-ca2c0edd]{gap:2px;display:grid}.needs[data-v-ca2c0edd]{flex:14rem}dt[data-v-ca2c0edd]{color:var(--hd-text-muted);font-size:var(--hd-text-xs);align-items:center;gap:6px;display:inline-flex}dd[data-v-ca2c0edd]{font-size:var(--hd-text-sm);margin:0;font-weight:600}.result[data-v-ca2c0edd]{margin-top:var(--hd-space-5);padding-top:var(--hd-space-5);border-top:1px solid var(--hd-border)}.result-label[data-v-ca2c0edd]{margin:0 0 var(--hd-space-3);color:var(--hd-text-muted);font-size:var(--hd-text-xs)}.result[data-v-ca2c0edd] .tutorial-shot{margin:0}.marks[data-v-24ca0ff8]{--mark:oklch(from var(--hd-lit) calc(l - .02) calc(c + .06) 355);--mark-ink:#fff;font-size:clamp(9px, calc(7.8px + 100cqi * 5.2 / var(--shot-width)), 13px);pointer-events:none;position:absolute;inset:0}.marks[data-v-24ca0ff8]>*{position:absolute}.spotlight[data-v-24ca0ff8]:before{content:"";border-radius:12px;position:absolute;inset:-8px;box-shadow:0 0 0 200vmax #04060a8c}.ring[data-v-24ca0ff8]{--room:.4em}.ring[data-v-24ca0ff8]:before{content:"";inset:calc(-1 * var(--room));border-radius:10px;position:absolute}.highlight[data-v-24ca0ff8]{--room:.46em}.badged[data-v-24ca0ff8]{--room:.15em}.highlight[data-v-24ca0ff8]:before{box-shadow:0 0 0 2px var(--mark), 0 0 0 5px color-mix(in oklab, var(--mark) 22%, transparent), 0 0 18px 2px color-mix(in oklab, var(--mark) 22%, transparent)}.target[data-v-24ca0ff8]:before,.field[data-v-24ca0ff8]:before,.badged[data-v-24ca0ff8]:before{box-shadow:0 0 0 2px color-mix(in oklab, var(--mark) 85%, transparent)}.from[data-v-24ca0ff8]:before{border:2px dashed color-mix(in oklab, var(--mark) 75%, transparent)}.to[data-v-24ca0ff8]:before{background:color-mix(in oklab, var(--mark) 14%, transparent);box-shadow:0 0 0 2px var(--mark)}.label[data-v-24ca0ff8],.typed[data-v-24ca0ff8],.badge[data-v-24ca0ff8]{background:var(--mark);color:var(--mark-ink);font:600 .9em / 1 var(--hd-font-ui);white-space:nowrap;position:absolute;box-shadow:0 6px 16px -6px #00000080}.label[data-v-24ca0ff8]{border-radius:var(--hd-radius-pill);padding:.4em .7em;font-size:max(10px,.85em)}.label.start[data-v-24ca0ff8],.typed.start[data-v-24ca0ff8]{left:calc(-1 * var(--room))}.label.end[data-v-24ca0ff8],.typed.end[data-v-24ca0ff8]{right:calc(-1 * var(--room))}.label.above[data-v-24ca0ff8]{bottom:calc(100% + var(--room) + .46em)}.label.below[data-v-24ca0ff8]{top:calc(100% + var(--room) + .46em)}.typed[data-v-24ca0ff8]{top:calc(100% + var(--room) + .46em);border-radius:var(--hd-radius-pill);font-family:var(--hd-font-mono);align-items:center;gap:.46em;padding:.46em .77em;font-size:max(10px,.9em);font-weight:500;display:inline-flex}.badge[data-v-24ca0ff8]{top:calc(-1 * var(--room));left:calc(-1 * var(--room));border:2px solid var(--mark-ink);border-radius:50%;place-items:center;width:1.85em;height:1.85em;display:grid;transform:translate(-50%,-50%)}.drags[data-v-24ca0ff8]{width:100%;height:100%;inset:0;overflow:visible}.drags line[data-v-24ca0ff8]{stroke:var(--mark);stroke-width:3px;stroke-dasharray:8 6;stroke-linecap:round}.drags marker path[data-v-24ca0ff8]{fill:var(--mark)}.pointer[data-v-24ca0ff8]{color:var(--mark);filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 3px 4px #00000073);line-height:0;display:block;transform:translate(-.46em,-.3em)}.pulse[data-v-24ca0ff8]{width:0;height:0}.pulse[data-v-24ca0ff8]:before,.pulse[data-v-24ca0ff8]:after{content:"";background:color-mix(in oklab, var(--mark) 30%, transparent);width:2.8em;height:2.8em;box-shadow:0 0 0 2px color-mix(in oklab, var(--mark) 70%, transparent);animation:tutorial-pulse-24ca0ff8 1.8s var(--hd-ease-out,ease-out) infinite;border-radius:50%;position:absolute;top:-1.4em;left:-1.4em}.pulse[data-v-24ca0ff8]:after{animation-delay:.9s}@keyframes tutorial-pulse-24ca0ff8{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.pulse[data-v-24ca0ff8]:before{opacity:.8;animation:none;transform:scale(.8)}.pulse[data-v-24ca0ff8]:after{display:none}}.tutorial-shot[data-v-d8897b0c]{max-width:var(--natural);margin:var(--hd-space-5) 0 var(--hd-space-6)}.phone[data-v-d8897b0c]{max-width:min(var(--natural), 22rem)}.tablet[data-v-d8897b0c]{max-width:min(var(--natural), 34rem)}.frame[data-v-d8897b0c]{border:1px solid var(--hd-border);border-radius:var(--hd-radius-lg);background:var(--hd-canvas);box-shadow:var(--hd-shadow);position:relative;overflow:hidden;container-type:inline-size}.phone>.frame[data-v-d8897b0c]{border-width:6px;border-color:color-mix(in oklab, var(--hd-text) 14%, var(--hd-canvas));border-radius:30px}.frame img[data-v-d8897b0c]{border-radius:0;width:100%;height:auto;display:block}.enlarge[data-v-d8897b0c],.close[data-v-d8897b0c]{border:1px solid var(--hd-border);border-radius:var(--hd-radius-pill);background:var(--hd-overlay);color:var(--hd-text);cursor:zoom-in;place-items:center;display:grid}.enlarge[data-v-d8897b0c]{top:var(--hd-space-2);right:var(--hd-space-2);opacity:0;width:32px;height:32px;transition:opacity var(--hd-motion-fast,.15s) var(--hd-ease-out,ease-out);position:absolute}.frame:hover .enlarge[data-v-d8897b0c],.enlarge[data-v-d8897b0c]:focus-visible{opacity:1}@media (hover:none){.enlarge[data-v-d8897b0c]{opacity:.9}}.enlarge[data-v-d8897b0c]:focus-visible,.close[data-v-d8897b0c]:focus-visible{outline:2px solid var(--hd-focus);outline-offset:2px}figcaption[data-v-d8897b0c]{margin-top:var(--hd-space-3);font-size:var(--hd-text-sm);color:var(--hd-text-muted);line-height:1.5}.zoomed[data-v-d8897b0c]{background:0 0;border:0;width:fit-content;max-width:none;height:fit-content;max-height:none;margin:auto;padding:0;inset:0;overflow:visible}.zoomed[data-v-d8897b0c]::backdrop{backdrop-filter:blur(6px);background:#04060ab8}.large[data-v-d8897b0c]{width:min(94vw, 1600px, calc(88vh * var(--ratio)))}.close[data-v-d8897b0c]{cursor:pointer;width:36px;height:36px;box-shadow:var(--hd-shadow);position:absolute;top:-14px;right:-14px}.tutorial-step[data-v-d89cf93e]{--marker:32px;--gap:var(--hd-space-5);grid-template-columns:var(--marker) minmax(0, 1fr);gap:var(--gap);padding-bottom:var(--hd-space-8);margin:0;display:grid;position:relative}.tutorial-step[data-v-d89cf93e]:not(.done){counter-increment:tutorial-step}.tutorial-step[data-v-d89cf93e]:not(:last-child):before{content:"";top:calc(var(--marker) + 6px);bottom:6px;left:calc(var(--marker) / 2 - 1px);background:linear-gradient(var(--hd-border), color-mix(in oklab, var(--hd-border) 40%, transparent));border-radius:1px;width:2px;position:absolute}.marker[data-v-d89cf93e]{width:var(--marker);height:var(--marker);border:2px solid color-mix(in oklab, var(--hd-accent) 60%, var(--hd-border));background:color-mix(in oklab, var(--hd-accent) 10%, var(--hd-canvas));color:var(--hd-accent);font:700 var(--hd-text-sm) / 1 var(--hd-font-ui);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}.tutorial-step:not(.done) .marker[data-v-d89cf93e]:before{content:counter(tutorial-step)}.done .marker[data-v-d89cf93e]{border-color:var(--hd-accent);background:var(--hd-accent);color:var(--hd-on-accent)}.title[data-v-d89cf93e]{margin:0 0 var(--hd-space-2);padding-top:calc((var(--marker) - 1.75rem) / 2);font:600 var(--hd-text-lg) / 1.75rem var(--hd-font-ui);letter-spacing:-.005em;text-wrap:balance;scroll-margin-top:88px}.body[data-v-d89cf93e]>:last-child{margin-bottom:0}@container tutorial-steps (width<=520px){.tutorial-step[data-v-d89cf93e]{--marker:26px;--gap:var(--hd-space-3)}.title[data-v-d89cf93e]{font-size:var(--hd-text-md)}.body[data-v-d89cf93e] .tutorial-shot{margin-left:calc(-1 * (var(--marker) + var(--gap)))}}.tutorial-steps[data-v-963138b1]{counter-reset:tutorial-step;margin:var(--hd-space-8) 0 var(--hd-space-10);padding:0;list-style:none;container:tutorial-steps/inline-size}