.aixzd-preview-social { flex:0 0 auto; margin-top:14px; border-top:1px solid #e8e8e8; padding-top:10px; }
.aixzd-social-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.aixzd-social-actions .aixzd-social-action { display:flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:42px; padding:6px 4px; border:0; border-radius:9px; background:transparent; color:#666; font:inherit; font-size:13px; cursor:pointer; }
.aixzd-social-action > i { display:block; width:22px !important; height:22px !important; flex-shrink:0; }
.aixzd-social-action small { font-size:11px; color:#777; }
.aixzd-social-actions .aixzd-social-action:hover,.aixzd-social-actions .aixzd-social-action[aria-pressed="true"],.aixzd-social-actions .aixzd-social-action[aria-expanded="true"] { background:#f3f3f3; color:#222; }
.aixzd-social-action:disabled { opacity:.5; cursor:wait; }
.aixzd-social-status { margin:0; font-size:12px; line-height:1.6; color:#666; }
.aixzd-social-status:not(:empty) { padding:0 6px 8px; }
.aixzd-preview-dialog.is-social-reading .aixzd-preview-gallery { display:none; }
.aixzd-preview-dialog .aixzd-preview-layout.is-social-panel { min-height:0; flex:1 1 0; display:block; }
.aixzd-preview-layout.is-social-panel > :not(.aixzd-social-panel) { display:none !important; }
.aixzd-social-panel[hidden] { display:none; }
.aixzd-social-panel { padding:4px 4px 14px 0; color:#444; font-size:14px; line-height:1.7; }
.aixzd-social-panel h3 { margin:0 0 16px; font-size:16px; font-weight:600; }
.aixzd-social-panel p { margin:6px 0 12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.aixzd-social-comment { border-bottom:1px solid #ededed; padding:14px 0; }
.aixzd-social-comment-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; }
.aixzd-social-comment-meta time,.aixzd-social-comment small { color:#777; font-size:12px; }
.aixzd-social-panel button,.aixzd-social-login { border:1px solid #ddd; background:#f5f5f5; color:#444; border-radius:8px; font:inherit; font-size:12px; padding:7px 12px; min-height:36px; cursor:pointer; }
.aixzd-social-panel button:hover,.aixzd-social-login:hover { background:#e9e9e9; }
.aixzd-social-panel input,.aixzd-social-panel textarea { box-sizing:border-box; width:100%; border:1px solid #ddd; background:#fafafa; color:#333; border-radius:10px; padding:10px 12px; font:inherit; font-size:13px; }
.aixzd-social-panel textarea { resize:vertical; min-height:90px; max-height:200px; }
.aixzd-social-panel input { margin:6px 0 10px; }
.aixzd-social-panel :is(button,a,input,textarea):focus-visible,.aixzd-social-action:focus-visible { outline:2px solid #888; outline-offset:2px; }
.aixzd-social-comment-form { margin-top:20px; display:grid; justify-items:start; gap:8px; }
.aixzd-social-reply-label:empty { display:none; }
.aixzd-social-more { margin:14px 0; }
.aixzd-social-copy { margin-right:8px; }
.aixzd-social-qr { width:160px; height:160px; display:block; margin-top:18px; border-radius:8px; }
.dark .aixzd-preview-social,.dark .aixzd-social-comment { border-color:var(--bb-border); }
.dark .aixzd-social-actions .aixzd-social-action,.dark .aixzd-social-panel { color:var(--bb-text-secondary); }
.dark .aixzd-social-actions .aixzd-social-action:hover,.dark .aixzd-social-actions .aixzd-social-action[aria-pressed="true"],.dark .aixzd-social-actions .aixzd-social-action[aria-expanded="true"] { background:var(--bb-raised); color:var(--bb-text); }
.dark .aixzd-social-action small,.dark .aixzd-social-status,.dark .aixzd-social-comment-meta time,.dark .aixzd-social-comment small { color:var(--bb-text-muted); }
.dark .aixzd-social-panel button,.dark .aixzd-social-login { background:var(--bb-raised); color:var(--bb-text); border-color:var(--bb-border); }
.dark .aixzd-social-panel button:hover,.dark .aixzd-social-login:hover { background:var(--bb-hover); }
.dark .aixzd-social-panel input,.dark .aixzd-social-panel textarea { background:var(--bb-raised); color:var(--bb-text); border-color:var(--bb-border); }
.dark .aixzd-social-panel textarea::placeholder { color:var(--bb-text-muted); }
.dark .aixzd-social-panel :is(button,a,input,textarea):focus-visible,.dark .aixzd-social-action:focus-visible { outline-color:var(--bb-focus); }
@media(max-width:479px){.aixzd-social-actions{gap:2px;}.aixzd-social-actions .aixzd-social-action{gap:4px;font-size:12px;flex-wrap:wrap;}.aixzd-social-action > i{width:20px !important;height:20px !important;}.aixzd-preview-social{padding-bottom:env(safe-area-inset-bottom);margin-top:10px;}}
/* Quiet interaction row; selected state belongs to the glyph, never a grey tile. */
.aixzd-preview-dialog .aixzd-social-actions .aixzd-social-action{background:transparent!important;box-shadow:none!important;border:0!important;}
.aixzd-preview-dialog .aixzd-social-actions .aixzd-social-action:hover,.aixzd-preview-dialog .aixzd-social-actions .aixzd-social-action:focus-visible{background:transparent!important;}
.dark .aixzd-preview-dialog .aixzd-social-actions .aixzd-social-action:hover,.dark .aixzd-preview-dialog .aixzd-social-actions .aixzd-social-action:focus-visible{background:transparent!important;}
.aixzd-social-action[aria-pressed="true"] .i-\[mingcute--heart-fill\]{color:#e5484d!important;}
.aixzd-social-thumb{background:none!important;mask:none!important;overflow:visible;}
.aixzd-social-thumb svg{display:block;}
.aixzd-social-panel .aixzd-social-comment-form{width:100%;gap:12px;}
.aixzd-preview-dialog .aixzd-social-panel :is(input,textarea){border:1px solid #777!important;box-shadow:none!important;outline:none!important;background:transparent;}
.aixzd-preview-dialog .aixzd-social-panel :is(input,textarea):focus{border-color:#222!important;box-shadow:none!important;outline:none!important;}
.dark .aixzd-preview-dialog .aixzd-social-panel :is(input,textarea){border-color:var(--bb-border)!important;color:var(--bb-text);}
.dark .aixzd-preview-dialog .aixzd-social-panel :is(input,textarea):focus{border-color:var(--bb-focus)!important;}
.aixzd-comment-tools{display:flex;gap:8px;flex-wrap:wrap;}
.aixzd-comment-tools button{background:transparent;border:0;}
.aixzd-comment-emojis{display:flex;gap:6px;flex-wrap:wrap;max-height:180px;overflow:auto;width:100%;}
.aixzd-comment-emojis[hidden],.aixzd-comment-link[hidden]{display:none;}
.aixzd-comment-emojis button{padding:6px;border:0;background:transparent;min-width:36px;}
.aixzd-comment-emojis img{width:26px;height:26px;object-fit:contain;}
.aixzd-comment-emoji{display:inline-block;width:22px;height:22px;vertical-align:middle;}
.aixzd-comment-link{display:flex;align-items:center;gap:8px;width:100%;}
.aixzd-comment-link input{min-width:0;flex:1;}
.aixzd-share-panel{padding:14px 4px 24px;}
.aixzd-share-panel h3{font-size:20px;margin-bottom:20px;}
.aixzd-share-product{font-weight:600;font-size:16px;color:#222;}
.dark .aixzd-share-product{color:var(--bb-text);}
.aixzd-share-panel .aixzd-social-qr{margin:24px auto 0;padding:8px;background:#fff;width:176px;height:176px;border-radius:12px;}
.aixzd-social-comment p a{color:inherit;text-decoration:underline;overflow-wrap:anywhere;}

.aixzd-preview-dialog .aixzd-social-panel :is(input,textarea){border-color:#333!important;}
.dark .aixzd-preview-dialog .aixzd-social-panel :is(input,textarea){border-color:var(--bb-border)!important;}

/* Hover changes glyph contrast only. Keep the original thumb contour and a soft interior fill. */
.aixzd-social-actions .aixzd-social-action .aixzd-social-thumb{color:#666;}
.dark .aixzd-social-actions .aixzd-social-action .aixzd-social-thumb{color:var(--bb-text-secondary);}

/* Sharing changes only the inner layout, never the dialog geometry. */
.aixzd-preview-dialog .aixzd-social-actions .aixzd-social-action:focus{outline:none!important;box-shadow:none!important;}
.aixzd-preview-dialog .aixzd-social-actions .aixzd-social-action:focus-visible span{text-decoration:underline;text-underline-offset:4px;}
.aixzd-share-body{display:grid;grid-template-columns:minmax(0,1fr) 192px;align-items:center;gap:32px;padding:22px 0;}
.aixzd-share-info{min-width:0;}
.aixzd-share-panel .aixzd-share-product{font-size:22px;line-height:1.5;margin:0 0 12px;}
.aixzd-share-hint{font-size:13px;color:#666;line-height:1.8;}
.dark .aixzd-share-hint{color:var(--bb-text-muted);}
.aixzd-preview-dialog .aixzd-share-panel input,.aixzd-preview-dialog .aixzd-share-panel input:focus{border:0!important;outline:none!important;box-shadow:none!important;padding:8px 0;color:#777;background:transparent;border-radius:0;font-size:12px;}
.dark .aixzd-preview-dialog .aixzd-share-panel input{color:var(--bb-text-muted);}
.aixzd-share-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;}
.aixzd-preview-dialog .aixzd-social-panel button{border:0;}
.aixzd-preview-dialog .aixzd-social-panel button:focus{outline:none;box-shadow:none;}
.aixzd-preview-dialog .aixzd-social-panel button:focus-visible{text-decoration:underline;text-underline-offset:4px;}
.aixzd-share-buttons .aixzd-social-copy{margin:0;padding:10px 20px;border-radius:8px;}
.aixzd-share-buttons .aixzd-social-copy:first-child{background:#262626;color:#fff;}
.dark .aixzd-share-buttons .aixzd-social-copy:first-child{background:var(--bb-text);color:var(--bb-bg);}
.aixzd-share-code{text-align:center;}
.aixzd-share-panel .aixzd-social-qr{margin:0 auto 12px;}
@media(max-width:599px){.aixzd-share-body{grid-template-columns:minmax(0,1fr);gap:28px;padding:10px 0;}.aixzd-share-panel .aixzd-share-product{font-size:20px;}.aixzd-share-code{justify-self:center;}}
/* Center sharing within the available reading area; overflow still starts at the top. */
.aixzd-preview-dialog.is-social-sharing .aixzd-preview-layout.is-social-panel{display:flex;flex-direction:column;}
.aixzd-preview-dialog.is-social-sharing .aixzd-share-panel{flex:0 0 auto;box-sizing:border-box;width:100%;margin-block:0;padding-block:16px;}
/* Reuse native detail toolbar glyphs, accent buttons and dropdown surfaces. */
.aixzd-social-panel .aixzd-comment-tools{gap:0;}
.aixzd-social-panel .aixzd-comment-tools button{width:40px;height:40px;min-height:40px;padding:0;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;color:#737373;}
.dark .aixzd-social-panel .aixzd-comment-tools button{color:var(--bb-text-muted);}
.aixzd-comment-tools button i{width:20px;height:20px;display:block;}
.aixzd-social-panel .aixzd-comment-emojis{padding:12px 8px;gap:0;width:min(380px,100%);box-sizing:border-box;max-height:240px;border:0;border-radius:12px;}
.aixzd-social-panel .aixzd-comment-emojis button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:8px;}
.aixzd-social-panel .aixzd-comment-emojis img{width:28px;height:28px;}
.aixzd-social-panel .aixzd-comment-link{display:block;box-sizing:border-box;width:min(380px,100%);padding:16px;border:0;border-radius:12px;}
.aixzd-social-panel .aixzd-comment-link[hidden],.aixzd-social-panel .aixzd-comment-emojis[hidden]{display:none;}
.aixzd-comment-link-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.aixzd-comment-link-head button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border-radius:999px;}
.aixzd-comment-link-field{position:relative;display:flex;align-items:center;}
.aixzd-preview-dialog .aixzd-comment-link-field input{margin:0;padding-right:60px;min-height:44px;}
.aixzd-comment-link-field button{position:absolute;right:4px;background:transparent!important;padding:8px 12px;}
.aixzd-social-panel .aixzd-comment-link,.aixzd-social-panel .aixzd-comment-emojis{min-width:0!important;max-width:100%!important;}
.aixzd-comment-link-field{min-width:0;width:100%;}
.aixzd-preview-dialog .aixzd-comment-link-field input{min-width:0;width:100%;box-sizing:border-box;}
/* Native comment markup stays identical; only constrain it to the preview scroll area. */
.aixzd-social-comment-list{min-width:0;width:100%;}
.aixzd-social-comment-list .comment-item{min-width:0;overflow-wrap:anywhere;}
.aixzd-social-comment-list .comment-item .grow{min-width:0;}
.aixzd-social-comment-list .comment-item p{margin:0;white-space:normal;}
.aixzd-social-comment-list .comment-item img{max-width:100%;}
.aixzd-social-comment-list :is(.reply-btn,.like-btn,.expand-replies):focus-visible{text-decoration:underline;text-underline-offset:3px;outline:none;}
/* Comment editor: shaded surface with a single boundary revealed on focus. */
.aixzd-preview-dialog .aixzd-social-comment-form textarea{border:1px solid transparent!important;background:#eeeeee!important;box-shadow:none!important;outline:none!important;transition:background-color .15s ease,border-color .15s ease;}
.aixzd-preview-dialog .aixzd-social-comment-form textarea:focus{border:1px solid #222!important;background:#fff!important;box-shadow:none!important;}
.dark .aixzd-preview-dialog .aixzd-social-comment-form textarea{border-color:transparent!important;background:var(--bb-hover)!important;color:var(--bb-text);}
.dark .aixzd-preview-dialog .aixzd-social-comment-form textarea:focus{border:1px solid var(--bb-focus)!important;background:var(--bb-surface)!important;box-shadow:none!important;}
 .aixzd-preview-dialog .aixzd-social-comment-form button[type="submit"]{background:#f5f5f5;color:#444;padding:7px 12px;border:0;border-radius:8px;font-weight:400;}
.aixzd-preview-dialog .aixzd-social-comment-form button[type="submit"]:hover{background:#333;color:#fff;}
.dark .aixzd-preview-dialog .aixzd-social-comment-form button[type="submit"]{background:var(--bb-raised);color:var(--bb-text);}
.dark .aixzd-preview-dialog .aixzd-social-comment-form button[type="submit"]:hover{background:#444;color:var(--bb-text);}
/* Reserve all three slots before counts arrive, including the initial loading footer. */
.aixzd-social-actions .aixzd-social-action{display:grid;grid-template-columns:22px 2em 3ch;justify-content:center;align-items:center;gap:5px;flex-wrap:nowrap;padding:6px 0;}
.aixzd-social-action>span{white-space:nowrap;text-align:center;}
.aixzd-social-action small{display:block;min-width:0;width:100%;min-height:1em;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;}
.aixzd-social-actions .aixzd-social-action:disabled{opacity:1;}
@media(max-width:479px){.aixzd-social-actions .aixzd-social-action{grid-template-columns:18px 2em 3ch;gap:2px;font-size:11px;}.aixzd-social-action>i{width:18px!important;height:18px!important;}.aixzd-social-thumb svg{width:18px;height:18px;}.aixzd-social-action small{font-size:9px;}}
.aixzd-social-action small:not(:empty){animation:aixzd-count-reveal .16s ease-out;}
@keyframes aixzd-count-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.aixzd-social-action small:not(:empty){animation:none;}}

@media(min-width:768px) and (max-width:1535px){.aixzd-preview-dialog .aixzd-share-body{grid-template-columns:minmax(0,1fr);gap:24px;}.aixzd-preview-dialog .aixzd-share-code{justify-self:center;}}