.dx{--demo-h: 600px}.dx__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;padding:12px;height:var(--demo-h)}.dx__map{aspect-ratio:auto;height:100%;border-radius:14px}.dx__map .mapframe__poster{transition:opacity .6s var(--ease-out)}.dx__basemap{position:absolute;inset:0;display:block;cursor:grab}.dx__basemap.is-grabbing{cursor:grabbing}.dx__overlay{position:absolute;inset:0;pointer-events:none}.dx__pins{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dx__pin{position:absolute;left:0;top:0;will-change:transform}.dx__pin>*{translate:-50% -50%}.dx__pin.is-top{z-index:3}.dx__legend{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}.dx__legend .d-pill{background:#0b0d12b8;backdrop-filter:blur(6px)}.dx__maperr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:8px;background:#0b0d12cc;color:var(--muted);font-size:.8125rem;text-align:center;max-width:80%}.dx-van{position:relative;display:flex;align-items:center;gap:6px;transition:opacity var(--dur-base)}.dx-van__dot{display:grid;place-items:center;inline-size:22px;block-size:22px;border-radius:50%;background:#11141b;border:2.5px solid var(--vc);color:var(--vc);font:700 10px/1 var(--font-mono);box-shadow:0 2px 10px #00000080;transition:transform .3s var(--ease-spring),background-color .3s,color .3s,box-shadow .3s}.dx-van__tag{position:absolute;left:26px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;background:#0b0d12d1;border:1px solid rgb(255 255 255 / .08);font-size:11px;color:#c9ccd3;white-space:nowrap;pointer-events:none}.dx-van__tag b{font-weight:600;color:#f4f2ee}.dx-van__tag i{font-style:normal;font-family:var(--font-mono);color:#a99fff}.dx-van__tag i:empty{display:none}.dx-van.is-dim{opacity:.32}.dx-van.is-cand .dx-van__dot{transform:scale(1.15);box-shadow:0 0 0 5px color-mix(in srgb,var(--vc) 22%,transparent),0 2px 10px #00000080}.dx-van.is-cand .dx-van__tag{border-color:#8b7fff66}.dx-van.is-chosen{z-index:3}.dx-van.is-chosen .dx-van__dot{background:var(--vc);color:#0b0d12;transform:scale(1.3);box-shadow:0 0 0 6px color-mix(in srgb,var(--vc) 28%,transparent),0 0 24px var(--vc)}.dx-job{position:relative;inline-size:18px;block-size:18px;opacity:0;transform:scale(.4) translateY(-10px);transition:opacity .3s,transform .5s var(--ease-spring)}.dx-job.is-on{opacity:1;transform:none}.dx-job__pin{position:absolute;inset:2px;border-radius:50%;background:#ff3b3b;border:2.5px solid #fff;box-shadow:0 0 18px #ff3b3bcc}.dx-job__pulse{position:absolute;inset:-12px;border-radius:50%;border:2px solid #ff3b3b;animation:d-ring 1.6s var(--ease-out) infinite}.dx-job.is-done .dx-job__pin{background:#22c55e;box-shadow:0 0 18px #22c55ecc}.dx-job.is-done .dx-job__pulse{border-color:#22c55e}.dx-job__label{position:absolute;right:26px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:3px 8px;border-radius:6px;background:#f4f2ee;color:#0b0d12;font:600 11px/1.3 var(--font-sans);box-shadow:0 4px 14px #0006}@media(prefers-reduced-motion:reduce){.dx-job__pulse{display:none}}.dx__panel{display:flex;flex-direction:column;gap:10px;min-height:0}.dx__job{padding:12px 14px;display:grid;gap:5px;min-height:170px;align-content:start;border-style:dashed;transition:border-color var(--dur-base),background-color var(--dur-base),box-shadow var(--dur-base)}.dx__job.is-on{border-style:solid;border-color:#ff3b3b80;box-shadow:0 0 30px -12px #ff3b3b8c}.dx__job.is-assigned{border-color:#f5a52480;box-shadow:none}.dx__job.is-over{background:#8b7fff1f;border-color:#8b7fff;border-style:dashed}.dx__jobtop{display:flex;justify-content:space-between;align-items:center}.dx__jid{font-size:.75rem;color:var(--muted)}.dx__jobname{font-size:1.0625rem;font-weight:650;color:var(--ink);letter-spacing:-.01em}.dx__jobmeta{font-size:.8125rem;color:var(--ink-2)}.dx__jobrow{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--muted)}.dx__jobrow span{display:inline-flex;align-items:center;gap:5px}.dx__jobrow .d-mono{color:var(--ink);font-size:.8125rem}.dx__jobempty{display:grid;justify-items:center;gap:6px;padding:26px 0;color:var(--muted);font-size:.8125rem}.dx__assignee{display:flex;align-items:center;gap:8px;margin-top:4px;padding:7px 9px;border-radius:9px;background:#ffffff0a;font-size:.8125rem;color:var(--ink-2);min-height:36px}.dx__assignee b{color:var(--ink)}.dx__drop{color:var(--muted);font-style:italic}.dx__av{display:grid;place-items:center;inline-size:26px;block-size:26px;flex:none;border-radius:50%;background:var(--vc);color:#0b0d12;font:700 10px/1 var(--font-sans)}.dx__cands{padding:10px 12px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.dx__ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dx__cands ol{list-style:none;padding:0;margin:0;display:grid;gap:2px}.dx__cand{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px;border-radius:10px;border:1px solid transparent;opacity:.35;transform:translate(6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),background-color var(--dur-base),border-color var(--dur-base)}.dx__cand.is-on{opacity:1;transform:none}.dx__cand[draggable=true]{cursor:grab}.dx__cand[draggable=true]:active{cursor:grabbing}.dx__cand.is-chosen{background:#f5a52414;border-color:#f5a52459}.dx__cinfo{display:grid;gap:4px;min-width:0}.dx__cname{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--ink)}.dx__cname .d-mono{font-size:.6875rem;color:var(--muted)}.dx__aipick{height:17px;font-size:.5625rem}.dx__bar{height:4px;border-radius:4px;background:#ffffff12;overflow:hidden}.dx__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d5ef6,#a99fff)}.dx__cand.is-chosen .dx__bar i{background:linear-gradient(90deg,#f5a524,#f5c56a)}.dx__reasons{font-size:.6875rem;line-height:1.4;color:var(--muted);text-wrap:pretty}.dx__cright{display:grid;justify-items:end;gap:4px}.dx__score{font-size:1.375rem;line-height:1;color:var(--ink);font-weight:500}.dx__assign{height:24px;padding-inline:9px;border-radius:6px;border:1px solid var(--line-strong);font-size:.6875rem;font-weight:600;color:var(--ink);background:#ffffff08}.dx__assign:hover:not([disabled]){background:#ffffff17}.dx__assign[disabled]{opacity:.45}.dx__cand.is-chosen .dx__assign[disabled]{opacity:1;color:#f5b54a;border-color:#f5a52466}.dx__assign:focus-visible,.dx__reset:focus-visible{outline:none;box-shadow:0 0 0 2px #7aa2ff}.dx__out{padding:12px 14px;display:grid;gap:8px;min-height:112px;align-content:start;transition:border-color var(--dur-base)}.dx__out.is-worse{border-color:#ff3b3b73}.dx__out.is-better{border-color:#22c55e66}.dx__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dx__kpis>div{display:grid;gap:2px}.dx__kpis b{font-size:1.0625rem;color:var(--ink);font-weight:500}.dx__kpis em{font-style:normal;font-size:.6875rem;font-family:var(--font-mono)}.dx__kpis em.neg{color:#ff6b6b}.dx__kpis em.pos{color:#4ade80}.dx__fine{font-size:.6875rem;line-height:1.5;color:var(--muted)}.dx__wait{margin:auto 0}.dx__reset{color:#a99fff;text-decoration:underline;text-underline-offset:2px;font-size:inherit}@media(max-width:1000px){.dx{--demo-h: auto}.dx__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:380px auto}.dx__cands{max-height:none;overflow:visible;min-height:280px}}@media(max-width:480px){.dx__grid{padding:8px;grid-template-rows:320px auto}.dx-van__tag{display:none}.dx-van.is-cand .dx-van__tag,.dx-van.is-chosen .dx-van__tag{display:inline-flex}}.dx__gl{position:relative;width:100%;height:100%}@media(max-width:640px){.dx-job__label{inset:auto auto 24px 50%;transform:translate(-50%)}}