/* Transparent top-layer dialog; the video itself stays centered in the viewport. */
dialog#preview.preview-player{position:fixed;inset:0;width:min(1040px,calc(100vw - 32px),calc((100dvh - 112px)*var(--preview-ratio,1.777778)));height:fit-content;max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:#fff;direction:ltr;--plyr-color-main:#c3f23b;--plyr-video-control-color:#fff;--plyr-video-control-color-hover:#192508;--plyr-font-family:Vazir,Tahoma,sans-serif;--plyr-range-fill-background:#c3f23b}
dialog#preview.preview-player::backdrop{background:transparent;backdrop-filter:none}
dialog#preview.preview-player video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:var(--preview-ratio,1.777778);object-fit:contain}
dialog#preview .plyr{width:100%;border-radius:12px;isolation:isolate;direction:ltr;font-family:Vazir,Tahoma,sans-serif}
dialog#preview .plyr__video-wrapper{aspect-ratio:var(--preview-ratio,1.777778);background:transparent}
dialog#preview .plyr__controls{direction:ltr;padding:24px 16px 12px;gap:8px}
dialog#preview .plyr__control{border:0;border-radius:7px;background:transparent;color:#fff;padding:8px;min-height:36px;margin:0;box-shadow:none}
dialog#preview .plyr__control:hover,dialog#preview .plyr__control[aria-expanded=true],dialog#preview .plyr__control.plyr__tab-focus{background:#c3f23b;color:#192508}
dialog#preview .plyr__control--overlaid{background:#c3f23b;color:#192508;border-radius:50%;padding:18px}
dialog#preview .plyr__menu__container .plyr__control{color:#263323}
dialog#preview .plyr input[type=range]{border:0;background:transparent;padding:0;min-height:0;box-shadow:none}
dialog#preview .plyr__tooltip{direction:rtl}
dialog#preview .preview-player-close{position:absolute;right:0;top:-46px;z-index:5;display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:0;margin:0;padding:8px;border:1px solid #ffffff60;border-radius:50%;color:#fff;background:#17211de6;cursor:pointer}
dialog#preview .preview-player-close:hover{background:#c3f23b;color:#192508;border-color:#c3f23b}
dialog#preview .preview-player-close:focus-visible{outline:2px solid #64852c;outline-offset:3px}
html.preview-playing{overflow:hidden}
@media(max-width:540px){dialog#preview.preview-player{width:min(calc(100vw - 20px),calc((100dvh - 112px)*var(--preview-ratio,1.777778)))}dialog#preview .plyr{border-radius:8px}dialog#preview .plyr__controls{gap:2px;padding:20px 7px 7px}dialog#preview .plyr__control{padding:6px}dialog#preview .plyr__volume{max-width:70px}dialog#preview .preview-player-close{width:40px;height:40px;top:-48px}}