#desktop-connect{display:none}
html.ll-qr-open #page-view{display:none!important}
html.ll-qr-open #desktop-connect{display:flex}

.ll-connect-shell{
  width:100%;min-height:100vh;align-items:center;justify-content:center;
  padding:32px;background:#f7f8fa;color:#151515;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif
}
.ll-connect-card{
  position:relative;width:min(568px,100%);min-height:518px;padding:28px 34px 34px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  background:#fff;border:1px solid rgba(15,23,42,.04);border-radius:18px;
  box-shadow:0 12px 35px rgba(15,23,42,.09)
}
.ll-connect-back{
  position:absolute;top:18px;left:20px;padding:8px 11px;border:0;border-radius:8px;
  background:#f2f4f7;color:#4b5563;font:600 13px/1.2 inherit;cursor:pointer
}
.ll-connect-back:focus-visible{outline:3px solid #1678ff;outline-offset:2px}
.ll-connect-logo{display:block;width:96px;height:96px;object-fit:cover;border-radius:22px}
.ll-connect-name{margin:22px 0 16px;font-size:23px;line-height:1.25;font-weight:750;color:#111}
.ll-connect-qr{
  width:246px;height:246px;padding:18px;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(15,23,42,.09)
}
.ll-connect-qr svg{display:block;width:210px;height:210px}
.ll-connect-hint{margin:18px 0 0;font-size:14px;line-height:1.5;color:#666}
.ll-connect-url{max-width:100%;margin:9px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#9a9a9a}
.ll-connect-error{margin:14px 0 0;font-size:13px;color:#c62828}
@media(max-width:640px){.ll-connect-shell{padding:18px}.ll-connect-card{min-height:auto;padding:24px 18px 28px}}
@media(prefers-reduced-motion:reduce){.ll-connect-shell *{scroll-behavior:auto}}