/* Scoped sharing controls; exported PNG keeps a consistent light palette. */
.etf-share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line,#b7d1d3);border-radius:10px;background:var(--panel,#fff);color:var(--teal,#087e85);font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;vertical-align:middle}
.etf-share-trigger svg{width:18px;height:18px;flex-shrink:0}
.etf-share-trigger:disabled{opacity:.55;cursor:not-allowed}
.etf-share-overlay{--es-bg:#fff;--es-ink:#183340;--es-muted:#536873;--es-line:#dce6e9;--es-well:#edf2f4;--es-teal:#087e85;position:fixed;inset:0;z-index:12000;background:rgba(9,26,35,.62);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;color:var(--es-ink);font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif}
[data-theme="dark"] .etf-share-overlay{--es-bg:#132730;--es-ink:#f1f7f8;--es-muted:#afc1ca;--es-line:#36505b;--es-well:#0b1b23;--es-teal:#61d3cf}
.etf-share-overlay *{box-sizing:border-box}
.etf-share-dialog{width:min(100%,1040px);max-height:calc(100dvh - 48px);overflow:auto;background:var(--es-bg);border:1px solid var(--es-line);border-radius:20px;box-shadow:0 24px 80px #00141d44;overscroll-behavior:contain}
.etf-share-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;border-bottom:1px solid var(--es-line)}
.etf-share-eyebrow{margin:0 0 5px;color:var(--es-teal);font-size:11px;font-weight:700;letter-spacing:.16em}
.etf-share-head h2{margin:0;font-size:24px;line-height:1.4;color:var(--es-ink)}
.etf-share-close{flex-shrink:0;width:44px;height:44px;border:1px solid var(--es-line);border-radius:50%;background:transparent;color:var(--es-muted);font-size:30px;line-height:1;cursor:pointer}
.etf-share-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px;padding:26px}
.etf-share-preview{max-height:min(64dvh,660px);overflow:auto;min-height:180px;border:1px solid var(--es-line);border-radius:10px;background:var(--es-well);overscroll-behavior:contain;align-self:start}
.etf-share-image{display:block;width:100%;height:auto;max-width:none}
.etf-share-loading{padding:40px 24px;text-align:center;color:var(--es-muted);font-size:15px;line-height:1.8}
.etf-share-controls{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px}
.etf-share-summary{margin:0;font-size:19px;font-weight:700;line-height:1.6}
.etf-share-help{margin:0 0 6px;font-size:14px;line-height:1.8;color:var(--es-muted)}
.etf-share-action{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:12px 16px;border:1px solid var(--es-line);border-radius:10px;background:transparent;color:var(--es-ink);font-family:inherit;font-size:15px;line-height:1.4;font-weight:700;cursor:pointer;transition:background-color .15s}
.etf-share-action[hidden]{display:none}
.etf-share-primary{border-color:#087e85;background:#087e85;color:#fff}
.etf-share-action:hover:not(:disabled){background:var(--es-well)}
.etf-share-primary:hover:not(:disabled){background:#066b72}
.etf-share-action:disabled{opacity:.55;cursor:wait}
.etf-share-url-label{display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--es-muted)}
.etf-share-url{display:block;width:100%;margin-top:6px;border:1px solid var(--es-line);border-radius:8px;background:var(--es-well);color:var(--es-ink);padding:11px 12px;font-family:inherit;font-size:13px;min-height:44px}
.etf-share-hint{margin:0;font-size:12px;line-height:1.8;color:var(--es-muted)}
.etf-share-status{min-height:24px;margin:0;font-size:13px;line-height:1.7;color:var(--es-teal)}
.etf-share-trigger:focus-visible,.etf-share-overlay button:focus-visible,.etf-share-url:focus-visible{outline:3px solid #d2932b;outline-offset:3px}
@media(max-width:699px){.etf-share-overlay{padding:12px 10px max(12px,env(safe-area-inset-bottom))}.etf-share-dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));border-radius:16px}.etf-share-head{padding:16px}.etf-share-head h2{font-size:21px}.etf-share-body{grid-template-columns:minmax(0,1fr);padding:16px;gap:18px}.etf-share-preview{max-height:35dvh;min-height:100px}.etf-share-controls{gap:10px}.etf-share-summary{font-size:17px}.etf-share-help{margin-bottom:2px}.etf-share-action{min-height:48px}.etf-share-url{font-size:16px}}
@media(prefers-reduced-motion:reduce){.etf-share-action{transition:none}}