@media (prefers-reduced-motion:reduce){[data-demo-run]:not([data-demo-optin]) *{animation:none!important}}[data-demo-state=paused] *,[data-demo-state=paused] :before,[data-demo-state=paused] :after{animation-play-state:paused!important}.demo-shell{position:relative;container:demo/inline-size}.demo-stage{font-size:clamp(11px,3.6cqw,14px);line-height:1.35;position:relative}.demo-foot{color:var(--color-faint);justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;font-size:.75rem;display:flex}.demo-toggle{border:1px solid var(--color-line-strong);width:2.75rem;height:2.75rem;color:var(--color-muted);background-color:var(--color-surface-2);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.demo-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.dw{border:1px solid var(--color-line-strong);background-color:#0b0d10;border-radius:1em;overflow:hidden;box-shadow:0 40px 80px -40px #000000e6,0 0 0 1px #2fe0a00a}.dw-bar{border-bottom:1px solid var(--color-line);background-color:#101318;align-items:center;gap:.8em;padding:.6em .9em;display:flex}.dw-dots{gap:.35em;display:flex}.dw-dots i{background-color:#2a3039;border-radius:50%;width:.6em;height:.6em}.dw-url{border:1px solid var(--color-line);max-width:22em;font-family:var(--font-mono);color:var(--color-faint);text-align:center;text-overflow:ellipsis;white-space:nowrap;background-color:#0b0d10;border-radius:.6em;flex:1;margin-inline:auto;padding:.25em .9em;font-size:.72em;overflow:hidden}.dw-body{padding:1.1em}.demo-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.demo-title{color:var(--color-ink);font-size:.95em;font-weight:600}.demo-live{font-family:var(--font-mono);color:var(--color-faint);white-space:nowrap;align-items:center;gap:.45em;font-size:.66em;display:inline-flex}.demo-live i{background-color:var(--color-accent);border-radius:50%;width:.6em;height:.6em;position:relative}.demo-live i:after{content:"";background-color:var(--color-accent);opacity:0;border-radius:50%;position:absolute;inset:0}[data-demo-run] .demo-live i:after{animation:1.8s ease-out infinite demo-ping}@keyframes demo-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes demo-scene{0%{opacity:0}3%,93%{opacity:1}98%,to{opacity:0}}@keyframes demo-scene-late{0%,5%{opacity:0}9%,93%{opacity:1}98%,to{opacity:0}}.fd{flex-direction:column;gap:1em;display:flex}[data-demo-run] .fd{animation:demo-scene var(--loop) linear infinite}.fd-window{height:9.1em;overflow:hidden}.fd-list{flex-direction:column;gap:.4em;display:flex}[data-demo-run] .fd-list{animation:fd-push var(--loop) var(--ease-out) infinite}@keyframes fd-push{0%,6%{transform:translateY(-3.17em)}13%,97%{transform:none}98%,to{transform:translateY(-3.17em)}}.fd-row{border:1px solid var(--color-line);background-color:var(--color-surface-2);border-radius:.65em;align-items:center;gap:.7em;height:2.77em;padding-inline:.75em;display:flex}.fd-row--new{background-color:#2fe0a00f;border-color:#2fe0a059}.fd-avatar{width:2.6em;height:2.6em;font-family:var(--font-mono);color:var(--color-muted);background-color:#1b2028;border-radius:.7em;flex-shrink:0;place-items:center;font-size:.68em;font-weight:600;display:grid}.fd-who{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.fd-who b{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82em;font-weight:600;overflow:hidden}.fd-who small{color:var(--color-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.68em;overflow:hidden}.fd-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:.25em .75em;font-size:.64em;font-weight:600}.fd-badge--ok{color:#2fe0a0;background-color:#2fe0a014;border-color:#2fe0a059}.fd-badge--new{color:#fbbf24;background-color:#fbbf2414;border-color:#fbbf2466}.fd-badge-stack{justify-items:end;display:grid}.fd-badge-stack>*{grid-area:1/1}.fd-badge-stack .fd-badge--new{opacity:0}[data-demo-run] .fd-badge-stack .fd-badge--new{animation:fd-new var(--loop) linear infinite}[data-demo-run] .fd-badge-stack .fd-badge--ok{animation:fd-sent var(--loop) linear infinite}@keyframes fd-new{0%,51%{opacity:1}53%,to{opacity:0}}@keyframes fd-sent{0%,51%{opacity:0}53%,to{opacity:1}}.fd-pipe{position:relative}.fd-track{background-color:var(--color-line-strong);border-radius:2px;height:2px;position:absolute;top:1.1em;left:12.5%;right:12.5%}.fd-fill{border-radius:inherit;transform-origin:0;background-image:linear-gradient(90deg,#2fe0a0,#59d0ff);position:absolute;inset:0}[data-demo-run] .fd-fill{animation:fd-fill var(--loop) var(--ease-out) infinite}@keyframes fd-fill{0%,14%{transform:scaleX(0)}30%,36%{transform:scaleX(.3333)}50%,56%{transform:scaleX(.6667)}68%,97%{transform:none}98%,to{transform:scaleX(0)}}.fd-steps{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.fd-step{text-align:center;flex-direction:column;align-items:center;gap:.45em;display:flex}.fd-step small{color:var(--color-muted);font-size:.68em}.fd-node{border:1.5px solid var(--color-line-strong);width:2.2em;height:2.2em;color:var(--color-faint);background-color:#0b0d10;border-radius:50%;place-items:center;display:grid;position:relative}.fd-node svg{width:1.05em;height:1.05em}.fd-node-on{color:#052318;background-color:#2fe0a0;border-radius:50%;place-items:center;display:grid;position:absolute;inset:-1.5px;box-shadow:0 0 0 .3em #2fe0a026}.fd-out{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;display:grid}.fd-card{border:1px solid var(--color-line);background-color:var(--color-surface-2);border-radius:.7em;align-items:center;gap:.6em;min-width:0;padding:.6em .75em;display:flex}.fd-toast{background-color:#2fe0a012;border-color:#2fe0a059}.fd-ico{border-radius:.55em;flex-shrink:0;place-items:center;width:2em;height:2em;display:grid}.fd-ico svg{width:1.1em;height:1.1em}.fd-ico--pdf{color:#f87171;background-color:#f871711f}.fd-ico--ok{color:#052318;background-color:#2fe0a0}[data-demo-run] .fd-pdf{animation:fd-pdf var(--loop) var(--ease-pop) infinite}[data-demo-run] .fd-toast{animation:fd-toast var(--loop) var(--ease-pop) infinite}@container demo (max-width:380px){.fd-out{grid-template-columns:minmax(0,1fr)}}.db{flex-direction:column;gap:1em;display:flex}[data-demo-run] .db{animation:demo-scene-late var(--loop) linear infinite}.db-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;display:grid}.db-kpi{border:1px solid var(--color-line);background-color:var(--color-surface-2);border-radius:.7em;flex-direction:column;gap:.15em;min-width:0;padding:.7em .75em;display:flex;position:relative}.db-kpi small{color:var(--color-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.64em;overflow:hidden}.db-kpi b{letter-spacing:-.02em;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.22em;font-weight:600;line-height:1.2}.db-trend{color:#2fe0a0;font-size:.64em;font-weight:600}.db-flip{height:1.2em;display:block;overflow:hidden}.db-stack{flex-direction:column;display:flex;transform:translateY(-2.4em)}.db-stack span{height:1.2em;display:block}[data-demo-run] .db-stack{animation:db-flip var(--loop) var(--ease-pop) infinite}@keyframes db-flip{0%,46%{transform:none}49%,70%{transform:translateY(-1.2em)}73%,to{transform:translateY(-2.4em)}}.db-plus{color:#2fe0a0;opacity:0;font-size:.7em;font-weight:700;position:absolute;top:.55em;right:.7em}[data-demo-run] .db-plus{animation:db-plus var(--loop) var(--ease-out) infinite}@keyframes db-plus{0%,45%{opacity:0;transform:translateY(.4em)}48%{opacity:1;transform:none}56%,69%{opacity:0;transform:translateY(-.8em)}69.5%{opacity:0;transform:translateY(.4em)}72%{opacity:1;transform:none}80%,to{opacity:0;transform:translateY(-.8em)}}.db-chart{border:1px solid var(--color-line);background-color:var(--color-surface-2);border-radius:.7em;padding:.8em .9em .7em}.db-chart-head{justify-content:space-between;align-items:baseline;display:flex}.db-chart-head p{color:var(--color-ink);font-size:.8em;font-weight:600}.db-chart-head small{color:var(--color-faint);font-size:.64em}.db-bars{grid-template-columns:repeat(7,minmax(0,1fr));gap:.55em;height:8em;margin-top:.8em;display:grid}.db-col{flex-direction:column;align-items:center;gap:.35em;display:flex}.db-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.db-bar{width:100%;height:calc(var(--h) * 100%);transform-origin:bottom;background-color:#2fe0a042;border-radius:.35em .35em .15em .15em;display:block}.db-bar--today{background-image:linear-gradient(#59d0ff,#2fe0a0)}[data-demo-run] .db-bar{animation:db-grow var(--loop) var(--ease-out) infinite;animation-delay:calc(var(--i) * 70ms)}[data-demo-run] .db-bar--today{animation-name:db-grow-today;animation-delay:0s}@keyframes db-grow{0%,10%{transform:scaleY(0)}24%,to{transform:none}}@keyframes db-grow-today{0%,14%{transform:scaleY(0)}28%,46%{transform:scaleY(.8)}49%,70%{transform:scaleY(.9)}73%,to{transform:none}}.db-day{color:var(--color-faint);font-size:.62em}.db-day--today{color:#2fe0a0;font-weight:600}.iv{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:.9em;display:grid}[data-demo-run] .iv{animation:demo-scene var(--loop) linear infinite}@container demo (max-width:430px){.iv{grid-template-columns:minmax(0,1fr)}}.iv-paper{color:#1d2430;background-color:#eef2f6;border-radius:.6em;padding:1em 1em 1.1em;position:relative;overflow:hidden;box-shadow:0 14px 30px -18px #000c}.iv-doc-title{letter-spacing:.08em;color:#334155;font-size:.6em;font-weight:700}.iv-doc-no{font-family:var(--font-mono);color:#64748b;margin-top:.2em;font-size:.66em}.iv-field{flex-direction:column;margin:.55em -.45em 0;padding:.25em .45em;display:flex;position:relative}.iv-field small{letter-spacing:.06em;color:#64748b;text-transform:uppercase;font-size:.58em}.iv-field span{color:#0f172a;font-size:.8em;font-weight:600}.iv-total span{font-size:.95em}.iv-hl{background-color:#10b9811f;border:1.5px solid #10b981;border-radius:.4em;position:absolute;inset:0}.iv-lines{border-top:1px dashed #cbd5e1;flex-direction:column;gap:.45em;margin-top:.75em;padding-top:.6em;display:flex}.iv-line{justify-content:space-between;align-items:center;gap:1em;display:flex}.iv-line i{background-color:#cbd5e1;border-radius:.2em;height:.45em}.iv-line small{font-family:var(--font-mono);color:#64748b;font-size:.58em}.iv-scan{pointer-events:none;position:absolute;inset:0;overflow:hidden}.iv-laser{opacity:0;background-image:linear-gradient(#10b98100 70%,#10b98129 97%,#10b981 100%);position:absolute;inset:0;transform:translateY(-100%)}[data-demo-run] .iv-laser{animation:iv-laser var(--loop) linear infinite}@keyframes iv-laser{0%,5%{opacity:0;transform:translateY(-100%)}7%{opacity:1}40%{opacity:1;transform:none}44%,to{opacity:0;transform:none}}.iv-out{border:1px solid var(--color-line);background-color:var(--color-surface-2);border-radius:.7em;padding:.85em .9em}.iv-out-title{color:var(--color-ink);align-items:center;gap:.45em;font-size:.8em;font-weight:600;display:flex}.iv-out-title svg{color:#2fe0a0;width:1.15em;height:1.15em}.iv-data{flex-direction:column;margin-top:.5em;display:flex}.iv-row{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:.6em;padding-block:.5em;display:flex}.iv-row:first-child{border-top:0}.iv-row dt{color:var(--color-faint);font-size:.66em}.iv-pick{align-items:center;gap:.4em;min-width:0;display:flex}.iv-val{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.74em;font-weight:500;overflow:hidden}.iv-ok{color:#2fe0a0;flex-shrink:0;width:1em;height:1em}.iv-status{color:#2fe0a0;background-color:#2fe0a014;border:1px solid #2fe0a059;border-radius:999px;align-items:center;gap:.45em;max-width:100%;margin-top:.55em;padding:.4em .75em;font-size:.68em;font-weight:600;display:inline-flex}.iv-status svg{width:1.2em;height:1.2em}[data-demo-run] .iv-status{animation:iv-status var(--loop) var(--ease-pop) infinite}[data-demo-run] .fd-step:first-child .fd-node-on{animation:fd-on-1 var(--loop) var(--ease-pop) infinite}@keyframes fd-on-1{0%,11%{opacity:0;transform:scale(.6)}14%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.6)}}[data-demo-run] .fd-step:nth-child(2) .fd-node-on{animation:fd-on-2 var(--loop) var(--ease-pop) infinite}@keyframes fd-on-2{0%,29%{opacity:0;transform:scale(.6)}32%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.6)}}[data-demo-run] .fd-step:nth-child(3) .fd-node-on{animation:fd-on-3 var(--loop) var(--ease-pop) infinite}@keyframes fd-on-3{0%,49%{opacity:0;transform:scale(.6)}52%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.6)}}[data-demo-run] .fd-step:nth-child(4) .fd-node-on{animation:fd-on-4 var(--loop) var(--ease-pop) infinite}@keyframes fd-on-4{0%,67%{opacity:0;transform:scale(.6)}70%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.6)}}@keyframes fd-pdf{0%,31%{opacity:0;transform:translateY(.5em)scale(.94)}35%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(.5em)scale(.94)}}@keyframes fd-toast{0%,52%{opacity:0;transform:translateY(.5em)scale(.94)}56%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(.5em)scale(.94)}}[data-demo-run] .iv-field[data-f="1"] .iv-hl{animation:iv-hl-1 var(--loop) var(--ease-out) infinite}[data-demo-run] .iv-pick[data-f="1"]{animation:iv-pick-1 var(--loop) var(--ease-out) infinite}@keyframes iv-hl-1{0%,11%{opacity:0;transform:scale(1.04)}14%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(1.04)}}@keyframes iv-pick-1{0%,13%{opacity:0;transform:translate(-.5em)}16%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:translate(-.5em)}}[data-demo-run] .iv-field[data-f="2"] .iv-hl{animation:iv-hl-2 var(--loop) var(--ease-out) infinite}[data-demo-run] .iv-pick[data-f="2"]{animation:iv-pick-2 var(--loop) var(--ease-out) infinite}@keyframes iv-hl-2{0%,18%{opacity:0;transform:scale(1.04)}21%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(1.04)}}@keyframes iv-pick-2{0%,20%{opacity:0;transform:translate(-.5em)}23%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:translate(-.5em)}}[data-demo-run] .iv-field[data-f="3"] .iv-hl{animation:iv-hl-3 var(--loop) var(--ease-out) infinite}[data-demo-run] .iv-pick[data-f="3"]{animation:iv-pick-3 var(--loop) var(--ease-out) infinite}@keyframes iv-hl-3{0%,25%{opacity:0;transform:scale(1.04)}28%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(1.04)}}@keyframes iv-pick-3{0%,27%{opacity:0;transform:translate(-.5em)}30%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:translate(-.5em)}}[data-demo-run] .iv-field[data-f="4"] .iv-hl{animation:iv-hl-4 var(--loop) var(--ease-out) infinite}[data-demo-run] .iv-pick[data-f="4"]{animation:iv-pick-4 var(--loop) var(--ease-out) infinite}@keyframes iv-hl-4{0%,36%{opacity:0;transform:scale(1.04)}39%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(1.04)}}@keyframes iv-pick-4{0%,38%{opacity:0;transform:translate(-.5em)}41%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:translate(-.5em)}}@keyframes iv-status{0%,49%{opacity:0;transform:scale(.9)}53%,97%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.9)}}