.pl-wrap{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:1200px;margin:0 auto}.pl{--v: 139 92 246;--v-ink: #6d28d9;--v-soft: #ede9fe;--head: 2.1rem;--body: 15rem;--conn: 2.25rem;width:100%;font-family:var(--font-sans)}.dark .pl{--v-ink: #c4b5fd;--v-soft: rgb(139 92 246 / .16)}.pl .pl-frame{display:grid;grid-template-columns:minmax(0,1fr);padding:.9rem;border-radius:1.1rem}@media(min-width:960px){.pl .pl-frame{grid-template-columns:minmax(0,1fr) var(--conn) minmax(0,1fr) var(--conn) minmax(0,1fr) var(--conn) minmax(0,1fr);padding:1rem}}.pl-stage{display:flex;flex-direction:column;min-width:0;border-radius:.8rem;border:1px solid hsl(var(--border));background:hsl(var(--card));overflow:hidden}.dark .pl-stage{border-color:hsl(var(--foreground) / .1)}.pl-stage-head{display:flex;align-items:center;gap:.5rem;height:var(--head);padding:0 .75rem;border-bottom:1px solid hsl(var(--border));font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));white-space:nowrap}.dark .pl-stage-head{border-color:hsl(var(--foreground) / .08)}.pl-num{display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:9999px;background:rgb(var(--v) / .14);color:var(--v-ink);font-size:.62rem}.pl-body{position:relative;height:var(--body);padding:.75rem;overflow:hidden}.pl-content{height:100%;display:flex;flex-direction:column;gap:.6rem}@media(max-width:959px){.pl-stage--1 .pl-body{height:7.5rem}.pl-stage--2 .pl-body{height:12.5rem}.pl-stage--3 .pl-body{height:10.5rem}.pl-stage--4 .pl-body{height:9.75rem}.pl .pl-doc--scan{height:4.4rem}}.pl-conn{position:relative;height:1.75rem;overflow:hidden}.pl-conn:before,.pl-conn-fill,.pl-pulse{content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:100%}.pl-conn:before{background:hsl(var(--muted-foreground) / .3)}.pl-conn-fill{background:rgb(var(--v));transform-origin:top}.pl-pulse{transform:translateY(100%);background:linear-gradient(to bottom,transparent,rgb(var(--v) / .9))}.pl-pulse:after{content:"";position:absolute;left:50%;bottom:0;width:8px;height:8px;border-radius:9999px;transform:translate(-50%,50%);background:#fff;box-shadow:0 0 0 2px rgb(var(--v)),0 0 12px 3px rgb(var(--v) / .8)}@media(min-width:960px){.pl-conn{height:auto}.pl-conn:before,.pl-conn-fill,.pl-pulse{left:0;top:calc(var(--head) + var(--body) / 2 - 1px);width:100%;height:2px}.pl-conn-fill{transform-origin:left}.pl-pulse{transform:translate(100%);background:linear-gradient(to right,transparent,rgb(var(--v) / .9))}.pl-pulse:after{inset:50% 0 auto auto;transform:translate(50%,-50%)}}.pl-doc{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:.7rem .75rem;border-radius:.55rem;border:1px solid hsl(var(--border));background:hsl(var(--background));box-shadow:0 6px 18px -10px #00000040;overflow:hidden}.dark .pl-doc{border-color:hsl(var(--foreground) / .12)}.pl-doc--in{height:100%}.pl-doc--scan{flex:none;height:5.6rem;border-color:rgb(var(--v) / .45)}.pl-doc-head{display:flex;align-items:center;gap:.45rem;min-width:0}.pl-doc-icon{display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:.4rem;background:rgb(var(--v) / .14);color:var(--v-ink)}.pl-doc-icon svg{width:.85rem;height:.85rem}.pl-doc-title{font-size:.78rem;font-weight:600;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-lines{display:flex;flex-direction:column;gap:.38rem}.pl-lines i{display:block;height:.32rem;border-radius:9999px;background:hsl(var(--muted-foreground) / .22)}.pl-lines b{display:block;height:.15rem}.pl-sweep{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgb(var(--v) / .22) 46%,rgb(var(--v) / .55) 50%,rgb(var(--v) / .22) 54%,transparent 70%);opacity:0;pointer-events:none}.pl-chips{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem}.pl-chip{display:inline-flex;align-items:baseline;gap:.35rem;max-width:100%;padding:.22rem .5rem;border-radius:9999px;border:1px solid rgb(var(--v) / .4);background:var(--v-soft);color:hsl(var(--foreground));font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-chip b{font-family:var(--font-mono);font-size:.56rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--v-ink)}.pl-review{display:flex;flex-direction:column;justify-content:space-between;gap:.6rem;height:100%;padding:.7rem .75rem;border-radius:.55rem;border:1px solid hsl(var(--border));background:hsl(var(--background))}.dark .pl-review{border-color:hsl(var(--foreground) / .12)}.pl-fields{display:flex;flex-direction:column;gap:.32rem;margin:0}.pl-fields div{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:.4rem;align-items:baseline;font-size:.7rem}.pl-fields dt{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-fields dd{margin:0;font-weight:600;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-approve{position:relative;align-self:flex-end;display:inline-flex;align-items:center;gap:.3rem;height:1.8rem;padding:0 .75rem 0 .55rem;border-radius:.45rem;border:1px solid rgb(var(--v));background:rgb(var(--v));color:#fff;font-size:.72rem;font-weight:600}.pl-check{width:.85rem;height:.85rem;stroke-width:3}.pl-cursor{position:absolute;left:58%;top:52%;width:.95rem;height:auto;fill:#fff;stroke:#111;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .35));opacity:0}.pl-sheet{display:flex;flex-direction:column;height:100%;border-radius:.55rem;border:1px solid hsl(var(--border));background:hsl(var(--background));overflow:hidden}.dark .pl-sheet{border-color:hsl(var(--foreground) / .12)}.pl-sheet-title{display:flex;align-items:center;gap:.4rem;height:2rem;padding:0 .6rem;border-bottom:1px solid hsl(var(--border));font-size:.72rem;font-weight:600;color:hsl(var(--foreground));white-space:nowrap}.dark .pl-sheet-title{border-color:hsl(var(--foreground) / .1)}.pl-sheet-title svg{flex:none;width:.9rem;height:.9rem;color:#16a34a}.pl[data-doc=email] .pl-sheet-title svg{color:var(--v-ink)}.pl-sheet-title span{overflow:hidden;text-overflow:ellipsis}.pl-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);align-items:center;height:1.7rem;border-bottom:1px solid hsl(var(--border) / .8)}.dark .pl-row{border-color:hsl(var(--foreground) / .07)}.pl-row span{padding:0 .5rem;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsl(var(--foreground))}.pl-row span+span{border-left:1px solid hsl(var(--border) / .8)}.dark .pl-row span+span{border-color:hsl(var(--foreground) / .07)}.pl-row--head{height:1.5rem;background:hsl(var(--muted) / .6)}.pl-row--head span{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.pl-row--old i{display:block;height:.3rem;border-radius:9999px;background:hsl(var(--muted-foreground) / .2)}.pl-row--new{background:rgb(var(--v) / .12)}.pl-row--empty{flex:none}.pl-row--new span{font-weight:600}.pl-stage{transition:border-color .3s ease,box-shadow .3s ease}.pl[data-at="1"] .pl-stage--1,.pl[data-at="2"] .pl-stage--2,.pl[data-at="3"] .pl-stage--3,.pl[data-at="4"] .pl-stage--4{border-color:rgb(var(--v) / .55);box-shadow:0 0 0 1px rgb(var(--v) / .15),0 0 24px -6px rgb(var(--v) / .45)}.pl-label{display:flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:hsl(var(--muted-foreground))}.pl-label:before{content:"";width:6px;height:6px;border-radius:9999px;background:#8b5cf6}.pl[data-live] .pl-doc--in,.pl[data-live] .pl-doc--scan,.pl[data-live] .pl-chip,.pl[data-live] .pl-review,.pl[data-live] .pl-row--new{opacity:0}.pl[data-live] .pl-conn-fill{transform:scale(0)}.pl[data-live]:not([data-s~=click]) .pl-approve{background:transparent;color:var(--v-ink)}.pl[data-live]:not([data-s~=click]) .pl-check{opacity:0;transform:scale(.4)}.pl[data-live][data-s~=in] .pl-doc--in{animation:pl-slide-in .55s cubic-bezier(.22,1,.36,1) both}.pl[data-live][data-s~=p1] .pl-conn--1 .pl-pulse,.pl[data-live][data-s~=p2] .pl-conn--2 .pl-pulse,.pl[data-live][data-s~=p3] .pl-conn--3 .pl-pulse{animation:pl-pulse-y .5s ease-in both}.pl[data-live][data-s~=p1] .pl-conn--1 .pl-conn-fill,.pl[data-live][data-s~=p2] .pl-conn--2 .pl-conn-fill,.pl[data-live][data-s~=p3] .pl-conn--3 .pl-conn-fill{animation:pl-fill-y .5s ease-in both}@media(min-width:960px){.pl[data-live][data-s~=p1] .pl-conn--1 .pl-pulse,.pl[data-live][data-s~=p2] .pl-conn--2 .pl-pulse,.pl[data-live][data-s~=p3] .pl-conn--3 .pl-pulse{animation-name:pl-pulse-x}.pl[data-live][data-s~=p1] .pl-conn--1 .pl-conn-fill,.pl[data-live][data-s~=p2] .pl-conn--2 .pl-conn-fill,.pl[data-live][data-s~=p3] .pl-conn--3 .pl-conn-fill{animation-name:pl-fill-x}}.pl[data-live][data-s~=scan] .pl-doc--scan{animation:pl-fade .25s ease both}.pl[data-live][data-s~=scan] .pl-sweep{animation:pl-sweep .8s ease-in-out both}.pl[data-live][data-s~=chips] .pl-chip{animation:pl-pop .32s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i) * .22s)}.pl[data-live][data-s~=review] .pl-review{animation:pl-rise .4s cubic-bezier(.22,1,.36,1) both}.pl[data-live][data-s~=cursor] .pl-cursor{animation:pl-cursor .55s cubic-bezier(.22,1,.36,1) both}.pl[data-live][data-s~=click] .pl-cursor{animation:pl-click .3s ease both}.pl[data-live][data-s~=click] .pl-approve{animation:pl-press .3s ease both;transition:background-color .15s ease,color .15s ease}.pl[data-live][data-s~=click] .pl-check{animation:pl-pop .3s cubic-bezier(.34,1.56,.64,1) .1s both}.pl[data-live][data-s~=row] .pl-row--new{animation:pl-row-in .45s cubic-bezier(.22,1,.36,1) both,pl-flash 1.1s ease-out both}.pl[data-live][data-s~=out] .pl-content{animation:pl-out .35s ease both}.pl[data-live][data-s~=out] .pl-conn .pl-conn-fill{animation:pl-fill-out .35s ease both}@keyframes pl-slide-in{0%{opacity:0;transform:translate(-1.25rem)}to{opacity:1;transform:none}}@keyframes pl-fade{0%{opacity:0}to{opacity:1}}@keyframes pl-rise{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes pl-pop{0%{opacity:0;transform:translateY(-.5rem) scale(.7)}to{opacity:1;transform:none}}@keyframes pl-sweep{0%{opacity:1;transform:translateY(-70%)}85%{opacity:1}to{opacity:0;transform:translateY(70%)}}@keyframes pl-pulse-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pl-pulse-y{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pl-fill-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes pl-fill-y{0%{transform:scaleY(0)}to{transform:none}}@keyframes pl-fill-out{0%{transform:none;opacity:.55}to{transform:none;opacity:0}}@keyframes pl-cursor{0%{opacity:0;transform:translate(2.4rem,2rem)}to{opacity:1;transform:none}}@keyframes pl-click{0%{opacity:1;transform:none}40%{opacity:1;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes pl-press{0%{transform:none}40%{transform:scale(.93)}to{transform:none}}@keyframes pl-row-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:none}}@keyframes pl-flash{0%,25%{background-color:rgb(var(--v) / .38)}to{background-color:rgb(var(--v) / .12)}}@keyframes pl-out{to{opacity:0}}.pl[data-paused] *,.pl[data-paused] *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:no-preference){html.js .pl:not([data-live]) .pl-content{opacity:0;animation:pl-fallback .4s ease 4s forwards}html.js .pl:not([data-live]) .pl-conn-fill{opacity:0;animation:pl-fallback-fill .4s ease 4s forwards}}@keyframes pl-fallback{to{opacity:1}}@keyframes pl-fallback-fill{to{opacity:.55}}.pl-conn-fill{opacity:.55}@media(prefers-reduced-motion:reduce){.pl *,.pl *:after{animation:none!important;transition:none!important}}