.dln{grid-template-columns:minmax(0,900fr) minmax(0,420fr);gap:24px;margin-top:32px;display:grid}.dln h3{letter-spacing:-.01em;color:#111;margin:0;font-size:20px;font-weight:400;line-height:1.3}.dln-build>p,.dln-talk>p{color:var(--dl-ink-2);margin:8px 0 0;font-size:16px;line-height:1.5}.dln-build{border:1px solid var(--dl-hairline);background:#ededeb;border-radius:28px;padding:32px 0 0 32px;overflow:hidden}.dln-build>p{margin-right:32px}.dln-app{font-family:var(--font-ui);background:#fff;border-radius:16px 0 0;grid-template-columns:200px minmax(0,1fr);margin-top:28px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000d}.dln-side{border-right:1px solid #00000012;flex-direction:column;gap:4px;padding:18px 14px;display:flex}.dln-side-h{color:#6b6b6b;padding:4px 6px 6px;font-size:11.5px}.dln-side button{text-align:left;min-height:44px;font:inherit;cursor:pointer;transition:background var(--dl-motion);background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.dln-side button:hover{background:#f6f6f6}.dln-side button[aria-pressed=true]{background:#f0f0f0}.dln-side button b{color:#262626;font-size:13px;font-weight:500}.dln-side button span{color:#6b6b6b;font-size:11px}.dln-exits{color:#6b6b6b;background:#f6f6f6;border-radius:10px;margin-top:auto;padding:10px;font-size:11.5px;line-height:1.45}.dln-canvas{background-color:#fafafa;background-image:radial-gradient(#0000001f 1px,#0000 1px);background-size:18px 18px;position:relative;container-type:inline-size}.dln-fit{aspect-ratio:680/590;width:100%;position:relative}.dln-tree{transform-origin:0 0;width:680px;height:590px;transform:scale(min(1, calc(100cqw / 680px)));position:absolute;top:0;left:0}.dln-tree svg{width:680px;height:590px;position:absolute;inset:0}.dln-tree path{fill:none;stroke:#cfcfcf;stroke-width:1.5px}.dln-tree path.is-dash{stroke-dasharray:4 4}.dln-trigger{box-sizing:border-box;color:#262626;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:30px;font-size:12px;font-weight:500;display:flex;position:absolute;box-shadow:0 1px 2px #0000000f,inset 0 0 0 1px #0000001a}.dln-trigger i{background:#5b3fc4;border-radius:50%;width:7px;height:7px}.dln-node{box-sizing:border-box;background:#fff;border-radius:12px;width:240px;height:86px;padding:10px 12px;position:absolute;box-shadow:0 1px 2px #0000000f,inset 0 0 0 1px #00000014}.dln-node b{color:#262626;font-size:12.5px;font-weight:600;display:block}.dln-node span{color:#6b6b6b;margin-top:6px;font-size:11.5px;line-height:1.45;display:block}.dln-node.is-faint{opacity:.75;background:#ffffffb3}.dln-branch{color:#555;white-space:nowrap;background:#f0f0f0;border-radius:999px;padding:3px 9px;font-size:11px;position:absolute}.dln-branch.is-faint{color:#6b6b6b}.dln-ok{color:#175d0d;white-space:nowrap;background:#e8f6e5;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:500;position:absolute}.dln-end{color:#175d0d;white-space:nowrap;background:#e8f6e5;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;transform:translate(-50%);box-shadow:0 0 0 3px #49bf4c4d}.dln-dot{offset-path:path("M345 52 L345 92 L345 178 C345 214 550 212 550 246 L550 330 C550 372 330 362 330 404");offset-rotate:0deg;background:#5b3fc4;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;display:none;position:absolute;top:0;left:0;box-shadow:0 0 0 6px #5b3fc42e,0 0 18px #5b3fc48c}.dln-talk{border:1px solid var(--dl-hairline);background:#ededeb;border-radius:28px;flex-direction:column;gap:18px;padding:32px;display:flex}.dln-talk>p{margin-top:-10px}.dln-chat{min-height:340px;font-family:var(--font-ui);background:#fff;border-radius:22px;flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;box-shadow:0 1px 2px #0000000d,0 20px 50px #0000000f}.dln-who{border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding-bottom:12px;display:flex}.dln-who>span{background:#ededed;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:500;display:grid}.dln-who b{font-size:13.5px;font-weight:600;display:block}.dln-who small{color:#6b6b6b;font-size:11.5px}.dln-m{color:#262626;background:#f2f2f2;border-radius:14px;align-self:flex-start;max-width:88%;padding:10px 13px;font-size:13px;line-height:1.45}.dln-m.is-them{color:#fff;background:#262626;align-self:flex-end;max-width:80%}.dln-m.is-done{color:#175d0d;background:#e8f6e5;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:500}.dln-stats{font-family:var(--font-ui);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dln-stats div{background:#fff;border-radius:14px;padding:12px}.dln-stats span{color:#6b6b6b;font-size:11px;display:block}.dln-stats b{color:#262626;font-size:22px;font-weight:500}.dln-stats b.is-a{color:#1e7a12}.dln-note{color:#6b6b6b;font-size:12px}.dln-step{border-top:1px solid #0000001a;padding-top:56px}.dln-step h3{letter-spacing:-.01em;margin:12px 0 0;font-size:26px;font-weight:400;line-height:1.25}.dln-step .dlu-row-copy>p:not(.dlu-note){color:var(--dl-ink-2);max-width:560px;margin:10px 0 0;font-size:16.5px;line-height:1.55}.dln.is-live .dln-dot{animation:11s cubic-bezier(.45,0,.25,1) infinite dlnMove;display:block}.dln.is-live .dln-n1{animation:11s infinite dlnOn1}.dln.is-live .dln-n2{animation:11s infinite dlnOn2}.dln.is-live .dln-end{animation:11s infinite dlnEnd}.dln.is-live .dln-m1{animation:11s infinite dlnM1}.dln.is-live .dln-m2{animation:11s infinite dlnM2}.dln.is-live .dln-m3{animation:11s infinite dlnM3}.dln.is-live .dln-m4{animation:11s infinite dlnM4}@keyframes dlnMove{0%{offset-distance:0%;opacity:0}4%{opacity:1}14%{offset-distance:11%}30%{offset-distance:11%}48%{offset-distance:58%}64%{offset-distance:58%}80%{offset-distance:100%}92%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}@keyframes dlnOn1{0%,12%,40%,to{box-shadow:0 1px 2px #0000000f,inset 0 0 0 1px #00000014}16%,34%{box-shadow:0 0 0 3px #5b3fc459,0 10px 30px #5b3fc42e}}@keyframes dlnOn2{0%,44%,74%,to{box-shadow:0 1px 2px #0000000f,inset 0 0 0 1px #00000014}50%,68%{box-shadow:0 0 0 3px #5b3fc459,0 10px 30px #5b3fc42e}}@keyframes dlnEnd{0%,78%{color:#262626;background:#fff;box-shadow:inset 0 0 0 1px #0000001a}82%,96%{color:#175d0d;background:#e8f6e5;box-shadow:0 0 0 3px #49bf4c4d}to{color:#262626;background:#fff;box-shadow:inset 0 0 0 1px #0000001a}}@keyframes dlnM1{0%,15%{opacity:0;transform:translateY(8px)}19%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes dlnM2{0%,49%{opacity:0;transform:translateY(8px)}53%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes dlnM3{0%,62%{opacity:0;transform:translateY(8px)}66%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes dlnM4{0%,79%{opacity:0;transform:translateY(8px)}83%,94%{opacity:1;transform:none}to{opacity:0}}:is(.dlh7-card,.dlh7-solo).is-live .dlh7-scene.is-on .dln-dot{animation:5.8s cubic-bezier(.45,0,.25,1) .4s both dlnWalk;display:block}:is(.dlh7-card,.dlh7-solo).is-live .dlh7-scene.is-on .dln-n1{animation:5.8s .4s both dlnOnA}:is(.dlh7-card,.dlh7-solo).is-live .dlh7-scene.is-on .dln-n2{animation:5.8s .4s both dlnOnB}:is(.dlh7-card,.dlh7-solo).is-live .dlh7-scene.is-on .dln-end{animation:5.8s .4s both dlnEndB}@keyframes dlnWalk{0%{offset-distance:0%;opacity:0}5%{opacity:1}16%,30%{offset-distance:11%}50%,64%{offset-distance:58%}84%,to{offset-distance:100%;opacity:1}}@keyframes dlnOnA{0%,14%,36%,to{box-shadow:0 1px 2px #0000000f,inset 0 0 0 1px #00000014}18%,30%{box-shadow:0 0 0 3px #5b3fc459,0 10px 30px #5b3fc42e}}@keyframes dlnOnB{0%,48%,70%,to{box-shadow:0 1px 2px #0000000f,inset 0 0 0 1px #00000014}52%,64%{box-shadow:0 0 0 3px #5b3fc459,0 10px 30px #5b3fc42e}}@keyframes dlnEndB{0%,82%{color:#262626;background:#fff;box-shadow:inset 0 0 0 1px #0000001a}88%,to{color:#175d0d;background:#e8f6e5;box-shadow:0 0 0 3px #49bf4c4d}}@media (prefers-reduced-motion:reduce){.dln.is-live .dln-dot,.dlh7-scene .dln-dot{display:none}.dlh7-scene .dln-tree *,.dln.is-live *{animation:none!important}}@media (max-width:1100px){.dln{grid-template-columns:1fr}}@media (max-width:767px){.dln-build{border-radius:22px;padding:24px 0 0 20px}.dln-build>p{margin-right:20px}.dln-app{grid-template-columns:1fr}.dln-side{scrollbar-width:none;border-bottom:1px solid #00000012;border-right:0;flex-direction:row;padding:12px;overflow-x:auto}.dln-side-h,.dln-exits{display:none}.dln-side button{flex:none}.dln-talk{border-radius:22px;padding:24px 20px}.dln-chat{min-height:0}}