/* A shared display workspace inside the native modal top layer. */
body.metexplorer-site dialog.met-share-dialog{width:min(1040px,calc(100vw - 24px));max-width:none;padding:0;margin:auto;max-height:calc(100dvh - 24px);border:1px solid var(--line);border-radius:14px;background:var(--apc-white,#fff);color:var(--ink);overflow:auto}
.met-share-dialog::backdrop{background:#032b6170}
.met-share-dialog>header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--met-card-padding);background:var(--apc-white,#fff);border-bottom:1px solid var(--line)}
.met-share-dialog h2{font-size:18px;margin:0;color:var(--ink)!important}
.met-share-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--met-card-padding);padding:var(--met-card-padding)}
.met-share-preview{margin:0;min-width:0;align-self:start}
.met-share-preview img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px}
.met-share-preview figcaption{padding:8px 0;font-size:11px;color:var(--muted)}
.met-share-dialog .met-share-settings{display:block;width:auto;height:auto;max-height:none;padding:0;border:0;background:none;overflow:visible}
.met-share-dialog .met-view-side-body{height:auto;max-height:none;overflow:visible;padding:0}
.met-share-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:var(--met-card-padding);border-top:1px solid var(--line)}
.met-share-form label{min-width:0}
.met-share-form :is(textarea,input,select){width:100%;box-sizing:border-box}
.met-share-form textarea{resize:vertical;min-height:68px;font:12px/1.5 ui-monospace,monospace;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--apc-white);color:var(--ink)}
.met-share-form .met-share-code,.met-share-form>p,.met-share-form>.met-share-actions{grid-column:1/-1}
.met-share-form>p{margin:0;font-size:12px;color:var(--muted)}
.met-share-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.met-share-status{padding:0 var(--met-card-padding);font-size:12px}
.met-share-code{display:grid;gap:6px}.met-share-code[hidden]{display:none}
.met-share-list{padding:0;list-style:none}.met-share-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.met-share-list li>div{flex:1;min-width:0}.met-share-list small{display:block;overflow-wrap:anywhere;color:var(--muted)}
@media(max-width:700px){.met-share-workspace,.met-share-form{grid-template-columns:minmax(0,1fr)}.met-share-dialog .met-share-settings{max-height:250px;overflow:auto}}