.demo{--line-2: var(--line2);--paper-2: var(--well);--ink-2: var(--muted);--amber: var(--accent-ink);--amber-mark: var(--accent);--radius: 14px;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;box-shadow:0 20px 40px -32px var(--shadow)}.demo .mono{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:500}.demo__cap{padding-top:14px}.demo{display:grid;grid-template-columns:minmax(20rem,27rem) 1fr;gap:1px;background:var(--line);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden}@media(max-width:860px){.demo{grid-template-columns:1fr}}.docpane{background:var(--paper-2);display:flex;flex-direction:column;min-width:0}.docpane__bar{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-bottom:1px solid var(--line);color:var(--ink-2)}.docpane__file{color:var(--amber)}.docpane__replay{margin-left:auto;font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;background:var(--paper);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;padding:.35rem .6rem;cursor:pointer}.docpane__replay:hover{border-color:var(--ink)}.docpane__body{position:relative;height:27rem;overflow-y:auto;padding:1.1rem 1rem;scroll-behavior:smooth}.xdoc{--ink: #1E2833;--ink-2: #56606A;--amber-mark: #E0582F;--line: rgba(30,40,51,.12);--line-2: rgba(30,40,51,.2);position:relative;color:#1e2833;background:#fff;border:1px solid var(--line-2);padding:1.25rem 1.15rem 1rem;overflow:hidden}.xdoc__scan{position:absolute;left:0;right:0;top:0;height:2.5rem;background:linear-gradient(rgba(224,88,47,.16),transparent);border-top:1px solid var(--amber-mark);opacity:0;pointer-events:none}.docpane__body.is-scanning .xdoc__scan{opacity:1;animation:xscan 2.4s linear infinite}@keyframes xscan{0%{transform:translateY(0)}to{transform:translateY(20rem)}}.xdoc__kicker{color:var(--ink);margin:0 0 .9rem;padding-bottom:.7rem;border-bottom:1px solid var(--line-2)}.xdoc__row{display:flex;gap:.75rem;padding:.3rem 0;align-items:baseline}.xdoc__lbl{flex:0 0 5.75rem;color:var(--ink-2);font-size:.63rem}.xdoc__val{font-size:.85rem;color:var(--ink);border-radius:2px;padding:1px 3px;margin:-1px -3px;transition:background-color .35s ease,box-shadow .35s ease}.xdoc__val.is-read{background:#e0582f29;box-shadow:0 0 0 1px var(--amber-mark)}.xdoc__val--strong{font-weight:600}.xdoc__table{width:100%;border-collapse:collapse;margin:.9rem 0;font-size:.8rem}.xdoc__table th{text-align:left;font-weight:500;color:var(--ink-2);font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .5rem;border-bottom:1px solid var(--line-2)}.xdoc__table td{padding:.55rem .5rem;color:var(--ink);vertical-align:top;border-bottom:1px solid var(--line)}.xdoc__amt{white-space:nowrap}.xdoc__total{display:flex;justify-content:space-between;align-items:baseline;margin-top:.6rem;padding-top:.7rem;border-top:1px solid var(--line-2)}.xdoc__total .xdoc__lbl{flex:0 0 auto}.xdoc__foot{margin:.9rem 0 0;color:var(--ink-2);font-size:.63rem}.feed{background:var(--paper);display:flex;flex-direction:column;min-width:0}.feed__bar{padding:.85rem 1.05rem;border-bottom:1px solid var(--line);color:var(--ink-2)}.stages{display:flex;flex-wrap:wrap;gap:.45rem;padding:.9rem 1.05rem .25rem}.stagepill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-2);font-family:var(--mono);font-size:.63rem;letter-spacing:.07em;text-transform:uppercase;transition:border-color .3s ease,background-color .3s ease}.stagepill b{font-weight:600;color:var(--ink);border:1px solid var(--line-2);border-radius:50%;width:1rem;height:1rem;display:grid;place-items:center;font-size:.55rem}.stagepill em{font-style:normal;color:var(--ink-2)}.stagepill--paid{border-color:var(--amber-mark)}.stagepill--paid em{color:var(--amber)}.stagepill.is-active{background:#e0582f1f;border-color:var(--amber-mark);color:var(--ink)}.stagepill.is-active b{border-color:var(--amber-mark)}.stagepill.is-on{border-color:var(--ink-2);color:var(--ink)}.stages__note{padding:.7rem 1.05rem .8rem;margin:0;color:var(--ink-2);font-size:.9rem;max-width:52ch}.feed__body{flex:1;padding:.5rem 1.05rem}.feed__placeholder{color:var(--ink-2);font-size:.9rem;padding:.75rem 0;margin:0}.xfield{display:flex;gap:.9rem;align-items:baseline;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line);opacity:0;transform:translate(.8rem);transition:opacity .5s ease,transform .5s ease}.xfield.is-on{opacity:1;transform:none}.xfield__key{font-family:var(--mono);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.xfield__val{font-size:.9rem;color:var(--ink);text-align:right}.feed__foot{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.05rem;border-top:1px solid var(--line);color:var(--ink-2)}@media(prefers-reduced-motion:reduce){.xfield{opacity:1;transform:none;transition:none}.docpane__body.is-scanning .xdoc__scan{animation:none;opacity:.4}.docpane__body{scroll-behavior:auto}}