.st-tlink{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,620px);gap:12px;align-items:start}.st-tlink__phone{position:relative;display:flex;align-items:stretch;border:1px solid var(--line-2);border-radius:14px;background:var(--paper);transition:border-color .2s,background-color .2s,box-shadow .25s var(--ease)}.st-tlink__phone:hover{border-color:color-mix(in oklab,var(--ink) 26%,transparent)}.st-tlink__phone:focus-within{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 18%,transparent)}.st-tlink__phone:has(.is-invalid){border-color:#dc2626}.st-tlink__phone:has(.is-invalid):focus-within{box-shadow:0 0 0 4px #dc262624}.st-tlink__ddi{display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-right:1px solid var(--line);font-size:15px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}.st-tlink__ddi[hidden]{display:none}.st-tlink__ddi .st-i{flex:0 0 auto;width:15px;height:15px;color:var(--primary-text)}.st-tlink__input{flex:1 1 auto;height:52px;border:0;background:transparent;font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums}.st-tlink__input:hover,.st-tlink__input:focus{border:0;background:transparent;box-shadow:none}.st-tlink__state{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px}.st-tlink__state>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .2s,transform .35s var(--ease)}.st-tlink__state .st-i{width:20px;height:20px;stroke-width:2.2}.st-tlink__state-ok{color:var(--ok)}.st-tlink__state-bad{color:#dc2626}.st-tlink__state.is-ok .st-tlink__state-ok,.st-tlink__state.is-bad .st-tlink__state-bad{opacity:1;transform:scale(1)}.st-tlink__msg.is-error{color:#b91c1c}.st-tlink__text{min-height:120px}.st-tlink__out{display:flex;flex-direction:column;gap:22px;position:sticky;top:96px}.st-tlink__url{padding:14px 16px;border:1.5px dashed var(--primary-line);border-radius:14px;background:var(--card);font-family:var(--font-mono);font-size:14px;line-height:1.5;color:var(--ink);word-break:break-all;transform-origin:left center}.st-tlink__url.is-empty{border-color:var(--line-2);color:var(--muted);font-family:var(--font-sans)}.st-tlink__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.st-tlink__actions [hidden]{display:none}.st-tlink__open.is-disabled{opacity:.45;pointer-events:none}.tl-link__res{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,250px);gap:22px;align-items:start;padding-top:20px;border-top:1px solid var(--line)}.tl-link__conv{min-width:0}.tl-link__conv .tl-phone{max-width:300px;margin:0}.tl-link__conv .st-wa__chat{min-height:230px;justify-content:flex-start}.st-tlink__qr{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}.st-tlink__qr>.st-tool__legend{margin-bottom:0}.st-tlink__qrframe{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-2);overflow:hidden}.st-tlink__canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:4px}.st-tlink__canvas[hidden]{display:none}.st-tlink__empty{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:160px;text-align:center;font-size:13px;line-height:1.4;color:var(--muted)}.st-tlink__empty[hidden]{display:none}.st-tlink__empty .st-i{width:54px;height:54px;stroke-width:1.2;color:color-mix(in oklab,var(--muted) 55%,transparent)}.st-tlink__corner{position:absolute;z-index:2;width:24px;height:24px;border:3px solid var(--primary-btn);transition:transform .5s var(--ease)}.st-tlink__corner--tl{top:9px;left:9px;border-right:0;border-bottom:0;border-radius:10px 0 0}.st-tlink__corner--tr{top:9px;right:9px;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.st-tlink__corner--bl{bottom:9px;left:9px;border-right:0;border-top:0;border-radius:0 0 0 10px}.st-tlink__corner--br{bottom:9px;right:9px;border-left:0;border-top:0;border-radius:0 0 10px}.st-tlink__qrframe.has-qr .st-tlink__corner--tl{transform:translate(-4px,-4px)}.st-tlink__qrframe.has-qr .st-tlink__corner--tr{transform:translate(4px,-4px)}.st-tlink__qrframe.has-qr .st-tlink__corner--bl{transform:translate(-4px,4px)}.st-tlink__qrframe.has-qr .st-tlink__corner--br{transform:translate(4px,4px)}.st-tlink__scan{position:absolute;z-index:1;left:14%;right:14%;top:14%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.75;animation:tl-link-scan 2.6s ease-in-out infinite alternate}.st-tlink__qrframe.has-qr .st-tlink__scan{display:none}@keyframes tl-link-scan{0%{top:14%}to{top:84%}}.st-tlink__dl{display:flex;flex-wrap:wrap;gap:8px}.st-tlink__dl .st-tool__chip{flex:1 1 auto;justify-content:center}.st-tlink__qrhint{margin-top:0}@media(max-width:1180px){.st-tlink{grid-template-columns:minmax(0,1fr) minmax(0,540px)}.tl-link__res{grid-template-columns:1fr}.tl-link__conv .tl-phone{margin:0 auto}.st-tlink__qr{max-width:280px;width:100%;margin:0 auto}}@media(max-width:1024px){.st-tlink{grid-template-columns:1fr}.st-tlink__out{position:relative;top:auto}}@media(max-width:640px){.st-tlink__actions .st-btn{flex:1 1 auto}.st-tlink__input{font-size:18px}}@media(prefers-reduced-motion:reduce){.st-tlink__scan{animation:none;top:50%}.st-tlink__corner,.st-tlink__state>span{transition:none}}
