.article-share-dialog{box-sizing:border-box;width:min(960px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #d5d8cd;border-radius:22px;background:#fffaf3;color:#5e3f2e;box-shadow:0 18px 72px #233b3b40;overflow:auto}
.article-share-dialog::backdrop{background:#173b3bcc}
.article-share-dialog [hidden]{display:none!important}
.article-share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.article-share-header h2{font-size:1.45rem;margin:0;line-height:1.4}
.article-share-close{background:#eceee5;border:1px solid #bdccc7;border-radius:10px;padding:10px 14px;font:inherit;color:#315f5c;cursor:pointer;min-height:44px;flex-shrink:0}
.article-share-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:28px;align-items:start}
.article-share-preview{background:#eee9df;border-radius:12px;padding:8px;min-width:0;text-align:center}
.article-share-preview img{display:block;width:100%;height:auto;border-radius:5px}
.article-share-preview>p{padding:40px 12px;line-height:1.8}
.article-share-controls{display:flex;flex-direction:column;gap:14px;min-width:0}
.article-share-controls p{font-size:1rem;line-height:1.8;margin:0}
.article-share-controls .article-share-intro{font-size:1.25rem;font-weight:700;line-height:1.6}
.article-share-controls .article-share-tip{font-size:.9rem;color:#686456}
.article-share-controls .article-share-preview-note{padding:10px 12px;background:#f4e8cf;border-radius:8px;font-size:.9rem}
.article-share-controls label{font-weight:700;margin-top:8px}
.article-share-controls input{box-sizing:border-box;min-width:0;width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #9bb6b0;border-radius:8px;background:white;color:#315f5c}
.article-share-primary,.article-share-secondary{box-sizing:border-box;min-height:48px;border-radius:12px;padding:12px 16px;font:inherit;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer}
.article-share-primary{background:#386c67;color:#fff;border:1px solid #386c67}
.article-share-primary:hover{background:#285450;color:#fff}
.article-share-secondary{background:#eef2e9;color:#315f5c;border:1px solid #91b0a9}
.article-share-secondary:hover,.article-share-close:hover{background:#dfe9de}
.article-share-dialog :focus-visible{outline:3px solid #9a652f;outline-offset:3px}
.article-share-dialog button:disabled{opacity:.6;cursor:wait}
.article-share-controls .article-share-status{color:#754c27;font-size:.95rem}
.article-share-status:empty{display:none}
@media(max-width:640px){.article-share-dialog{padding:16px;max-height:calc(100dvh - 20px)}.article-share-layout{grid-template-columns:minmax(0,1fr);gap:20px}.article-share-preview{width:min(100%,380px);box-sizing:border-box;margin:auto}.article-share-header h2{font-size:1.2rem}}
@media print{.article-share-dialog{display:none!important}}