/* Дерево на QR-коде канала (js/qr-tree.js) */
.qr-tree{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:48px;align-items:center;margin-top:64px;padding-top:48px;border-top:1px solid var(--border);}
.qr-tree__stage{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.qr-tree__stage canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;opacity:0;transition:opacity .6s ease;}
.qr-tree.is-live .qr-tree__stage canvas{opacity:1;}
.qr-tree__stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}
.qr-tree__hint{display:table;margin:8px auto 12px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:center;}
.qr-tree__text h3{margin:8px 0 12px;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;}
.qr-tree__text p{margin:0 0 20px;max-width:440px;color:var(--text-secondary);}
@media (max-width:760px){
  .qr-tree{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:32px;}
  .qr-tree__scene{max-width:360px;width:100%;margin:0 auto;}
  .qr-tree__text h3{font-size:26px;}
}