.lp-copy{background:var(--card-3);height:40px;transition:transform .14s var(--out);border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.lp-copy:active{transform:scale(.97)}.lp-clients{border:0;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;margin:44px 0 0;padding:0;display:flex}.lp-client{width:100px;color:var(--text-3);flex-direction:column;align-items:center;gap:10px;font-size:13px;transition:color .2s;display:flex}.lp-ico{background:var(--card);width:60px;height:60px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s, background .2s, transform .14s var(--out);border-radius:18px;place-items:center;display:grid}.lp-ico svg{width:24px;height:24px;fill:var(--text-3);transition:fill .2s}.lp-any{font:15px var(--mono);color:var(--text-3)}.lp-client:hover .lp-ico{box-shadow:inset 0 0 0 1px var(--line-2)}.lp-client:active .lp-ico{transform:scale(.94)}.lp-client.on{color:var(--text)}.lp-client.on .lp-ico{background:var(--card-3);box-shadow:inset 0 0 0 1px var(--line-3)}.lp-client.on .lp-ico svg{fill:var(--text)}.lp-client.on .lp-any{color:var(--text)}.lp-code{border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);margin-top:30px;overflow:hidden}.lp-code-h{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px 14px 24px;display:flex}.lp-code-h .lp-code-a{gap:8px;margin-left:auto;display:flex}.lp-code-h .lp-copy{height:34px;color:var(--text);padding:0 14px}.lp-code pre{min-height:200px;font-family:var(--mono);color:var(--text-2);counter-reset:lp-ln;margin:0;padding:26px 0 30px;font-size:13px;line-height:1.9;overflow-x:auto}.lp-l{white-space:pre;padding-right:28px;display:block}.lp-l:before{counter-increment:lp-ln;content:counter(lp-ln);text-align:right;width:56px;color:var(--text-3);-webkit-user-select:none;user-select:none;padding-right:20px;display:inline-block}.lp-code .lp-k{color:var(--text-3)}.lp-code .lp-v{color:var(--text)}.lp-code .lp-p{color:var(--text-2)}.lp-code-f{border-top:1px solid var(--line);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:14px 24px;display:flex}.lp-code-f a{color:var(--text);align-items:center;gap:8px;display:inline-flex}.lp-clients{position:relative}.lp-sel{z-index:1;width:60px;height:60px;box-shadow:inset 0 0 0 1px var(--line-3);pointer-events:none;opacity:0;border-radius:18px;position:absolute;top:0;left:0}.lp-clients.placed .lp-sel{opacity:1}.lp-clients.moving .lp-sel{transition:transform .45s var(--out)}.lp-clients.placed .lp-client.on .lp-ico{box-shadow:inset 0 0 0 1px var(--line)}.lp-code pre .lp-l{animation:lp-line-in .45s var(--out) both;animation-delay:calc(var(--i,0) * 35ms)}.lp-file,.lp-code-f{animation:lp-fade .3s var(--out) both}@keyframes lp-line-in{0%{opacity:0;transform:translateY(6px)}}@keyframes lp-fade{0%{opacity:0}}