.fspark-viewer{width:100%;margin-bottom:4px}
.fspark-viewer__stage{position:relative;border-radius:6px;overflow:hidden;background:#f0f0f0;aspect-ratio:16/9}
.fspark-viewer__panel{position:absolute;inset:0;display:none;width:100%;height:100%}
.fspark-viewer__panel.is-active{display:block}
.fspark-viewer__img{width:100%;height:100%;object-fit:contain;display:block;background:#f5f5f5}
.fspark-viewer__video-wrap{width:100%;height:100%}
.fspark-viewer__video-wrap iframe{display:block;width:100%;height:100%;border:0}
.fspark-viewer__thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-bottom:2px}
.fspark-viewer__thumb{flex-shrink:0;width:60px;height:60px;padding:0;border:2px solid #e5e7eb;border-radius:4px;overflow:hidden;cursor:pointer;background:#111;position:relative;transition:border-color .15s}
.fspark-viewer__thumb:hover{border-color:#9ca3af}
.fspark-viewer__thumb.is-active{border-color:var(--filespark-btn-color,#2563eb)}
.fspark-viewer__thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.fspark-viewer__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.fspark-viewer__play::before{content:'';width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 1px 4px rgba(0,0,0,.35);position:absolute}
.fspark-viewer__play::after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:7px 0 7px 14px;border-color:transparent transparent transparent #222;margin-left:3px}