.invite-tools{flex:none;align-content:start;gap:16px;width:100%;min-width:0;margin-top:8px;display:grid;container:invite-tools/inline-size}.invite-tools-group{gap:8px;min-width:0;margin:0;display:grid}.invite-tools-title{color:var(--fg);margin:0;font-size:15px;font-weight:500;line-height:22px}.invite-tools-hint{color:var(--fg-muted);text-wrap:pretty;margin:0;font-size:13px;line-height:20px}.invite-tools-hint[data-tone=error]{color:var(--accent)}.invite-tools-status{color:var(--fg-muted);margin:0;font-size:13px;line-height:20px}.invite-tools-status[data-tone=error]{color:var(--accent)}.invite-tools-status:empty,.invite-tools-status[data-quiet]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.invite-tools-wide{width:100%;text-decoration:none}.invite-tools-icon{flex:none}.invite-tools-toggle{justify-content:space-between}.invite-tools-toggle-label{align-items:center;gap:8px;display:inline-flex}.invite-tools-actions,.invite-tools-stack{gap:16px;min-width:0;display:grid}.invite-tools-see{align-items:center;gap:12px;min-width:0;min-height:64px;display:flex}.invite-tools-see[data-invite-see=none]{min-height:0}.invite-tools-see>.invite-tools-hint{text-wrap:balance;min-width:0}.invite-tools-see-thumb{background:var(--bg-sunken);width:122px;height:64px;box-shadow:0 0 0 1px var(--border);border:0;border-radius:6px;flex:none;padding:0;display:block;overflow:hidden}.invite-tools-see-thumb[data-kind=story]{width:36px}button.invite-tools-see-thumb{cursor:zoom-in;position:relative}.invite-tools-see-thumb img{object-fit:cover;width:100%;height:100%;display:block}.invite-tools-zoom{color:#fff;pointer-events:none;background:#0000009e;border-radius:4px;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:3px;right:3px}.invite-tools-preview{margin:0;display:none}.invite-tools-preview-open{cursor:zoom-in;background:0 0;border:0;border-radius:10px;width:100%;padding:0;display:block;position:relative}.invite-tools-preview img{width:100%;height:auto;box-shadow:0 0 0 1px var(--border);border-radius:10px;display:block}.invite-tools-preview .invite-tools-zoom{border-radius:6px;width:20px;height:20px;bottom:6px;right:6px}.invite-tools-sheet-card{justify-items:center;gap:8px;margin:0;display:grid}.invite-tools-sheet-card img{width:auto;max-width:100%;height:auto;box-shadow:0 0 0 1px var(--border);border-radius:12px;display:block}.invite-tools-sheet-card[data-kind=story] img{max-height:calc(88dvh - 250px)}.invite-tools-sheet-card[data-kind=link] img{width:100%}.invite-tools-chevron{flex:none;transition:transform .16s}.invite-tools-toggle[aria-expanded=true] .invite-tools-chevron{transform:rotate(180deg)}.invite-tools-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.invite-tools .invite-tools-apps>a.btn{white-space:nowrap;overflow-wrap:normal;width:100%;min-width:0;padding-inline:12px;text-decoration:none}.invite-tools-apps>.btn>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.invite-tools-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.invite-tools-row>.btn{width:100%}.invite-tools-link{border-radius:var(--radius-control);background:var(--bg-sunken);font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;padding:10px 12px;font-size:14px;line-height:20px}.invite-tools-pair{gap:16px;min-width:0;display:grid}.invite-tools-qr{justify-items:start}.invite-tools-qr-code{aspect-ratio:1;width:min(100%,240px);height:auto;box-shadow:0 0 0 1px var(--border);background:#fff;border-radius:12px;display:block}@media (min-width:768px){.invite-tools-qr-code{width:176px}}@container invite-tools (max-width:299px){.invite-tools .invite-tools-apps>a.btn{gap:6px;padding-inline:8px}}@container invite-tools (min-width:400px){.invite-tools-pair{grid-template-columns:minmax(0,1fr) 176px;align-items:start;gap:24px}.invite-tools-qr-code{width:176px}}@container invite-tools (min-width:520px){.invite-tools-actions{grid-template-columns:minmax(0,1fr) minmax(0,210px);gap:24px}.invite-tools-stack,.invite-tools-preview{align-content:space-between}.invite-tools-see{min-height:0}.invite-tools-see-thumb{display:none}.invite-tools-preview{gap:4px;display:grid}.invite-tools-pair{grid-template-columns:minmax(0,1fr) minmax(0,210px)}.invite-tools-qr-code{width:100%}}@container (min-width:400px){.invite-tools{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"actions actions""ai qr""named qr";align-items:start;column-gap:16px}.invite-tools>.invite-tools-actions{grid-area:actions}.invite-tools>[data-invite-ai]{grid-area:ai}.invite-tools>.invite-tools-pair{display:contents}.invite-tools [data-invite-named]{grid-area:named}.invite-tools .invite-tools-qr{grid-area:qr}.invite-tools .invite-tools-qr-code{width:150px}}@container (min-width:520px){.invite-tools .invite-tools-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.invite-tools .invite-tools-qr-code{width:160px}}.invite-tools[data-more=closed] :is([data-invite-card],[data-invite-preview],[data-invite-ai],.invite-tools-pair){display:none}.invite-tools-more[aria-expanded=true] .invite-tools-chevron{transform:rotate(180deg)}.invite-tools>.invite-tools-more{grid-column:1/-1}.invite-tools[data-more=closed]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"actions more";column-gap:8px}.invite-tools[data-more=closed]>.invite-tools-actions{grid-area:actions}.invite-tools[data-more=closed]>.invite-tools-more{grid-area:more}.invite-tools[data-more=closed] .invite-tools-actions{grid-template-columns:minmax(0,1fr)}.live-player-app .live-content .invite-tools[data-more=closed] :is(.invite-tools-wide,.invite-tools-more){padding-inline:12px}@container (min-width:400px){.invite-tools{grid-template-rows:auto auto 1fr}.invite-tools[data-more=closed]{grid-template-rows:auto;column-gap:16px}}.invite-tools .invite-tools-stack{align-content:start;gap:8px}@container (min-width:520px){.invite-tools .invite-tools-stack,.invite-tools .invite-tools-preview{align-content:start}.invite-tools .invite-tools-preview{max-width:200px}}.invite-tools :is(.invite-tools-preview,.invite-tools-see-thumb) img{color:#0000;background:var(--bg-sunken)}@media (hover:hover) and (pointer:fine){.invite-tools [data-invite-text-friends]{display:none}.invite-tools[data-more=closed]{grid-template-columns:minmax(0,1fr);grid-template-areas:"more"}.invite-tools[data-more=closed]>.invite-tools-actions{display:none}}
