@font-face{font-family:QuranText;src:url('/fonts/ksu-hafs-0eda6754ed.woff') format('woff');font-weight:400;font-style:normal;font-display:block}
.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(3,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}
@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}}