.tt-share-kit{margin:24px 0;padding:20px;border:1px solid var(--tt-ink-300);border-radius:var(--tt-r-lg);background:var(--tt-surface);color:var(--tt-ink-900);text-align:left}
.tt-share-kit h2{margin:0 0 8px;font-size:1.12rem;line-height:1.45}
.tt-share-kit p{margin:8px 0;color:var(--tt-ink-700);font-size:.9rem;line-height:1.65}
.tt-share-kit-actions,.tt-share-sheet-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tt-share-kit-actions[hidden],.tt-share-sheet [hidden]{display:none!important}
.tt-share-kit button,.tt-share-sheet button{font:inherit;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid var(--tt-ink-300);border-radius:var(--tt-r-sm);background:var(--tt-surface);color:var(--tt-ink-900);line-height:1.45}
.tt-share-kit button:first-child,.tt-share-sheet button[data-share-action="native"]{background:var(--tt-blue-50);border-color:var(--tt-blue-text);color:var(--tt-blue-text);font-weight:700}
.tt-share-kit button:hover,.tt-share-sheet button:hover{border-color:var(--tt-blue-text)}
.tt-share-kit button:focus-visible,.tt-share-sheet button:focus-visible,.tt-share-sheet textarea:focus-visible{outline:3px solid var(--tt-blue-text);outline-offset:3px}
.tt-share-kit .tt-share-kit-source{margin-bottom:0;font-size:.78rem;overflow-wrap:anywhere}
.tt-share-result-hint{margin:10px 0!important;font-size:.86rem!important;line-height:1.55!important;color:var(--tt-ink-700)!important}
.tt-share-sheet{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:22px;box-sizing:border-box;overflow:auto;border:1px solid var(--tt-ink-300);border-radius:var(--tt-r-xl);background:var(--tt-surface);color:var(--tt-ink-900);text-align:left;overscroll-behavior:contain}
.tt-share-sheet::backdrop{background:color-mix(in srgb,var(--tt-ink-900) 55%,transparent)}
.tt-share-sheet-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
.tt-share-sheet h2{margin:0;font-size:1.25rem;line-height:1.4}
.tt-share-sheet-head button{flex:none;min-width:44px;padding:8px}
.tt-share-sheet p{font-size:.88rem;line-height:1.6;margin:10px 0;color:var(--tt-ink-700)}
.tt-share-sheet canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--tt-r-md);border:1px solid var(--tt-ink-300);margin:14px 0;box-sizing:border-box}
.tt-share-sheet-actions button{flex:1 1 calc(50% - 8px)}
.tt-share-sheet details{margin-top:16px;border-top:1px solid var(--tt-ink-300);padding-top:14px}
.tt-share-sheet summary{font-size:.85rem;cursor:pointer;color:var(--tt-blue-text);padding:5px 0}
.tt-share-sheet textarea{display:block;box-sizing:border-box;width:100%;min-height:160px;margin-top:10px;padding:12px;font:inherit;font-size:.82rem;line-height:1.6;resize:vertical;border:1px solid var(--tt-ink-300);border-radius:var(--tt-r-sm);background:var(--tt-ink-100);color:var(--tt-ink-900)}
.tt-share-sheet .tt-share-feedback{min-height:1.6em;color:var(--tt-blue-text);font-size:.85rem}
@media(max-width:380px){.tt-share-sheet{padding:16px}.tt-share-sheet-actions button{flex-basis:100%}.tt-share-kit-actions button{width:100%}}