.gk-share-dialog {
    box-sizing: border-box;
    width: min(var(--gk-width-narrow, 520px), calc(100% - 32px));
    max-width: 100%;
    max-height: calc(100dvh - 32px);
    overflow: auto;
    padding: 24px;
    border: 0;
    background: var(--gk-bg, #fafafa);
    color: var(--gk-ink, #0a0a0a);
    font: normal 400 14px/1.6 var(--gk-font-ui);
}
.gk-share-dialog::backdrop { background: rgb(0 0 0 / .45); }
.gk-share-dialog h2 { margin: 0 0 12px; font: normal 700 19px/1.4 var(--gk-font-ui); }
.gk-share-dialog p { overflow-wrap: anywhere; }
.gk-share-dialog input { box-sizing: border-box; width: 100%; max-width: 100%; margin-block: 8px 12px; padding: 12px; border: 1px solid var(--gk-line, #ddd); background: #fff; font: inherit; }
.gk-share-dialog button { padding: 10px 16px; border: 0; background: var(--gk-ink, #0a0a0a); color: #fff; font: normal 600 14px/1.4 var(--gk-font-ui); cursor: pointer; }
.gk-share-dialog button[hidden] { display: none; }
.gk-share-dialog button:focus-visible, .gk-share-dialog input:focus-visible { outline: 2px solid var(--gk-red, #ef3340); outline-offset: 3px; }
.gk-share-close { float: right; }
.gk-share-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gk-share-status { min-height: 24px; margin-bottom: 0; }
.gk-official-channels { display: flex; flex-wrap: wrap; gap: 12px; padding: 16px; font: normal 400 14px/1.6 var(--gk-font-ui); }
.gk-official-channels a { overflow-wrap: anywhere; max-width: 100%; }