.qa{--qa-gold:#e6b35a;--qa-gold-ink:#1f1705;--qa-brand:#e3b048;--qa-brand-ink:#221a06;--qa-line:var(--app-border);--qa-panel:var(--app-surface);--qa-raised:var(--app-surface-raised);--qa-radius:6px;--app-muted:hsla(42,54%,89%,.7);height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--app-bg);color:var(--app-fg);font-family:var(--font-inter),var(--font-noto-naskh),system-ui,sans-serif;font-size:14px}html[data-theme=light] .qa{--app-muted:rgba(34,28,16,.72);--qa-gold:#a8731c;--qa-gold-ink:#fcf9f0;--qa-brand:#cf9d33;--qa-brand-ink:#221a06}.qa[dir=rtl]{font-family:var(--font-noto-naskh),var(--font-inter),system-ui,sans-serif}.qa button{cursor:pointer}.qa button:disabled{cursor:default;opacity:.45}.qa-bar{gap:16px;height:56px;flex-shrink:0;padding-inline:14px;border-bottom:1px solid var(--qa-line);background:var(--qa-panel)}.qa-bar,.qa-bar-start{display:flex;align-items:center}.qa-bar-start{gap:12px;min-width:0;flex:1}.qa-bar-center{display:flex;justify-content:center}.qa-bar-end{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1}.qa-brand{display:inline-flex;align-items:center;gap:8px;color:var(--app-fg);font-family:var(--font-serif),Georgia,serif;white-space:nowrap;--brand-tile:#3a2e14;--brand-ink:#e3b048;font-size:19px}html[data-theme=light] .qa-brand{--brand-tile:#1a150c}.qa[dir=rtl] .qa-brand{font-family:var(--font-noto-naskh),serif;font-weight:700}.qa-app-name{margin:0;font-family:inherit;line-height:inherit;padding-inline-start:12px;border-inline-start:1px solid var(--qa-line);font-size:13.5px;font-weight:500}.qa-app-name,.qa-title{color:var(--app-muted);white-space:nowrap}.qa-title{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px}.qa-lang{padding:0 10px;height:34px;display:inline-flex;align-items:center;border-radius:var(--qa-radius);color:var(--app-muted);font-size:13px}.qa-lang:hover{color:var(--app-fg);background:var(--qa-raised)}.qa .site-icon-button{height:34px;min-width:34px;border-radius:var(--qa-radius);color:var(--app-muted)}.qa .site-icon-button:hover{color:var(--app-fg);background:var(--qa-raised)}.qa-main{flex:1;min-height:0;position:relative}.qa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--qa-line);border-radius:var(--qa-radius);background:var(--qa-raised);color:var(--app-fg);font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s,border-color .15s}.qa-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--qa-gold) 60%,var(--qa-line))}.qa-btn.is-primary{background:var(--qa-brand);border-color:var(--qa-brand);color:var(--qa-brand-ink);font-weight:600}.qa-btn.is-primary:hover:not(:disabled){background:color-mix(in srgb,var(--qa-brand) 86%,#fff)}html[data-theme=light] .qa-btn.is-primary:hover:not(:disabled){background:color-mix(in srgb,var(--qa-brand) 86%,#000)}.qa-btn.is-quiet{background:transparent;border-color:transparent;color:var(--app-muted)}.qa-btn.is-quiet:hover:not(:disabled){color:var(--app-fg);background:var(--qa-raised)}.qa-icon{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--qa-radius);color:var(--app-muted)}.qa-icon svg{width:19px;height:19px}.qa-icon:hover:not(:disabled){color:var(--app-fg);background:var(--qa-raised)}.qa-icon.is-on{color:var(--qa-gold);background:color-mix(in srgb,var(--qa-gold) 14%,transparent)}.qa-input{width:100%;height:36px;padding:0 10px;border:1px solid var(--qa-line);border-radius:var(--qa-radius);background:var(--app-bg);color:var(--app-fg);font-size:13.5px}.qa-input:focus{outline:2px solid color-mix(in srgb,var(--qa-gold) 55%,transparent);outline-offset:0}.qa-field{display:flex;flex-direction:column;gap:6px}.qa-field>span{font-size:12px;color:var(--app-muted)}.qa-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13.5px}.qa-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;order:2;position:relative;flex-shrink:0;width:34px;height:20px;border-radius:10px;background:var(--qa-line);transition:background-color .15s;cursor:pointer}.qa-switch input:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.qa-switch input:checked{background:var(--qa-brand)}.qa-switch input:checked:after{transform:translateX(14px)}.qa[dir=rtl] .qa-switch input:checked:after{transform:translateX(-14px)}.qa-about{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;padding:24px 16px;background:color-mix(in srgb,var(--app-bg) 70%,transparent);backdrop-filter:blur(4px)}.qa-about[hidden]{display:none}.qa-about-sheet{position:relative;width:min(760px,100%);max-height:100%;overflow-y:auto;padding:36px clamp(20px,5vw,48px);border:1px solid var(--qa-line);border-radius:12px;background:var(--qa-panel);box-shadow:0 24px 60px #0006}.qa-about-close{position:sticky;top:0;float:inline-end;height:32px;padding:0 12px;border:1px solid var(--qa-line);border-radius:var(--qa-radius);background:var(--qa-raised);color:var(--app-fg);font-size:12.5px}.qa-prose{line-height:1.75}.qa-prose .qa-eyebrow{color:var(--qa-gold);font-size:12px;letter-spacing:.08em}.qa-prose h2{font-size:32px;margin:6px 0 12px}.qa-prose h2,.qa-prose h3{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-weight:400}.qa-prose h3{font-size:21px;margin:28px 0 8px}.qa-prose p{color:var(--app-muted);margin-bottom:10px}.qa-prose details{padding:12px 0;border-bottom:1px solid var(--qa-line)}.qa-prose summary{cursor:pointer;font-weight:500}.qa-prose details p{margin:8px 0 0}.qa-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px}.qa-links a{color:var(--qa-gold)}.fw-app .qa-main{overflow-y:auto}.fw-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--qa-line);border-radius:8px;background:var(--qa-panel)}.fw-source{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:24px 24px 22px;text-align:start}.fw-source+.fw-source{border-inline-start:1px solid var(--qa-line)}.fw-source.is-dragging{background:color-mix(in srgb,var(--qa-gold) 10%,var(--qa-panel));outline:2px dashed var(--qa-gold);outline-offset:-8px}.fw-source-icon{display:inline-flex;color:var(--qa-gold)}.fw-source-icon svg{width:20px;height:20px}.fw-source h3{font-size:21px}.fw-source p{flex:1;color:var(--app-muted);font-size:13.5px;line-height:1.6}.fw-source small{font-size:12px;opacity:.8}.fw-source .qa-btn{width:100%;height:40px}.fw-privacy{margin-top:18px;font-size:13px;color:var(--app-muted)}.fw-error{max-width:640px;margin:0 auto 24px;padding:16px 18px;border-inline-start:3px solid var(--qa-gold);border-radius:var(--qa-radius);background:var(--qa-panel)}.fw-error p{margin-bottom:12px}.fw-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fw{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100%}.fw-stage{display:flex;flex-direction:column;min-width:0;min-height:0}.fw-media{--fw-media-h:40vh;position:relative;flex:none;display:flex;justify-content:center;padding-bottom:12px;background:var(--app-bg)}.fw-media video{height:var(--fw-media-h);width:auto;max-width:100%;background:transparent;-o-object-fit:contain;object-fit:contain}.fw-media video,.fw-youtube{display:block;border-radius:6px}.fw-youtube{width:min(100%,calc(var(--fw-media-h) * 16 / 9));aspect-ratio:16/9;overflow:hidden}.fw-synced iframe{pointer-events:none;transition:opacity .3s}.fw-synced[data-ready=false] iframe{opacity:0}.fw-youtube iframe{width:100%;height:100%;border:0}.fw-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 18px;border-bottom:1px solid var(--qa-line);background:var(--qa-panel)}.fw-status p{flex:1;font-size:13px;color:var(--app-muted)}.fw-progress{flex:1 0 100%;height:3px;border-radius:2px;background:var(--qa-line);overflow:hidden}.fw-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--qa-brand),var(--qa-gold));transition:width .4s ease}.fw-live{flex-direction:column;align-items:stretch}.fw-live-intro{display:flex;flex-direction:column;gap:3px;font-size:13.5px}.fw-live-intro span{color:var(--app-muted);line-height:1.6}.fw-live-state{display:inline-flex;align-items:center;gap:9px;font-size:13.5px}.fw-live-state b{font-weight:500;color:var(--app-muted);font-variant-numeric:tabular-nums}.fw-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--qa-line)}.fw-dot.is-on{background:#d4493b}.fw-dot.is-on:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #d4493b;opacity:0;animation:live-pulse 2.4s ease-out infinite}.fw-notice{padding:8px 12px;border-inline-start:2px solid var(--qa-gold);background:var(--app-bg);font-size:13px;line-height:1.6}.fw{--fw-hl:#efc070;--fw-hl-ink:var(--fw-hl);--fw-size:1;--fw-font:var(--font-uthmani)}html[data-theme=light] .fw{--fw-hl-ink:color-mix(in srgb,var(--fw-hl) 52%,#2a1a00)}.fw[data-font=amiri]{--fw-font:var(--font-amiri)}.fw[data-font=naskh]{--fw-font:var(--font-noto-naskh)}.fw-reader-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--qa-line)}.fw-reader-where{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--app-muted);font-size:12.5px}.fw-seg{display:inline-flex;padding:3px;border:1px solid var(--qa-line);border-radius:10px;background:var(--app-bg)}.fw-seg button{height:28px;padding:0 12px;border-radius:7px;color:var(--app-muted);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background-color .15s,color .15s}.fw-seg button:hover{color:var(--app-fg)}.fw-seg button.is-on{background:var(--qa-raised);color:var(--app-fg);box-shadow:0 1px 2px #0003,0 0 0 1px var(--qa-line)}.fw-seg.is-full{display:flex}.fw-seg.is-full button{flex:1;padding:0 6px}.fw-reader{position:relative;flex:1;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px clamp(20px,5vw,64px);text-align:center}.fw-reader.is-page{justify-content:flex-start;padding:14px clamp(12px,3vw,40px) 24px}.fw-verse-block{display:flex;flex-direction:column;gap:14px;animation:fw-in .25s ease-out}@keyframes fw-in{0%{opacity:0}}.fw-label{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--app-muted);font-size:13px;letter-spacing:.02em}.fw-verse{font-family:var(--fw-font),var(--font-amiri),serif;font-size:calc(clamp(28px, 3vw, 46px) * var(--fw-size));line-height:2.05;color:var(--app-fg)}.no-picture .fw-verse{font-size:calc(clamp(34px, 4.2vw, 68px) * var(--fw-size))}.fw-verse>span:not(.fw-mark){border-radius:.18em;cursor:pointer;transition:color .18s ease,background-color .2s ease}.fw-verse>span.is-next{color:color-mix(in srgb,var(--app-fg) 62%,transparent)}.fw-verse>span.is-past{color:var(--app-fg)}.fw-verse>span.is-now{color:var(--fw-hl-ink)}.fw-verse.is-plain>span{color:var(--app-fg)}.fw-verse>span.is-hidden{color:transparent;background:color-mix(in srgb,var(--app-fg) 9%,transparent);box-shadow:0 0 0 .04em color-mix(in srgb,var(--app-fg) 10%,transparent) inset}.fw-verse>span:hover:not(.is-now):not(.is-hidden){background:color-mix(in srgb,var(--fw-hl) 12%,transparent)}.fw-mark{color:var(--fw-hl-ink);cursor:default}.fw-translation{max-width:860px;margin-inline:auto;font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:calc(clamp(17px, 1.4vw, 21px) * (.6 + var(--fw-size) * .4));line-height:1.7;color:color-mix(in srgb,var(--app-fg) 80%,transparent)}.fw-around{max-width:900px;margin-inline:auto;font-family:var(--fw-font),serif;font-size:calc(clamp(18px, 1.6vw, 24px) * var(--fw-size));line-height:1.9;color:color-mix(in srgb,var(--app-fg) 46%,transparent);cursor:pointer;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fw-around:hover{color:color-mix(in srgb,var(--app-fg) 60%,transparent)}.fw-around.is-before{-webkit-mask:linear-gradient(0deg,#000 40%,transparent);mask:linear-gradient(0deg,#000 40%,transparent)}.fw-around.is-after{-webkit-mask:linear-gradient(180deg,#000 40%,transparent);mask:linear-gradient(180deg,#000 40%,transparent)}.fm{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.fm-head{display:flex;align-items:center;justify-content:center;gap:6px}.fm-page{min-width:110px;color:var(--app-muted);font-size:12.5px;font-variant-numeric:tabular-nums}.fm-back{color:var(--fw-hl)!important}.fm-leaf{--leaf-paper:#f8f0dc;--leaf-ink:#2a2213;--leaf-accent:#9a6f16;position:relative;padding:clamp(18px,3.4vw,38px) clamp(16px,3.4vw,40px) clamp(14px,2.6vw,28px);border:1px solid #d8c492;border-radius:4px;background:var(--leaf-paper);color:var(--leaf-ink);box-shadow:0 24px 50px -34px #000b}.fm-leaf:before{content:"";position:absolute;inset:7px;border:1px solid #d8c49288;border-radius:2px;pointer-events:none}.fm-lines{--ml-max:calc(44px * var(--fw-size))}.fm-lines[data-layout=lines]{font-family:var(--fw-font),serif}.fm-state{padding:40px 0;color:var(--app-muted)}.fm-word{border-radius:.16em;cursor:pointer;transition:color .3s ease,background-color .3s ease,opacity .3s}.fm-word.is-ahead,.fm-word.is-read{color:var(--leaf-ink)}.fm-word.in-ayah{background:#e3b04833}.fm-word.is-past{color:var(--leaf-ink)}.fm-word.is-next{color:color-mix(in srgb,var(--leaf-ink) 72%,transparent)}.fm-word.is-now{color:#6b3f00;background:#e3b04880}.fm-word.is-hidden{color:transparent;background:color-mix(in srgb,var(--leaf-ink) 9%,transparent)}.fm-word:hover{background:#e3b04840}.fm .ml-end[data-current]{background:#e3b04866}.fw-empty p:last-child,.fw-waiting{color:var(--app-muted)}.fw-empty p:first-child{font-family:var(--font-serif),serif;font-size:22px;margin-bottom:6px}.fw-unsure{justify-content:center;min-width:18px;height:18px;padding-inline:6px;border-radius:9px;font-size:11px;background:var(--qa-raised)}.fw-report,.fw-unsure{display:inline-flex;align-items:center;color:var(--app-muted)}.fw-report{gap:5px;height:24px;padding:0 8px;border:1px solid transparent;border-radius:12px;background:none;font:inherit;font-size:12px;cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s,color .15s}.fw-report svg{width:13px;height:13px}.fw-report:focus-visible,.fw-report:hover{opacity:1;border-color:var(--qa-line);color:var(--qa-gold)}@media (max-width:700px){.fw-report span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.fw-transport{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--qa-line);background:var(--qa-panel)}.fw-play{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qa-brand);color:var(--qa-brand-ink)}.fw-play svg{width:18px;height:18px}.fw-time{flex-shrink:0;margin-inline:6px;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--app-muted)}.fw-scrub{position:relative;flex:1;height:26px}.fw-scrub-track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--qa-line);overflow:hidden}.fw-scrub-track span{display:block;height:100%;background:var(--qa-gold)}.fw-scrub i{position:absolute;top:50%;width:2px;height:10px;margin:-5px 0 0 -1px;border-radius:1px;background:color-mix(in srgb,var(--app-fg) 45%,transparent);pointer-events:none}.fw-scrub i.is-now{height:14px;margin-top:-7px;background:var(--fw-hl)}.fw-scrub input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.fw-speed{min-width:52px;font-variant-numeric:tabular-nums}.fw-side{display:flex;flex-direction:column;min-height:0;border-inline-start:1px solid var(--qa-line);background:var(--qa-panel)}.fw-display{border-bottom:1px solid var(--qa-line)}.fw-display-body{display:flex;flex-direction:column;gap:16px;padding:4px 18px 18px}.fw-swatches{display:flex;gap:8px}.fw-swatches button{width:26px;height:26px;border-radius:50%;border:2px solid var(--qa-panel);box-shadow:0 0 0 1px var(--qa-line);transition:transform .15s}.fw-swatches button:hover{transform:scale(1.08)}.fw-swatches button.is-on{box-shadow:0 0 0 2px var(--app-fg)}.fw-size>span{display:flex;justify-content:space-between}.fw-size b{font-weight:500;font-variant-numeric:tabular-nums}.fw-size input{accent-color:var(--qa-gold)}.fw-list{list-style:none;flex:1;min-height:120px;overflow-y:auto;scroll-behavior:smooth}.fw-list button{width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--qa-radius);text-align:start;color:var(--app-fg);font-size:13.5px}.fw-list button:hover:not(:disabled){background:var(--qa-raised)}.fw-list li.is-now button{background:color-mix(in srgb,var(--fw-hl) 16%,transparent);color:var(--fw-hl-ink);font-weight:600}.fw-list li.is-done .fw-list-name{color:var(--app-muted)}.fw-list button:disabled{opacity:1}.fw-list-time{min-width:44px;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--app-muted)}.fw-list-name{flex:1}.fw-list-empty{padding:16px 10px;color:var(--app-muted);font-size:13px}.fw-export{padding:14px 16px;border-top:1px solid var(--qa-line)}.fw-export h2{font-size:13px;font-weight:600;margin-bottom:10px}.fw-export p{margin-top:8px;font-size:12px;color:var(--app-muted)}.fw-studio{margin:0 16px 12px;height:42px}.fw-credit{margin:0 16px 8px;color:var(--app-muted);font-size:12px}.fw-credit:hover{color:var(--qa-gold)}.fw-shortcuts{padding:10px 16px 14px;border-top:1px solid var(--qa-line);color:var(--app-muted);font-size:11.5px;line-height:1.6}.fw-origin{color:var(--app-fg)}.fw-origin b{font-weight:600}.fw.is-focus{grid-template-columns:minmax(0,1fr);background:var(--app-bg)}.fw.is-focus .fw-side{display:none}.fw.is-focus .fw-media{--fw-media-h:28vh}.fw.is-focus .fw-verse{font-size:calc(clamp(38px, 5vw, 84px) * var(--fw-size))}.fw-pick-notice{max-width:640px;margin:0 auto 16px}.fw-working{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:460px;margin:0 auto}.fw-working-title{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:clamp(22px,2.2vw,28px)}.fw-steps{list-style:none;width:100%;display:flex;flex-direction:column;gap:8px;text-align:start}.fw-steps li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--qa-line);color:var(--app-muted);font-size:14px;transition:border-color .2s,color .2s}.fw-steps li.is-done,.fw-steps li.is-now{color:var(--app-fg)}.fw-steps li b{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums;color:var(--qa-brand)}.fw-step-mark{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qa-raised);font-size:12px;font-weight:600}.fw-steps li.is-now .fw-step-mark{background:var(--qa-brand);color:var(--qa-brand-ink)}.fw-steps li.is-done .fw-step-mark{background:color-mix(in srgb,var(--qa-brand) 18%,transparent);color:var(--qa-brand)}.fw-working-note{color:var(--app-muted);font-size:13px;line-height:1.6}@media (max-width:900px){.qa-brand span,.qa-title{display:none}.fw-app .qa-main{overflow-y:auto}.fw{display:flex;flex-direction:column;height:auto;min-height:100%}.fw-media{--fw-media-h:30vh}.fw-reader{min-height:42vh;flex:none}.fw-transport{position:sticky;bottom:0;z-index:2}.fw-side{border-inline-start:0;border-top:1px solid var(--qa-line)}.fw-list{max-height:50vh}.fw-sources{grid-template-columns:minmax(0,1fr)}.fw-source+.fw-source{border-inline-start:0;border-top:1px solid var(--qa-line)}.fw-reader.is-page{min-height:60vh}}@media (prefers-reduced-motion:reduce){.fw-verse-block{animation:none}.fw-verse>span{transition:none}}@media (max-width:520px){.qa-bar{gap:8px;padding-inline:10px}.fw-time,.qa-lang{display:none}}.fw-media-handle{position:absolute;left:0;right:0;bottom:0;height:12px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none}.fw-media-handle span{width:44px;height:4px;border-radius:2px;background:var(--qa-line);transition:background-color .15s,width .15s}.fw-media-handle:hover span,.fw-resizing .fw-media-handle span{width:64px;background:var(--qa-gold)}.fw-resizing,.fw-resizing *{cursor:row-resize!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fw-resizing iframe{pointer-events:none}.fw-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 6px 18px}.qa[dir=rtl] .fw-side-head{padding:10px 18px 6px 10px}.fw-side-head h2{font-size:13px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--app-muted)}.qa[dir=rtl] .fw-side-head h2{text-transform:none;letter-spacing:0}.fw-side[hidden]{display:none}.fw.no-panel{grid-template-columns:minmax(0,1fr)}.fw-panel-toggle.is-on{color:var(--app-fg);background:var(--qa-raised)}.qa-bar .qa-btn svg{width:17px;height:17px}.fw-source.is-soon{background:color-mix(in srgb,var(--app-bg) 40%,var(--qa-panel))}.fw-source.is-soon h2,.fw-source.is-soon p{opacity:.72}.fw-soon{align-self:flex-start;margin-top:auto;padding:5px 10px;border:1px dashed var(--qa-line);border-radius:999px;color:var(--app-muted);font-size:12.5px;font-weight:600}.fw-ready{z-index:5;top:14px;padding:10px 18px 10px 12px;border:1px solid color-mix(in srgb,var(--qa-gold) 45%,var(--qa-line));border-radius:10px;font-size:13.5px;animation:fw-ready 3.6s ease forwards;pointer-events:none}.fw-later,.fw-ready{position:absolute;left:50%;display:flex;align-items:center;gap:12px;background:var(--qa-panel);box-shadow:0 18px 40px -20px #0009;transform:translateX(-50%)}.fw-later{z-index:6;bottom:14px;max-width:calc(100% - 28px);padding:8px 10px 8px 16px;border:1px solid var(--qa-line);border-radius:10px;font-size:13px;color:var(--app-muted)}.fw-later.is-ready{border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line));color:var(--app-fg)}.fw-later .hl-spinner{width:14px;height:14px}.fw-ready b{display:block;font-size:14.5px;font-weight:650}.fw-ready>span:last-child{color:var(--app-muted)}.fw-ready-mark{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qa-gold);color:var(--qa-gold-ink)}.fw-ready-mark svg{width:18px;height:18px}.fw-check-path{stroke-dasharray:22;stroke-dashoffset:22;animation:fw-tick .45s ease-out .25s forwards}@keyframes fw-tick{to{stroke-dashoffset:0}}@keyframes fw-ready{0%{opacity:0;transform:translate(-50%,-8px) scale(.97)}82%,9%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-4px)}}.fw-stage{position:relative}@media (prefers-reduced-motion:reduce){.fw-ready{animation:none}.fw-check-path{animation:none;stroke-dashoffset:0}}.fm-state{color:#6d624b!important}.fm-folio{margin-top:10px;text-align:center;color:var(--leaf-accent);font-size:13px;font-variant-numeric:tabular-nums}.fm-head{gap:4px}.fm-page{color:var(--app-fg)}.fw-pick-about{margin-top:56px;padding-top:32px;border-top:1px solid var(--qa-line)}.fw-pick-about .qa-prose{max-width:760px}.fw-pick-about .qa-eyebrow,.fw-pick-about .qa-prose>h2,.fw-pick-about .qa-prose>h2+p{display:none}.fw-pick-about .qa-prose>h3:first-of-type{margin-top:0}.qa-badge{flex-shrink:0;padding:2px 8px;border:1px solid color-mix(in srgb,var(--qa-gold) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--qa-gold) 12%,transparent);color:var(--qa-gold);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.qa-badge:hover{background:color-mix(in srgb,var(--qa-gold) 22%,transparent)}.qa[dir=rtl] .qa-badge{letter-spacing:0;text-transform:none;font-size:11px}.fw-pick{position:relative;isolation:isolate;max-width:1180px;margin:0 auto;padding:clamp(28px,7vh,84px) 24px 64px}.fw-pick-haa{position:absolute;z-index:-1;top:-30px;inset-inline-end:-3%;width:min(600px,52%);height:auto;color:var(--qa-gold);opacity:.07;pointer-events:none}.fw-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,5vw,76px)}.fw-eyebrow{color:var(--qa-gold);font-size:12px;font-weight:600;letter-spacing:.14em}.qa[dir=rtl] .fw-eyebrow{letter-spacing:0;font-size:13px}.fw-hero h1{margin-top:12px;font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:clamp(40px,5.2vw,68px);font-weight:400;line-height:1.02;letter-spacing:-1.4px}.qa[dir=rtl] .fw-hero h1{font-family:var(--font-noto-naskh),serif;font-weight:700;line-height:1.4;letter-spacing:0}.fw-hero-text>p{max-width:520px;margin-top:18px;color:var(--app-muted);font-size:17px;line-height:1.7}.fw-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.qa-btn.is-large{height:46px;padding:0 20px;border-radius:8px;font-size:14.5px}.qa-btn.is-large svg{width:19px;height:19px}.fw-hero-text>p.fw-hero-hint{margin-top:12px;font-size:12.5px}.fw-demo{--fw-hl:#efc070;--fw-hl-ink:var(--fw-hl);--fw-size:1;--fw-font:var(--font-uthmani);margin:0;overflow:hidden;border:1px solid var(--qa-line);border-radius:12px;background:var(--qa-panel);box-shadow:0 32px 70px -50px #000}html[data-theme=light] .fw-demo{--fw-hl-ink:color-mix(in srgb,var(--fw-hl) 52%,#2a1a00)}.fw-demo-head{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--qa-line);color:var(--app-muted);font-size:12.5px}.fw-demo-head span:first-child{color:var(--app-fg);font-family:var(--font-noto-naskh),serif}.fw-demo-body{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:250px;padding:26px clamp(18px,3vw,34px) 18px;text-align:center}.fw-demo .fw-verse{font-size:clamp(28px,2.7vw,42px);cursor:default}.fw-demo .fw-verse>span{cursor:default}.fw-demo .fw-translation{min-height:3.4em;font-size:16px}.fw-demo-track{position:relative;height:38px;margin:0 18px;border-top:1px solid var(--qa-line)}.fw-demo-track>span{background:var(--qa-gold);transition:width .5s ease}.fw-demo-track:before,.fw-demo-track>span{position:absolute;left:0;top:18px;height:3px;border-radius:2px}.fw-demo-track:before{content:"";right:0;background:var(--qa-line)}.fw-demo-track i{position:absolute;top:14px;width:2px;height:11px;margin-left:-1px;border-radius:1px;background:color-mix(in srgb,var(--app-fg) 40%,transparent)}.fw-demo-track i.is-now{top:12px;height:15px;background:var(--fw-hl)}.fw-drop-veil{position:fixed;z-index:30;inset:56px 0 0;display:none;place-items:center;border:2px dashed var(--qa-gold);background:color-mix(in srgb,var(--app-bg) 84%,transparent);pointer-events:none}.fw-pick.is-dragging .fw-drop-veil{display:grid}.fw-drop-veil span{display:inline-flex;align-items:center;gap:14px;color:var(--qa-gold);font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:28px}.fw-drop-veil svg{width:34px;height:34px}.fw-shelf{margin-top:56px}.fw-shelf h2{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:26px;font-weight:400}.qa[dir=rtl] .fw-shelf h2{font-family:var(--font-noto-naskh),serif;font-weight:700;font-size:22px}.fw-shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:18px}.fw-shelf-head p{max-width:640px;margin-top:6px;color:var(--app-muted);font-size:14px;line-height:1.65}.fw-surahs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fw-surah-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 16px;border:1px solid var(--qa-line);border-radius:10px;background:var(--qa-panel);color:var(--app-fg);transition:border-color .15s,transform .15s}.fw-surah-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line));transform:translateY(-2px)}.fw-surah-card:disabled{opacity:1}.fw-surahs:has(.is-busy) .fw-surah-card:not(.is-busy){opacity:.5}.fw-surah-num{color:var(--app-muted);font-size:11px;font-variant-numeric:tabular-nums}.fw-surah-ar{font-family:var(--font-amiri),var(--font-noto-naskh),serif;font-size:30px;line-height:1.55}.fw-surah-en{color:var(--app-muted);font-size:12.5px;white-space:nowrap}.fw-surah-busy{position:absolute;bottom:0;inset-inline-start:0;height:3px;background:var(--qa-gold);transition:width .3s ease}.fw-recents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.fw-recent{display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:14px 16px 0;border:1px solid var(--qa-line);border-radius:10px;background:var(--qa-panel);color:var(--app-fg);text-align:start;transition:border-color .15s}.fw-recent:hover:not(:disabled){border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line))}.fw-recent-title{overflow:hidden;font-family:var(--font-amiri),var(--font-noto-naskh),serif;font-size:19px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis}.fw-recent-meta{color:var(--app-muted);font-size:12.5px}.fw-recent-bar{display:block;height:3px;margin:10px -16px 0;background:var(--qa-line)}.fw-recent-bar span{display:block;height:100%;background:var(--qa-gold)}.fw-shelf .fw-sources{margin-top:16px}.fw-source h3{display:flex;align-items:center;gap:10px;font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:20px;font-weight:400}.fw-link-row{display:flex;gap:8px}.fw-link-row .qa-btn{width:auto;flex-shrink:0;height:36px}.fw-where{display:flex;flex-direction:column;align-items:center;gap:2px}.fw-where-surah{font-family:var(--fw-font),var(--font-amiri),serif;font-size:calc(19px * (.7 + var(--fw-size) * .3));line-height:1.7;color:var(--qa-gold)}.fw-where .fw-label{font-variant-numeric:tabular-nums}.fw-ayah-rule{width:min(300px,56%);height:2px;margin:-4px auto 2px;overflow:hidden;border-radius:1px;background:var(--qa-line)}.fw-ayah-rule span{display:block;height:100%;background:var(--fw-hl);transform-origin:right;transition:transform .15s linear}.fw-resume{height:30px;border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line));color:var(--qa-gold)}.fw-repeat{position:relative}.fw-repeat b{position:absolute;top:2px;inset-inline-end:1px;min-width:15px;height:15px;padding-inline:3px;display:grid;place-items:center;border-radius:8px;background:var(--qa-gold);color:var(--qa-gold-ink);font-size:9.5px;font-weight:700;line-height:1}.fw-scrub-tip{position:absolute;z-index:3;bottom:calc(100% + 4px);display:inline-flex;gap:8px;padding:5px 9px;border-radius:6px;background:var(--app-fg);color:var(--app-bg);font-size:12px;white-space:nowrap;transform:translateX(-50%);pointer-events:none}.fw-scrub-tip b{font-weight:500;opacity:.65;font-variant-numeric:tabular-nums}.fw-side-head{padding:10px 10px 8px 12px;border-bottom:1px solid var(--qa-line)}.qa[dir=rtl] .fw-side-head{padding:10px 12px 8px 10px}.fw-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--qa-line);border-radius:10px;background:var(--app-bg)}.fw-tabs button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:7px;color:var(--app-muted);font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.fw-tabs button:hover{color:var(--app-fg)}.fw-tabs button.is-on{background:var(--qa-raised);color:var(--app-fg);box-shadow:0 1px 2px #0003,0 0 0 1px var(--qa-line)}.fw-tabs b{min-width:20px;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--qa-gold) 16%,transparent);color:var(--qa-gold);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.fw-display{flex:1;min-height:0;overflow-y:auto;border-bottom:0}.fw-display-body{padding:16px 18px 18px}.fw-display .fw-shortcuts{border-top:1px solid var(--qa-line)}.fw-list{padding:0 8px 8px}.fw-list-surah{position:sticky;z-index:1;top:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 10px 6px;background:var(--qa-panel)}.fw-list-surah span:first-child{font-family:var(--fw-font),var(--font-amiri),serif;font-size:18px;line-height:1.6;color:var(--qa-gold)}.fw-list-surah span:last-child:not(:first-child){color:var(--app-muted);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}.fw-list button{gap:10px;padding:7px 10px}.fw-list-num{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--qa-line);border-radius:50%;color:var(--app-muted);font-size:11.5px;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s,border-color .2s}.fw-list-name{min-width:0}.fw-list-text{display:block;overflow:hidden;font-family:var(--fw-font),var(--font-amiri),serif;font-size:17px;line-height:1.75;white-space:nowrap;text-overflow:ellipsis;text-align:right}.fw-list li.is-now button{font-weight:400}.fw-list li.is-now .fw-list-num{border-color:var(--fw-hl);background:var(--fw-hl);color:#1f1705;font-weight:700}.fw-list li.is-done .fw-list-text{opacity:.55}.fw-list li.is-done .fw-list-num{color:color-mix(in srgb,var(--app-muted) 70%,transparent)}@media (max-width:1100px){.fw-surahs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.fw-hero{grid-template-columns:minmax(0,1fr)}.fw-pick-haa{width:90%;top:-10px}.fw-recents{grid-template-columns:minmax(0,1fr)}.fw-shelf{margin-top:44px}.fw-display{overflow:visible}}@media (max-width:520px){.fw-pick{padding-inline:16px}.fw-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-hero-actions .qa-btn{flex:1 1 100%}.fw-demo-body{min-height:210px}}@media (prefers-reduced-motion:reduce){.fw-surah-card:hover:not(:disabled){transform:none}.fw-ayah-rule span,.fw-demo-track>span{transition:none}}.fw-pick>.fw-error,.fw-pick>.fw-pick-notice{max-width:640px;margin:36px 0 0}@media (max-width:640px){.fw-app .qa-bar-end .qa-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fw-app .qa-bar-end .qa-btn{width:34px;padding:0}.fw-transport{flex-wrap:wrap;justify-content:center;row-gap:4px;padding:8px 12px 10px}.fw-scrub,.fw-time{order:-1;flex:1 0 100%}.fw-time{display:inline;margin:0;text-align:center;font-size:11.5px}}.sd-app .qa-main{overflow:hidden}.sd-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sd{--sd-panel:340px;--sd-timeline:262px;position:relative;display:grid;height:100%;grid-template-columns:var(--sd-panel) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--sd-timeline);grid-template-areas:"panel stage" "timeline timeline"}.sd-tabs{display:flex;gap:2px;padding:3px;border-radius:9px;background:var(--app-bg);border:1px solid var(--qa-line)}.sd-tabs button{height:30px;padding:0 16px;border-radius:6px;font-size:13px;color:var(--app-muted)}.sd-tabs button:hover{color:var(--app-fg)}.sd-tabs button.is-on{background:var(--qa-raised);color:var(--app-fg);box-shadow:0 1px 2px #0003}.sd-panel{grid-area:panel;display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:16px;border-inline-end:1px solid var(--qa-line);background:var(--qa-panel)}.sd-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sd-panel-head h2{font-size:15px;font-weight:600}.sd-section{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--qa-line);border-radius:10px;background:color-mix(in srgb,var(--app-bg) 45%,var(--qa-panel))}.sd-section h3{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--app-muted)}.qa[dir=rtl] .sd-section h3{letter-spacing:0;font-size:12px}.sd-seg{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--app-bg);border:1px solid var(--qa-line)}.sd-seg button{flex:1;min-width:0;height:30px;padding:0 8px;border-radius:6px;font-size:12.5px;color:var(--app-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-seg button:hover:not(:disabled){color:var(--app-fg)}.sd-seg button.is-on{background:color-mix(in srgb,var(--qa-gold) 18%,var(--qa-raised));color:var(--app-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--qa-gold) 55%,transparent)}.sd-slider{display:flex;flex-direction:column;gap:6px}.sd-slider>span{display:flex;justify-content:space-between;font-size:12px;color:var(--app-muted)}.sd-slider b{font-weight:500;color:var(--app-fg);font-variant-numeric:tabular-nums}.sd-slider input,.sd-zoom input{width:100%;accent-color:var(--qa-gold)}.sd-color{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.sd-color-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 8px 3px 3px;border:1px solid var(--qa-line);border-radius:8px;background:var(--app-bg)}.sd-color-chip input{width:26px;height:26px;padding:0;border:0;border-radius:5px;background:none;cursor:pointer}.sd-color-chip code{font-size:12px;color:var(--app-muted)}.sd-swatches{display:flex;flex-wrap:wrap;gap:8px}.sd-swatches button{width:36px;height:36px;border-radius:9px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff22}.sd-swatches button.is-on{border-color:var(--qa-gold)}.sd-swatch-image{background:var(--qa-raised) center /cover no-repeat;color:var(--app-muted);font-size:18px}.sd-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sd-presets button{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--qa-line);border-radius:10px;font-size:12px;text-align:start;color:var(--app-fg)}.sd-presets button:hover{border-color:var(--qa-gold)}.sd-preset-swatch{display:flex;align-items:center;justify-content:center;gap:4px;height:54px;border-radius:7px;font-family:var(--font-uthmani),var(--font-amiri),serif;font-size:18px;direction:rtl}.sd-hint{font-size:12.5px;line-height:1.6;color:var(--app-muted)}.sd-new{align-self:flex-start;margin-top:auto}.sd-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sd-section-head .qa-btn{height:30px;padding:0 10px;font-size:12.5px}.sd-section-head .qa-btn svg{width:15px;height:15px}.sd-file{display:flex;align-items:center;gap:10px}.sd-file-icon{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in srgb,var(--qa-gold) 14%,transparent);color:var(--qa-gold);font-size:18px}.sd-file-icon svg{width:20px;height:20px}.sd-file-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sd-file-text strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-file-text small{color:var(--app-muted);font-size:11.5px}.sd-empty-media{display:flex;flex-direction:column;gap:8px;padding:16px;border:1.5px dashed color-mix(in srgb,var(--qa-gold) 45%,var(--qa-line));border-radius:10px;background:color-mix(in srgb,var(--qa-gold) 5%,transparent)}.sd-empty-media strong{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:18px;font-weight:400}.sd-empty-media p{color:var(--app-muted);font-size:12.5px;line-height:1.6}.sd-empty-media .qa-btn{align-self:flex-start}.sd-layer-list{list-style:none;display:flex;flex-direction:column;gap:4px}.sd-layer-list button{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid transparent;border-radius:8px;color:var(--app-fg);font-size:12.5px;text-align:start}.sd-layer-list button:hover{background:var(--qa-raised)}.sd-layer-list li.is-on button{border-color:var(--qa-gold);background:color-mix(in srgb,var(--qa-gold) 10%,transparent)}.sd-layer-list img,.sd-layer-t{width:34px;height:26px;flex-shrink:0;border-radius:5px;-o-object-fit:cover;object-fit:cover;background:var(--app-bg)}.sd-layer-t{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif),serif;font-weight:700;color:var(--qa-gold)}.sd-layer-list span:not(.sd-layer-t){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-layer-list small{color:var(--app-muted);font-size:11px}.sd-layer-edit{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--qa-line)}.sd-layer-edit .fw-row .qa-btn{height:30px;padding:0 9px;font-size:12px}.sd-textarea{height:auto;min-height:58px;padding:8px 10px;resize:vertical;font-family:inherit;line-height:1.5}.sd-danger{align-self:flex-start;color:#e0685e!important}.sd-library-section{flex-shrink:0;padding:0;overflow:hidden}.sd-library-section .hl{max-height:560px;min-height:420px}.sd-cards{list-style:none;display:flex;flex-direction:column;gap:6px}.sd-cards li{padding:10px 12px;border:1px solid var(--qa-line);border-radius:10px;cursor:pointer;background:color-mix(in srgb,var(--app-bg) 45%,var(--qa-panel))}.sd-cards li.is-now{border-color:color-mix(in srgb,var(--qa-gold) 40%,var(--qa-line))}.sd-cards li.is-selected{border-color:var(--qa-gold);background:color-mix(in srgb,var(--qa-gold) 9%,var(--qa-panel));cursor:default}.sd-cards li.is-cut{opacity:.45}.sd-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sd-card-name{font-size:13px;font-weight:600;color:var(--app-fg);text-align:start}.sd-card-name:hover{color:var(--qa-gold)}.sd-card-time{font-size:11.5px;color:var(--app-muted);font-variant-numeric:tabular-nums}.sd-card-text{margin-top:4px;font-family:var(--font-uthmani),var(--font-amiri),serif;font-size:17px;line-height:1.8;color:var(--app-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sd-card-edit{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--qa-line)}.sd-times{display:flex;flex-wrap:wrap;gap:8px 14px}.sd-time-edit{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--app-muted)}.sd-time-edit>span{margin-right:4px;min-width:30px}.sd-time-edit button{width:24px}.sd-time-edit button,.sd-time-edit input{height:26px;border:1px solid var(--qa-line);border-radius:6px;color:var(--app-fg)}.sd-time-edit input{width:66px;padding:0 4px;background:var(--app-bg);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.sd-verse-change{display:flex;gap:6px}.sd-verse-change .qa-input{width:90px;height:34px}.sd-summary{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--qa-line);border-radius:10px;font-size:13px}.sd-summary div{display:flex;justify-content:space-between;gap:10px}.sd-summary dt{color:var(--app-muted)}.sd-summary dd{text-align:end}.sd-export{display:flex;flex-direction:column;gap:10px}.sd-export p{font-size:13px}.sd-big{height:44px;font-size:14px}.qa-btn svg,.sd-big svg{width:17px;height:17px}.sd-done{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:18px}.sd-stage{grid-area:stage;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;min-width:0;background:color-mix(in srgb,var(--app-fg) 3%,var(--app-bg))}.sd-frame,.sd-stage{position:relative;overflow:hidden}.sd-frame{border-radius:6px;background:#000;box-shadow:0 0 0 1px #ffffff14}.sd-frame canvas{display:block;width:100%;height:100%;cursor:pointer}.sd-frame canvas.is-movable{cursor:grab}.sd-frame canvas.is-movable:active{cursor:grabbing}.sd-stage-formats{position:absolute;top:12px;inset-inline-end:12px;display:flex;align-items:center;gap:6px;opacity:.85}.sd-stage-formats>:first-child{width:190px}.sd-guides-toggle{background:var(--qa-panel);border:1px solid var(--qa-line)}.sd-stage-formats:hover{opacity:1}.sd-sample{top:10px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:#000a;color:#fffc;font-size:11px;white-space:nowrap}.sd-handles,.sd-sample{position:absolute;pointer-events:none}.sd-handles{inset:0}.sd-handle{position:absolute;pointer-events:auto;cursor:move;border:1px dashed #ffffff00;border-radius:4px;touch-action:none;transition:border-color .12s}.sd-frame:hover .sd-handle{border-color:#ffffff66}.sd-handle.is-on{border:1.5px solid var(--qa-gold);box-shadow:0 0 0 1px #0006}.sd-handle-size{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border-radius:3px;background:var(--qa-gold);box-shadow:0 0 0 1.5px #000a;cursor:nwse-resize;opacity:0}.sd-picture-box{position:absolute;pointer-events:none;border:1px dashed color-mix(in srgb,var(--qa-gold) 70%,transparent)}.sd-picture-box .sd-handle-size{right:3px;bottom:3px;width:16px;height:16px;opacity:1;pointer-events:auto;touch-action:none}.sd-handle.is-on .sd-handle-size,.sd-handle:hover .sd-handle-size{opacity:1}.sd-start-icon{display:inline-flex;color:var(--qa-gold)}.sd-start-icon svg{width:26px;height:26px}.sd-start-bar{display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);margin-top:12px;padding:6px 6px 6px 14px;border:1px solid color-mix(in srgb,var(--qa-gold) 30%,var(--qa-line));border-radius:999px;background:var(--qa-panel);font-size:13px;animation:sd-fade .3s ease-out}@keyframes sd-fade{0%{opacity:0}}.sd-start-bar .sd-start-icon svg{width:18px;height:18px}.sd-start-text{color:var(--app-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sd-start-bar .qa-btn{height:32px;padding:0 12px;font-size:12.5px;flex-shrink:0;border-radius:999px}.sd-start-close{flex-shrink:0;width:28px;height:28px;color:var(--app-muted);font-size:18px}.sd-working-chip{position:absolute;left:16px;bottom:14px;z-index:6;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100% - 32px));padding:8px 8px 10px 12px;overflow:hidden;border:1px solid var(--qa-line);border-radius:12px;background:var(--qa-panel);box-shadow:0 10px 30px #0005;animation:sd-fade .2s ease-out}.sd-working-spin{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--qa-gold) 25%,transparent);border-top-color:var(--qa-gold);animation:sd-spin .9s linear infinite}@keyframes sd-spin{to{transform:rotate(1turn)}}.sd-working-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sd-working-text strong{font-size:12.5px;font-weight:600}.sd-working-text small{font-size:11px;color:var(--app-muted)}.sd-working-chip .qa-btn{height:28px;padding:0 10px;font-size:12px;flex-shrink:0}.sd-working-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--qa-gold);transition:width .4s ease}.sd-notice{top:12px;left:50%;transform:translateX(-50%);gap:8px;padding:6px 6px 6px 14px;border-inline-start:3px solid var(--qa-gold);border-radius:8px;background:var(--qa-panel);box-shadow:0 10px 30px #0006;font-size:13px}.sd-drop-overlay,.sd-notice{position:absolute;display:flex;align-items:center}.sd-drop-overlay{inset:0;z-index:20;justify-content:center;background:color-mix(in srgb,var(--app-bg) 70%,transparent);backdrop-filter:blur(3px);pointer-events:none}.sd-drop-overlay>div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 56px;border:2px dashed var(--qa-gold);border-radius:22px;background:color-mix(in srgb,var(--qa-gold) 8%,var(--qa-panel));text-align:center;animation:sd-pop .18s ease-out}@keyframes sd-pop{0%{transform:scale(.97);opacity:0}}.sd-drop-overlay strong{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:24px;font-weight:400}.sd-drop-overlay p{color:var(--app-muted);font-size:13.5px;max-width:340px}.sd-timeline{grid-area:timeline;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--qa-line);background:var(--qa-panel)}.sd-tools{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:6px 12px;border-bottom:1px solid var(--qa-line)}.sd-clock{font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.sd-clock small{color:var(--app-muted);font-weight:400}.sd-transport{display:flex;align-items:center;gap:6px}.sd-play{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qa-brand);color:var(--qa-brand-ink)}.sd-play svg{width:17px;height:17px}.sd-tools-end{display:flex;align-items:center;justify-content:flex-end;gap:4px}.sd-zoom{width:120px;margin-inline:6px}.sd-tracks{flex:1;min-height:0;display:flex}.sd-track-names{flex-shrink:0;width:64px;display:flex;flex-direction:column;border-inline-end:1px solid var(--qa-line);font-size:11px;color:var(--app-muted)}.sd-track-names span:nth-child(2){height:64px}.sd-track-names span:nth-child(3){height:46px}.sd-track-names span:nth-child(4){flex:1}.sd-track-names span{display:flex;align-items:center;padding-inline:10px;border-bottom:1px solid var(--qa-line)}.sd-scroll{position:relative;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.sd-lane{position:relative;height:100%;display:flex;flex-direction:column}.sd-ruler{position:relative;flex-shrink:0;border-bottom:1px solid var(--qa-line);cursor:text;background-image:linear-gradient(to right,color-mix(in srgb,var(--app-fg) 18%,transparent) 1px,transparent 1px);background-size:10px 6px;background-repeat:repeat-x;background-position:0 100%}.sd-ruler span{position:absolute;top:5px;padding-left:4px;border-left:1px solid color-mix(in srgb,var(--app-fg) 35%,transparent);font-size:10.5px;line-height:16px;color:var(--app-muted);font-variant-numeric:tabular-nums;pointer-events:none}.sd-track{position:relative;border-bottom:1px solid var(--qa-line)}.sd-track-ayat{height:64px;flex-shrink:0}.sd-track-audio{flex:1;min-height:40px;overflow:hidden;cursor:text}.sd-wave{position:absolute;top:0;height:100%;width:calc(100vw);color:color-mix(in srgb,var(--qa-gold) 55%,var(--app-muted));pointer-events:none}.sd-block{position:absolute;top:6px;bottom:6px;display:flex;border-radius:7px;overflow:hidden;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background:color-mix(in srgb,var(--qa-gold) 20%,var(--qa-raised));border:1px solid color-mix(in srgb,var(--qa-gold) 45%,transparent)}.sd-block:active{cursor:grabbing}.sd-block.is-extra{background:color-mix(in srgb,var(--app-fg) 10%,var(--qa-raised));border-color:var(--qa-line)}.sd-block.is-unsure{border-style:dashed}.sd-block.is-selected{border-color:var(--qa-gold);box-shadow:0 0 0 1px var(--qa-gold);z-index:2}.sd-block-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 4px;overflow:hidden;pointer-events:none}.sd-block-body b{font-size:11px;font-weight:600;color:var(--app-fg)}.sd-block-body span{font-family:var(--font-uthmani),var(--font-amiri),serif;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--app-muted)}.sd-block.is-cut{opacity:.35}.sd-block-edge{flex-shrink:0;width:7px;cursor:ew-resize}.sd-track-clips{height:46px;flex-shrink:0}.sd-piece{position:absolute;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid color-mix(in srgb,#4fa3a0 55%,transparent);background:color-mix(in srgb,#4fa3a0 22%,var(--qa-raised));color:var(--app-muted);font-size:10.5px;font-variant-numeric:tabular-nums;overflow:hidden}.sd-piece:hover{border-color:#4fa3a0}.sd-piece.is-selected{border-color:var(--qa-gold);box-shadow:0 0 0 1px var(--qa-gold);z-index:2}.sd-piece.is-cut{border-style:dashed;border-color:#e0685e99;background:repeating-linear-gradient(135deg,#e0685e2e 0 6px,transparent 6px 12px);color:#e0685e}.sd-piece-action{position:absolute;top:2px;z-index:6;height:26px!important;padding:0 10px!important;font-size:12px!important;box-shadow:0 6px 16px #0006}.sd-timeline-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:repeating-linear-gradient(90deg,transparent 0 79px,color-mix(in srgb,var(--app-fg) 6%,transparent) 79px 80px)}.sd-timeline-empty p{max-width:420px;padding:10px 16px;border:1px dashed var(--qa-line);border-radius:10px;background:var(--qa-panel);color:var(--app-muted);font-size:13px;text-align:center}.sd-block-edge:hover,.sd-block.is-selected .sd-block-edge{background:color-mix(in srgb,var(--qa-gold) 45%,transparent)}.sd-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#e0544a;pointer-events:none;z-index:4}.sd-playhead:before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top:8px solid #e0544a}.sd-outside{background:color-mix(in srgb,var(--app-bg) 62%,transparent);pointer-events:none;z-index:3}.sd-clip-edge,.sd-outside{position:absolute;top:0;bottom:0}.sd-clip-edge{width:10px;margin-left:-1px;z-index:5;cursor:ew-resize;border-left:2px solid var(--qa-gold)}.sd-clip-edge.is-end{margin-left:-9px;border-left:0;border-right:2px solid var(--qa-gold)}.sd-clip-edge:after{content:"";position:absolute;top:0;width:10px;height:14px;background:var(--qa-gold);border-radius:0 0 4px 0}.sd-clip-edge.is-end:after{right:0;border-radius:0 0 0 4px}.sd-shortcuts{padding:5px 12px;font-size:11px;color:var(--app-muted);border-top:1px solid var(--qa-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:980px){.sd-app .qa-main{overflow-y:auto}.qa-bar-center .sd-tabs button{padding:0 10px}.sd{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"stage" "timeline" "panel"}.sd-stage{height:62vh}.sd-timeline{height:220px}.sd-panel{border-inline-end:0;border-top:1px solid var(--qa-line);overflow:visible}.sd-shortcuts,.sd-stage-formats{display:none}}@media (max-width:640px){.sd-app .qa-bar{flex-wrap:wrap;height:auto;padding-block:6px}.sd-app .qa-bar-center{order:3;width:100%}.sd-app .qa-bar-center .sd-tabs{width:100%}.sd-app .qa-bar-center .sd-tabs button{flex:1}.sd-clock small,.sd-zoom{display:none}}.sd-library-section{scroll-margin-top:12px}.sd-library-section.is-called{animation:sd-called 1.6s ease-out}@keyframes sd-called{0%,30%{box-shadow:0 0 0 2px var(--qa-brand)}to{box-shadow:0 0 0 2px transparent}}.sd-guides{position:absolute;inset:0;z-index:2;pointer-events:none}.sd-guide{position:absolute;display:flex;align-items:center;justify-content:center;padding:4px;background:repeating-linear-gradient(135deg,#ff6b5a2e 0 6px,#ff6b5a14 6px 12px);border:1px dashed #ff9a8cb0;color:#ffe1dc;font:600 clamp(8px,1.1vw,11px)/1.2 var(--font-inter),var(--font-noto-naskh),sans-serif;letter-spacing:.04em;text-align:center;text-shadow:0 1px 2px #0009}.sd-guide.is-top{top:0;left:0;right:0;height:11%}.sd-guide.is-bottom{bottom:0;left:0;right:0;height:21%}.sd-guide.is-side{top:40%;right:0;width:14%;height:39%}.sd-guide.is-inset{inset:6%;align-items:flex-start;background:none;border:1px dashed #ffffffa0;color:#fff}.sd{--sd-panel:360px;--sd-timeline:318px}.sd button,.sd input,.sd select,.sd textarea{transition:border-color .15s,background-color .15s,box-shadow .15s}.sd [tabindex]:focus-visible,.sd button:focus-visible,.sd input:focus-visible,.sd select:focus-visible,.sd textarea:focus-visible{outline:2px solid var(--qa-gold);outline-offset:3px}.sd button:disabled{opacity:.42;cursor:not-allowed}.sd-panel-content{display:flex;flex-direction:column;gap:16px;min-width:0;border:0;padding:0;margin:0}.sd-panel{scrollbar-width:thin;scrollbar-color:var(--qa-line) transparent}.sd-project-section{border-color:color-mix(in srgb,var(--qa-gold) 25%,var(--qa-line))}.sd-project-section .qa-input{font-size:15px;font-weight:600}.sd .qa-input{min-width:0;width:100%}.sd .fw-row{flex-wrap:wrap}.sd-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.sd-time-fields label{font-size:11px;color:var(--app-muted);display:grid;gap:5px}.sd-stage-heading{position:absolute;top:17px;inset-inline-start:20px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--app-muted);max-width:calc(100% - 240px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sd-stage-heading small{color:var(--app-muted);font-size:10px;opacity:.75}.sd-status-dot{flex-shrink:0;height:6px;width:6px;border-radius:50%;background:#73c6a3;box-shadow:0 0 10px #73c6a330}.sd-frame{margin-top:18px}.sd-export-options legend{font-size:11px;padding-inline:6px;text-transform:uppercase;color:var(--app-muted);letter-spacing:.06em}.sd-busy{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--app-bg) 90%,transparent);z-index:12;font-size:15px}.sd-clock{display:flex;align-items:center;gap:7px}.sd-clock input{width:80px;border:1px solid var(--qa-line);border-radius:6px;background:var(--app-bg);color:var(--qa-gold);padding:5px 6px;font:inherit;font-variant-numeric:tabular-nums}.sd-tools{margin:0;min-width:0;border:0}.sd-tools .is-active{background:color-mix(in srgb,var(--qa-gold) 14%,transparent);color:var(--qa-gold)}.sd-track-names{width:82px}.sd-track-names .sd-overlay-label{flex:none!important;max-height:90px;color:#b1a4e9}.sd-track-names span:last-child{flex:1;min-height:36px}.sd-track-overlays{flex:none;min-height:30px;max-height:90px;overflow-y:auto;overflow-x:hidden;background:color-mix(in srgb,#9680dd 3%,transparent);scrollbar-width:thin}.sd-overlay-clip{position:absolute;display:flex;align-items:center;height:24px;border-radius:5px;background:color-mix(in srgb,#9680dd 23%,var(--qa-panel));border:1px solid #9680dd65;color:var(--app-fg);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;font-size:11px}.sd-overlay-clip.is-selected{border-color:#c3b4ff;box-shadow:0 0 0 1px #c3b4ff60}.sd-overlay-clip.is-hidden{opacity:.4}.sd-overlay-clip.is-locked{cursor:default}.sd-overlay-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.sd-overlay-edge{width:8px;height:100%;flex-shrink:0;cursor:ew-resize;border-radius:3px}.sd-overlay-edge:hover{background:#c3b4ff66}.sd-shortcuts{display:flex;justify-content:space-between;gap:12px}.sd-shortcuts span{overflow:hidden;text-overflow:ellipsis}.sd-shortcuts button{flex-shrink:0;color:var(--qa-gold)}.sd-help{position:absolute;bottom:32px;right:16px;max-width:min(520px,calc(100% - 32px));padding:18px;background:var(--qa-panel);border:1px solid var(--qa-gold);box-shadow:0 12px 40px #0008;border-radius:12px;font-size:13px;line-height:1.8;z-index:15}.sd.is-recording .sd-tracks{pointer-events:none;opacity:.65}.sd-notice{z-index:11;top:52px;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);line-height:1.5}@media (max-width:1200px){.sd{--sd-panel:320px}.sd-zoom{width:70px}.sd-stage-heading small{display:none}}@media (max-width:980px){.sd-stage-heading{max-width:calc(100% - 40px)}.sd .sd-timeline{height:300px}.sd .sd-shortcuts{display:flex}.sd .sd-stage{min-height:360px}}@media (max-width:640px){.sd .sd-tools{grid-template-columns:1fr auto;gap:8px}.sd-tools-end{grid-column:1/-1;justify-content:center!important;flex-wrap:wrap}.sd .sd-timeline{height:340px}.sd .sd-track-names{width:58px;font-size:10px}.sd-save-button{font-size:11px!important;padding-inline:8px!important}.sd-stage-heading{font-size:10px}}@media (prefers-reduced-motion:reduce){.sd *,.sd :after,.sd :before{animation:none!important;transition:none!important}}@media (min-width:981px){.sd,.sd-app .qa-main{overflow:clip}}.sd-audio-details,.sd-library-details{border:1px solid var(--qa-line);border-radius:10px}.sd-audio-details summary,.sd-library-details summary{padding:12px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--app-fg)}.sd-audio-details>.sd-section,.sd-library-details>.sd-section{border:0;border-top:1px solid var(--qa-line);border-radius:0 0 10px 10px}.sd-tracks{padding:0;border:0;margin:0;min-width:0}.sd-clip-list{list-style:none;display:flex;flex-direction:column;gap:4px}.sd-clip-list li{gap:4px;padding:4px;border:1px solid var(--qa-line);border-radius:9px;background:var(--app-bg)}.sd-clip-list li,.sd-clip-row{display:flex;align-items:center}.sd-clip-row{flex:1;min-width:0;gap:10px;padding:2px;border-radius:7px;color:var(--app-fg);text-align:start}.sd-clip-row:hover{background:var(--qa-raised)}.sd-clip-row .sd-file-icon{width:32px;height:32px}.sd-clip-actions{display:flex;flex-shrink:0}.sd-clip-actions .qa-icon{width:28px;height:28px;font-size:14px}.sd-clip-actions svg{width:15px;height:15px}.sd-track-clips .sd-piece{top:19px;bottom:4px;z-index:1}.sd-clipbox{position:absolute;top:2px;bottom:2px;border-radius:6px;border:1px solid color-mix(in srgb,#4fa3a0 45%,transparent);background:color-mix(in srgb,#4fa3a0 8%,transparent)}.sd-clipbox.is-video{border-color:color-mix(in srgb,#6b8fd6 50%,transparent);background:color-mix(in srgb,#6b8fd6 8%,transparent)}.sd-clipbox.is-dragging{z-index:8;opacity:.85;box-shadow:0 8px 24px #0007}.sd-clipbox-head{position:absolute;top:0;left:0;right:0;height:15px;display:flex;align-items:center;gap:4px;padding:0 5px;overflow:hidden;font-size:10px;line-height:15px;color:var(--app-fg);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid color-mix(in srgb,var(--app-fg) 8%,transparent)}.sd-clipbox-head:active{cursor:grabbing}.sd-clipbox-icon{display:inline-flex;flex-shrink:0;color:var(--app-muted)}.sd-clipbox-icon svg{width:11px;height:11px}.sd-clipbox-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sd-clipbox-remove{flex-shrink:0;width:14px;height:14px;border-radius:3px;color:var(--app-muted);font-size:12px;line-height:12px}.sd-clipbox-remove:hover{color:#e0685e;background:#e0685e22}.sd-trim{position:absolute;top:15px;bottom:0;width:8px;z-index:3;cursor:ew-resize;touch-action:none;border-left:3px solid color-mix(in srgb,var(--qa-gold) 70%,transparent);border-radius:2px}.sd-trim.is-end{border-left:0;border-right:3px solid color-mix(in srgb,var(--qa-gold) 70%,transparent)}.sd-trim:hover{background:color-mix(in srgb,var(--qa-gold) 25%,transparent)}.sd-cutzone{top:15px;bottom:2px;z-index:2;background:repeating-linear-gradient(135deg,#e0685e33 0 5px,transparent 5px 10px)}.sd-cutzone,.sd-drop-mark{position:absolute;pointer-events:none}.sd-drop-mark{top:0;bottom:0;width:3px;margin-left:-1px;z-index:9;border-radius:2px;background:var(--qa-gold);box-shadow:0 0 10px var(--qa-gold)}.sd-caption-handle{border-radius:8px}.sd-frame:hover .sd-caption-handle{border-color:#ffffff40}.sd-caption-handle:hover{border-color:#ffffffa0!important;background:#ffffff08}.sd-caption-tag{position:absolute;left:-1px;top:-19px;padding:1px 7px;border-radius:5px 5px 5px 0;background:var(--qa-gold);color:var(--qa-brand-ink,#1a1409);font:600 10px/16px var(--font-inter),sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.sd-caption-handle.is-on .sd-caption-tag,.sd-caption-handle:hover .sd-caption-tag{opacity:1}.sd-snap-line{position:absolute;z-index:3;pointer-events:none;background:#ff5fa2;box-shadow:0 0 4px #ff5fa2}.sd-snap-line.is-x{top:0;bottom:0;left:50%;width:1px}.sd-snap-line.is-y{left:0;right:0;top:50%;height:1px}@media (max-width:640px){.sd-start-text,.sd-working-text small{display:none}.sd-app .qa-bar-start{flex:none}.sd-app .qa-bar-end{margin-inline-start:auto}.sd-start-bar{gap:6px;padding-inline-start:6px}.sd-start-bar>.sd-start-icon{display:none}}.sd-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sd-choices button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;border:1px solid var(--qa-line);border-radius:9px;background:var(--app-bg);color:var(--app-muted);font-size:11.5px}.sd-choices button:hover{color:var(--app-fg);border-color:color-mix(in srgb,var(--qa-gold) 45%,var(--qa-line))}.sd-choices button.is-on{color:var(--app-fg);border-color:var(--qa-gold);background:color-mix(in srgb,var(--qa-gold) 10%,var(--app-bg))}.sd-choice-demo{position:relative;display:inline-block;padding:0 6px;border-radius:6px;font-family:var(--font-uthmani),var(--font-amiri),serif;font-size:19px;line-height:1.6;color:var(--app-fg);direction:rtl}.sd-choice-demo.is-sweep{background:linear-gradient(to left,var(--qa-gold) 50%,color-mix(in srgb,var(--app-fg) 45%,transparent) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sd-demo-sweep 2s linear infinite}@keyframes sd-demo-sweep{0%{background-position:100% 0}to{background-position:0 0}}.sd-choice-demo.is-color{animation:sd-demo-color 2s ease-in-out infinite}@keyframes sd-demo-color{0%,30%{color:var(--app-fg)}50%,90%{color:var(--qa-gold)}}.sd-choice-demo.is-pill{background:var(--qa-gold);color:var(--qa-brand-ink,#1a1409)}.sd-choice-demo.is-glow{color:var(--qa-gold);text-shadow:0 0 10px var(--qa-gold)}.sd-choice-demo.is-underline:after{content:"";position:absolute;right:6px;bottom:3px;height:2px;border-radius:2px;background:var(--qa-gold);animation:sd-demo-line 2s linear infinite}@keyframes sd-demo-line{0%{width:0}to{width:calc(100% - 12px)}}.sd-choice-demo.is-pop{color:var(--qa-gold);animation:sd-demo-pop 1.4s ease-in-out infinite}@keyframes sd-demo-pop{0%,to{transform:scale(1)}40%{transform:scale(1.2)}}.sd-choice-demo.is-motion-fade{animation:sd-demo-fade 2s ease-in-out infinite}@keyframes sd-demo-fade{0%,to{opacity:0}35%,70%{opacity:1}}.sd-choice-demo.is-motion-rise{animation:sd-demo-rise 2s ease-out infinite}@keyframes sd-demo-rise{0%{opacity:0;transform:translateY(8px)}35%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-5px)}}.sd-choice-demo.is-motion-zoom{animation:sd-demo-zoom 2s ease-out infinite}@keyframes sd-demo-zoom{0%{opacity:0;transform:scale(.7)}35%,70%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}.sd-choice-demo.is-motion-blur{animation:sd-demo-blur 2s ease-out infinite}@keyframes sd-demo-blur{0%,to{opacity:0;filter:blur(4px)}35%,70%{opacity:1;filter:none}}.sd-choice-demo.is-motion-words{animation:sd-demo-words 2s steps(3) infinite;clip-path:inset(0 0 0 100%)}@keyframes sd-demo-words{to{clip-path:inset(0 0 0 0)}}@media (prefers-reduced-motion:reduce){.sd-choice-demo{animation:none!important;clip-path:none!important}}.sd-tabs button{display:flex;align-items:center;justify-content:center;gap:7px}.sd-tab-number{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--qa-line);border-radius:5px;font-size:10px;opacity:.7}.sd-tabs .is-on .sd-tab-number{color:var(--qa-gold);border-color:color-mix(in srgb,var(--qa-gold) 45%,transparent);opacity:1}.sd-welcome{padding:20px;border-radius:14px;border:1px solid color-mix(in srgb,var(--qa-gold) 32%,var(--qa-line));background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--qa-gold) 12%,transparent),transparent 75%),var(--app-bg)}.sd-welcome-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:10px;color:var(--qa-gold);background:color-mix(in srgb,var(--qa-gold) 12%,transparent)}.sd-welcome-icon svg{width:20px;height:20px}.sd-welcome h3{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:25px;font-weight:400;line-height:1.2}.sd-welcome p{margin:10px 0 18px;font-size:12px;line-height:1.7;color:var(--app-muted)}.sd-welcome>button{width:100%}.sd-workflow{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--qa-line);font-size:11px;color:var(--app-muted)}.sd-stage{background-image:radial-gradient(circle at center,color-mix(in srgb,var(--qa-gold) 4%,transparent),transparent 70%)}.sd-frame{box-shadow:0 18px 60px #0003,0 0 0 1px color-mix(in srgb,var(--app-fg) 12%,transparent);border-radius:10px}.sd-stage-heading{max-width:calc(100% - 290px)}.sd-preview-status{position:absolute;bottom:12px;inset-inline:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;color:var(--app-muted);font-size:11px}.sd-preview-status b{color:var(--app-fg);font-weight:500;margin-inline-start:5px;font-variant-numeric:tabular-nums}.sd-save-state.is-saved{color:#579b80}.sd-save-state.is-error{color:#e0685e}.sd-count{padding:4px 8px;border-radius:20px;background:var(--qa-raised);color:var(--app-muted);font-size:11px}.sd-add-verse{display:grid;gap:10px}.sd-cards:empty:after{content:"—";display:block;padding:20px;text-align:center;color:var(--app-muted)}.sd.is-caption-busy{cursor:progress}.sd.is-caption-busy .sd-stage,.sd.is-caption-busy .sd-tracks{pointer-events:none}.sd.is-focused{--sd-timeline:64px;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "timeline"}.sd.is-focused .sd-panel,.sd.is-focused .sd-shortcuts,.sd.is-focused .sd-tracks{display:none}@media (min-width:981px) and (max-height:850px){.sd{--sd-timeline:260px}}@media (max-width:980px){.sd-stage-formats{display:flex}.sd-stage-heading{max-width:calc(100% - 290px)}.sd.is-focused{grid-template-rows:auto auto}.sd.is-focused .sd-stage{height:72vh}.sd.is-focused .sd-timeline{height:auto;min-height:64px}}@media (max-width:640px){.sd-tab-number{display:none}.sd-stage-heading{top:20px;inset-inline-start:12px}.sd-stage-formats{inset-inline-end:10px;gap:4px}.sd-stage-formats>:first-child{width:154px}.sd-preview-status{gap:4px 12px;bottom:8px;font-size:10px}.sd-preview-status .sd-save-state{flex-basis:100%;text-align:center}}.sd-split{display:none}@media (min-width:981px){.sd{grid-template-columns:min(var(--sd-panel-user,var(--sd-panel)),calc(100% - 360px)) minmax(0,1fr);grid-template-rows:minmax(0,1fr) min(var(--sd-timeline-user,var(--sd-timeline)),calc(100% - 220px))}.sd.is-focused{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--sd-timeline)}.sd-split{display:block;position:absolute;z-index:6;touch-action:none;outline:none}.sd-split:after{content:"";position:absolute;background:var(--qa-gold);opacity:0;transition:opacity .15s}.sd-split:focus-visible:after,.sd-split:hover:after,.sd.is-resizing .sd-split:active:after{opacity:.7}.sd-split-panel{top:0;width:10px;cursor:col-resize;bottom:min(var(--sd-timeline-user,var(--sd-timeline)),calc(100% - 220px));inset-inline-start:calc(min(var(--sd-panel-user, var(--sd-panel)), calc(100% - 360px)) - 5px)}.sd-split-panel:after{top:0;bottom:0;inset-inline-start:4px;width:2px}.sd-split-timeline{left:0;right:0;height:10px;cursor:row-resize;bottom:calc(min(var(--sd-timeline-user, var(--sd-timeline)), calc(100% - 220px)) - 5px)}.sd-split-timeline:after{left:0;right:0;top:4px;height:2px}.sd.is-focused .sd-split{display:none}.sd.is-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sd.is-resizing .sd-panel,.sd.is-resizing .sd-stage,.sd.is-resizing .sd-timeline{pointer-events:none}}.sd-marks{grid-template-columns:repeat(5,minmax(0,1fr))}.sd-marks button{gap:2px;padding-inline:2px;font-size:10px}.sd-mark-demo{width:44px;height:44px;display:block;margin-inline:auto}@media (max-width:640px){.sd-marks{grid-template-columns:repeat(4,minmax(0,1fr))}}.sd-subhead{display:block;margin:2px 0 -4px;font-size:11px;color:var(--app-muted)}.sd-scenes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sd-scenes button{display:flex;flex-direction:column;gap:4px;padding:3px 3px 5px;border:1px solid var(--qa-line);border-radius:9px;background:var(--app-bg);color:var(--app-muted);font-size:10px;line-height:1.2;text-align:center}.sd-scenes button:hover{color:var(--app-fg);border-color:color-mix(in srgb,var(--qa-gold) 45%,var(--qa-line))}.sd-scenes button.is-on{color:var(--app-fg);border-color:var(--qa-gold)}.sd-scene-demo{display:block;width:100%;aspect-ratio:9/16;border-radius:6px}.sd-restore{width:100%;min-width:0}.sd-restore>span{flex-shrink:0}.sd-restore>.sd-restore-name{flex-shrink:1}.sd-restore>.sd-restore-name,.sd-stage-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.sd-stage-heading small{flex-shrink:0}@media (max-width:980px){.sd-stage-heading{max-width:calc(100% - 330px)}}@media (max-width:640px){.sd-stage-heading{max-width:calc(100% - 250px)}}.sd-notice.sd-later{border-inline-start-color:var(--qa-line);color:var(--app-muted)}.sd-notice.sd-later.is-ready{border-inline-start-color:var(--qa-gold);color:var(--app-fg)}.sd{grid-template-rows:minmax(0,1fr) auto var(--sd-timeline);grid-template-areas:"panel stage" "panel looks" "timeline timeline"}.sd-looks{grid-area:looks;display:flex;align-items:center;gap:12px;min-width:0;padding:8px 14px 10px;border-top:1px solid var(--qa-line);background:color-mix(in srgb,var(--app-bg) 60%,var(--qa-panel))}.sd-looks-title{flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--app-muted);writing-mode:vertical-rl;transform:rotate(180deg)}.qa[dir=rtl] .sd-looks-title{letter-spacing:0;transform:none}.sd-looks-row{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.sd-look{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px 3px 4px;border:1px solid var(--qa-line);border-radius:9px;background:var(--app-bg);color:var(--app-muted);font-size:10.5px;line-height:1.15;max-width:92px;transition:border-color .15s,color .15s,transform .15s}.sd-look:hover:not(:disabled){color:var(--app-fg);border-color:color-mix(in srgb,var(--qa-gold) 50%,var(--qa-line));transform:translateY(-1px)}.sd-look.is-on{color:var(--app-fg);border-color:var(--qa-gold);box-shadow:0 0 0 1px var(--qa-gold)}.sd-look span{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-look-thumb{display:block;border-radius:6px;background:#000;height:72px;width:auto}.sd-look-thumb.is-9x16{width:40.5px}.sd-look-thumb.is-1x1{width:72px}.sd-look-thumb.is-16x9{width:128px}.sd.is-focused .sd-looks{display:none}@media (min-width:981px){.sd{grid-template-rows:minmax(0,1fr) auto min(var(--sd-timeline-user,var(--sd-timeline)),calc(100% - 320px))}.sd.is-focused{grid-template-areas:"stage" "timeline";grid-template-rows:minmax(0,1fr) var(--sd-timeline)}}.sd-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-photo-swatch{display:block;width:100%;aspect-ratio:9/16;border-radius:6px;background:#000 50%/cover no-repeat}.sd-zones-toggle{height:32px;gap:6px;padding:0 10px;font-size:12px;opacity:1}.sd-zones-toggle svg{width:16px;height:16px}.sd-zones-toggle b{font-weight:600;color:var(--app-muted)}.sd-zones-toggle.is-on b{color:var(--qa-gold)}.sd-guide{background:repeating-linear-gradient(135deg,#ffffff14 0 6px,#ffffff08 6px 12px);border:1px dashed #ffffff66;color:#ffffffcc;transition:background-color .2s,border-color .2s}.sd-guide.is-top{border-width:0 0 1px}.sd-guide.is-bottom{border-width:1px 0 0}.sd-guide.is-side{border-width:1px 0 1px 1px;right:auto}.sd-guide.is-hit{background:repeating-linear-gradient(135deg,#ff5a4a44 0 6px,#ff5a4a22 6px 12px);border-color:#ff8a7c;color:#fff}.sd-zone-warning{position:absolute;left:50%;top:12%;z-index:3;transform:translate(-50%,6px);padding:4px 10px;border-radius:999px;background:#d9443acc;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none}.sd-frame canvas,.sd-handle,.sd-picture-box .sd-handle-size{touch-action:none}.sd-sheet-handle{display:none}@media (max-width:980px){.sd-app .qa-main{overflow:hidden}.sd{height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto minmax(0,38%);grid-template-areas:"stage" "looks" "timeline" "panel"}.sd .sd-stage{height:auto;min-height:0}.sd .sd-timeline{height:auto}.sd .sd-tracks{max-height:150px}.sd .sd-panel,.sd .sd-tracks{overflow-y:auto}.sd .sd-shortcuts{display:none}.sd.is-focused{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage" "timeline"}}@media (max-width:640px){.sd{grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"stage" "looks" "timeline"}.sd .sd-preview-status,.sd .sd-stage-heading{display:none}.sd .sd-frame{margin-top:44px}.sd .sd-stage-formats{top:6px;inset-inline:8px;justify-content:space-between}.sd .sd-stage-formats>:first-child{width:auto;flex:1;max-width:170px}.sd .sd-zones-toggle span{display:none}.sd-looks{padding:6px 10px;gap:8px}.sd-looks-title{display:none}.sd-look-thumb{height:60px}.sd-look-thumb.is-9x16{width:33.75px}.sd-look-thumb.is-1x1{width:60px}.sd-look-thumb.is-16x9{width:106.7px}.sd-look{font-size:10px;max-width:76px}.sd .sd-timeline{height:auto}.sd .sd-tracks{max-height:104px}.sd .sd-panel{display:none}.sd.is-sheet,.sd.is-sheet.is-empty{grid-template-rows:minmax(0,1fr) minmax(0,50%);grid-template-areas:"stage" "panel"}.sd.is-sheet .sd-looks,.sd.is-sheet .sd-timeline{display:none}.sd.is-sheet .sd-panel{display:flex;grid-area:panel;overflow-y:auto;padding-top:4px;border:0;border-radius:18px 18px 0 0;box-shadow:0 0 0 1px var(--qa-line),0 -10px 30px color-mix(in srgb,#000 22%,transparent);scrollbar-width:none;animation:sd-sheet-up .26s cubic-bezier(.2,.8,.2,1)}.sd-sheet-handle{position:sticky;top:-4px;z-index:2;display:flex;justify-content:center;width:calc(100% + 32px);margin:-4px -16px 0;padding:8px 0 10px;background:var(--qa-panel)}.sd-sheet-handle span{width:42px;height:5px;border-radius:3px;background:var(--qa-line)}.sd .sd-notice{top:auto;bottom:10px}.sd-zone-warning{top:auto;bottom:22%}.sd.is-empty .sd-timeline{display:none}.sd.is-empty{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage" "looks"}}.sd-guide{align-items:flex-start;justify-content:flex-start;padding:3px 6px;font-size:9px;letter-spacing:.02em}.sd-guide.is-bottom{align-items:flex-end}@keyframes sd-sheet-up{0%{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}@media (min-width:981px){.sd-looks{padding:6px 12px 8px}.sd-look-thumb{height:60px}.sd-look-thumb.is-9x16{width:33.75px}.sd-look-thumb.is-1x1{width:60px}.sd-look-thumb.is-16x9{width:106.7px}}@media (max-width:640px){.sd.is-sheet .sd-start-bar{display:none}.sd.is-sheet .sd-welcome{padding:14px}.sd.is-sheet .sd-welcome h3{font-size:20px}}.sd-look-wrap{flex-shrink:0;flex-direction:column;align-items:center}.sd-look-tools,.sd-look-wrap{display:flex;gap:2px}.sd-look-tools .qa-icon{width:22px;height:22px;font-size:13px}.sd-look-tools .qa-icon svg{width:12px;height:12px}.sd-look-actions,.sd-look-name{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding-inline:4px}.sd-look-actions .qa-btn{height:30px;padding:0 10px;font-size:12px;white-space:nowrap}.sd-look-name .qa-input{width:150px;height:32px;font-size:13px}.sd-look-name .qa-btn{height:28px;padding:0 10px;font-size:12px}@media (max-width:640px){.sd .sd-frame{margin-top:40px}.sd .sd-start-bar{margin-top:8px;padding:4px 4px 4px 10px;font-size:12px}.sd .sd-start-bar .qa-btn{height:32px;padding:0 10px;font-size:12.5px}.sd-sample{white-space:normal;max-width:calc(100% - 16px);text-align:center;font-size:10px;line-height:1.3}}.sd-library-details>.sd-library-section{padding:2px 12px 12px;background:none;gap:0}.sd-library-section .mp>.hl-head{display:none}.sd-library-section .hl.is-panel .hl-sections{padding-inline:0;padding-top:10px}.sd-library-section .hl-credit,.sd-library-section .hl.is-panel .hl-search,.sd-library-section .mp-bar{padding-inline:0}.sd-library-section .hl-list{margin-inline:-6px}@media (max-width:980px){.sd-app .qa-main{overflow:clip}}.sd-library-section .hl.is-panel,.sd-library-section .hl.is-panel .hl-body{height:auto;max-height:none;overflow:visible;flex:none}.sd-library-section .mp .hl .hl-body{max-height:none}.sd-library-section .hl.is-panel .mp-bar{padding-inline:0}@media (max-width:640px){.sd .sd-tools{display:flex;align-items:center;gap:2px;padding:4px 6px;overflow-x:auto;scrollbar-width:none}.sd .sd-clock{flex-shrink:0}.sd .sd-clock input{width:64px;padding:4px 5px;font-size:12px}.sd .sd-transport{gap:0;margin-inline:auto}.sd .sd-tools-end .qa-icon,.sd .sd-transport .qa-icon{width:32px;height:32px}.sd .sd-play{width:36px;height:36px}.sd .sd-tools-end{grid-column:auto;flex-wrap:nowrap;gap:0;justify-content:flex-end!important;flex-shrink:0}.sd .sd-tools .qa-btn.is-quiet{height:32px;padding:0 8px;font-size:12px}.sd .sd-tracks{max-height:none;overflow:visible}.sd .sd-track-names{width:50px;font-size:10px}.sd .sd-track-names span{padding-inline:6px}.sd .sd-track-ayat,.sd .sd-track-names span:nth-child(2){height:50px}.sd .sd-track-clips,.sd .sd-track-names span:nth-child(3){height:40px}.sd .sd-track-audio,.sd .sd-track-names span:last-child{flex:none;height:30px;min-height:30px}.sd .sd-help,.sd .sd-shortcuts,.sd .sd-track-names .is-none,.sd .sd-track-overlays.is-none{display:none}.sd .sd-scroll{touch-action:pan-x;scrollbar-width:none}.sd .sd-block-body span{font-size:12px}}@media (pointer:coarse){.sd-block,.sd-overlay-clip{touch-action:pan-x}.sd-block.is-selected,.sd-overlay-clip.is-selected{touch-action:none}}.sd-card-text .is-unshown{opacity:.32}.sd-card-tools{flex-wrap:wrap;gap:6px;margin-top:8px}.sd-card-tools .qa-btn{height:30px;padding:0 10px;font-size:12px}.sd-words-shown{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin:10px 0 0;padding:8px 10px 10px;border:1px solid var(--qa-line);border-radius:10px}.sd-words-shown legend{padding-inline:4px;font-size:11px;color:var(--app-muted);text-transform:uppercase;letter-spacing:.05em}.sd-words-shown label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;color:var(--app-muted)}.sd-words-shown select{height:32px;font-family:var(--font-uthmani),var(--font-amiri),serif;font-size:15px}.sd-words-shown .qa-btn,.sd-words-shown .sd-hint{grid-column:1/-1}.sd-words-shown .sd-hint{margin:0}.sd-engine{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;color:var(--app-muted)}.sd-engine span{margin-inline-end:4px}.sd-engine button{height:28px;padding:0 10px;border:1px solid var(--qa-line);border-radius:999px;background:var(--app-bg);color:var(--app-muted);font-size:12px}.sd-engine button.is-on{border-color:var(--qa-gold);color:var(--app-fg);background:color-mix(in srgb,var(--qa-gold) 12%,var(--app-bg))}.sd-shade{display:grid;gap:10px;padding:10px 0 2px 12px;border-inline-start:2px solid var(--qa-line)}.sd-field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.sd-shade-edge{flex-direction:column;align-items:stretch;gap:6px}.sd-shade-edge .sd-seg button{flex:1 1 auto;padding:0 3px}