.fcv-preview { display:block; position:relative; width:min(300px,calc(100vw - 96px)); max-width:100%; height:180px; padding:0; border:0; border-radius:14px; overflow:hidden; background:#17362d; color:#fff; cursor:pointer; }
.fcv-preview img,.fcv-preview-placeholder { display:block; width:100%; height:100%; object-fit:cover; }
.fcv-preview-placeholder { background:linear-gradient(145deg,#355a49,#17362d); }
.fcv-play { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:rgba(0,0,0,.55); font:24px system-ui; }
.fcv-preview-label { position:absolute; bottom:10px; left:14px; font:600 14px system-ui; }
.fcv-preview:focus-visible,.fcv-dialog :focus-visible { outline:3px solid #87d4a8; outline-offset:3px; }
.fcv-dialog { position:fixed; inset:0; z-index:2147483000; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:72px 16px 56px; box-sizing:border-box; background:rgba(8,17,13,.94); color:#fff; font:16px/1.5 system-ui,sans-serif; }
.fcv-stage { width:min(1100px,100%); min-height:100px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.fcv-stage video { display:block; width:100%; max-width:1100px; max-height:calc(100dvh - 220px); background:#000; border-radius:10px; }
.fcv-status { margin:0; max-width:640px; text-align:center; color:#fff; }
.fcv-status[hidden] { display:none; }
.fcv-close { position:absolute; top:max(12px,env(safe-area-inset-top)); right:16px; width:46px; height:46px; padding:0; border:1px solid #ffffff66; border-radius:50%; background:#17362d; color:#fff; cursor:pointer; font:32px/1 system-ui; }
.fcv-download { color:#fff; text-decoration:underline; padding:8px 14px; }