.video-preview{position:fixed;z-index:90;left:18px;top:50%;translate:0 -50%;width:min(360px,calc(100vw - 36px));max-height:88dvh;overflow:auto;background:#f8f4ed;border:1px solid #c6bcae;border-radius:18px;box-shadow:0 14px 60px #16120e55;color:#151614;direction:rtl;text-align:right}.preview-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 18px;background:#f8f4ed;border-bottom:1px solid #ddd3c7}.preview-head h2{font-size:1.125rem;margin:0;line-height:1.4}.preview-eyebrow{font-size:.75rem;color:#61594f}.preview-close{width:44px;height:44px;flex-shrink:0;border:1px solid #c6bcae;background:white;border-radius:50%;font-size:28px;line-height:1;color:#111}.preview-content{padding:0 16px 16px}.preview-content>p{font-size:.8125rem;line-height:1.6;margin:10px 0}.preview-label{font-size:.8125rem}.preview-content select{display:block;width:100%;font:inherit;font-size:.875rem;padding:10px 6px;margin:4px 0 12px;background:white;color:#111;border:1px solid #aca297;border-radius:8px;min-height:44px}.preview-stage{position:relative;border-radius:10px;overflow:hidden;background:#e9e0d5;min-height:190px}.preview-stage iframe{display:block;border:0;width:100%;height:min(52dvh,510px);min-height:280px;background:#111}.preview-cover{height:210px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;white-space:pre-line;filter:brightness(.72)}.preview-gate{padding:14px;background:#f1e9de;text-align:center}.preview-gate p{font-size:.8125rem;line-height:1.65;margin:0 0 12px}.preview-play{background:#151816;color:white;border:0;border-radius:30px;padding:11px 14px;min-height:44px;font-size:.875rem}.preview-gate a{display:block;text-decoration:underline;font-size:.75rem;margin-top:9px}.preview-help{color:#61594f}.preview-original{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline!important;font-size:.875rem}.preview-revoke{display:block;background:none;color:#51493f;font-size:.75rem;border:0;text-decoration:underline;min-height:44px;padding:6px 0}.preview-provider-note{padding:8px 10px;margin:0;font-size:.75rem;line-height:1.5;background:#f1e9de;color:#51493f}.profile-preview .preview-stage{min-height:0;padding:20px;font-size:.9375rem;line-height:1.7}.project[aria-expanded=true]{outline:2px solid #b73665;outline-offset:4px}.gallery-hint{font-size:.8125rem;color:#665b4d;margin:10px 0 20px}.video-preview button:focus-visible,.video-preview select:focus-visible{outline:3px solid #14616c;outline-offset:3px}.high-contrast .video-preview,.high-contrast .preview-head,.high-contrast .preview-gate,.high-contrast .preview-stage{background:white;color:black}@media(max-width:600px){.video-preview{top:auto;bottom:10px;left:10px;translate:none;width:calc(100vw - 20px);max-height:88dvh}.preview-cover{height:125px}.preview-stage iframe{height:48dvh;min-height:260px}.preview-content{padding:0 12px 12px}.preview-head{padding:10px 12px}}@media(min-width:900px){.video-preview{width:370px}}

/* Anchor the preview over its project instead of the viewport edge. */
.video-preview{left:50%;top:50%;bottom:auto;translate:none;width:min(340px,calc(100vw - 24px));max-height:min(680px,calc(100dvh - 24px))}
.preview-head{padding:10px 12px}.preview-content{padding:0 12px 10px}
#preview-description,.preview-help{display:none}
.preview-stage iframe{height:min(48dvh,410px);min-height:220px}
.preview-cover{height:130px}.preview-gate{padding:10px}.preview-gate p{font-size:.75rem}
.preview-content select{margin-bottom:8px}.preview-original,.preview-revoke{min-height:34px;font-size:.75rem}
@media(max-width:600px){.video-preview{width:calc(100vw - 24px);bottom:auto;max-height:calc(100dvh - 24px)}.preview-stage iframe{height:44dvh;min-height:220px}}