.scds-stage { cursor: pointer; }
.scds-viewer-open { overflow: hidden !important; }
.scds-viewer { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; background: rgba(0, 0, 0, .96); color: #fff; }
.scds-viewer-frame { position: relative; width: min(100vw, 520px); height: 100dvh; overflow: hidden; background: #111; }
.scds-viewer-image { width: 100%; height: 100%; object-fit: contain; display: block; }
.scds-viewer-top { position: absolute; z-index: 4; top: 0; left: 0; right: 0; padding: max(14px, env(safe-area-inset-top)) 12px 12px; background: linear-gradient(#0009, transparent); pointer-events: none; }
.scds-viewer-progress { display: flex; gap: 4px; }
.scds-viewer-progress > div { flex: 1; height: 3px; border-radius: 4px; background: #ffffff70; overflow: hidden; }
.scds-viewer-progress span { display: block; width: 0; height: 100%; background: #fff; }
.scds-viewer-info { display: flex; align-items: center; gap: 9px; min-height: 48px; }
.scds-viewer-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #facc15; color: #0b2d52; font: 800 11px system-ui, sans-serif; }
.scds-viewer-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 14px system-ui, sans-serif; }
.scds-viewer-close { pointer-events: auto; width: 40px; height: 40px; border: 0; background: transparent; color: #fff; font-size: 30px; cursor: pointer; }
.scds-viewer-left,.scds-viewer-right { position: absolute; z-index: 2; top: 76px; bottom: 0; width: 32%; border: 0; background: transparent; cursor: pointer; }
.scds-viewer-left { left: 0; }.scds-viewer-right { right: 0; }
.scds-viewer-close:focus-visible,.scds-viewer-left:focus-visible,.scds-viewer-right:focus-visible { outline: 2px solid #facc15; outline-offset: -2px; }
@media(max-width:767px) { .scds-card .scds-nav,.scds-card .scds-pause { display:none; } .scds-viewer-frame { width: 100vw; } }

.scds-viewer{background:#10151eeb;backdrop-filter:blur(16px)}
.scds-viewer-frame{box-shadow:0 15px 70px #0008}
.scds-viewer-image{object-fit:contain}
.scds-viewer-top{background:linear-gradient(#000b,transparent)}
.scds-viewer-info{gap:10px;padding-top:8px}
.scds-viewer-avatar{width:34px;height:34px;flex:none;border:2px solid #fff;box-shadow:0 0 0 2px #facc15}
.scds-viewer-actions{display:flex;align-items:center;gap:3px;pointer-events:auto}
.scds-viewer-pause,.scds-viewer-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#0004;color:white;cursor:pointer;font-size:24px}
.scds-viewer-bottom{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;min-height:85px;padding:20px 18px max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000a);pointer-events:none}
.scds-viewer-ad{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:24px;background:#facc15;color:#11253d!important;font:800 14px system-ui,sans-serif;text-decoration:none}
.scds-viewer-left,.scds-viewer-right{bottom:90px}
.scds-viewer-pause:focus-visible,.scds-viewer-ad:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:767px){.scds-viewer-frame{width:100vw;height:100dvh}.scds-viewer-top{padding-top:max(16px,env(safe-area-inset-top))}}