.media-share-sheet { box-sizing:border-box; position:fixed; inset:auto 0 0; margin:0 auto; width:min(100%,540px); max-width:100%; max-height:78vh; max-height:78dvh; padding:10px 20px max(20px,env(safe-area-inset-bottom)); border:1px solid var(--ui-border,#ffffff26); border-bottom:0; border-radius:28px 28px 0 0; background:var(--ui-panel,rgba(30,28,35,.88)); color:var(--ui-text,#fff); box-shadow:0 -12px 48px #0003; backdrop-filter:blur(28px) saturate(1.5); -webkit-backdrop-filter:blur(28px) saturate(1.5); font:400 15px/1.4 var(--font-sans,sans-serif); overflow:auto; overscroll-behavior:contain; }
.media-share-sheet[open] { display:flex; flex-direction:column; gap:12px; }
.media-share-sheet::backdrop { background:#0007; }
.media-share-sheet [hidden] { display:none!important; }
.media-share-handle { flex:none; width:38px; height:5px; margin:0 auto 2px; border-radius:4px; background:var(--ui-muted,#aaa); opacity:.5; touch-action:none; }
.media-share-header { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; touch-action:pan-x; }
.media-share-header h2 { margin:0; font:700 20px/1.3 var(--font-sans,sans-serif); }
.media-share-close { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--ui-border,#ffffff26); border-radius:50%; color:inherit; background:var(--ui-control,#ffffff0e); cursor:pointer; }
.media-share-close .ui-system-icon { width:20px; height:20px; }
.media-share-copy-row { display:flex; flex:none; align-items:center; gap:12px; }
.media-share-copy-status { flex:1; min-width:0; margin:0; color:var(--ui-muted,#aaa); font-size:13px; }
.media-share-link { display:block; box-sizing:border-box; width:100%; min-width:0; padding:6px; border:0; background:transparent; color:inherit; font-size:13px; }
.media-share-section { margin:0; font-size:15px; font-weight:600; }
.media-share-search { box-sizing:border-box; width:100%; min-height:44px; flex:none; padding:10px 14px; border:1px solid var(--ui-border,#ffffff26); border-radius:16px; color:inherit; background:var(--ui-control,#ffffff0e); font:400 16px var(--font-sans,sans-serif); }
.media-share-search::placeholder { color:var(--ui-muted,#aaa); }
.media-share-list { min-height:96px; max-height:36vh; overflow:auto; overscroll-behavior:contain; flex:1 1 auto; display:flex; flex-direction:column; gap:4px; }
.media-share-recipient { display:flex; flex:none; align-items:center; gap:12px; width:100%; min-height:66px; padding:10px; border:1px solid transparent; border-radius:16px; background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.media-share-recipient[aria-checked="true"] { background:var(--ui-selected,#62456d); border-color:var(--ui-accent,#d4a0ed); }
.media-share-avatar { display:grid; place-items:center; font-size:18px; font-weight:600; flex:none; width:44px; height:44px; aspect-ratio:1; border-radius:50%; overflow:hidden; background:var(--ui-control,#ffffff0e); }
.media-share-avatar > :is(img,svg,canvas) { display:block; width:100%!important; height:100%!important; object-fit:cover; }
.media-share-recipient-label { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.media-share-recipient-label > * { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.media-share-recipient-label strong { font-size:15px; font-weight:600; }
.media-share-recipient-label small { font-size:13px; color:var(--ui-muted,#aaa); }
.media-share-check { flex:none; width:22px; color:var(--ui-accent,#d4a0ed); font-size:20px; text-align:center; }
.media-share-empty { margin:auto 0; padding:12px 4px; color:var(--ui-muted,#aaa); font-size:14px; }
.media-share-status { margin:0; flex:none; font-size:14px; overflow-wrap:anywhere; }
.media-share-status:empty { display:none; }
.media-share-footer { display:flex; flex:none; gap:10px; }
.media-share-button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid var(--ui-border,#ffffff26); border-radius:24px; background:var(--ui-control,#ffffff0e); color:inherit; font:600 14px var(--font-sans,sans-serif); cursor:pointer; }
.media-share-button .ui-system-icon { width:18px; height:18px; }
.media-share-footer .media-share-button { flex:1; }
.media-share-send { color:var(--ui-on-accent,#291735); background:var(--ui-accent,#d4a0ed); border-color:transparent; }
.media-share-sheet button:disabled { cursor:default; opacity:.45; }
.media-share-retry { align-self:flex-start; min-height:44px; padding:8px 0; border:0; background:none; color:var(--ui-accent,#d4a0ed); font:500 14px var(--font-sans,sans-serif); cursor:pointer; }
html[data-ui-skin="material"] .media-share-sheet { background:var(--ui-panel,#25222b); backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:0 -8px 32px #0004; }
html[data-ui-skin="material"] .media-share-button { border-radius:16px; }
@media (max-height:520px) { .media-share-sheet { max-height:95vh; max-height:95dvh; gap:8px; padding-top:8px; } .media-share-list { min-height:66px; } }