@font-face{font-family:QuranText;src:url('/fonts/ksu-hafs-0eda6754ed.woff') format('woff');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:VideoNaskh;src:url('/fonts/scheherazade-new-4.500.woff') format('woff');font-weight:400;font-style:normal;font-display:block}
.video-tafsir-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.video-tafsir-toggle{display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:16px;border:1px solid var(--gold);border-radius:12px;background:color-mix(in srgb,var(--gold) 8%,var(--surface));color:var(--text);cursor:pointer}.video-tafsir-toggle input{width:26px;height:26px;margin:0;flex-shrink:0;accent-color:var(--gold)}.video-tafsir-toggle strong{display:block;font-size:1.125rem;font-weight:600;line-height:1.8}.video-tafsir-toggle small{display:block;font-size:.9375rem;line-height:1.8;color:var(--muted)}.video-tafsir-toggle:has(input:checked){background:color-mix(in srgb,var(--gold) 16%,var(--surface))}#videoTafsirOptions{padding-top:14px}.video-sync{margin-top:14px;font-size:.875rem;color:var(--muted)}.video-sync summary{cursor:pointer;min-height:40px;padding:8px 0}.video-sync button{font-size:.8125rem;min-height:40px}.video-transcript li p.video-transcript-tafsir{font:400 1rem/1.9 ArabicUI,sans-serif;color:var(--muted)}.video-transcript .video-tafsir-source{font-size:.8125rem}
.video-main{width:100%;max-width:1140px;margin:auto;padding:30px 0 48px;scroll-margin-top:24px}.video-main [hidden]{display:none!important}.video-breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:22px}.video-breadcrumb a{color:var(--gold);text-underline-offset:4px}.video-heading{display:flex;align-items:center;gap:20px;margin-bottom:32px}.video-heading-icon{display:grid;place-items:center;width:60px;height:68px;border:1px solid var(--line);border-radius:18px;color:var(--gold);flex-shrink:0}.video-heading-icon svg,.video-main button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.video-eyebrow{color:var(--gold);font-size:.875rem;margin:0 0 4px}.video-heading h1{font:400 clamp(1.8rem,5vw,2.8rem)/1.7 ArabicDisplay,serif;margin:0}.video-heading p:last-child{margin:4px 0 0;color:var(--muted);font-size:.9375rem;line-height:1.9}
.video-workspace{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);grid-template-areas:'controls preview';gap:26px;align-items:start}.video-controls{grid-area:controls;min-width:0}.video-preview-panel{grid-area:preview;position:sticky;top:20px;min-width:0;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.video-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.video-panel-heading h2{font-size:1rem;font-weight:400;margin:0}.video-panel-heading>span{color:var(--gold);font-size:.875rem}.video-stage{display:grid;place-items:center;position:relative;overflow:hidden;border-radius:12px;min-height:160px;background:#0b0e0d;border:1px solid #ffffff12}.video-stage canvas{max-width:100%;max-height:56svh;width:auto;height:auto;display:block;object-fit:contain}.video-stage>p{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#ede6d7;background:#121812eb;font-size:1rem}.video-scene-label{font-size:.8125rem;color:var(--muted);margin:10px 0 12px;text-align:center;min-height:20px}.video-playback{display:flex;justify-content:space-between;align-items:center;gap:12px}.video-playback button{font-size:.875rem;min-height:44px;padding:8px 12px}.video-playback>span{font-variant-numeric:tabular-nums;font:14px/1.5 sans-serif;color:var(--muted);white-space:nowrap}.video-main input[type=range]{display:block;width:100%;min-height:38px;accent-color:var(--gold);direction:ltr;cursor:pointer}.video-prepare{width:100%;margin-top:12px;min-height:48px}.video-hint{font-size:.8125rem;line-height:1.9;color:var(--muted);margin:10px 0}.video-status{font-size:.9375rem;line-height:1.9;color:var(--gold-bright);margin:12px 0 0;min-height:26px}.video-status.is-error{color:#efbd98}.video-main button:disabled,.video-main input:disabled{opacity:.45;cursor:default}.video-main button:not(:disabled),.video-main select{cursor:pointer}
.video-section{min-width:0;margin:0 0 22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.video-section legend{font-size:1.0625rem;color:var(--text);padding:0 8px}.video-section legend>span{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--gold);border-radius:50%;font-size:.8125rem;color:var(--gold);margin-inline-end:6px}.video-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:.9375rem;min-width:0}.video-field select,.video-field input{width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);padding:9px 12px;font:400 1rem/1.6 ArabicUI,Tahoma,sans-serif}.video-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-main :is(button,input,select,a):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.video-main input[aria-invalid=true]{border-color:#efbd98}.video-templates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.video-templates label{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;padding:10px 8px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:.875rem;color:var(--muted)}.video-templates input{position:absolute;opacity:0;width:1px;height:1px}.video-templates label:has(input:checked){border-color:var(--gold);color:var(--gold-bright);background:color-mix(in srgb,var(--gold) 8%,var(--bg))}.video-templates label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.video-template-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:62px;border-radius:6px;border:1px solid #d8bb7c40;background:linear-gradient(145deg,#111512,#333922);color:#dfc892}.video-template-art i{height:2px;background:currentColor;width:65%}.video-template-art i:last-child{width:40%}.video-template-art.is-paper{background:#eee0c6;color:#6c522c}.video-template-art.is-nature{background:linear-gradient(145deg,#566764,#203b2f 45%,#0e1b19);color:#fff}.video-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.video-photos button{position:relative;border:2px solid transparent;background:var(--bg);color:var(--text);padding:0;border-radius:9px;overflow:hidden;font:inherit;min-width:0}.video-photos img{display:block;width:100%;height:68px;object-fit:cover}.video-photos span{display:block;font-size:.6875rem;line-height:1.6;padding:5px 2px}.video-photos button[aria-pressed=true]{border-color:var(--gold)}.video-slider{display:block;font-size:.9375rem;margin:14px 0}.video-slider>span{display:flex;justify-content:space-between;gap:10px}.video-slider output{color:var(--gold);font-size:.875rem}.video-check{display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.8;min-height:40px;cursor:pointer}.video-check input{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}.video-checks{margin-top:16px}.video-saved{text-align:center}.video-export-section .primary-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px}.video-export-section button svg{width:22px;height:22px}.video-export-section .video-field{margin-bottom:8px}#videoProgressArea{display:flex;align-items:center;gap:14px;margin-top:16px}#videoProgress{width:100%;height:8px;accent-color:var(--gold)}#videoCancel{min-height:44px;white-space:nowrap}
.video-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:32px;padding:26px;border:1px solid var(--gold);border-radius:20px;background:var(--surface);scroll-margin-top:28px}.video-result h2{font:400 1.8rem/1.8 ArabicDisplay,serif;margin:0}.video-result p{font-size:.9375rem;color:var(--muted);line-height:1.9}.video-result video{grid-row:span 2;width:100%;max-height:55svh;border-radius:10px;background:#080a09}.video-result-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.video-result-actions a,.video-result-actions button{min-height:48px;font-size:.9375rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.video-transcript{margin-top:26px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:.875rem;line-height:2}.video-transcript summary{cursor:pointer;min-height:44px;padding:10px 0}.video-transcript ol{padding:0;list-style:none}.video-transcript li{margin-bottom:16px}.video-transcript li p{font:400 1.65rem/2 QuranText,serif;color:var(--text);white-space:pre-wrap;margin:6px 0}.video-transcript a{color:var(--gold);text-underline-offset:4px}
.video-random{width:100%;min-height:46px}.video-background-status{text-align:center;margin:6px 0 14px;min-height:24px}
.video-clip-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:14px}.video-clip-pagination button{min-height:46px;padding:8px 12px;font-size:.875rem}.video-clip-pagination>span{font-size:.8125rem;color:var(--muted);white-space:nowrap}.video-clips-grid{scroll-margin-top:calc(100px + env(safe-area-inset-top))}#videoClipCount{text-align:center}
@media(max-width:760px){.video-main{padding-top:24px}.video-heading{gap:14px;margin-bottom:24px}.video-heading-icon{width:48px;height:58px}.video-workspace{display:flex;flex-direction:column;gap:24px}.video-preview-panel,.video-controls{width:100%}.video-preview-panel{position:static;padding:16px}.video-stage canvas{max-height:46svh}.video-section{padding:18px 16px}.video-heading h1{font-size:1.95rem}.video-heading p:last-child{font-size:.875rem}.video-result{display:flex;flex-direction:column;padding:20px}.video-result video{max-height:58svh}.video-result-actions>a{flex:1}.video-photos img{height:80px}}
@media(prefers-reduced-motion:reduce){.video-main *{scroll-behavior:auto!important}}

