@font-face{font-family:DSCAmiri;src:url('/assets/fonts/amiri/Amiri-Regular.woff2') format('woff2');font-display:swap}
.dsc-url-import{margin-top:14px;padding:20px 22px;border:1px solid var(--ds-border,#263b44);border-radius:18px;background:var(--ds-card,#101f29)}.dsc-url-row{display:flex;gap:12px;margin-top:8px}.dsc-url-row input{flex:1;min-width:0;border:1px solid var(--ds-border,#263b44);background:var(--ds-bg,#071522);color:var(--ds-text,#edf5f3);border-radius:10px;padding:12px;font:inherit;font-size:12px}.dsc-url-import p{font-size:11px;line-height:1.7;color:var(--ds-muted,#a4b4bd);margin:10px 0 0}.dsc-url-row button{flex-shrink:0}@media(max-width:600px){.dsc-url-row{flex-direction:column}.dsc-url-import{padding:18px}}
/* Match the Quran Maker watermark: quiet, centered below the captions. */
.dsc #dsc-brand{left:50%;right:auto;top:auto;bottom:5%;width:17%;max-width:none;transform:translateX(-50%);opacity:.58}
.dsc .dsc-preview-panel{position:static;top:auto}
.dsc{max-width:1300px;margin:40px auto 80px;padding:0 22px;color:var(--ds-text,#edf5f3);font-family:var(--ds-font,Poppins,sans-serif)}.dsc *{box-sizing:border-box}.dsc [hidden]{display:none!important}.dsc-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dsc-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--ds-accent,#24c5b7);margin:0 0 10px}.dsc h1{font-size:clamp(28px,4vw,48px);line-height:1.16;letter-spacing:-.045em;margin:0 0 12px}.dsc h2{font-size:20px;letter-spacing:-.025em;margin:0 0 14px}.dsc-heading p:not(.dsc-eyebrow),.dsc-upload p,.dsc-preview-note,.dsc-retention{color:var(--ds-muted,#a4b4bd);font-size:12px;line-height:1.7}.dsc-pill{display:inline-flex;padding:7px 12px;border:1px solid var(--ds-border,#263b44);border-radius:99px;font-size:11px;white-space:nowrap}.dsc-source-note{font-size:11px;line-height:1.7;color:var(--ds-muted,#a4b4bd);border-left:2px solid var(--ds-accent,#24c5b7);padding:4px 12px;margin:24px 0}.dsc-upload,.dsc-design,.dsc-preview-panel,.dsc-transcript,.dsc-access{border:1px solid var(--ds-border,#263b44);border-radius:22px;background:var(--ds-card,#101f29)}.dsc-upload{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;flex-wrap:wrap}.dsc-upload p{margin:4px 0 0}.dsc-upload-button{cursor:pointer;background:var(--ds-accent,#24c5b7);color:#071522;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:700}.dsc-upload-button input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.dsc-upload-button:focus-within{outline:2px solid currentColor;outline-offset:4px}.dsc progress{width:100%;height:6px;accent-color:var(--ds-accent)}.dsc-project-row{display:flex;align-items:end;gap:14px;margin:22px 0}.dsc-project-row>label{flex:1}.dsc label{display:grid;gap:7px;font-size:11px;color:var(--ds-muted,#a4b4bd)}.dsc select,.dsc input[type=number],.dsc textarea{width:100%;border:1px solid var(--ds-border,#263b44);background:var(--ds-bg,#071522);color:var(--ds-text,#edf5f3);border-radius:10px;padding:10px 12px;font:inherit}.dsc select{font-size:12px;min-height:42px}.dsc button,.dsc-export a{cursor:pointer;border:1px solid var(--ds-border,#263b44);background:var(--ds-bg,#071522);color:var(--ds-text,#edf5f3);border-radius:10px;padding:10px 14px;font:600 11px var(--ds-font,Poppins,sans-serif);text-decoration:none;min-height:40px}.dsc button:disabled{opacity:.45;cursor:wait}.dsc .dsc-primary{background:var(--ds-accent,#24c5b7);color:#071522;border-color:transparent}.dsc-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.dsc-preview-panel{padding:18px;position:sticky;top:calc(var(--ds-header-h,74px) + 12px)}.dsc-video-stage{position:relative;background:#020609;border-radius:14px;overflow:hidden;width:100%;line-height:0;container-type:inline-size}.dsc-video-stage video{display:block;width:100%;max-height:540px;object-fit:contain}.dsc-caption{position:absolute;left:6%;right:6%;bottom:10%;text-align:center;line-height:1.35;pointer-events:none;padding:8px 12px;background:rgba(7,21,34,.65);border-radius:8px;font-size:3.8cqw;color:#fff}.dsc-caption:empty{display:none}.dsc-caption #dsc-ar{font-family:DSCAmiri,serif;font-size:1.65em;line-height:1.55;color:#f7bc65}.dsc-caption #dsc-de{font-family:Poppins,var(--ds-font,sans-serif)}#dsc-brand{position:absolute;right:3%;top:3%;width:24%;max-width:150px;pointer-events:none}#dsc-brand img{width:100%;height:auto}.dsc-preview-note{font-size:10px;margin:10px 0}.dsc-export{display:flex;gap:8px;flex-wrap:wrap}.dsc-design{padding:22px;display:grid;gap:15px}.dsc-design h2{margin:0}.dsc-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dsc input[type=color]{width:100%;height:34px;background:transparent;border:1px solid var(--ds-border);border-radius:8px}.dsc input[type=range]{width:100%;accent-color:var(--ds-accent)}.dsc .dsc-check{display:flex;align-items:start;gap:8px;line-height:1.6}.dsc-check input{accent-color:var(--ds-accent);margin-top:3px}.dsc-transcript{grid-column:1/-1;padding:22px}.dsc-transcript-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.dsc-review-note{font-size:11px;line-height:1.8;color:var(--ds-muted)}.dsc-segment{display:grid;grid-template-columns:125px 1fr 1fr 28px;gap:12px;padding:18px 0;border-top:1px solid var(--ds-border,#263b44)}.dsc-segment.is-current{border-left:3px solid var(--ds-accent);padding-left:10px}.dsc-times{display:grid;gap:6px;align-content:start}.dsc-times input{font-size:11px;padding:6px!important}.dsc-segment textarea{resize:vertical;min-height:100px;font-size:13px;line-height:1.6}.dsc-segment textarea[lang=ar]{font:22px/1.6 DSCAmiri,serif}.dsc-warning{grid-column:2/4;font-size:10px;color:#bf8537;line-height:1.7}.dsc-remove{padding:0!important;height:30px;min-height:30px!important;border:0!important}.dsc-retention{font-size:10px;margin-top:18px}.dsc-access{padding:30px}#dsc-message:not(:empty){padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--ds-accent,#24c5b7) 12%,transparent);margin:14px 0;font-size:12px;line-height:1.7}#dsc-message.is-error{color:#d97762}.dsc :focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}
@media(max-width:800px){.dsc{margin-top:24px;padding:0 14px}.dsc-grid{grid-template-columns:1fr}.dsc-preview-panel{position:static}.dsc-design{grid-template-columns:1fr 1fr}.dsc-design>.dsc-eyebrow,.dsc-design>h2{grid-column:1/-1}.dsc-transcript{padding:16px}.dsc-segment{grid-template-columns:1fr 1fr 24px}.dsc-times{grid-column:1/-1;grid-template-columns:1fr 1fr 44px}.dsc-times label{display:flex;align-items:center}.dsc-warning{grid-column:1/-1}.dsc-project-row{flex-wrap:wrap}.dsc-project-row>label{min-width:180px}.dsc-heading>.dsc-pill{display:none}.dsc-caption{padding:5px 8px}.dsc-video-stage video{max-height:480px}}