#sharemodal.splot-share .king-modal-content { width:calc(100% - 32px); max-width:480px; margin:8vh auto; padding:0; background:transparent; }
#sharemodal.splot-share .splot-share-panel { box-sizing:border-box; position:relative; width:100%; padding:28px; border:1px solid #41364f; border-radius:24px; background:#14111c; color:#f4effa; text-align:left; }
#sharemodal.splot-share h2 { margin:0 48px 24px 0; font-size:24px; line-height:1.3; color:#f4effa; }
#sharemodal.splot-share .king-modal-close { position:absolute; top:14px; right:14px; display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #493b58; border-radius:12px; background:transparent; color:#e9dff4; font-size:28px; line-height:1; }
.splot-share-artwork { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
#sharemodal .splot-share-thumb { flex:0 0 64px; width:64px; height:64px; margin:0; border-radius:12px; object-fit:cover; }
.splot-share-artwork div { min-width:0; }
.splot-share-artwork strong { display:block; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.splot-share-artwork span { display:block; margin-top:4px; color:#bdb2cb; font-size:13px; }
#sharemodal.splot-share label { display:block; margin:0 0 8px; color:#c9bdd5; font-size:13px; text-transform:none; }
#sharemodal .splot-share-native { width:100%; min-height:48px; margin:0 0 20px; border:1px solid #b489ee; border-radius:12px; background:#8050c8; color:#fff; font-size:16px; }
#sharemodal [hidden] { display:none!important; }
.splot-share-copy { display:flex; gap:8px; }
#sharemodal #splot-share-url { box-sizing:border-box; flex:1; min-width:0; width:0; height:48px; padding:12px; margin:0; border:1px solid #61506f; border-radius:10px; background:#0c0b11; color:#d9cce7; font-size:16px; }
#sharemodal .splot-share-copy-button { flex-shrink:0; min-height:48px; padding:10px 14px; border:1px solid #9869d4; border-radius:10px; background:#30213e; color:#f4eaff; font-size:14px; }
#sharemodal .splot-share-status { min-height:20px; margin:8px 0 12px; color:#cdb1f2; font-size:13px; text-align:left; }
.splot-share-options { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
#sharemodal .splot-share-options a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:4px; border:1px solid #493c56; border-radius:10px; color:#d8c0f7; font-size:13px; text-decoration:none; background:transparent; }
#sharemodal.splot-share :is(button,a):hover { background:#3c2851; color:#fff; }
#sharemodal.splot-share :is(button,a,input):focus-visible { outline:2px solid #c7a1ff; outline-offset:3px; }
@media(max-width:600px) {
 #sharemodal.splot-share .king-modal-content { position:absolute; bottom:0; left:0; right:0; width:100%; max-width:none; margin:0; }
 #sharemodal.splot-share .splot-share-panel { padding:24px 20px calc(24px + env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; max-height:90vh; overflow-y:auto; }
 .splot-share-options { grid-template-columns:repeat(2,1fr); }
}