.video-template-art.is-video{background:linear-gradient(155deg,#80a7a0,#24575a 48%,#182e29);position:relative}.video-template-art.is-video:after{content:'▶';font:12px/1 sans-serif;position:absolute;bottom:6px;right:5px;color:#fff}.video-clips-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.video-clips-heading strong{font-size:1rem;font-weight:500}.video-clips-heading>span{white-space:nowrap;border:1px solid var(--line);padding:3px 9px;border-radius:20px;font-size:.8125rem;color:var(--gold)}.video-clips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.video-clip{position:relative;padding:0!important;overflow:hidden;min-width:0;border:2px solid transparent!important;border-radius:11px;background:var(--bg);color:var(--text);font:inherit;text-align:right}.video-clip[aria-pressed=true]{border-color:var(--gold)!important}.video-clip img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#18332b}.video-clip-name{display:block;padding:7px 6px;font-size:.75rem;line-height:1.7;min-height:3.8em}.video-clip-play{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#071c17b3;color:#fff;font:11px sans-serif}.video-clip-duration{position:absolute;top:8px;left:7px;background:#071c17b3;color:#fff;border-radius:5px;padding:3px 4px;font:11px/1.2 sans-serif}.video-clip[aria-pressed=true] .video-clip-play{background:var(--gold);color:#15211b}.video-clip-source{font-size:.75rem;line-height:1.9;color:var(--muted);margin:8px 0 16px}.video-clip-source summary{cursor:pointer;min-height:32px}.video-clip-source p{margin:4px 0}.video-clip-source a{color:var(--gold);text-underline-offset:3px}.video-clips-grid:empty{display:none}@media(max-width:400px){.video-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.video-clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}