[data-theme="dark"] .ssm-uploader,
[data-theme="dark"] .ssm-profile-page,
html[data-theme="dark"] .ssm-uploader,
html[data-theme="dark"] .ssm-profile-page { --ssm-bg:#111827; --ssm-bg-2:#1f2937; --ssm-border:rgba(255,255,255,.08); --ssm-text:#f3f4f6; --ssm-muted:#9ca3af; }
.ssm-uploader, .ssm-profile-page { --ssm-bg:#fff; --ssm-bg-2:#f8fafc; --ssm-border:rgba(15,23,42,.09); --ssm-text:#0f172a; --ssm-muted:#64748b; margin-top:12px; }
.ssm-uploader__toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.ssm-upload-btn { display:inline-flex; align-items:center; gap:8px; background:var(--ssm-bg-2); border:1px solid var(--ssm-border); color:var(--ssm-text); border-radius:999px; padding:8px 14px; cursor:pointer; }
.ssm-upload-btn--small { padding:6px 10px; font-size:12px; }
.ssm-upload-preview { margin-top:14px; display:grid; gap:12px; }
.ssm-preview-item { position:relative; border:1px solid var(--ssm-border); background:var(--ssm-bg); border-radius:16px; padding:10px; }
.ssm-preview-item .ssm-remove-file { position:absolute; top:8px; right:8px; }
.ssm-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
.ssm-media-grid.ssm-count-1 { grid-template-columns:1fr; }
.ssm-media-card { overflow:hidden; border-radius:18px; border:1px solid var(--ssm-border); background:var(--ssm-bg); }
.ssm-media-card img, .ssm-media-card video { width:100%; height:auto; display:block; object-fit:cover; max-height:540px; }
.ssm-doc-card, .ssm-audio-wrap { display:flex; align-items:center; gap:14px; padding:18px; color:var(--ssm-text); text-decoration:none; }
.ssm-doc-card .dashicons, .ssm-audio-wrap .dashicons { font-size:28px; width:28px; height:28px; }
.ssm-file-meta { display:flex; flex-direction:column; gap:4px; }
.ssm-file-meta span { color:var(--ssm-muted); font-size:13px; }
.ssm-album-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; }
.ssm-album-card { border-radius:18px; border:1px solid var(--ssm-border); background:var(--ssm-bg); padding:16px; color:var(--ssm-text); }
.ssm-section + .ssm-section { margin-top:24px; }
@media (max-width:640px) { .ssm-media-grid { grid-template-columns:1fr; } }