/* Share-card editor: previews use the same renderer as the exported PNG. */
.share-section{padding:78px 0;background:#e9eee4}
.share-layout{grid-template-columns:1.05fr 1fr;gap:9%;align-items:start}
.share-copy h2{font-size:36px}.share-copy>p{max-width:37ch;margin:18px 0 27px}
.share-style-field{min-width:0;margin:0;padding:0;border:0}
.share-style-field legend{font-size:13px;font-weight:600;margin:0 0 10px;float:none;width:auto}
.share-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.share-style-choice{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 8px 9px!important;background:#f6f8f1!important;border:1px solid #c7d2c3!important;border-radius:10px;font-size:12px;transition:background .2s,border-color .2s,box-shadow .2s}
.share-style-choice canvas{display:block;width:66px;height:88px;box-shadow:0 3px 9px #253b2920;background:#e8ece1}
.share-style-choice[aria-pressed=true]{border-color:var(--green)!important;background:#fff!important;box-shadow:0 0 0 1px var(--green)}
.share-style-choice:hover{border-color:#739277!important;background:white!important}
.share-cover-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;font-size:11px;color:var(--muted)}
.share-cover-line .text-link{font-size:11px}.share-copy .button{margin-top:19px}
.share-preview{padding:21px 23px 19px;background:#dce5d7;border:1px solid #c6d2c1;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:0;perspective:none;position:sticky;top:105px}
.share-preview-bar{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;color:#4e6553;margin-bottom:15px}
.share-preview-bar span:first-child{color:var(--ink);font-size:13px;font-weight:600}
#share-canvas{width:100%;max-width:382px;height:auto;transform:none!important;border-radius:2px;box-shadow:0 8px 20px #23372d24}
.share-preview>#share-render-status{font-size:10px;margin:15px 0 0;text-align:center}
.share-preview>#share-media-note{font-size:10px;line-height:1.7;margin:6px 0 0;text-align:center;max-width:36ch}
@media(max-width:1100px) and (min-width:768px){.share-layout{gap:5%}.share-preview{padding:18px}.share-copy h2{font-size:31px}.share-style-choice canvas{width:54px;height:72px}.share-style-choice{font-size:11px}}
@media(max-width:767px){
 .share-section{padding:45px 0}.share-layout{display:flex;flex-direction:column;gap:0}.share-copy{display:contents}.share-copy h2{font-size:29px;order:0}.share-copy>p:not(.small-note){order:1;margin:16px 0 22px;font-size:13px;max-width:100%}
 .share-preview{order:2;position:static;align-self:center;width:100%;max-width:350px;padding:17px 19px;margin:0 0 25px}
 #share-canvas{max-width:305px}.share-preview-bar{margin-bottom:12px}.share-preview>#share-render-status{margin-top:12px}
 .share-style-field{order:3;width:100%;margin-bottom:4px}.share-style-choice canvas{width:57px;height:76px}
 .share-copy>label,.share-copy>.form-select,.share-copy>.form-control,.share-cover-line,.share-copy>.button,.share-copy>.small-note{order:4;width:100%}
 .share-copy>label{margin:17px 0 8px}.share-cover-line{margin-top:11px}.share-copy .button{margin-top:18px}.share-copy>.small-note{margin:12px 0 0;font-size:11px}
}
@media print{.share-section{display:none}}