.dg-demo{--dg-paper:#fafaf9;--dg-ink:#1d1d1f;--dg-ink-2:#0009;--dg-ink-3:#0000006b;--dg-rule:#0000001a;--dg-accent:#0a84ff;--dg-accent-ink:#0068d6;--dg-accent-tint:#0a84ff1a;--dg-bad:#e5484d;--dg-good:#1a9d55;--dg-ease:cubic-bezier(.23, 1, .32, 1);color:var(--dg-ink);background:var(--dg-paper);padding:20px;font-size:14px;line-height:1.5}.dg-seg{background:#0000000d;border-radius:12px;max-width:100%;padding:3px;display:inline-flex}.dg-seg--center{width:fit-content;margin:0 auto 16px;display:flex}.dg-seg__btn{min-height:44px;color:var(--dg-ink-2);transition:background-color .16s var(--dg-ease), color .16s var(--dg-ease), box-shadow .16s var(--dg-ease);border-radius:9px;padding:0 14px;font-size:13.5px;font-weight:500}.dg-seg__btn[aria-pressed=true]{color:var(--dg-ink);background:#fff;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000f}.dg-seg__btn:focus-visible,.dg-chip:focus-visible,.dg-opt:focus-visible,.dg-btn:focus-visible,.dg-card-drag:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}.dg-chips{flex-wrap:wrap;gap:8px;display:flex}.dg-chip{min-height:44px;color:var(--dg-ink-2);transition:box-shadow .16s var(--dg-ease), color .16s var(--dg-ease);background:#fff;border-radius:999px;padding:0 14px;font-size:13.5px;box-shadow:0 0 0 1px #00000014}.dg-chip[aria-pressed=true]{color:var(--dg-accent-ink);box-shadow:0 0 0 1.5px var(--dg-accent)}.dg-btn{background:#fff;border-radius:10px;flex:none;min-height:44px;padding:0 16px;font-size:13.5px;font-weight:500;box-shadow:0 0 0 1px #0000001a,0 1px 2px #0000000d}.dg-btn:active{transform:scale(.97)}.dg-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--dg-ink-3);margin-bottom:10px;font-size:11.5px;font-weight:600}.dg-line{fill:none;stroke:#00000073;stroke-width:1.5px}.dg-line--accent{stroke:var(--dg-accent);stroke-width:2px}.dg-line--dash{stroke-dasharray:5 4}.dg-arrowhead{fill:#00000073}.dg-arrowhead--accent{fill:var(--dg-accent)}.dg-arrowhead--bad{fill:var(--dg-bad)}.dg-mask{fill:var(--dg-paper)}.dg-node{stroke-width:1.25px}.dg-node--plain{fill:#fff;stroke:#00000080}.dg-node--focal{fill:var(--dg-accent-tint);stroke:var(--dg-accent)}.dg-node--muted{fill:#00000008;stroke:#0000004d;stroke-dasharray:4 3}.dg-node-name{fill:var(--dg-ink);font-size:13px;font-weight:600}.dg-sub{font-family:var(--font-geist-mono), ui-monospace, monospace;fill:var(--dg-ink-2);font-size:10px}.dg-pp-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dg-pp-stage{background:#fff;border-radius:12px;min-height:190px;margin-top:16px;padding:18px;box-shadow:0 0 0 1px #0000000f}.dg-pp-render{animation:dg-in .26s var(--dg-ease)}.dg-pp-svg{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.dg-pp-svg .dg-mask{fill:#fff}.dg-pp-svg .dg-node-name{font-size:16px}.dg-pp-svg .dg-sub{font-size:13.5px}.dg-mech__compact .dg-mn__name{font-size:14px}.dg-mech__compact .dg-mn__sub,.dg-mech__compact .dg-mlabel,.dg-mech__compact .dg-legend text{font-size:13.5px}.dg-pp-prose{max-width:52ch;color:var(--dg-ink);font-size:15px;line-height:1.6}.dg-pp-prose--big{font-size:18px}.dg-pp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:440px;font-size:13.5px}.dg-pp-table th,.dg-pp-table td{text-align:left;border-bottom:1px solid var(--dg-rule);padding:8px 10px 8px 0}.dg-pp-table thead th{color:var(--dg-ink-3);font-size:12px;font-weight:600}.dg-pp-table tbody th{font-weight:600}.dg-verdict{color:var(--dg-ink-2);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:14px;display:flex}.dg-verdict__badge{color:#9a5b00;background:#ffb02024;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.dg-verdict[data-good] .dg-verdict__badge{color:var(--dg-good);background:#1a9d551a}.dg-decide{gap:18px;display:grid}@media (min-width:760px){.dg-decide{grid-template-columns:1.4fr 1fr;align-items:start}}.dg-decide__qs{gap:16px;display:grid}.dg-q{animation:dg-in .26s var(--dg-ease);border:0;margin:0;padding:0}.dg-q__legend{align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.dg-q__n{color:#fff;background:var(--dg-ink);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11.5px;display:inline-grid}.dg-q__opts{flex-wrap:wrap;gap:8px;display:flex}.dg-opt{text-align:left;min-height:44px;color:var(--dg-ink-2);transition:box-shadow .16s var(--dg-ease), color .16s var(--dg-ease);background:#fff;border-radius:10px;padding:8px 14px;font-size:13.5px;box-shadow:0 0 0 1px #00000014}.dg-opt[aria-pressed=true]{color:var(--dg-accent-ink);box-shadow:0 0 0 1.5px var(--dg-accent)}.dg-result{background:#fff;border-radius:12px;min-height:150px;padding:18px;box-shadow:0 0 0 1px #0000000f}@media (min-width:760px){.dg-result{position:sticky;top:16px}}.dg-result>*{animation:dg-in .26s var(--dg-ease)}.dg-result__tag{color:var(--dg-ink-2);background:#0000000d;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.dg-result[data-draw] .dg-result__tag{color:var(--dg-accent-ink);background:var(--dg-accent-tint)}.dg-result__verdict{letter-spacing:-.01em;margin-top:10px;font-size:19px;font-weight:600}.dg-result__surface{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--dg-ink-2);margin-top:2px;font-size:12px}.dg-result__note{color:var(--dg-ink-2);margin-top:10px}.dg-result__empty{color:var(--dg-ink-3)}.dg-mech__canvas{background:var(--dg-paper);animation:dg-in .26s var(--dg-ease);border-radius:12px;padding:14px 8px;box-shadow:0 0 0 1px #0000000f;container:dgmech/inline-size}.dg-mech__svg{width:100%;height:auto;margin:0 auto;display:block}.dg-mech__vague{max-width:420px}.dg-mech__compact{max-width:440px;display:none}@container dgmech (max-width:760px){.dg-mech__wide{display:none}.dg-mech__compact{display:block}}.dg-mn{stroke-width:1.25px}.dg-mn--focal{fill:var(--dg-accent-tint);stroke:var(--dg-accent)}.dg-mn--service{fill:#fff;stroke:#000000b3}.dg-mn--store{fill:#0000000d;stroke:#00000080}.dg-mn--external{fill:#00000008;stroke:#0000004d}.dg-mn__name{fill:var(--dg-ink);font-size:13px;font-weight:600}.dg-mn__sub,.dg-mlabel{font-family:var(--font-geist-mono), ui-monospace, monospace;fill:var(--dg-ink-2);font-size:10.5px}.dg-legend text{fill:var(--dg-ink-2);font-size:11.5px}.dg-vline{stroke:#a78bfa;stroke-width:2px}.dg-vbox{fill:#ede9fe;stroke:#a78bfa;stroke-width:1.5px}.dg-vname{fill:#5b21b6;font-size:13px;font-weight:600}.dg-vlabel{fill:#7c3aed;font-size:12.5px;font-weight:500}.dg-vlegend{fill:#fff;stroke:#ddd6fe}.dg-vlegend__t{fill:#6d28d9;font-size:12px}.dg-vdot{fill:#a78bfa}.dg-vdot--2{fill:#22d3ee}.dg-mech__notes{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.dg-mech__notes{grid-template-columns:1fr 1fr}}.dg-mech__notes li{color:var(--dg-ink-2);animation:dg-in .26s var(--dg-ease);margin:0;padding-left:18px;list-style:none;position:relative}.dg-mech__notes li::marker{content:""}.dg-mech__notes li:before{content:"";background:var(--dg-bad);border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:2px}.dg-mech__notes[data-good] li:before{background:var(--dg-good)}.dg-bound{container-type:inline-size}.dg-bound__pair{gap:16px;display:grid}@container (min-width:600px){.dg-bound__pair{grid-template-columns:1fr 1fr}}.dg-bound__head{color:var(--dg-ink-2);margin-bottom:8px;font-size:13px;font-weight:600}.dg-bound__head--good{color:var(--dg-accent-ink)}.dg-demo .dg-bound__note{color:var(--dg-ink-2);margin-top:8px;font-size:13px;font-weight:500}.dg-demo .dg-bound__note--good{color:var(--dg-good)}.dg-demo .dg-bound__note[data-bad]{color:var(--dg-bad)}.dg-demo .dg-bound__hint{color:var(--dg-ink-3);font-size:13px}.dg-bound__svg{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;width:100%;max-width:520px;height:auto;margin:0 auto;display:block;box-shadow:0 0 0 1px #0000000f}.dg-bound__dot{fill:#0000001f}.dg-card{fill:#fff;stroke:#0000008c;stroke-width:1.5px}.dg-card--focal{fill:var(--dg-accent-tint);stroke:var(--dg-accent)}.dg-card__t{fill:var(--dg-ink);pointer-events:none;font-size:16px;font-weight:600}.dg-card-drag{cursor:grab;outline:none}.dg-card-drag:active{cursor:grabbing}.dg-bound__arrow--loose{stroke:var(--dg-bad);stroke-width:2px;stroke-dasharray:2 4}.dg-bound__foot{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 0;display:flex}.dg-demo .dg-bound__status{color:var(--dg-good);flex:200px;font-weight:500}.dg-demo .dg-bound__status[data-bad]{color:var(--dg-bad)}@keyframes dg-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.dg-pp-render,.dg-q,.dg-result>*,.dg-mech__canvas,.dg-mech__notes li{animation:.16s linear dg-fade}.dg-btn:active{transform:none}}@keyframes dg-fade{0%{opacity:0}}@media (max-width:420px){.dg-demo{padding:16px}}.dg-demo[data-bare]{background:0 0;padding:0}.dg-demo[data-bare] .dg-mech__canvas{background:#fff}
