<!--
  DOW Software — Dawn of Worship | Mega Tag Enterprise
  CHANGELOG
  v1.0.0 — Initial full release: Bible import (auto-loads niv.json) with Book/Chapter/Verse
           selector (OT/NT grouped), song .txt import, media backgrounds (jpg/mp4/webm),
           preview/live screens with transitions, quick-access dock, display settings
           (margins, font, size, alignment incl. justify, colours, shadow), fixed 16:9
           letterboxed output window, template save/load, custom font import, dark/light
           control-panel theme, PPTX import (slide text only, needs internet first time).
  v1.1.0 — Bible importer now recognises the common "metadata + flat verses[]" JSON schema
           (e.g. scrollmapper/bible_databases KJV, ASV exports) in addition to the nested
           Book/Chapter/Verse schema, and picks up the version's real name/shortname from
           its metadata automatically. PPTX import now recreates each slide's actual layout
           (positioned text boxes with their own size/colour/bold, plus embedded images and
           slide background) instead of just extracted text. Added GitHub-folder auto-sync
           (🔄 button, header) that lists the repo folder via the GitHub API and imports any
           new .json Bibles, images/video, .pptx decks and .txt/.xml lyric files it finds —
           runs automatically once per load and skips anything already imported.
  v1.1.1 — Fixed: Text colour picker had no effect (a hardcoded white was baked into the
           slide CSS, overriding it). Text and ref colour changes now also apply instantly
           to whatever slide is currently showing, instead of only the next slide loaded.
  v1.2.0 — Output window now: (1) carries a stable, distinctive title ("DOW Software —
           OUTPUT") so it's easy to target by name in OBS's Window Capture source; (2)
           attempts to go fullscreen automatically the moment it opens, removing the
           browser title bar — falls back to an on-screen "press F or double-click" hint
           if the browser blocks the automatic attempt (a real user click still always
           works). Note: a browser window can't make itself into an OS-level second
           display — if you have an actual second monitor/projector connected, "Open
           Output" already auto-detects it and fills it completely, which is what lets
           OBS's Display Capture pick it up as that monitor; without a real second screen,
           Window Capture targeting the output window's title is the way to go.
  v1.3.0 — (1) Songs tab: "＋ New" opens a lyric editor so you can type lyrics from scratch
           (blank line = new slide), save them for future use (stored in the browser like
           imported songs), edit any saved song with ✎, and download a .txt copy. An unsaved
           draft survives tab switches and page refreshes. (2) QUICK VERSE bar above the
           screens: type "book:chapter:verse" (John:3:16, john 3 16, Ps 23, 1 Cor 13:4-7,
           common abbreviations OK) and press Enter. (3) Direct-to-screen shortcuts:
           Shift+Enter in the quick bar (or the ⚡ Project button) loads the verse, takes it
           live and opens the output window if it isn't open; O opens output, D toggles
           auto-take, / or Ctrl+K jumps to the quick bar from anywhere.
  v1.4.0 — Output now goes straight to the 2nd display: if a second screen is detected, TAKE LIVE
           (or ⚡ Project) opens the output window on it automatically (tick/untick "Auto-open
           on 2nd screen"), sized to that screen. The output window then tries to go fullscreen
           by itself (no title bar) using the Window Management permission; if the browser
           insists on a click first, a visible banner appears and ONE click/key on the output
           screen makes it fullscreen. Fixed: the old "press F" hint was hidden by CSS and never
           showed. Output window also re-links to a still-open output window after a page refresh.
  v1.4.1 — Output fullscreen restored to the v1.2.0 method: the moment the output window opens it
           requests plain fullscreen immediately (no waiting on screen-detail lookups, which
           were using up the browser's one-time permission to go fullscreen in v1.4.0). The
           "click once / press F" banner, auto-open on the 2nd screen and the single-screen
           fallback (output fills the screen, as in v1.2.0) are kept.
  v1.4.2 — Auto-open on the 2nd screen no longer depends on the browser's single "isExtended"
           flag (which can read false/undefined even with a projector attached). TAKE LIVE now
           asks the browser for the real list of displays and opens the output on the other one.
           Added a status line under the controls that says what was found/what happened
           ("2nd screen detected", "popup blocked", "permission needed"…). 🖥 Open Output always
           opens the window (as before); only the automatic open is skipped on a single screen.
  v1.5.0 — Media fit + media-only projection. (1) New DISPLAY SETTINGS: Media fit = Fill (crop to
           fit) / Fit (show everything, black bars) / Stretch (distort to fill exactly), applied to
           background images/videos and to media-only projection; "Media fills whole display" makes
           backgrounds and media cover the entire output screen even when it is not 16:9 (text stays
           in the 16:9 safe area). (2) Media tab: new "Project only" mode — an image or video is shown
           full screen on its own (no text, no dimming) in Preview and/or Live, instead of only as a
           background. Videos can loop and play sound on the output window (Space = play/pause the
           live video). Click the output window once if the browser blocks sound.
  v1.6.0 — NEW "Online" tab: show a licensed online Bible site (BibleGateway.com built in, or any
           site via a custom address) on the output screen, so versions the app has no licence
           for can still be read in church. The app does NOT copy, store or re-type the site's
           text — the real page is displayed as-is, with a "Scripture shown live from <site> · <version>"
           credit in the lower-left corner. Quick Verse bar gets 🌐 online versions in its drop-down.
           Preview/Live thumbnails show a placeholder (the page loads only on the output screen).
           If a site refuses to be embedded, "Open site in its own window" puts it on the 2nd screen.
  v1.6.1 — Online Bible: (1) Preview and Live thumbnails now show the actual scripture page
           (not just a placeholder); (2) YouVersion (Bible.com) added as a site — pick it in the
           Online tab; references like "John 3:16-18" or "1 Cor 13" are converted to YouVersion's
           own links. Sites that refuse to be embedded still work via "Open site in own window".
  v1.6.2 — Online Bible display: zoom now goes up to 600% and can be changed LIVE (Preview, Live and the
           output screen update without reloading the page); new "Dark page" option shows the site on a
           black background with light text to match the app (a display filter only — the site's own
           text, fonts and layout are untouched and nothing is copied).
  v1.7.0 — OFFLINE CACHING. The app now saves itself on the computer (service worker + web manifest)
           so it opens and runs with NO internet — Wi-Fi down in the sanctuary is no longer a
           problem. Saved offline: the app page, its icons and the PPTX unzip library (which
           previously needed internet every visit). When online the page always refreshes from the
           network first (3-second timeout, then the saved copy), so new releases arrive normally.
           New header badge: ⚡ Offline-ready / 📴 Offline / … Saving (hover for details; click to
           refresh the offline copy). The app also asks the browser to PROTECT its storage so imported
           Bibles, songs, media, PPTX decks and fonts are not cleared automatically when the disk runs
           low. Installable as an app (Chrome/Edge: install icon in the address bar) — launches in its
           own window without tabs. Needs two things on GitHub next to index.html: sw.js and
           manifest.webmanifest (+ icon-192.png, icon-512.png). Offline caching only works from the web
           address (https / GitHub Pages), not from a file opened off the disk. Online Bible sites and
           the GitHub sync obviously still need internet.
  v1.8.0 — PPTX import rebuilt to match PowerPoint / LibreOffice. Pictures are now cropped, bordered,
           shadowed and transparent exactly as in the file (watermarks no longer show at full strength);
           text uses the deck's real fonts, sizes, bullets, spacing, bold/underline, and the layout/master
           placeholders; shapes, lines/arrows, groups and tables are drawn; 4:3 decks are letter-boxed
           instead of stretched; slide order follows the presentation, not the file names. The slide
           selector now shows true thumbnails for PPTX slides, and its text tiles are readable in the
           light control-panel theme (they were dark-on-dark). Decks imported earlier keep working but
           show a "re-import" tag — re-import them (or press 🔄 for GitHub decks) to get the new look.
  v1.9.0 — EasyWorship Bibles (.ewb) can now be imported as Bible versions. Use the Bible tab's
           Import button (you can pick several .json / .ewb files at once) or drop .ewb files
           in the GitHub folder and press 🔄. The version name (e.g. NKJV, RSV) is read from the
           file itself. Verses that EasyWorship stores as a range (e.g. James 1:7-8) are kept
           under the first verse number. Needs a current browser (Chrome/Edge/Firefox/Safari).
  v1.9.1 — .ewb is now preferred over .json for the same Bible version. When a GitHub folder
           holds both (e.g. niv.ewb and niv.json) only the .ewb is used, and an .ewb found on 🔄
           replaces a version that was loaded earlier from a .json (including the auto-loaded
           niv.json). On first launch niv.ewb is tried before niv.json.
  v1.9.2 — Songs can now be imported from .xml files as well as .txt. The Songs tab's Import button
           (several files at once) and the GitHub folder sync (🔄) both accept them. Supports the
           OpenLyrics format (what OpenLP exports): the song title comes from the file, each verse
           becomes a slide, line breaks are kept, and the file's verse order is followed. Simple
           OpenSong-style .xml is read too. Files that aren't song lyrics are reported, not imported.
  v1.10.0 — (1) LIVE VIDEO SOURCE. New "Camera" tab: pick any camera, USB/HDMI capture card or phone used as a
           webcam that the browser can see (🔍 Find asks permission and lists them), then press Preview or
           ⚡ Project to show the live picture full screen on the output. It follows Media fit and "Media
           fills whole display", and can also be used as a background behind lyrics and verses. Options:
           quality (Auto / 720p / 1080p), mirror, optional sound from the source on the output (with its own
           sound-input list, for capture cards), Stop & release. Space freezes / unfreezes the picture. A source
           can be added to the Quick Dock. The device is opened once and shared with the output window. Needs
           the app's https address (or localhost) and your permission to use the camera.
           (2) EXPORT. New "Export" tab: tick the lyrics (.txt), Bible versions (.json, re-importable) and PPTX
           decks (the original .pptx file) you want — or press Backup everything — and save them as one .zip
           or as separate files. PPTX decks now keep their original file when imported; decks imported by
           earlier versions need one re-import (🔄 refills GitHub-hosted decks automatically).
           (3) FIX: ⚡ Project (Quick Verse bar, Online tab, Camera tab) now also opens the output window on a
           computer with a single screen; before, "Auto-open on 2nd screen" swallowed the request.
  v1.11.0 — (1) SONGS: the Songs search box now also looks INSIDE the lyrics. Type any word(s) from a song
           ("amazing grace", "lov", "sweet sound"): matching songs are listed with the matching lyric line
           highlighted, and clicking one opens it on the slide that contains the words. Titles still work as
           before and are listed first. (2) SCRIPTURES: new search box at the top of the Bible tab finds verses by
           a word or phrase in the selected version (partial words work; several words = all of them, exact
           phrase first). Click = load into Preview · Shift+click = whole chapter, positioned on that verse ·
           ⚡ = project now. The Quick Verse bar does the same when what you type is not a reference (e.g.
           "so loved the world"). (3) MEDIA: images and animated clips are now in separate sections; every
           tile shows its file name, and hovering shows a tooltip with length, resolution and size. Clip
           thumbnails can animate — "Play on hover" (default), "Always playing" or "Still". The Preview and Live
           labels now also show the name of the clip / image being previewed or live, and of the background in use.
  Bump DOW_VERSION below and add a new line here whenever a change ships.
-->
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="manifest" href="manifest.webmanifest"><meta name="theme-color" content="#1A1A1A"><title>DOW Software v1.11.0 — Dawn of Worship | Mega Tag Enterprise</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" crossorigin="anonymous"></script>
<style>
:root{--g:#C9932E;--d:#1A1A1A;--s:#666;--w:#fff;--bg:#101010;--l:#2a2a2a;--fg:#eee;--btn:#262626;--btnb:#3a3a3a}
body.light{--d:#f2f2f2;--bg:#eaeaea;--l:#d2d2d2;--fg:#1a1a1a;--btn:#fff;--btnb:#bbb;--s:#555}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:13px Helvetica,Arial,sans-serif;height:100vh;display:flex;flex-direction:column}
header{background:var(--d);border-bottom:2px solid var(--g);padding:8px 16px;display:flex;align-items:center;gap:14px}
.netb{font-size:11px;letter-spacing:.5px;border:1px solid var(--btnb);border-radius:3px;padding:1px 6px;cursor:pointer;color:#999;white-space:nowrap;user-select:none}.netb.ok{color:var(--g);border-color:var(--g)}.netb.off{color:#e55;border-color:#e55}
header b{color:var(--fg);letter-spacing:3px;font-size:15px}header i{color:var(--g);font-style:normal}header small{color:var(--s);margin-left:auto}
header button{padding:4px 8px}
main{flex:1;display:grid;grid-template-columns:290px 1fr 270px;gap:8px;padding:8px;min-height:0}
section{background:var(--d);border:1px solid var(--l);border-radius:6px;padding:8px;overflow:auto;min-height:0}
h4{margin:0 0 6px;color:var(--g);font-size:11px;letter-spacing:2px;text-transform:uppercase}
button,select,input{background:var(--btn);color:var(--fg);border:1px solid var(--btnb);border-radius:4px;padding:5px 8px;font:inherit}
input[type=color]{padding:2px;height:30px;cursor:pointer}
button{cursor:pointer}button:hover{border-color:var(--g)}button.go{background:var(--g);color:#000;font-weight:bold;border-color:var(--g)}
.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.tabs button{flex:1 0 auto;padding:5px 6px}.tabs .on{background:var(--g);color:#000}
.mh{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px;color:var(--g);font-size:11px;letter-spacing:2px;text-transform:uppercase}.mh small{color:#888;letter-spacing:0}.nm{letter-spacing:0;text-transform:none;color:var(--fg);margin-left:8px;display:inline-block;max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-size:12px}.mt:hover{border-color:var(--g)}.mt .cap{position:absolute;left:0;right:0;bottom:0;background:#000b;color:#fff;font-size:10px;line-height:14px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-align:left}.mt .dur{position:absolute;left:3px;top:2px;background:#000b;color:#fff;font-size:10px;line-height:14px;padding:0 4px;border-radius:3px;pointer-events:none}.mt .dur:empty{display:none}
mark{background:var(--g);color:#000;border-radius:2px;padding:0 1px}.bres{max-height:46vh;overflow:auto;border:1px solid var(--l);border-radius:4px;margin-bottom:8px}.bres .it{align-items:flex-start}.bres .it x{font-size:15px}.bres .it x:hover{color:var(--g)}
.xh{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px;color:var(--g);font-size:11px;letter-spacing:1px;text-transform:uppercase}.xr{display:flex;gap:6px;align-items:flex-start;padding:3px 2px;border-bottom:1px solid var(--l);cursor:pointer}.xr input{margin-top:2px}.xr span{word-break:break-word}
.row{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.row input{flex:1;min-width:0}
.it{padding:5px 6px;border-bottom:1px solid var(--l);cursor:pointer;display:flex;justify-content:space-between;gap:6px}.it:hover{background:var(--l)}.it x{color:#888}.it x:hover{color:#e55}
.mons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mons label{color:#999;font-size:11px;letter-spacing:2px}.mons .live label{color:#e55}
.scr{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border:2px solid #333}.live .scr{border-color:#c33}
.st{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden}
.bg,.dm,.mo,.sl,.bg>*{position:absolute;inset:0;width:100%;height:100%}.tx{position:absolute;inset:0}.bg>*{object-fit:cover;background-size:cover;background-position:center}.dm{background:#000;opacity:.3}
.px{position:absolute;inset:0;overflow:hidden}.pxpaper{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;font-family:Calibri,Carlito,Arial,sans-serif;color:#000;line-height:normal;text-shadow:none;text-align:left}.pxpaper *{box-sizing:border-box}.pe{position:absolute}.pe .pc{position:absolute;inset:0;overflow:hidden}.pe .pc img{position:absolute;max-width:none;display:block}.pg{position:absolute;left:0;top:0;overflow:visible}.pt{position:absolute;inset:0;display:flex;flex-direction:column}.pt.s{position:static}.pp{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font-weight:normal}.ptb{position:absolute;border-collapse:collapse;table-layout:fixed}.ptb .pp{overflow-wrap:normal}.pxel{position:absolute;overflow:hidden}.pxel img{width:100%;height:100%;object-fit:contain}.pxtxt{width:100%;height:100%;display:flex;align-items:center;white-space:pre-line;overflow:hidden;line-height:1.2}
.sl{display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.25}.w{width:100%;font-weight:bold}.sl small{display:block;margin-top:.5em;font-size:.5em}
.tx.sh .sl{text-shadow:0 3px 12px #000}.sl p{margin:0;white-space:pre-line}
.ctl{display:flex;gap:6px;margin:8px 0;align-items:center;flex-wrap:wrap}
.sls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.sc{background:var(--btn);color:var(--fg);border:1px solid var(--btnb);border-radius:4px;padding:6px;height:76px;overflow:hidden;cursor:pointer;font-size:11px;position:relative}.sc.on{border-color:var(--g)}.sc.lv{background:#3a1515;border-color:#c33}body.light .sc.lv{background:#fbd9d9}
.sc.pp{padding:0;height:auto;aspect-ratio:16/9;background:#000;border-width:2px}.sc.pp .thi{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;pointer-events:none;background:#000;overflow:hidden}.sc.pp .nb{position:absolute;left:3px;bottom:2px;z-index:2;background:#000b;color:#fff;font:bold 10px Helvetica,Arial,sans-serif;padding:0 5px;border-radius:3px;pointer-events:none}.sc.pp.lv{border-color:#c33}
.mg{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mt{color:#fff;aspect-ratio:16/9;background:#000 center/cover;border:1px solid #333;cursor:pointer;position:relative;overflow:hidden;font-size:10px}.mt video,.mt img{width:100%;height:100%;object-fit:cover}.mt x{position:absolute;right:2px;top:0;color:#fff;text-shadow:0 0 3px #000}
details{margin-top:10px}summary{cursor:pointer;color:var(--g);font-size:11px;letter-spacing:2px}.f{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:6px}.f label{color:#aaa;font-size:11px}.f input,.f select{width:100%}
#qvbar{display:flex;gap:4px;align-items:center;margin-bottom:4px}#qvbar b{color:var(--g);font-size:11px;letter-spacing:2px;white-space:nowrap}#qvbar input{flex:1;min-width:0;font-size:16px;padding:7px 10px;border-color:var(--g)}#qvst{font-size:12px;color:#e55;min-height:16px;margin-bottom:4px}
.it x.ed:hover{color:var(--g)}.it .acts{display:flex;gap:10px}textarea{background:var(--btn);color:var(--fg);border:1px solid var(--btnb);border-radius:4px;padding:6px;font:inherit}
body.out{background:#000;display:block}body.out .scr{position:fixed;inset:0;border:0;aspect-ratio:auto}body.out>:not(.scr){display:none}
.mo{overflow:hidden}.st[data-fit=contain] .bg>*{object-fit:contain;background-size:contain;background-repeat:no-repeat}.st[data-fit=fill] .bg>*{object-fit:fill;background-size:100% 100%;background-repeat:no-repeat}
</style></head><body>
<header><b>MEGA TAG <i>ENTERPRISE</i></b><span>|</span><span>DOW Software · Dawn of Worship</span><span id="verbadge" style="color:var(--g);font-size:11px;letter-spacing:1px;border:1px solid var(--g);border-radius:3px;padding:1px 6px"></span><span id="netbadge" class="netb" title="Offline cache status"></span><small style="display:flex;align-items:center;gap:10px"><button id="gsync" title="Re-scan the GitHub folder for new Bible/song/media/PPTX files">🔄</button><button id="th" title="Toggle control-panel theme — projected output always stays black">🌓</button>Quality Goods &amp; Services</small></header>
<main>
<section id="lib"><div class="tabs"></div><div id="pn"></div></section>
<section><div id="qvbar"><b>QUICK VERSE</b><input id="qv" placeholder="book:chapter:verse — John:3:16 · Ps 23 · or words to find" autocomplete="off" spellcheck="false"><select id="qvv" title="Bible version" style="width:84px"></select><button id="qvg" title="Load into Preview (Enter)">Preview</button><button class="go" id="qvl" title="Load, take live and show on the output screen (Shift+Enter)">⚡ Project</button></div><div id="qvst"></div><div class="mons"><div><label>PREVIEW<span id=pvn class=nm></span></label><div class="scr" id="pv"></div></div><div class="live"><label>● LIVE<span id=lvn class=nm></span></label><div class="scr" id="lv"></div></div></div>
<div class="ctl"><button id="pr">◀ Prev</button><button id="nx">Next ▶</button><button class="go" id="tk">TAKE LIVE ⏎</button><button id="bl">Blank (B)</button>
<select id="tr"><option>fade</option><option>slide</option><option>zoom</option><option>cut</option></select><label><input type="checkbox" id="au"> Auto-take (D)</label><label style="margin-left:auto" title="When a second display is detected, send the output to it automatically the first time you take something live"><input type="checkbox" id="ao"> Auto-open on 2nd screen</label><button id="op" title="Opens on your second monitor/projector if one is connected, and goes fullscreen automatically — titled 'DOW Software — OUTPUT' for easy targeting in OBS (Display Capture if it fills a real second screen, or Window Capture by title otherwise)">🖥 Open Output</button><small id="os" style="flex-basis:100%;color:var(--s)"></small></div>
<h4>Slides <button id="ad" style="float:right;padding:1px 8px">＋ Dock</button></h4><div class="sls" id="sls"></div></section>
<section><h4>Quick Dock</h4><div id="dk"></div>
<details open><summary>DISPLAY SETTINGS</summary><div class="f" id="st"></div>
<div class=row style="margin-top:8px"><button id="fib" style="flex:1">🔤 Import Font (.ttf/.otf/.woff)</button><input id="fif" type="file" accept=".ttf,.otf,.woff,.woff2" multiple hidden></div>
<div style="margin-top:12px"><h4 style="margin-bottom:4px">Templates</h4>
<div class=row><input id="tpn" placeholder="Template name" style="flex:1"><button id="tpsv">💾 Save</button></div>
<div id="tpl"></div></div>
</details>
<p style="color:#777;font-size:11px">Keys: ← → navigate · Enter take · B blank · O open output · D auto-take · / or Ctrl+K quick verse<br>Quick verse: Enter = preview · Shift+Enter = straight to the output screen · ↑ ↓ change slide (Shift = live)<br>Output window: opens on the 2nd screen automatically. If it isn&#39;t fullscreen yet, click it once (or press F).</p></section>
</main>
<script>
const DOW_VERSION='1.11.0';
// ---- song files: .txt (as-is) and .xml (OpenLyrics from OpenLP; basic OpenSong too) -> lyric text, blank line = new slide
function decodeText(buf){const u=new Uint8Array(buf);let enc='utf-8';
 if(u[0]===0xFF&&u[1]===0xFE)enc='utf-16le';else if(u[0]===0xFE&&u[1]===0xFF)enc='utf-16be';
 else{const m=new TextDecoder('latin1').decode(u.slice(0,200)).match(/<\?xml[^>]*encoding\s*=\s*["']([\w.:-]+)["']/i);if(m)enc=m[1]}
 let t;try{t=new TextDecoder(enc).decode(u)}catch(e){t=new TextDecoder('utf-8').decode(u)}
 return t.replace(/^\uFEFF/,'')}
function xmlSong(xml,fallback){
 const doc=new DOMParser().parseFromString(xml,'application/xml');
 if(doc.getElementsByTagName('parsererror').length)throw new Error('not valid XML');
 const root=doc.documentElement;if(!root||!/^song$/i.test(root.localName))throw new Error('not a song file');
 const A=(el,n)=>[...el.getElementsByTagNameNS('*',n)];
 const flat=n=>String(n||'').replace(/\s+/g,' ').trim();
 const lt=n=>{let t='';for(const c of n.childNodes){if(c.nodeType===3||c.nodeType===4)t+=c.nodeValue.replace(/\s+/g,' ');
   else if(c.nodeType===1){const g=c.localName.toLowerCase();if(g==='br')t+='\n';else if(g!=='chord'&&g!=='comment')t+=lt(c)}}return t};
 const block=n=>lt(n).split('\n').map(x=>x.trim()).filter(Boolean).join('\n');
 const tt=A(root,'title')[0];
 const name=flat(tt&&tt.textContent).replace(/[\s,;:]+$/,'')||fallback;
 const lyr=A(root,'lyrics')[0];if(!lyr)throw new Error('no lyrics found');
 let verses=A(lyr,'verse').map(v=>({name:v.getAttribute('name')||'',lang:v.getAttribute('lang')||'',
   slides:A(v,'lines').map(block).filter(Boolean)})).filter(v=>v.slides.length);
 const slides=[];
 if(verses.length){                                   // OpenLyrics
  const langs=[...new Set(verses.map(v=>v.lang).filter(Boolean))];
  if(langs.length>1)verses=verses.filter(v=>!v.lang||v.lang===langs[0]);   // bilingual file: first language only
  const ord=A(root,'verseOrder')[0],toks=ord?flat(ord.textContent).split(' ').filter(Boolean):[];
  let seq=[];
  for(const t of toks)seq.push(...verses.filter(v=>v.name===t||(v.name.startsWith(t)&&/^[a-z]$/i.test(v.name.slice(t.length)))));
  if(!seq.length)seq=verses;
  seq.forEach(v=>slides.push(...v.slides));
 }else{                                               // OpenSong-style: [V1] headers, ".chord" lines, blank line = slide
  let cur=[];const flush=()=>{if(cur.length)slides.push(cur.join('\n'));cur=[]};
  for(const ln of String(lyr.textContent).replace(/\r/g,'').split('\n')){
   if(/^\s*\[.*\]\s*$/.test(ln)||/^\s*$/.test(ln)){flush();continue}
   if(ln[0]==='.')continue;
   cur.push(ln.replace(/^ /,'').replace(/\|+/g,' ').trimEnd())}
  flush()}
 const text=slides.join('\n\n').trim();if(!text)throw new Error('no lyrics found');
 return{name,text}}
async function importSongFiles(files){const bad=[];
 for(const f of files){try{
   if(/\.xml$/i.test(f.name)){const s=xmlSong(decodeText(await f.arrayBuffer()),f.name.replace(/\.xml$/i,''));await put('song',{name:s.name,text:s.text,file:f.name})}
   else await put('song',{name:f.name.replace(/\.txt$/i,''),text:await f.text()})
  }catch(e){bad.push(f.name+' — '+e.message)}}
 await boot();if(bad.length)alert('Could not import:\n'+bad.join('\n'))}

const $=s=>document.querySelector(s),esc=s=>String(s??'').replace(/[&<>]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;'}[c]));
{const b=document.getElementById('verbadge');if(b)b.textContent='v'+DOW_VERSION}
const OUT=location.hash=='#out';if(OUT)document.body.className='out';
// ---------- offline cache (service worker sw.js + browser storage protection) ----------
const JSZIP_URL='https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js';
const OFF={supported:('serviceWorker' in navigator)&&/^https?:$/.test(location.protocol),ready:false,lib:false,persisted:null,usage:null};
async function offlineRefresh(){
 const b=document.getElementById('netbadge');
 if(OFF.supported&&'caches' in window){try{OFF.ready=false;for(const k of await caches.keys()){if(k.startsWith('dow-shell-')&&await(await caches.open(k)).match('./index.html',{ignoreSearch:true}))OFF.ready=true}OFF.lib=!!(await caches.match(JSZIP_URL,{ignoreVary:true}))}catch(e){}}
 try{if(navigator.storage){OFF.persisted=navigator.storage.persisted?await navigator.storage.persisted():null;const est=navigator.storage.estimate?await navigator.storage.estimate():null;OFF.usage=est&&est.usage!=null?est.usage:null}}catch(e){}
 if(!b)return;
 const on=navigator.onLine;let txt,cls,tip;
 if(!OFF.supported){txt='○ No offline copy';cls='';tip='Offline caching works when the app is opened from its web address (https, e.g. GitHub Pages) — not from a file on disk.'}
 else if(!OFF.ready){txt=on?'… Saving offline copy':'📴 Offline';cls=on?'':'off';tip=on?'Saving the app for offline use — this takes a moment on the first visit.':'You are offline and no saved copy exists yet. Open the app once while online.'}
 else{txt=on?'⚡ Offline-ready':'📴 Offline';cls=on?'ok':'off';tip=on?'The app is saved on this computer and will open without internet.':'No internet — running from the saved copy. Bibles, songs, media, PPTX decks and templates are all stored locally.'}
 tip+='\n• PPTX import library: '+(OFF.lib?'saved ✔':'not saved yet — connect to the internet once to enable PPTX import offline');
 tip+='\n• Browser storage: '+(OFF.persisted===true?'protected ✔ (the browser will not clear it automatically)':OFF.persisted===false?'not protected — the browser may clear it if the disk runs low':'unknown')+(OFF.usage!=null?' · '+(OFF.usage/1048576).toFixed(0)+' MB used':'');
 tip+='\n\nClick to refresh the offline copy.';
 b.textContent=txt;b.className='netb '+cls;b.title=tip}
if(OFF.supported){addEventListener('load',async()=>{
 try{const reg=await navigator.serviceWorker.register('sw.js');const sync=()=>setTimeout(offlineRefresh,400);
  if(reg.installing)reg.installing.addEventListener('statechange',e=>{if(e.target.state==='activated')sync()});
  await navigator.serviceWorker.ready;sync()}catch(e){console.warn('Offline cache unavailable:',e);OFF.supported=false}
 try{if(navigator.storage&&navigator.storage.persist&&!(await navigator.storage.persisted()))await navigator.storage.persist()}catch(e){}
 offlineRefresh()})}
addEventListener('online',offlineRefresh);addEventListener('offline',offlineRefresh);
{const nb=document.getElementById('netbadge');if(nb)nb.onclick=async()=>{
 if(!OFF.supported){alert('Offline caching works when the app is opened from its web address (https, e.g. GitHub Pages) — not from a file on disk.');return}
 if(!navigator.onLine){alert('You are offline — connect to the internet to refresh the offline copy.');return}
 if(!confirm('Refresh the offline copy now?\n\nThis re-saves the app on this computer. Your Bibles, songs, media, PPTX decks, fonts and templates are NOT affected.'))return;
 try{for(const r of await navigator.serviceWorker.getRegistrations())await r.unregister();for(const k of await caches.keys())if(k.startsWith('dow-'))await caches.delete(k)}catch(e){}
 location.reload()}}
offlineRefresh();
// ---------- storage (IndexedDB: bibles, songs, media) ----------
const db=new Promise(r=>{const q=indexedDB.open('dow',2);q.onupgradeneeded=()=>{const d=q.result;['bible','song','media','font','pptx'].forEach(s=>{if(!d.objectStoreNames.contains(s))d.createObjectStore(s,{keyPath:'name'})})};q.onsuccess=()=>r(q.result)});
const tx=async(s,m,f)=>{const d=await db;return new Promise(r=>{const t=d.transaction(s,m),o=f(t.objectStore(s));t.oncomplete=()=>r(o.result)})};
const put=(s,v)=>tx(s,'readwrite',o=>o.put(v)),all=s=>tx(s,'readonly',o=>o.getAll()),del=(s,k)=>tx(s,'readwrite',o=>o.delete(k));
// ---------- screen renderer (used by preview, live and output window) ----------
const TRANS={fade:[{opacity:0},{opacity:1}],slide:[{transform:'translateX(8%)',opacity:0},{transform:'none',opacity:1}],zoom:[{transform:'scale(.9)',opacity:0},{transform:'none',opacity:1}]};
const FITM={cover:'cover',contain:'contain',fill:'fill'};
// ---- live video source (camera / capture card), v1.10.0 ----
// CAM holds the running MediaStream of THIS window. The control panel opens the device and hands the very same stream
// to the output window (same app, same address) so the device is opened only once. If that hand-over is ever refused,
// the output window opens the device itself with the same settings (camOpen).
const CAM={stream:null,spec:null,own:false,mine:null};
async function camTry(sp){const gum=c=>navigator.mediaDevices.getUserMedia(c);
 const R={720:[1280,720],1080:[1920,1080]}[sp.res],v={deviceId:{exact:sp.id},frameRate:{ideal:30}};if(R){v.width={ideal:R[0]};v.height={ideal:R[1]}}
 const a=sp.aud?(sp.aid?{deviceId:{exact:sp.aid}}:true):false;let first=null;
 for(const c of[{video:v,audio:a},{video:v,audio:false},{video:{deviceId:{exact:sp.id}},audio:false}]){   // sound or picture settings that fail are dropped step by step
  try{return await gum(c)}catch(e){first=first||e;if(e&&e.name==='NotAllowedError')break}}
 throw first}
async function camResolve(sp){   // some browsers give the same device a different id in each window (or after site data is cleared): find it again by its name
 let ds=await navigator.mediaDevices.enumerateDevices();
 if(!ds.some(d=>d.kind==='videoinput'&&d.label)){const t=await navigator.mediaDevices.getUserMedia({video:true});t.getTracks().forEach(x=>x.stop());ds=await navigator.mediaDevices.enumerateDevices()}
 const f=(k,id,lb)=>{const l=ds.filter(d=>d.kind===k&&d.deviceId);return(l.find(d=>d.deviceId===id)||l.find(d=>lb&&d.label===lb)||{}).deviceId||''};
 return{...sp,id:f('videoinput',sp.id,sp.label)||sp.id,aid:sp.aid?(f('audioinput',sp.aid,sp.alabel)||sp.aid):''}}
async function camOpen(sp){try{return await camTry(sp)}catch(e){
 if(e&&(e.name==='OverconstrainedError'||e.name==='NotFoundError')){try{return await camTry(await camResolve(sp))}catch(e2){}}
 throw e}}
const siteCSS=(z,dk)=>`border:0;position:absolute;left:0;top:0;width:${100/z}%;height:${100/z}%;transform:scale(${z});transform-origin:0 0;background:${dk?'#000':'#fff'};${dk?'filter:invert(1) hue-rotate(180deg);':''}`;
const PX_W=1920,PX_V=2;
const pxCache=new WeakMap();let pxGid=0;
const PX_GEO={
 rect:(w,h)=>`M0 0H${w}V${h}H0Z`,
 roundRect:(w,h,a)=>{const r=Math.min(w,h)*(a.adj??16667)/100000;return`M${r} 0H${w-r}A${r} ${r} 0 0 1 ${w} ${r}V${h-r}A${r} ${r} 0 0 1 ${w-r} ${h}H${r}A${r} ${r} 0 0 1 0 ${h-r}V${r}A${r} ${r} 0 0 1 ${r} 0Z`},
 ellipse:(w,h)=>`M0 ${h/2}A${w/2} ${h/2} 0 1 1 ${w} ${h/2}A${w/2} ${h/2} 0 1 1 0 ${h/2}Z`,
 triangle:(w,h,a)=>`M${w*(a.adj??50000)/100000} 0L${w} ${h}L0 ${h}Z`,
 rtTriangle:(w,h)=>`M0 0L${w} ${h}L0 ${h}Z`,
 diamond:(w,h)=>`M${w/2} 0L${w} ${h/2}L${w/2} ${h}L0 ${h/2}Z`,
 parallelogram:(w,h,a)=>{const x=Math.min(w,h)*(a.adj??25000)/100000;return`M0 ${h}L${x} 0H${w}L${w-x} ${h}Z`},
 trapezoid:(w,h,a)=>{const x=Math.min(w,h)*(a.adj??25000)/100000;return`M0 ${h}L${x} 0H${w-x}L${w} ${h}Z`},
 homePlate:(w,h,a)=>{const d=Math.min(w,h)*(a.adj??50000)/100000;return`M0 0H${w-d}L${w} ${h/2}L${w-d} ${h}H0Z`},
 chevron:(w,h,a)=>{const d=Math.min(w,h)*(a.adj??50000)/100000;return`M0 0H${w-d}L${w} ${h/2}L${w-d} ${h}H0L${d} ${h/2}Z`},
 rightArrow:(w,h,a)=>{const d=Math.min(w,h)*(a.adj2??50000)/100000,t=h*(a.adj1??50000)/100000,y1=(h-t)/2,y2=y1+t;return`M0 ${y1}H${w-d}V0L${w} ${h/2}L${w-d} ${h}V${y2}H0Z`},
 leftArrow:(w,h,a)=>{const d=Math.min(w,h)*(a.adj2??50000)/100000,t=h*(a.adj1??50000)/100000,y1=(h-t)/2,y2=y1+t;return`M${w} ${y1}H${d}V0L0 ${h/2}L${d} ${h}V${y2}H${w}Z`}};
const PX_DASH={dash:[4,3],sysDash:[3,1],dot:[1,2],sysDot:[1,1],lgDash:[8,3],dashDot:[4,3,1,3],lgDashDot:[8,3,1,3],sysDashDot:[3,1,1,1]};


// ---------- PPTX renderer (shared by the control panel, thumbnails and the output window) ----------
const pxN=v=>+(+v).toFixed(2);
function pxPath(e){if(e.d)return e.d;const f=PX_GEO[e.geom]||PX_GEO.rect;return f(pxN(e.w),pxN(e.h),e.adj||{})}
function pxArrow(x,y,ang,w,c){const L=Math.max(w*4,9),H=Math.max(w*2.2,5),ca=Math.cos(ang),sa=Math.sin(ang);return`<path d="M${x} ${y}L${x-ca*L+sa*H} ${y-sa*L-ca*H}L${x-ca*L-sa*H} ${y-sa*L+ca*H}Z" fill="${c}"/>`}
function pxSvg(e,fillAttr,defs){const ln=e.ln,sw=ln?` stroke="${ln.c}" stroke-width="${pxN(ln.w)}" stroke-linejoin="miter"`+(ln.dash&&PX_DASH[ln.dash]?` stroke-dasharray="${PX_DASH[ln.dash].map(v=>pxN(v*ln.w)).join(' ')}"`:''):'';
 return`<svg class="pg" width="${pxN(e.w)}" height="${pxN(e.h)}" viewBox="0 0 ${pxN(e.w)} ${pxN(e.h)}"${e.fh||e.fv?` style="transform:scale(${e.fh?-1:1},${e.fv?-1:1})"`:''}>${defs||''}<path d="${pxPath(e)}" fill="${fillAttr}"${sw}/></svg>`}
function pxText(tx,st){const jc={t:'flex-start',ctr:'center',b:'flex-end'}[tx.anchor]||'flex-start',[t,r,b,l]=tx.ins;
 const rs=r=>{let s=`font-size:${pxN(r.sz)}px;font-family:${r.f};color:${r.c}`;if(r.b)s+=';font-weight:700';if(r.i)s+=';font-style:italic';if(r.u||r.st)s+=';text-decoration:'+[r.u&&'underline',r.st&&'line-through'].filter(Boolean).join(' ');if(r.cap)s+=';text-transform:uppercase';if(r.spc)s+=`;letter-spacing:${pxN(r.spc)}px`;if(r.bl)s+=`;vertical-align:${r.bl>0?'super':'sub'};line-height:0`;return s};
 const ps=tx.paras.map((p,i)=>{let s=`text-align:${p.al};line-height:${p.lh};font-size:${pxN(p.sz)}px`;if(i&&p.sb)s+=`;margin-top:${pxN(p.sb)}px`;if(p.sa)s+=`;margin-bottom:${pxN(p.sa)}px`;
   const hang=p.bu&&p.ind<0?-p.ind:0;s+=`;padding-left:${pxN(p.mL)}px;text-indent:${pxN(p.ind)}px`;
   const bu=p.bu?`<span style="display:inline-block;${hang?`width:${pxN(hang)}px;`:'padding-right:.4em;'}text-indent:0;color:${p.bu.c};font-size:${pxN(p.bu.sz)}px;font-family:${p.bu.f}">${esc(p.bu.ch)}</span>`:'';
   const body=p.emp?'<br>':p.runs.map(r=>r.br?'<br>':`<span style="${rs(r)}">${esc(r.t)}</span>`).join('')||'<br>';
   return`<div class="pp" style="${s}">${bu}${body}</div>`}).join('');
 return`<div class="pt${st?' s':''}" style="padding:${pxN(t)}px ${pxN(r)}px ${pxN(b)}px ${pxN(l)}px;justify-content:${jc}${tx.wrap?'':';white-space:pre'}${tx.vert?';writing-mode:vertical-rl'+(tx.vert==='vert270'?';transform:rotate(180deg)':''):''}">${ps}</div>`}
function pxEl(e){let box=`left:${pxN(e.x)}px;top:${pxN(e.y)}px;width:${pxN(e.w)}px;height:${pxN(e.h)}px`;if(e.rot)box+=`;transform:rotate(${pxN(e.rot)}deg)`;
 const sh=e.sh?`;filter:drop-shadow(${e.sh.dx}px ${e.sh.dy}px ${e.sh.b}px ${e.sh.c})`:'';
 if(e.t==='pic'){const c=e.crop,wf=c?1-c[0]-c[2]:1,hf=c?1-c[1]-c[3]:1,clip=e.geom&&e.geom!=='rect'?`;clip-path:path('${pxPath(e)}')`:'';
  const im=`<img draggable="false" src="${e.src}" style="left:${c?pxN(-c[0]/wf*100):0}%;top:${c?pxN(-c[1]/hf*100):0}%;width:${pxN(100/wf)}%;height:${pxN(100/hf)}%${e.op<1?`;opacity:${e.op}`:''}">`;
  return`<div class="pe" style="${box}${sh}"><div class="pc" style="${e.fh||e.fv?`transform:scale(${e.fh?-1:1},${e.fv?-1:1});`:''}${clip.slice(1)}">${im}</div>${e.ln?pxSvg({...e,fh:0,fv:0},'none'):''}${e.tx?pxText(e.tx):''}</div>`}
 if(e.t==='ln'){const ln=e.ln,x1=e.fh?e.w:0,y1=e.fv?e.h:0,x2=e.fh?0:e.w,y2=e.fv?0:e.h;let d;
  if(/^bentConnector/.test(e.geom)){const a=(e.adj.adj1??50000)/100000,xm=x1+(x2-x1)*a;d=`M${pxN(x1)} ${pxN(y1)}H${pxN(xm)}V${pxN(y2)}H${pxN(x2)}`}else d=`M${pxN(x1)} ${pxN(y1)}L${pxN(x2)} ${pxN(y2)}`;
  const dash=ln.dash&&PX_DASH[ln.dash]?` stroke-dasharray="${PX_DASH[ln.dash].map(v=>pxN(v*ln.w)).join(' ')}"`:'';
  let ar='';const an=Math.atan2(y2-y1,x2-x1);if(ln.tail)ar+=pxArrow(pxN(x2),pxN(y2),an,ln.w,ln.c);if(ln.head)ar+=pxArrow(pxN(x1),pxN(y1),an+Math.PI,ln.w,ln.c);
  return`<div class="pe" style="${box}${sh}"><svg class="pg" width="${pxN(e.w)}" height="${pxN(e.h)}" viewBox="0 0 ${pxN(e.w)} ${pxN(e.h)}"><path d="${d}" fill="none" stroke="${ln.c}" stroke-width="${pxN(ln.w)}"${dash}/>${ar}</svg></div>`}
 if(e.t==='tbl'){const tw=e.cols.reduce((a,b)=>a+b,0),bd=(k,b)=>b===undefined?'':b===null?`border-${k}:0;`:`border-${k}:${pxN(b.w)}px solid ${b.c};`;
  const rows=e.rows.map(r=>`<tr style="height:${pxN(r.h)}px">${r.cells.map(c=>{if(!c)return'';const m=c.mar;
   return`<td colspan="${c.cs}" rowspan="${c.rs}" style="${c.bg?`background:${c.bg};`:''}${bd('left',c.brd.l)}${bd('right',c.brd.r)}${bd('top',c.brd.t)}${bd('bottom',c.brd.b)}padding:${pxN(Math.max(0,m[0]-(c.brd.t?c.brd.t.w/2:0)))}px ${pxN(Math.max(0,m[1]-(c.brd.r?c.brd.r.w/2:0)))}px ${pxN(Math.max(0,m[2]-(c.brd.b?c.brd.b.w/2:0)))}px ${pxN(Math.max(0,m[3]-(c.brd.l?c.brd.l.w/2:0)))}px;vertical-align:${c.anchor==='ctr'?'middle':c.anchor==='b'?'bottom':'top'}">${c.tx?pxText({...c.tx,ins:[0,0,0,0]},1):''}</td>`}).join('')}</tr>`).join('');
  return`<table class="ptb" style="left:${pxN(e.x)}px;top:${pxN(e.y)}px;width:${pxN(tw)}px"><colgroup>${e.cols.map(w=>`<col style="width:${pxN(w)}px">`).join('')}</colgroup>${rows}</table>`}
 // shape
 let fa='none',defs='';if(e.fill){if(e.fill.c)fa=e.fill.c;else if(e.fill.g){const id='pg'+(++pxGid),a=e.fill.g.ang*Math.PI/180,dx=Math.cos(a)/2,dy=Math.sin(a)/2;
   defs=`<defs><linearGradient id="${id}" x1="${pxN(.5-dx)}" y1="${pxN(.5-dy)}" x2="${pxN(.5+dx)}" y2="${pxN(.5+dy)}">${e.fill.g.st.map(s=>`<stop offset="${pxN(s[0])}%" stop-color="${s[1]}"/>`).join('')}</linearGradient></defs>`;fa=`url(#${id})`}}
 return`<div class="pe" style="${box}${sh}">${e.fill||e.ln?pxSvg(e,fa,defs):''}${e.tx?pxText(e.tx):''}</div>`}
function pxPaper(sl){let h=pxCache.get(sl);if(h)return h;const k=Math.min(PX_W/sl.sw,1080/sl.sh),ox=(PX_W-sl.sw*k)/2,oy=(1080-sl.sh*k)/2,b=sl.bg||{c:'#fff'};
 let bg=b.c?`background:${b.c}`:b.img?`background:url("${b.img}") center/100% 100% no-repeat`:b.g?`background:linear-gradient(${b.g.ang+90}deg,${b.g.st.map(s=>`${s[1]} ${pxN(s[0])}%`).join(',')})`:'background:#fff';
 h=`<div class="pxpaper" style="width:${sl.sw}px;height:${sl.sh}px;transform:translate(${pxN(ox)}px,${pxN(oy)}px) scale(${pxN(k)});${bg}">${sl.els.map(pxEl).join('')}</div>`;pxCache.set(sl,h);return h}
class Scr{constructor(h){this.h=h;h.innerHTML='<div class=st><div class=bg></div><div class=dm></div><div class=mo></div><div class=px></div><div class=tx></div></div>';this.st=h.firstChild;[this.bg,this.dm,this.mo,this.px,this.tx]=this.st.children;
 new ResizeObserver(()=>{const w=h.clientWidth,H=h.clientHeight,k=Math.min(w/1920,H/1080);this.st.style.transform=`translate(${(w-1920*k)/2}px,${(H-1080*k)/2}px) scale(${k})`;this.g={w,H,k};this.full()}).observe(h)}
 full(){const s=this.s||{},g=this.g;if(!g)return;const ox=(g.w-1920*g.k)/2,oy=(g.H-1080*g.k)/2,on=s.full!==false&&(ox>.5||oy>.5);[this.bg,this.dm,this.mo].forEach(e=>{if(on){e.style.inset='auto';e.style.left=(-ox/g.k)+'px';e.style.top=(-oy/g.k)+'px';e.style.width=(g.w/g.k)+'px';e.style.height=(g.H/g.k)+'px'}else{e.style.inset='';e.style.left=e.style.top=e.style.width=e.style.height=''}})}
 cfg(s){this.s=s;this.st.dataset.fit=s.fit||'cover';this.full();this.mo.querySelectorAll('.mf').forEach(n=>n.style.objectFit=FITM[s.fit||'cover']);const[t,r,b,l]=s.m;Object.assign(this.tx.style,{inset:`${t}% ${r}% ${b}% ${l}%`,fontFamily:s.ff,textAlign:s.al,color:s.col||'#fff'});this.tx.classList.toggle('sh',s.sh);this.dm.style.opacity=s.dim/100;this.tx.querySelectorAll('.sl small').forEach(n=>n.style.color=s.rcol||'#C9932E');this.tx.querySelectorAll('.sl').forEach(n=>this.fit(n))}
 fit(n){let f=this.s.fs;n.style.fontSize=f+'px';const w=n.firstChild;while(w.offsetHeight>n.clientHeight&&f>24)n.style.fontSize=(f-=4)+'px'}
 camUpdate(){this.h.querySelectorAll('video[data-cam]').forEach(v=>{if(v.srcObject!==CAM.stream)v.srcObject=CAM.stream;if(CAM.stream){const p=v.play();p&&p.catch(()=>{})}})}
 clearSite(){if(this.web){this.web.remove();this.web=null}this.wf=null}
 setSiteView(z,dk){if(!this.wf)return;this.wf.style.cssText=siteCSS(z||1,dk)+(OUT?'':'pointer-events:none;');if(OUT&&this.web)this.web.style.background=dk?'#000':'#fff'}
 renderSite(sl){this.clearSite();const w=document.createElement('div');
  if(OUT){w.style.cssText='position:absolute;inset:0;background:'+(sl.dk?'#000':'#fff')+';overflow:hidden';const z=sl.z||1,f=document.createElement('iframe');f.src=sl.url;f.title=sl.label||'Online Bible';
   f.style.cssText=siteCSS(z,sl.dk);this.wf=f;
   const c=document.createElement('div');c.textContent=sl.credit||'';c.style.cssText='position:absolute;left:12px;bottom:10px;z-index:2;background:#000d;color:#fff;font:15px Arial,sans-serif;padding:6px 12px;border-radius:5px;pointer-events:none;border:1px solid #C9932E';w.append(f,c);this.h.append(w)}
  else{w.style.cssText='position:absolute;inset:0;background:#0b0b0b;color:#fff;text-align:center;font:bold 70px Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:60px';
   w.innerHTML=`<div style="color:#C9932E;font-size:40px;letter-spacing:6px">🌐 LIVE FROM ONLINE SITE</div><div>${esc(sl.label)}</div><div style="font:32px Arial,sans-serif;color:#aaa">${esc(sl.credit)}</div>`;
   const z=sl.z||1,f=document.createElement('iframe');f.src=sl.url;f.title=sl.label||'Online Bible';f.style.cssText=siteCSS(z,sl.dk)+'pointer-events:none;';this.wf=f;
   const c=document.createElement('div');c.textContent=sl.credit||'';c.style.cssText='position:absolute;left:24px;bottom:20px;z-index:2;background:#000d;color:#fff;font:30px Arial,sans-serif;padding:10px 22px;border-radius:8px;pointer-events:none;border:2px solid #C9932E';w.append(f,c);this.st.append(w)}
  this.web=w}
 show(sl,tr='fade'){
  if(sl&&sl.kind==='site'){this.tx.replaceChildren();this.px.replaceChildren();this.clearMo('cut');this.renderSite(sl);return}
  this.clearSite();
  if(sl&&sl.kind==='media'){this.tx.replaceChildren();this.px.replaceChildren();this.renderMedia(sl,tr);return}
  this.clearMo(tr);
  if(sl&&sl.kind==='pptx'){this.tx.replaceChildren();this.renderPptx(sl,tr);return}
  if(this.px.children.length)this.px.replaceChildren();
  const old=[...this.tx.children];let n;if(sl){n=document.createElement('div');n.className='sl';n.innerHTML=`<div class=w><p>${esc(sl.text)}</p>${sl.ref&&this.s.ref?`<small style="color:${this.s.rcol||'#C9932E'}">${esc(sl.ref)}</small>`:''}</div>`;this.tx.append(n);this.fit(n)}
  if(tr=='cut'||!TRANS[tr])return old.forEach(o=>o.remove());n&&n.animate(TRANS[tr],{duration:500,easing:'ease-out'});old.forEach(o=>o.animate([{opacity:1},{opacity:0}],{duration:500}).onfinish=()=>o.remove())}
 clearMo(tr){const old=[...this.mo.children];this.mv=null;if(!old.length)return;if(tr=='cut'||!TRANS[tr])return old.forEach(o=>o.remove());old.forEach(o=>o.animate([{opacity:1},{opacity:0}],{duration:500}).onfinish=()=>o.remove())}
 renderMedia(sl,tr){const old=[...this.mo.children],m=sl.m,s=this.s||{},w=document.createElement('div');w.style.cssText='position:absolute;inset:0;background:#000';
  const e=document.createElement(m.k=='v'||m.k=='c'?'video':'img');e.className='mf';e.style.cssText='position:absolute;inset:0;width:100%;height:100%;object-fit:'+FITM[s.fit||'cover'];if(m.k!='c')e.src=m.u;
  if(m.k=='c'){Object.assign(e,{playsInline:true,autoplay:true,muted:!(OUT&&m.aud)});e.dataset.cam='1';if(m.aud)e.dataset.aud='1';if(m.mir)e.style.transform='scaleX(-1)';e.srcObject=CAM.stream;const p=e.play();p&&p.catch(()=>{e.muted=true;e.play().catch(()=>{})});this.mv=e}
  else if(m.k=='v'){Object.assign(e,{loop:s.vloop!==false,playsInline:true,autoplay:true,muted:!(OUT&&s.vsound!==false)});const p=e.play();p&&p.catch(()=>{e.muted=true;e.play().catch(()=>{})});this.mv=e}else this.mv=null;
  w.append(e);this.mo.append(w);if(tr=='cut'||!TRANS[tr]){old.forEach(o=>o.remove());return}
  w.animate(TRANS[tr],{duration:500,easing:'ease-out'});old.forEach(o=>o.animate([{opacity:1},{opacity:0}],{duration:500}).onfinish=()=>o.remove())}
 toggleMedia(){const v=this.mv;if(v)v.paused?v.play().catch(()=>{}):v.pause()}
 renderPptx(sl,tr){if(!sl.v)return this.renderPptxOld(sl,tr);const old=[...this.px.children];const wrap=document.createElement('div');wrap.style.cssText='position:absolute;inset:0;background:#000;overflow:hidden';wrap.innerHTML=pxPaper(sl);this.px.append(wrap);
  if(tr=='cut'||!TRANS[tr]){old.forEach(o=>o.remove());return}
  wrap.animate(TRANS[tr],{duration:500,easing:'ease-out'});old.forEach(o=>o.animate([{opacity:1},{opacity:0}],{duration:500}).onfinish=()=>o.remove())}
 renderPptxOld(sl,tr){const old=[...this.px.children];const wrap=document.createElement('div');wrap.style.cssText=`position:absolute;inset:0;background:${sl.bgColor||'#fff'}`;
  if(sl.bgImage)Object.assign(wrap.style,{backgroundImage:`url("${sl.bgImage}")`,backgroundSize:'cover',backgroundPosition:'center'});
  for(const el of sl.els){const box=document.createElement('div');box.className='pxel';box.style.cssText=`left:${el.x}%;top:${el.y}%;width:${el.w}%;height:${el.h}%`;
   if(el.type==='image'){const img=document.createElement('img');img.src=el.src;box.append(img)}
   else{const t=document.createElement('div');t.className='pxtxt';const jc=el.align=='center'?'center':el.align=='right'?'flex-end':'flex-start';
    t.style.cssText=`justify-content:${jc};text-align:${el.align||'left'};color:${el.color||'#000'};font-weight:${el.bold?'bold':'normal'};font-size:${el.size||28}px`;
    t.textContent=el.text;box.append(t)}
   wrap.append(box)}
  this.px.append(wrap);
  if(tr=='cut'||!TRANS[tr]){old.forEach(o=>o.remove());return}
  wrap.animate(TRANS[tr],{duration:500,easing:'ease-out'});old.forEach(o=>o.animate([{opacity:1},{opacity:0}],{duration:500}).onfinish=()=>o.remove())}
 setBg(b){if((b?.u||'')==(this.cu||''))return;this.cu=b?.u;const old=[...this.bg.children];if(b){const e=document.createElement(b.k=='v'||b.k=='c'?'video':'div');if(b.k=='c'){Object.assign(e,{muted:true,autoplay:true,playsInline:true});e.dataset.cam='1';if(b.mir)e.style.transform='scaleX(-1)';e.srcObject=CAM.stream;const p=e.play();p&&p.catch(()=>{})}else if(b.k=='v')Object.assign(e,{src:b.u,loop:true,muted:true,autoplay:true,playsInline:true});else e.style.backgroundImage=`url("${b.u}")`;this.bg.append(e);e.animate([{opacity:0},{opacity:1}],{duration:600})}
  old.forEach(o=>o.animate([{opacity:1},{opacity:0}],{duration:600}).onfinish=()=>o.remove())}}
// ---------- settings ----------
const D={m:[6,6,6,6],fs:72,dim:30,ff:'Helvetica,Arial,sans-serif',al:'center',sh:true,ref:true,tr:'fade',col:'#ffffff',rcol:'#C9932E',fit:'cover',full:true,vloop:true,vsound:true};
let S={...D,...JSON.parse(localStorage.getItem('dow.s')||'{}')};
// ---------- OUTPUT WINDOW ----------
if(OUT){document.title='DOW Software — OUTPUT';const o=new Scr(document.body.appendChild(Object.assign(document.createElement('div'),{className:'scr'})));o.cfg(S);
 const injectFontsOut=css=>{let st=document.getElementById('cfonts');if(!st){st=document.createElement('style');st.id='cfonts';document.head.appendChild(st)}st.textContent=css||''};
 addEventListener('message',e=>{const d=e.data||{};if(d.s){S=d.s;o.cfg(S)}if('bg'in d)o.setBg(d.bg);if('sl'in d)o.show(d.sl,d.tr);if('fontsCSS'in d)injectFontsOut(d.fontsCSS);if(d.sv)o.setSiteView(d.sv.z,d.sv.dk);if(d.mc)o.toggleMedia();if('cam'in d)camMsg2(d.cam);if(d.fs)goFS().then(upd);camWatch()});
 const camOwn=async sp=>{if(!sp||CAM.own)return;CAM.own=true;try{const st=await camOpen(sp);if(CAM.mine)CAM.mine.getTracks().forEach(t=>t.stop());CAM.mine=st;CAM.stream=st;o.camUpdate()}catch(e){console.warn('Output could not open the video source itself:',e)}finally{CAM.own=false}};
 const camMsg2=sp=>{if(!sp){if(CAM.mine)CAM.mine.getTracks().forEach(t=>t.stop());CAM.mine=null;CAM.stream=null;CAM.spec=null;o.camUpdate();return}CAM.spec=sp;if(!(CAM.stream&&CAM.stream.active))camOwn(sp)};
 const camWatch=()=>{clearTimeout(camWatch.t);camWatch.t=setTimeout(()=>{const v=o.h.querySelector('video[data-cam]');if(v&&CAM.spec&&!CAM.own&&(!CAM.stream||v.readyState<2))camOwn(CAM.spec)},2500)};
 window.__dowCam=(st,sp)=>{if(CAM.mine&&CAM.mine!==st){CAM.mine.getTracks().forEach(t=>t.stop());CAM.mine=null}CAM.stream=st||null;CAM.spec=sp||null;o.camUpdate();camWatch()};
 let fsAt=0;
 const goFS=async()=>{if(document.fullscreenElement)return true;try{await document.documentElement.requestFullscreen();return true}catch(e){return false}};
 const fs=()=>document.fullscreenElement?document.exitFullscreen():goFS();
 addEventListener('dblclick',()=>{if(Date.now()-fsAt>900)fs()});addEventListener('keydown',e=>{if(e.key=='f'||e.key=='F')fs()});
 const hint=o.h.appendChild(Object.assign(document.createElement('div'),{textContent:'Click here (or press F) to go fullscreen',style:'position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#000d;color:#fff;font:16px Arial;padding:10px 22px;border:1px solid #C9932E;border-radius:6px;z-index:9;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .4s'}));
 const upd=()=>{if(document.fullscreenElement)fsAt=Date.now();hint.style.opacity=document.fullscreenElement?'0':'1'};document.addEventListener('fullscreenchange',upd);
 addEventListener('pointerdown',()=>{if(!document.fullscreenElement)goFS()});addEventListener('keydown',()=>{if(!document.fullscreenElement)goFS()},true);
 document.documentElement.requestFullscreen().then(upd).catch(upd);
 addEventListener('pointerdown',()=>{const v=o.mv;if(v&&(v.dataset.cam?v.dataset.aud==='1':S.vsound!==false))v.muted=false});opener?.postMessage({ready:1},'*')}
else{
// ---------- OPERATOR ----------
const P=new Scr($('#pv')),L=new Scr($('#lv'));let muM='bg',win=null,bibles={},songs={},media={},pptxs={},customFonts={},slides=[],idx=-1,cur=null,tab='Bible',ver='',dock=JSON.parse(localStorage.getItem('dow.d')||'[]'),templates=JSON.parse(localStorage.getItem('dow.tpl')||'{}'),editing=(()=>{try{return JSON.parse(localStorage.getItem('dow.draft')||'null')}catch(e){return null}})();
const b64=buf=>{let bin='';const by=new Uint8Array(buf),CH=0x8000;for(let i=0;i<by.length;i+=CH)bin+=String.fromCharCode(...by.subarray(i,i+CH));return btoa(bin)};
const fontsCSS=()=>Object.entries(customFonts).map(([n,u])=>`@font-face{font-family:"${n.replace(/"/g,'')}";src:url(${u})}`).join('');
const injectFonts=()=>{let st=document.getElementById('cfonts');if(!st){st=document.createElement('style');st.id='cfonts';document.head.appendChild(st)}st.textContent=fontsCSS()};
const BUILTIN_FONTS=[['Helvetica,Arial,sans-serif','Helvetica/Arial'],['Georgia,serif','Georgia'],["'Trebuchet MS',sans-serif",'Trebuchet']];
function renderFontSelect(){const sel=$('#ffsel');if(!sel)return;const cur=sel.value||S.ff;sel.innerHTML=BUILTIN_FONTS.map(([v,l])=>`<option value="${v}">${l}</option>`).join('')+(Object.keys(customFonts).length?`<optgroup label="Imported">${Object.keys(customFonts).map(n=>`<option value="'${n.replace(/'/g,"")}',sans-serif">${esc(n)}</option>`).join('')}</optgroup>`:'');sel.value=cur}
function renderTemplates(){$('#tpl').innerHTML=Object.keys(templates).sort().map(n=>`<div class=it data-tp="${esc(n)}"><span>🎛 ${esc(n)}</span><x data-dtp="${esc(n)}">✕</x></div>`).join('')||'<span style="color:#777;font-size:11px">No templates saved yet.</span>'}
function applyTemplate(n){const t=templates[n];if(!t)return;S={...D,...t};syncInputs();applyS()}
function pptxLoad(n){const p=pptxs[n];if(p)load(p.slides,{t:'p',name:n,label:n})}
function pptxPath(base,rel){const parts=base.split('/').filter(Boolean);for(const seg of rel.split('/')){if(seg==='..')parts.pop();else if(seg!=='.'&&seg!=='')parts.push(seg)}return parts.join('/')}
// ---------- PPTX engine (v1.8.0): faithful import + render ----------
// Parses the real slide XML (theme colours/fonts, master + layout inheritance, cropped/transparent/bordered
// pictures, shapes, lines/arrows, tables, groups, bullets, autofit) into pixel-positioned elements on a
// 1920-px-wide slide, and draws them the way PowerPoint / LibreOffice do. Slides imported by older versions
// have no `v` field and still draw with the old renderer until they are re-imported.
const _lin=v=>{v/=255;return v<=.04045?v/12.92:Math.pow((v+.055)/1.055,2.4)},_unl=v=>Math.max(0,Math.min(255,Math.round((v<=.0031308?v*12.92:1.055*Math.pow(v,1/2.4)-.055)*255)));
const _hsl=([r,g,b])=>{r/=255;g/=255;b/=255;const mx=Math.max(r,g,b),mn=Math.min(r,g,b);let h=0,s=0;const l=(mx+mn)/2;if(mx!==mn){const d=mx-mn;s=l>.5?d/(2-mx-mn):d/(mx+mn);h=mx===r?(g-b)/d+(g<b?6:0):mx===g?(b-r)/d+2:(r-g)/d+4;h/=6}return[h,s,l]};
const _rgb=([h,s,l])=>{const f=(p,q,t)=>{if(t<0)t+=1;if(t>1)t-=1;return t<1/6?p+(q-p)*6*t:t<1/2?q:t<2/3?p+(q-p)*(2/3-t)*6:p};let r,g,b;if(!s)r=g=b=l;else{const q=l<.5?l*(1+s):l+s-l*s,p=2*l-q;r=f(p,q,h+1/3);g=f(p,q,h);b=f(p,q,h-1/3)}return[r*255,g*255,b*255].map(Math.round)};
function pxMods(rgb,mods){let a=1;for(const[n,v]of mods){switch(n){case'alpha':a=v;break;case'alphaMod':a*=v;break;
 case'lumMod':{const h=_hsl(rgb);h[2]=Math.min(1,h[2]*v);rgb=_rgb(h);break}
 case'lumOff':{const h=_hsl(rgb);h[2]=Math.max(0,Math.min(1,h[2]+v));rgb=_rgb(h);break}
 case'satMod':{const h=_hsl(rgb);h[1]=Math.min(1,h[1]*v);rgb=_rgb(h);break}
 case'shade':rgb=rgb.map(c=>_unl(_lin(c)*v));break;
 case'tint':rgb=rgb.map(c=>_unl(1-(1-_lin(c))*v));break}}
 return a>=1?'#'+rgb.map(c=>c.toString(16).padStart(2,'0')).join(''):`rgba(${rgb[0]},${rgb[1]},${rgb[2]},${+a.toFixed(3)})`}
const _hex2=h=>[0,2,4].map(i=>parseInt((h||'000000').substr(i,2),16)||0);
const PRST_CLR={black:[0,0,0],white:[255,255,255],red:[255,0,0],green:[0,128,0],blue:[0,0,255],yellow:[255,255,0],gray:[128,128,128],grey:[128,128,128],orange:[255,165,0]};
const pxFont=n=>{n=String(n||'Calibri').replace(/["']/g,'');
 if(/calibri/i.test(n))return"Calibri,Carlito,'Segoe UI',Arial,sans-serif";if(/times/i.test(n))return"'Times New Roman','Liberation Serif',Times,serif";
 if(/^arial/i.test(n))return"Arial,'Liberation Sans',Helvetica,sans-serif";if(/cambria/i.test(n))return"Cambria,Caladea,Georgia,serif";
 if(/courier/i.test(n))return"'Courier New','Liberation Mono',monospace";if(/georgia|garamond|palatino|book antiqua|baskerville|bookman|century|constantia|didot|minion|sylfaen|cambria math/i.test(n))return`'${n}','Liberation Serif',Georgia,serif`;
 if(/consolas|lucida console|monaco|menlo|mono/i.test(n))return`'${n}','Liberation Mono',monospace`;return`'${n}',Calibri,Carlito,Arial,sans-serif`};
const pxLH=n=>/calibri/i.test(n)?1.22:/times|arial|helvetica|liberation/i.test(n)?1.15:/cambria/i.test(n)?1.17:1.2;
async function parsePptx(file){
 const zip=await JSZip.loadAsync(file);
 const ch=(n,t)=>{if(n)for(const c of n.children)if(c.tagName===t)return c;return null};
 const chs=(n,t)=>n?[...n.children].filter(c=>c.tagName===t):[];
 const nm=(n,a,d)=>{const v=n&&n.getAttribute(a);return v==null||v===''?d:+v};
 const tf1=(n,a)=>{const v=n&&n.getAttribute(a);return v==='1'||v==='true'};
 const rd=async p=>{const f=zip.file(p);if(!f)return null;const d=new DOMParser().parseFromString(await f.async('text'),'application/xml');return d.getElementsByTagName('parsererror').length?null:d};
 const relCache={},relsOf=async path=>{if(relCache[path])return relCache[path];const dir=path.slice(0,path.lastIndexOf('/')),base=path.slice(path.lastIndexOf('/')+1),d=await rd(`${dir}/_rels/${base}.rels`),m={};
  if(d)for(const r of d.getElementsByTagName('Relationship')){if(r.getAttribute('TargetMode')==='External')continue;const t=r.getAttribute('Target');m[r.getAttribute('Id')]={type:r.getAttribute('Type').split('/').pop(),path:t.startsWith('/')?t.slice(1):pptxPath(dir,t)}}return relCache[path]=m};
 const parts={},part=async path=>parts[path]||(parts[path]={path,doc:await rd(path),rels:await relsOf(path)});
 let cx=12192000,cy=6858000;const pres=await rd('ppt/presentation.xml');
 if(pres){const sz=pres.getElementsByTagName('p:sldSz')[0];if(sz){cx=+sz.getAttribute('cx')||cx;cy=+sz.getAttribute('cy')||cy}}
 const E=v=>v*PX_W/cx,PT=12700*PX_W/cx,SH=Math.round(cy*PX_W/cx);
 const defTx=pres&&ch(pres.documentElement,'p:defaultTextStyle');
 // slide order from presentation.xml (not file names)
 let slidePaths=[];try{const pr=await relsOf('ppt/presentation.xml');for(const s of pres.getElementsByTagName('p:sldId')){const r=pr[s.getAttribute('r:id')];if(r&&zip.file(r.path))slidePaths.push(r.path)}}catch(e){}
 if(!slidePaths.length)slidePaths=Object.keys(zip.files).filter(n=>/^ppt\/slides\/slide\d+\.xml$/.test(n)).sort((a,b)=>(+a.match(/(\d+)\.xml/)[1])-(+b.match(/(\d+)\.xml/)[1]));
 const MIME={png:'image/png',jpg:'image/jpeg',jpeg:'image/jpeg',gif:'image/gif',bmp:'image/bmp',svg:'image/svg+xml',webp:'image/webp'},imgCache={};
 const embed=async(P,rId)=>{const r=P&&P.rels&&P.rels[rId];if(!r)return null;if(imgCache[r.path]!==undefined)return imgCache[r.path];const ext=r.path.split('.').pop().toLowerCase(),f=zip.file(r.path);if(!f||!MIME[ext])return imgCache[r.path]=null;return imgCache[r.path]=`data:${MIME[ext]};base64,${await f.async('base64')}`};
 const themeCache={},themeOf=async path=>{if(themeCache[path])return themeCache[path];const T={colors:{},major:'Calibri Light',minor:'Calibri',lnW:[6350,12700,19050]},d=await rd(path);
  if(d){const cs=d.getElementsByTagName('a:clrScheme')[0];if(cs)for(const c of cs.children){const v=c.firstElementChild;if(v)T.colors[c.tagName.slice(2)]=_hex2(v.tagName==='a:sysClr'?v.getAttribute('lastClr'):v.getAttribute('val'))}
   const mj=d.getElementsByTagName('a:majorFont')[0],mn=d.getElementsByTagName('a:minorFont')[0];if(mj&&ch(mj,'a:latin'))T.major=ch(mj,'a:latin').getAttribute('typeface');if(mn&&ch(mn,'a:latin'))T.minor=ch(mn,'a:latin').getAttribute('typeface');
   const ls=d.getElementsByTagName('a:lnStyleLst')[0];if(ls){const w=chs(ls,'a:ln').map(l=>nm(l,'w',12700));if(w.length)T.lnW=w}}
  return themeCache[path]=T};
 let X={theme:{colors:{},lnW:[6350,12700,19050],major:'Calibri',minor:'Calibri'},clrMap:{}};
 const CLR=['a:srgbClr','a:schemeClr','a:sysClr','a:prstClr','a:scrgbClr','a:hslClr'];
 const col=n=>{const c=n&&[...n.children].find(k=>CLR.includes(k.tagName));if(!c)return null;let rgb,t=c.tagName,v=c.getAttribute('val');
  if(t==='a:srgbClr')rgb=_hex2(v);else if(t==='a:sysClr')rgb=_hex2(c.getAttribute('lastClr'));else if(t==='a:prstClr')rgb=PRST_CLR[v]||[0,0,0];
  else if(t==='a:schemeClr'){const k=X.clrMap[v]||v;rgb=X.theme.colors[k]||X.theme.colors[v]||[0,0,0]}else rgb=[0,0,0];
  return pxMods(rgb,[...c.children].map(m=>[m.tagName.slice(2),+m.getAttribute('val')/100000]))};
 const themeCol=(name,mods)=>pxMods(X.theme.colors[X.clrMap[name]||name]||[0,0,0],mods||[]);
 // ---- fills / lines / effects ----
 const fill=async(spPr,P,style)=>{if(spPr)for(const k of spPr.children){switch(k.tagName){
   case'a:noFill':return null;case'a:solidFill':return{c:col(k)};
   case'a:gradFill':{const st=chs(ch(k,'a:gsLst'),'a:gs').map(g=>[nm(g,'pos',0)/1000,col(g)]),lin=ch(k,'a:lin');return{g:{ang:lin?nm(lin,'ang',5400000)/60000:90,st}}}
   case'a:blipFill':{const b=ch(k,'a:blip'),src=b&&await embed(P,b.getAttribute('r:embed'));return src?{img:src}:null}
   case'a:pattFill':return{c:col(ch(k,'a:fgClr'))}}}
  const fr=style&&ch(style,'a:fillRef');if(fr&&nm(fr,'idx',0)>0){const c=col(fr);if(c)return{c}}return null};
 const line=(spPr,style)=>{let w=0,c=null,dash=null,head=null,tail=null;const lr=style&&ch(style,'a:lnRef');
  if(lr&&nm(lr,'idx',0)>0){w=X.theme.lnW[Math.min(2,nm(lr,'idx',1)-1)]||12700;c=col(lr)}
  const ln=spPr&&ch(spPr,'a:ln');if(ln){if(ln.hasAttribute('w'))w=nm(ln,'w',w);if(ch(ln,'a:noFill'))c=null;const sf=ch(ln,'a:solidFill');if(sf){c=col(sf);if(!ln.hasAttribute('w')&&!w)w=9525}
   const pd=ch(ln,'a:prstDash');if(pd)dash=pd.getAttribute('val');const he=ch(ln,'a:headEnd'),te=ch(ln,'a:tailEnd');
   if(he&&he.getAttribute('type')&&he.getAttribute('type')!=='none')head=he.getAttribute('type');if(te&&te.getAttribute('type')&&te.getAttribute('type')!=='none')tail=te.getAttribute('type')}
  return c?{w:Math.max(1,E(w||12700)),c,dash,head,tail}:null};
 const shadow=spPr=>{const s=spPr&&ch(ch(spPr,'a:effectLst'),'a:outerShdw');if(!s)return null;const d=E(nm(s,'dist',0)),a=nm(s,'dir',0)/60000*Math.PI/180;return{dx:+(d*Math.cos(a)).toFixed(1),dy:+(d*Math.sin(a)).toFixed(1),b:+(E(nm(s,'blurRad',0))/2).toFixed(1),c:col(s)||'rgba(0,0,0,.4)'}};
 // ---- placeholders / inheritance ----
 const phOf=n=>{const nv=ch(n,'p:nvSpPr')||ch(n,'p:nvGraphicFramePr')||ch(n,'p:nvPicPr');return nv&&ch(ch(nv,'p:nvPr'),'p:ph')};
 const T_=t=>t==='ctrTitle'?'title':t;
 const findPh=(P,type,idx,byType)=>{const tree=P&&P.doc&&P.doc.getElementsByTagName('p:spTree')[0];if(!tree)return null;let best=null;
  for(const sp of tree.children){if(sp.tagName!=='p:sp')continue;const ph=phOf(sp);if(!ph)continue;const t=ph.getAttribute('type')||'obj',i=ph.getAttribute('idx');
   if(!byType&&idx!=null&&i===idx)return sp;if(T_(t)===T_(type||'obj')&&(byType||idx==null))best=best||sp}
  if(!best&&type)for(const sp of tree.children){const ph=sp.tagName==='p:sp'&&phOf(sp);if(ph&&T_(ph.getAttribute('type')||'obj')===T_(type))return sp}return best};
 const xfOf=n=>ch(ch(n,'p:spPr'),'a:xfrm')||ch(n,'p:xfrm')||ch(ch(n,'p:grpSpPr'),'a:xfrm');
 const geo=(xf,tf)=>{const off=ch(xf,'a:off'),ext=ch(xf,'a:ext');if(!off||!ext)return null;return{x:E(tf.ox+nm(off,'x',0)*tf.sx),y:E(tf.oy+nm(off,'y',0)*tf.sy),w:E(nm(ext,'cx',0)*tf.sx),h:E(nm(ext,'cy',0)*tf.sy),rot:nm(xf,'rot',0)/60000,fh:tf1(xf,'flipH'),fv:tf1(xf,'flipV')}};
 const avOf=spPr=>{const a={};const av=ch(ch(spPr,'a:prstGeom'),'a:avLst');if(av)for(const g of chs(av,'a:gd')){const m=/val\s+(-?\d+)/.exec(g.getAttribute('fmla')||'');if(m)a[g.getAttribute('name')]=+m[1]}return a};
 const custPath=(spPr,w,h)=>{const cg=ch(spPr,'a:custGeom'),pl=cg&&ch(cg,'a:pathLst');if(!pl)return null;let d='';
  for(const p of chs(pl,'a:path')){const pw=nm(p,'w',0)||w,ph=nm(p,'h',0)||h,sx=w/pw,sy=h/ph,pt=n=>`${(nm(n,'x',0)*sx).toFixed(1)} ${(nm(n,'y',0)*sy).toFixed(1)}`;
   for(const c of p.children){const pts=chs(c,'a:pt');switch(c.tagName){case'a:moveTo':d+='M'+pt(pts[0]);break;case'a:lnTo':d+='L'+pt(pts[0]);break;case'a:cubicBezTo':d+='C'+pts.map(pt).join(' ');break;case'a:quadBezTo':d+='Q'+pts.map(pt).join(' ');break;case'a:close':d+='Z'}}}
  return d||null};
 // ---- paragraph / run property parsing ----
 const rprops=n=>{const o={};if(!n)return o;if(n.hasAttribute('sz'))o.sz=nm(n,'sz',1800)/100;for(const[a,k]of[['b','b'],['i','i'],['strike','st']])if(n.hasAttribute(a))o[k]=n.getAttribute(a)==='1'||n.getAttribute(a)==='true';
  if(n.hasAttribute('u'))o.u=n.getAttribute('u')!=='none';if(n.hasAttribute('cap'))o.cap=n.getAttribute('cap')==='all';if(n.hasAttribute('spc'))o.spc=nm(n,'spc',0)/100*PT;if(n.hasAttribute('baseline'))o.bl=nm(n,'baseline',0);
  const sf=ch(n,'a:solidFill');if(sf)o.c=col(sf);const lat=ch(n,'a:latin');if(lat){let f=lat.getAttribute('typeface');if(f==='+mj-lt')f=X.theme.major;else if(f==='+mn-lt')f=X.theme.minor;if(f&&f[0]!=='+')o.f=f}
  if(ch(n,'a:hlinkClick'))o.hl=1;return o};
 const pprops=n=>{const o={};if(!n)return o;for(const a of['algn','marL','indent'])if(n.hasAttribute(a))o[a]=n.getAttribute(a);
  const ls=ch(n,'a:lnSpc');if(ls){const p=ch(ls,'a:spcPct'),q=ch(ls,'a:spcPts');if(p)o.ls={pct:nm(p,'val',100000)/100000};else if(q)o.ls={px:nm(q,'val',0)/100*PT}}
  for(const[t,k]of[['a:spcBef','sb'],['a:spcAft','sa']]){const s=ch(n,t);if(s){const p=ch(s,'a:spcPct'),q=ch(s,'a:spcPts');if(p)o[k]={pct:nm(p,'val',0)/100000};else if(q)o[k]={px:nm(q,'val',0)/100*PT}}}
  if(ch(n,'a:buNone'))o.bu=null;const bc=ch(n,'a:buChar');if(bc)o.bu={ch:bc.getAttribute('char')};const ba=ch(n,'a:buAutoNum');if(ba)o.bu={num:ba.getAttribute('type'),start:nm(ba,'startAt',1)};
  const bf=ch(n,'a:buFont');if(bf)o.buF=bf.getAttribute('typeface');const bcl=ch(n,'a:buClr');if(bcl)o.buC=col(bcl);const bs=ch(n,'a:buSzPct');if(bs)o.buS=nm(bs,'val',100000)/100000;
  const d=ch(n,'a:defRPr');if(d)o.r=rprops(d);return o};
 const lvlOf=(layers,l)=>{const o={r:{}};for(const L of layers){if(!L)continue;const p=pprops(ch(L,`a:lvl${l+1}pPr`));const r=p.r;delete p.r;Object.assign(o,p);if(r)Object.assign(o.r,r)}return o};
 const NUMFMT=(t,n)=>{const al=(n,u)=>{let s='';n--;do{s=String.fromCharCode((u?65:97)+n%26)+s;n=Math.floor(n/26)-1}while(n>=0);return s};
  switch(t){case'arabicParenR':return n+')';case'alphaLcPeriod':return al(n)+'.';case'alphaUcPeriod':return al(n,1)+'.';case'alphaLcParenR':return al(n)+')';default:return n+'.'}};
 // ---- text body -> paragraphs ----
 function buildText(tb,o){const bpN=[o.Mbp,o.Lbp,ch(tb,'a:bodyPr')],B={};
  for(const n of bpN){if(!n)continue;for(const a of['lIns','tIns','rIns','bIns','anchor','wrap','vert'])if(n.hasAttribute(a))B[a]=n.getAttribute(a);const af=['a:normAutofit','a:noAutofit','a:spAutoFit'].map(t=>ch(n,t)).find(Boolean);if(af)B.af=af}
  const norm=B.af&&B.af.tagName==='a:normAutofit',fs=norm?nm(B.af,'fontScale',100000)/100000:1,lr=norm?nm(B.af,'lnSpcReduction',0)/100000:0;
  const layers=o.layers.concat([ch(tb,'a:lstStyle')]),paras=[],cnt=[];let any=false;
  for(const p of chs(tb,'a:p')){const pPr=ch(p,'a:pPr'),lvl=Math.min(8,nm(pPr,'lvl',0)),lp=lvlOf(layers,lvl),ep=pprops(pPr),pp={...lp,...ep};
   const r0={...(o.baseR||{}),...lp.r,...(ep.r||{})},runs=[];let mx=0,txt='';
   const mk=rp=>{const r={...r0,...rprops(rp)};if(!r.f)r.f=X.theme.minor;let c=r.c;if(!c&&r.hl)c=themeCol('hlink');const sz=(r.sz||18)*PT*fs,bl=r.bl||0;
    return{sz:bl?sz*.67:sz,b:!!r.b,i:!!r.i,u:!!r.u||!!r.hl,st:!!r.st,c:c||'#000',f:pxFont(r.f),fn:r.f,cap:!!r.cap,spc:r.spc||0,bl:bl>0?1:bl<0?-1:0,_sz:sz}};
   for(const n of p.children){if(n.tagName==='a:r'||n.tagName==='a:fld'){const t=[...n.getElementsByTagName('a:t')].map(x=>x.textContent).join('');const r=mk(ch(n,'a:rPr'));r.t=t;runs.push(r);mx=Math.max(mx,r._sz);txt+=t}
    else if(n.tagName==='a:br'){const r=mk(ch(n,'a:rPr'));r.br=1;runs.push(r);mx=Math.max(mx,r._sz)}}
   const er=mk(ch(p,'a:endParaRPr'));if(!mx)mx=er._sz;const fn=(runs[0]||er).fn,lhf=pxLH(fn);
   let bu=null;if(txt.trim()&&pp.bu){if(pp.bu.num){for(let l=lvl+1;l<9;l++)cnt[l]=0;cnt[lvl]=(cnt[lvl]||pp.bu.start-1)+1;bu={ch:NUMFMT(pp.bu.num,cnt[lvl])}}
    else{bu={ch:/wingdings|symbol/i.test(pp.buF||'')?'•':pp.bu.ch};for(let l=lvl;l<9;l++)cnt[l]=0}}else if(!pp.bu||!txt.trim()){for(let l=lvl;l<9;l++)cnt[l]=0}
   if(bu){const f=runs.find(r=>!r.br)||er;bu.c=pp.buC||f.c;bu.sz=mx*(pp.buS||1);bu.f=pxFont(/wingdings|symbol/i.test(pp.buF||'')?'Arial':pp.buF||'Arial')}
   let lh=lhf;if(pp.ls){lh=pp.ls.pct!=null?Math.max(.5,pp.ls.pct-lr)*lhf:pp.ls.px/mx}else if(lr)lh=Math.max(.5,1-lr)*lhf;
   const sp=s=>!s?0:s.px!=null?s.px:s.pct*mx*lhf;
   if(txt.trim())any=true;
   const pv_=k=>nm({getAttribute:a=>pp[a]},k,0);
   paras.push({al:{l:'left',ctr:'center',r:'right',just:'justify',dist:'justify'}[pp.algn]||'left',mL:E(pv_('marL')),ind:E(pv_('indent')),lh:+lh.toFixed(4),sb:sp(pp.sb),sa:sp(pp.sa),sz:mx,bu,runs,emp:!runs.length})}
  const ins=[B.lIns,B.tIns,B.rIns,B.bIns].map((v,i)=>E(v!=null?+v:[91440,45720,91440,45720][i]));
  return{paras,ins:[ins[1],ins[2],ins[3],ins[0]],anchor:B.anchor||'t',wrap:B.wrap!=='none',vert:B.vert&&B.vert!=='horz'?B.vert:null,any}}
 const plain=tx=>tx?tx.paras.map(p=>p.runs.map(r=>r.br?'\n':r.t).join('')).join('\n').trim():'';
 // ---- shape tree walker ----
 async function walk(tree,P,tf,out,ctxP){const{L,M,tpl}=ctxP;
  for(let node of tree.children){
   if(node.tagName==='mc:AlternateContent'){node=ch(node,'mc:Fallback')||ch(node,'mc:Choice');if(!node)continue;for(const k of[...node.children])await walk({children:[k]},P,tf,out,ctxP);continue}
   const tag=node.tagName,nv=ch(node,'p:nvSpPr')||ch(node,'p:nvPicPr')||ch(node,'p:nvCxnSpPr')||ch(node,'p:nvGraphicFramePr')||ch(node,'p:nvGrpSpPr'),cn=nv&&ch(nv,'p:cNvPr');
   if(cn&&(cn.getAttribute('hidden')==='1'||cn.getAttribute('hidden')==='true'))continue;
   if(tag==='p:grpSp'){const gx=ch(ch(node,'p:grpSpPr'),'a:xfrm');if(!gx)continue;const off=ch(gx,'a:off'),ext=ch(gx,'a:ext'),co=ch(gx,'a:chOff'),ce=ch(gx,'a:chExt');
    const sxg=nm(ce,'cx',0)?nm(ext,'cx',0)/nm(ce,'cx',1):1,syg=nm(ce,'cy',0)?nm(ext,'cy',0)/nm(ce,'cy',1):1;
    await walk(node,P,{ox:tf.ox+(nm(off,'x',0)-nm(co,'x',0)*sxg)*tf.sx,oy:tf.oy+(nm(off,'y',0)-nm(co,'y',0)*syg)*tf.sy,sx:tf.sx*sxg,sy:tf.sy*syg},out,ctxP);continue}
   if(tag==='p:sp'||tag==='p:pic'||tag==='p:cxnSp'||tag==='p:graphicFrame'){
    const ph=phOf(node);if(tpl&&ph)continue;const spPr=ch(node,'p:spPr'),style=ch(node,'p:style');
    let xf=xfOf(node),Lsp=null,Msp=null;
    if(ph){const t=ph.getAttribute('type'),i=ph.getAttribute('idx');Lsp=findPh(L,t,i);const lt=(Lsp?phOf(Lsp).getAttribute('type'):t)||t||'obj',mt0=T_(lt)==='title'?'title':(lt==='dt'||lt==='ftr'||lt==='sldNum')?lt:'body';Msp=findPh(M,mt0,null,true);if(!xf)xf=xfOf(Lsp||{children:[]})||xfOf(Msp||{children:[]})}
    const g=geo(xf,tf);if(!g)continue;
    if(tag==='p:graphicFrame'){const tbl=node.getElementsByTagName('a:tbl')[0];if(tbl)out.push(await parseTbl(tbl,g,tf,P));continue}
    if(tag==='p:pic'){const bf=ch(node,'p:blipFill'),bl=ch(bf,'a:blip'),src=bl&&await embed(P,bl.getAttribute('r:embed'));if(!src)continue;const sr=ch(bf,'a:srcRect'),am=ch(bl,'a:alphaModFix');
     const pg=ch(spPr,'a:prstGeom');out.push({t:'pic',...g,src,crop:sr?['l','t','r','b'].map(k=>nm(sr,k,0)/100000):null,op:am?nm(am,'amt',100000)/100000:1,geom:pg?pg.getAttribute('prst'):'rect',adj:avOf(spPr),ln:line(spPr,null),sh:shadow(spPr)});continue}
    const pg=ch(spPr,'a:prstGeom'),gname=pg?pg.getAttribute('prst'):'rect',ln=line(spPr,style);
    if(tag==='p:cxnSp'||/^(line|straightConnector1|bentConnector\d|curvedConnector\d)$/.test(gname)){out.push({t:'ln',...g,geom:gname,adj:avOf(spPr),ln:ln||{w:2,c:'#000'},sh:shadow(spPr)});continue}
    const fl=await fill(spPr,P,style),tb=ch(node,'p:txBody');let tx=null;
    if(tb){const isPh=!!ph,pt=ph?(ph.getAttribute('type')||'obj'):null,mt=T_(pt)==='title'?'p:titleStyle':(pt==='dt'||pt==='ftr'||pt==='sldNum')?'p:otherStyle':'p:bodyStyle',Mtx=M&&M.doc&&ch(M.doc.documentElement,'p:txStyles');
     const fr=style&&ch(style,'a:fontRef'),fc=fr&&col(fr);
     tx=buildText(tb,{layers:[defTx,isPh?ch(Mtx,mt):ch(Mtx,'p:otherStyle'),Msp&&ch(ch(Msp,'p:txBody'),'a:lstStyle'),Lsp&&ch(ch(Lsp,'p:txBody'),'a:lstStyle')],Mbp:Msp&&ch(ch(Msp,'p:txBody'),'a:bodyPr'),Lbp:Lsp&&ch(ch(Lsp,'p:txBody'),'a:bodyPr'),baseR:fc?{c:fc}:null})}
    const d=custPath(spPr,g.w,g.h);
    if(fl&&fl.img){out.push({t:'pic',...g,src:fl.img,crop:null,op:1,geom:gname,adj:avOf(spPr),ln,sh:shadow(spPr),tx:tx&&tx.any?tx:null});continue}
    if(!fl&&!ln&&!(tx&&tx.any))continue;
    out.push({t:'sp',...g,geom:gname,d,adj:avOf(spPr),fill:fl,ln,sh:shadow(spPr),tx:tx&&tx.any?tx:null})}}}
 // ---- tables ----
 async function parseTbl(tbl,g,tf,P){const pr=ch(tbl,'a:tblPr'),sid=(ch(pr,'a:tableStyleId')||{}).textContent||'';
  const fr=tf1(pr,'firstRow'),fc=tf1(pr,'firstCol'),lrw=tf1(pr,'lastRow'),br=tf1(pr,'bandRow');
  const AC={'{5C22544A-7EE6-4342-B048-85BDC9FD1C3A}':'accent1','{21E4AEA4-8DFA-4A89-87EB-49C32662AFE0}':'accent2','{F5AB1C69-6EDB-4FF4-983F-18BD219EF322}':'accent3','{00A15C55-8517-42AA-B614-E9B94910E393}':'accent4','{7DF18680-E054-41AD-8BC1-D1AEF772440D}':'accent5','{93296810-A885-4BE3-A3E7-6D5BEEA58F35}':'accent6'};
  const plainSt=!sid||sid==='{2D5ABB26-0587-4C30-8999-92F81FD0307C}',gridSt=sid==='{5940675A-B579-460E-94D1-54222C63F5DA}',acc=AC[sid]||'accent1';
  const cols=chs(ch(tbl,'a:tblGrid'),'a:gridCol').map(c=>E(nm(c,'w',0)*tf.sx)),trs=chs(tbl,'a:tr'),rows=[];
  const white=themeCol('bg1'),dk=themeCol('tx1');
  for(let ri=0;ri<trs.length;ri++){const tr=trs[ri],cells=[];let ci=0;
   for(const tc of chs(tr,'a:tc')){const idx=ci++;if(tf1(tc,'hMerge')||tf1(tc,'vMerge')){cells.push(null);continue}
    const tcPr=ch(tc,'a:tcPr'),head=fr&&ri===0,first=fc&&idx===0,last=lrw&&ri===trs.length-1;let bg=null,tc_=dk,bold=false,brd={};
    if(!plainSt&&!gridSt){const di=ri-(fr?1:0);bg=themeCol(acc,[['tint',br&&di%2===0?.4:.2]]);brd={l:{w:E(12700),c:white},r:{w:E(12700),c:white},t:{w:E(12700),c:white},b:{w:E(12700),c:white}};
     if(head||first||last){bg=themeCol(acc);tc_=white;bold=true}if(head)brd.b={w:E(38100),c:white}}
    if(gridSt){const b={w:E(12700),c:dk};brd={l:b,r:b,t:b,b}}
    if(tcPr){const sf=ch(tcPr,'a:solidFill');if(sf)bg=col(sf);else if(ch(tcPr,'a:noFill'))bg=null;
     for(const[t,k]of[['a:lnL','l'],['a:lnR','r'],['a:lnT','t'],['a:lnB','b']]){const l=ch(tcPr,t);if(!l)continue;if(ch(l,'a:noFill'))brd[k]=null;else{const s=ch(l,'a:solidFill');if(s)brd[k]={w:Math.max(1,E(nm(l,'w',12700))),c:col(s)}}}}
    const tb=ch(tc,'a:txBody'),tx=tb?buildText(tb,{layers:[defTx],baseR:{c:tc_,b:bold}}):null;
    cells.push({tx,bg,brd,cs:nm(tc,'gridSpan',1),rs:nm(tc,'rowSpan',1),anchor:(tcPr&&tcPr.getAttribute('anchor'))||'t',mar:[nm(tcPr,'marT',45720),nm(tcPr,'marR',91440),nm(tcPr,'marB',45720),nm(tcPr,'marL',91440)].map(v=>E(v))})}
   rows.push({h:E(nm(tr,'h',0)*tf.sy),cells})}
  return{t:'tbl',...g,cols,rows}}
 // ---- background chain ----
 async function bgOf(P){const bg=P&&P.doc&&P.doc.getElementsByTagName('p:bg')[0];if(!bg)return undefined;const bp=ch(bg,'p:bgPr');
  if(bp){const f=await fill(bp,P,null);return f===null?{c:'#fff'}:f}const r=ch(bg,'p:bgRef');if(r){const c=col(r);if(c)return{c}}return undefined}
 // ---- build slides ----
 const slides=[];
 for(const sp of slidePaths){
  const S=await part(sp),lr=Object.values(S.rels).find(r=>r.type==='slideLayout'),L=lr&&await part(lr.path),mr=L&&Object.values(L.rels).find(r=>r.type==='slideMaster'),M=mr&&await part(mr.path),tr=M&&Object.values(M.rels).find(r=>r.type==='theme');
  const th=tr&&await themeOf(tr.path),cm=M&&M.doc&&M.doc.getElementsByTagName('p:clrMap')[0],clrMap={};
  if(cm)for(const a of cm.attributes)clrMap[a.name]=a.value;
  X={theme:th||X.theme,clrMap};
  const els=[],ident={ox:0,oy:0,sx:1,sy:1},sd=S.doc&&S.doc.documentElement;if(!sd)continue;
  const showM=sd.getAttribute('showMasterSp')!=='0',lroot=L&&L.doc&&L.doc.documentElement,showMl=!lroot||lroot.getAttribute('showMasterSp')!=='0';
  if(showM&&showMl&&M&&M.doc){const t=M.doc.getElementsByTagName('p:spTree')[0];if(t)await walk(t,M,ident,els,{L:null,M,tpl:true})}
  if(showM&&L&&L.doc){const t=L.doc.getElementsByTagName('p:spTree')[0];if(t)await walk(t,L,ident,els,{L,M,tpl:true})}
  const tree=S.doc.getElementsByTagName('p:spTree')[0];if(tree)await walk(tree,S,ident,els,{L,M,tpl:false});
  let bg=await bgOf(S);if(bg===undefined)bg=await bgOf(L);if(bg===undefined)bg=await bgOf(M);if(!bg)bg={c:'#fff'};
  const texts=[];for(const e of els){if(e.t==='tbl')for(const r of e.rows)for(const c of r.cells){const s=c&&plain(c.tx);if(s)texts.push(s)}else if(e.tx){const s=plain(e.tx);if(s)texts.push(s)}}
  slides.push({kind:'pptx',v:PX_V,sw:PX_W,sh:SH,bg,els,text:texts.join(' / ')||'(image slide)',ref:''})}
 return slides}

const pv={sl:null,bg:null},lv={sl:null,bg:null};
const send=m=>{try{win&&!win.closed&&win.postMessage(m,'*')}catch(e){}};
addEventListener('message',e=>{if(e.data?.ready){send({s:S,sl:lv.sl,bg:lv.bg,tr:'cut',fontsCSS:fontsCSS()});camPush();try{win&&!win.closed&&win.postMessage({fs:1},{targetOrigin:'*',delegate:'fullscreen'})}catch(err){try{win.postMessage({fs:1},'*')}catch(e2){}}}});
const url=m=>m.u||(m.u=URL.createObjectURL(m.blob));
const applyS=()=>{localStorage.setItem('dow.s',JSON.stringify(S));P.cfg(S);L.cfg(S);send({s:S,fontsCSS:fontsCSS()})};
function take(){if(!pv.sl&&!pv.bg)return;lv.sl=pv.sl;lv.bg=pv.bg;L.setBg(lv.bg);L.show(lv.sl,S.tr);send({bg:lv.bg,sl:lv.sl,tr:S.tr});draw();if($('#ao').checked&&(!win||win.closed))openOut(true)}
function pick(i){if(i<0||i>=slides.length)return;idx=i;pv.sl=slides[i];P.show(pv.sl,'cut');$('#au').checked?take():draw()}
function blank(){lv.sl=null;L.show(null,S.tr);send({sl:null,tr:S.tr});draw()}
function load(sl,c){slides=sl;cur=c;pick(0)}
function fitThumbs(){document.querySelectorAll('#sls .thi').forEach(e=>{const w=e.parentElement.clientWidth-4;if(w>0)e.style.transform=`scale(${w/1920})`})}
function draw(){nameLabels();const rich=slides.length<=80;$('#sls').innerHTML=slides.map((s,i)=>{const cl=`${i==idx?'on':''} ${lv.sl===s?'lv':''}`;return rich&&s.kind==='pptx'&&s.v?`<div class="sc pp ${cl}" data-i="${i}" title="${esc(s.text).replace(/"/g,'&quot;')}"><div class="thi">${pxPaper(s)}</div><span class="nb">${i+1}</span></div>`:`<div class="sc ${cl}" data-i="${i}">${esc(s.text)}</div>`}).join('')||'<span style="color:#777">Load a verse or song…</span>';fitThumbs();
 $('#dk').innerHTML=dock.map((d,i)=>`<div class=it data-d="${i}"><span>${d.t=='b'?'📖':d.t=='s'?'♪':d.t=='o'?'🌐':d.t=='c'?'📹':'🖵'} ${esc(d.label)}</span><x data-x="${i}">✕</x></div>`).join('')||'<span style="color:#777">Empty — load something and press ＋ Dock</span>'}
try{new ResizeObserver(fitThumbs).observe($('#sls'))}catch(e){}
// Bible
const nz=s=>s.toLowerCase().replace(/[^a-z0-9]/g,'');
function normalizeBible(raw){
 if(raw&&Array.isArray(raw.verses)){const data={};for(const v of raw.verses){const bk=v.book_name||v.book;if(bk==null)continue;const ch=String(v.chapter),vs=String(v.verse);(data[bk]||(data[bk]={}));(data[bk][ch]||(data[bk][ch]={}));data[bk][ch][vs]=v.text}
  const name=raw.metadata&&(raw.metadata.shortname||raw.metadata.name)||null;return{data,name}}
 return{data:raw,name:null}}
// EasyWorship Bible (.ewb): "EasyWorship Bible Text" header, then one zlib block per book, each block preceded by a 10-byte "QK\3\4…" marker; verses are "chapter:verse text" lines
const EW_BOOKS=['Genesis','Exodus','Leviticus','Numbers','Deuteronomy','Joshua','Judges','Ruth','1 Samuel','2 Samuel','1 Kings','2 Kings','1 Chronicles','2 Chronicles','Ezra','Nehemiah','Esther','Job','Psalms','Proverbs','Ecclesiastes','Song of Solomon','Isaiah','Jeremiah','Lamentations','Ezekiel','Daniel','Hosea','Joel','Amos','Obadiah','Jonah','Micah','Nahum','Habakkuk','Zephaniah','Haggai','Zechariah','Malachi','Matthew','Mark','Luke','John','Acts','Romans','1 Corinthians','2 Corinthians','Galatians','Ephesians','Philippians','Colossians','1 Thessalonians','2 Thessalonians','1 Timothy','2 Timothy','Titus','Philemon','Hebrews','James','1 Peter','2 Peter','1 John','2 John','3 John','Jude','Revelation'];
async function ewInflate(u8){const ds=new DecompressionStream('deflate'),w=ds.writable.getWriter();w.write(u8).catch(()=>{});w.close().catch(()=>{});return new Uint8Array(await new Response(ds.readable).arrayBuffer())}
function ewText(u8){try{return new TextDecoder('utf-8',{fatal:true}).decode(u8)}catch(e){return new TextDecoder('windows-1252').decode(u8)}}
async function parseEwb(buf){
 if(typeof DecompressionStream=='undefined')throw new Error('this browser cannot unpack .ewb files (needs a recent Chrome, Edge, Firefox or Safari)');
 const d=new Uint8Array(buf),hd='EasyWorship Bible Text';
 for(let i=0;i<hd.length;i++)if(d[i]!==hd.charCodeAt(i))throw new Error('not an EasyWorship Bible (.ewb) file');
 const mk=[];for(let i=0;i<d.length-3;i++)if(d[i]===81&&d[i+1]===75&&d[i+2]===3&&d[i+3]===4)mk.push(i);
 if(mk.length<2)throw new Error('no Bible text found in this .ewb file');
 let name=null;
 for(let s=mk[0]-8;s>=Math.max(0,mk[0]-60)&&!name;s--){if(d[s]!==0x78)continue;try{const t=ewText(await ewInflate(d.subarray(s,mk[0]))).replace(/[^\x20-\x7e]/g,'').replace(/^ezPaid/i,'').trim();if(t)name=t}catch(e){}}
 const segs=[];let k=0;
 while(k<mk.length-1){let ok=false;
  for(let j=k+1;j<mk.length;j++){try{const u=await ewInflate(d.subarray(mk[k]+10,mk[j]));segs.push(ewText(u));k=j;ok=true;break}catch(e){}}
  if(!ok)break}
 const n=segs.length,names=n==66?EW_BOOKS:n==39?EW_BOOKS.slice(0,39):n==27?EW_BOOKS.slice(39):null;
 if(!names)throw new Error('unexpected number of books ('+n+') in this .ewb file');
 const data={};
 segs.forEach((t,bi)=>{const bk=names[bi],B=data[bk]={},re=/^(\d+):(\d+)(?:-\d+)? /gm,hits=[];let m;
  t=t.replace(/\r\n?/g,'\n');while((m=re.exec(t)))hits.push({c:m[1],v:m[2],a:m.index,b:m.index+m[0].length});
  hits.forEach((h,i)=>{const x=t.slice(h.b,i+1<hits.length?hits[i+1].a:t.length).replace(/\s*\n\s*/g,' ').trim();(B[h.c]||(B[h.c]={}))[h.v]=x})});
 return{data,name}}
async function readBibleFile(f){
 if(/\.ewb$/i.test(f.name)){const r=await parseEwb(await f.arrayBuffer());return{data:r.data,name:r.name||f.name.replace(/\.ewb$/i,'')}}
 return normalizeBible(JSON.parse(await f.text()))}
async function importBibleFiles(files){for(const f of files){try{const{data,name}=await readBibleFile(f);await put('bible',{name:(name||f.name.replace(/\.(json|ewb)$/i,'')).toUpperCase(),data,src:/\.ewb$/i.test(f.name)?'ewb':'json',file:f.name})}catch(err){alert('Could not import '+f.name+': '+err.message)}}await boot()}
const BAL={jn:'john',mt:'matthew',mk:'mark',lk:'luke',ps:'psalms',php:'philippians',phm:'philemon',jas:'james',jm:'james',rm:'romans',heb:'hebrews',rev:'revelation',sos:'songofsolomon',ss:'songofsolomon'};
function bible(q,v=ver,fail=alert){const B=bibles[v];if(!B){fail('Import a Bible first.');return false}
 const t=q.trim().replace(/\s*[-–—]\s*/g,'-').replace(/\s*[:.]\s*/g,':').replace(/\s+/g,' ');
 const m=t.match(/^((?:[1-3]\s?)?[A-Za-z][A-Za-z ]*?)[\s:]*(\d+)(?:[\s:]+(\d+)(?:-(\d+))?)?$/);if(!m){fail('Try e.g.  John:3:16  or  John 3 16-18');return false}
 const ks=Object.keys(B),n0=nz(m[1]).replace(/^([1-3])jn$/,'$1john'),n=BAL[n0]||n0,find=x=>ks.find(k=>nz(k)==x)||ks.find(k=>nz(k).startsWith(x)),bk=find(n)||find(n0);
 if(!bk){fail('Book not found: '+m[1].trim());return false}const ch=B[bk][m[2]];if(!ch){fail(bk+' has no chapter '+m[2]);return false}
 const vs=Object.keys(ch).map(Number).sort((a,b)=>a-b),a=m[3]?+m[3]:null;let z=m[4]?+m[4]:a;if(a!==null&&z<a)z=a;
 const fx=t=>t.replace(/([,:])"(?=[A-Za-z])/g,'$1 "'),R=(x,y)=>`${bk} ${m[2]}:${x}${y!=x?'-'+y:''} (${v})`;let out=[];
 if(a===null)out=vs.map(x=>({text:fx(ch[x]),ref:R(x,x)}));else{let buf=[],len=0;const fl=()=>{if(buf.length)out.push({text:buf.map(x=>fx(ch[x])).join(' '),ref:R(buf[0],buf.at(-1))});buf=[];len=0};
  vs.filter(x=>x>=a&&x<=z).forEach(x=>{if(len+ch[x].length>280)fl();buf.push(x);len+=ch[x].length});fl()}
 if(!out.length){fail(bk+' '+m[2]+':'+a+' not found');return false}load(out,{t:'b',v,ref:q,label:`${bk} ${m[2]}${a?':'+a+(z!=a?'-'+z:''):''} (${v})`});return true}
// ---------- Online Bible (live site — nothing is copied or stored) ----------
const ONL_VERS=['NIV','NKJV','ESV','NLT','NASB','CSB','AMP','MSG','NRSV','KJV','GNT','CEV','NIRV'];
const ONL={site:'bg',ver:'NIV',z:2,print:true,custom:'',dk:true,...(()=>{try{return JSON.parse(localStorage.getItem('dow.onl')||'{}')}catch(e){return{}}})()};
const saveOnl=()=>localStorage.setItem('dow.onl',JSON.stringify(ONL));
const ONL_BG='https://www.biblegateway.com/passage/?search={ref}&version={ver}{print}';
let onQ=false;
const ONL_YV={KJV:1,NIV:111,NKJV:114,ESV:59,NLT:116,AMP:8,MSG:97,CSB:1713,NIRV:110,GNT:68,CEV:392,NASB:100};
const onlVers=()=>ONL.site=='yv'?Object.keys(ONL_YV):ONL_VERS;
const onlVersList=()=>{const b=onlVers();return ONL.site=='yv'||b.includes(ONL.ver)?b:[...b,ONL.ver]};
const BNAMES='genesis exodus leviticus numbers deuteronomy joshua judges ruth 1samuel 2samuel 1kings 2kings 1chronicles 2chronicles ezra nehemiah esther job psalms proverbs ecclesiastes songofsolomon isaiah jeremiah lamentations ezekiel daniel hosea joel amos obadiah jonah micah nahum habakkuk zephaniah haggai zechariah malachi matthew mark luke john acts romans 1corinthians 2corinthians galatians ephesians philippians colossians 1thessalonians 2thessalonians 1timothy 2timothy titus philemon hebrews james 1peter 2peter 1john 2john 3john jude revelation'.split(' ');
const USFM='GEN EXO LEV NUM DEU JOS JDG RUT 1SA 2SA 1KI 2KI 1CH 2CH EZR NEH EST JOB PSA PRO ECC SNG ISA JER LAM EZK DAN HOS JOL AMO OBA JON MIC NAM HAB ZEP HAG ZEC MAL MAT MRK LUK JHN ACT ROM 1CO 2CO GAL EPH PHP COL 1TH 2TH 1TI 2TI TIT PHM HEB JAS 1PE 2PE 1JN 2JN 3JN JUD REV'.split(' ');
function yvRef(ref){const t=ref.trim().replace(/\s*[-–—]\s*/g,'-').replace(/\s*[:.]\s*/g,':').replace(/\s+/g,' ');
 const m=t.match(/^((?:[1-3]\s?)?[A-Za-z][A-Za-z ]*?)[\s:]*(\d+)(?:[\s:]+(\d+)(?:-(\d+))?)?$/);if(!m)return null;
 const n0=nz(m[1]).replace(/^([1-3])jn$/,'$1john'),n=BAL[n0]||n0;let i=BNAMES.indexOf(n);if(i<0)i=BNAMES.findIndex(k=>k.startsWith(n));if(i<0)i=BNAMES.findIndex(k=>k.startsWith(n0));if(i<0)return null;
 return{b:USFM[i],c:m[2],a:m[3],z:m[4]}}
function onlineSlide(ref,v){ref=(ref||'').trim().replace(/\s+/g,' ');v=(v||ONL.ver||'').trim();if(!ref)return null;
 let u;
 if(ONL.site=='yv'){const id=ONL_YV[v],r=yvRef(ref);if(!id||!r)return null;u=`https://www.bible.com/bible/${id}/${r.b}.${r.c}${r.a?'.'+r.a+(r.z&&r.z!=r.a?'-'+r.z:''):''}.${encodeURIComponent(v)}`}
 else{const tpl=ONL.site=='cu'?(ONL.custom||'').trim():ONL_BG;if(!/^https:\/\//i.test(tpl))return null;
  u=tpl.replace(/\{ref\}/g,encodeURIComponent(ref)).replace(/\{ver\}/g,encodeURIComponent(v)).replace(/\{print\}/g,ONL.site=='bg'&&ONL.print?'&interface=print':'')}
 let host;try{host=new URL(u).hostname.replace(/^www\./,'')}catch(e){return null}
 const label=`${ref} (${v})`;return{kind:'site',url:u,z:+ONL.z||1,dk:!!ONL.dk,text:'🌐 '+label,ref:'',label,credit:`Scripture shown live from ${host} · ${v}`}}
function loadOnline(ref,v,fail=m=>alert(m)){const sl=onlineSlide(ref,v);if(!sl){fail(ref&&ref.trim()?'Could not build the online page — check the book name, the version, and the site chosen in the Online tab.':'Type a reference first, e.g.  John 3:16');return false}
 load([sl],{t:'o',label:'🌐 '+sl.label,ref:ref.trim(),v:v||ONL.ver});return true}
function siteView(){for(const[sl,scr]of[[pv.sl,P],[lv.sl,L]])if(sl&&sl.kind=='site'){sl.z=+ONL.z||1;sl.dk=!!ONL.dk;scr.setSiteView(sl.z,sl.dk)}if(lv.sl&&lv.sl.kind=='site')send({sv:{z:lv.sl.z,dk:lv.sl.dk}})}
async function openSiteWindow(){const sl=(pv.sl&&pv.sl.kind=='site')?pv.sl:onlineSlide($('#oref')?$('#oref').value:'',ONL.ver);if(!sl){osSet('Type a reference in the Online tab first.');return}
 const r=await secondScreen();let f='popup=yes,width=1280,height=720';if(r.sc)f=`popup=yes,left=${r.sc.availLeft},top=${r.sc.availTop},width=${r.sc.availWidth},height=${r.sc.availHeight}`;
 const w2=open(sl.url,'dow-site',f);osSet(w2?'✓ Site opened in its own window'+(r.multi?' on the 2nd screen':'')+' — press F11 in that window for fullscreen.':'⚠ Pop-up blocked — allow pop-ups for this site, then try again.')}
// ---------- Quick verse bar + direct-to-screen ----------
const qvSt=m=>{$('#qvst').textContent=m||''};
function qvFocus(){const i=$('#qv');i.focus();i.select()}
function syncQV(){const s=$('#qvv'),vk=Object.keys(bibles),ov=onlVersList();s.innerHTML=vk.map(x=>`<option ${x==ver&&!onQ?'selected':''}>${esc(x)}</option>`).join('')+`<optgroup label="Online (live site)">${ov.map(x=>`<option value="🌐${esc(x)}" ${onQ&&ONL.ver==x?'selected':''}>🌐 ${esc(x)}</option>`).join('')}</optgroup>`;s.style.width='96px'}
function quick(project){const q=$('#qv').value.trim();if(!q)return;qvSt('');
 if(onQ){if(!loadOnline(q,ONL.ver,m=>qvSt(m)))return}
 else{let why='';if(!bible(q,ver,m=>{why=m})){if(!bibleWordsFromQuick(q,why))qvSt(why);return}}
 if(project){projectOut()}
 $('#qv').select()}
// Songs
function editSong(n){const x=songs[n];if(!x)return;editing={orig:n,name:n,text:x.text};tab='Songs';panel()}
function song(n){const s=songs[n];if(s)load(s.text.replace(/\r/g,'').trim().split(/\n\s*\n/).map(t=>({text:t.trim(),ref:''})),{t:'s',name:n,label:n})}
// Library panels
function panel(){const p=$('#pn');$('.tabs').innerHTML=['Bible','Songs','Media','PPTX','Online','Camera','Export'].map(t=>`<button class="${t==tab?'on':''}" data-t="${t}">${t}</button>`).join('');
 if(tab=='Bible'){const vk=Object.keys(bibles);
  if(!vk.length){p.innerHTML=`<div class=row><button onclick="$('#bf').click()">Import Bible (.json / .ewb)</button><input id=bf type=file accept=".json,.ewb" multiple hidden></div><small style="color:#888">No Bible version loaded yet — import one to begin.</small>`;
   $('#bf').onchange=e=>importBibleFiles(e.target.files);return}
  p.innerHTML=`<div class=row><select id=bv style="flex:1">${vk.map(v=>`<option ${v==ver?'selected':''}>${esc(v)}</option>`).join('')}</select><button onclick="$('#bf').click()">Import .json / .ewb</button><input id=bf type=file accept=".json,.ewb" multiple hidden></div>
  <div class=row><input id=bsq placeholder="🔍 Find verses by a word or phrase" autocomplete=off spellcheck=false><button id=bsx title="Clear search" style="display:none">✕</button></div><div id=bsr></div>
  <div class=row><select id=bb style="flex:2"></select><select id=bc style="width:66px"></select></div>
  <div class=row><input id=bva type=number min=1 placeholder="verse a" style="width:0;flex:1"><span style="align-self:center;color:#999">to</span><input id=bvb type=number min=1 placeholder="verse b" style="width:0;flex:1"></div>
  <div class=row><button class=go id=gb style="flex:1">Go</button></div>
  <small style="color:#888">Leave "verse a" blank for the whole chapter. Fill only "a" for a single verse. Ranges auto-split into slides.</small>`;
  const OT=new Set(['genesis','exodus','leviticus','numbers','deuteronomy','joshua','judges','ruth','1samuel','2samuel','1kings','2kings','1chronicles','2chronicles','ezra','nehemiah','esther','job','psalms','psalm','proverbs','ecclesiastes','songofsolomon','songofsongs','isaiah','jeremiah','lamentations','ezekiel','daniel','hosea','joel','amos','obadiah','jonah','micah','nahum','habakkuk','zephaniah','haggai','zechariah','malachi']);
  const fillBooks=()=>{const B=bibles[ver]||{},ks=Object.keys(B),ot=ks.filter(k=>OT.has(nz(k))),nt=ks.filter(k=>!OT.has(nz(k))),opt=a=>a.map(k=>`<option>${esc(k)}</option>`).join('');
   $('#bb').innerHTML=(ot.length?`<optgroup label="Old Testament">${opt(ot)}</optgroup>`:'')+(nt.length?`<optgroup label="New Testament">${opt(nt)}</optgroup>`:'')||opt(ks);fillChapters()};
  const fillChapters=()=>{const B=bibles[ver]||{},bk=$('#bb').value,ch=B[bk]?Object.keys(B[bk]).map(Number).sort((a,b)=>a-b):[];$('#bc').innerHTML=ch.map(c=>`<option>${c}</option>`).join('')};
  fillBooks();$('#bf').onchange=e=>importBibleFiles(e.target.files);
  $('#bv').onchange=e=>{ver=e.target.value;fillBooks();syncQV();bibleResults()};$('#bb').onchange=fillChapters;
  $('#bsq').value=bQ;$('#bsq').oninput=()=>{bQ=$('#bsq').value;clearTimeout(bT);bT=setTimeout(bibleResults,180)};$('#bsq').onkeydown=e=>{if(e.key=='Enter'){e.preventDefault();clearTimeout(bT);bibleResults()}else if(e.key=='Escape'){bQ='';$('#bsq').value='';bibleResults()}};$('#bsx').onclick=()=>{bQ='';$('#bsq').value='';bibleResults();$('#bsq').focus()};bibleResults();
  const go=()=>{const bk=$('#bb').value,c=$('#bc').value,a=$('#bva').value.trim(),z=$('#bvb').value.trim();if(!bk||!c)return;bible(`${bk} ${c}${a?':'+a+(z&&z!=a?'-'+z:''):''}`)};
  $('#gb').onclick=go;[$('#bva'),$('#bvb')].forEach(i=>{i.onkeydown=e=>{if(e.key=='Enter')go()}})}
 else if(tab=='Songs'){
  if(editing){const E=editing;
   p.innerHTML=`<div class=row><input id=sn placeholder="Song title (required)"></div><textarea id=stx spellcheck=true style="width:100%;height:340px;resize:vertical;line-height:1.4" placeholder="Type or paste lyrics here.&#10;&#10;Leave a BLANK LINE between slides:&#10;&#10;First line of verse&#10;Second line of verse&#10;&#10;First line of chorus&#10;Second line of chorus"></textarea><div class=row style="margin-top:6px"><button class=go id=ssv style="flex:1">💾 Save</button><button id=ssp style="flex:1">Save &amp; Preview</button></div><div class=row><button id=sdl title="Download a .txt copy — handy as a backup or to drop in your GitHub folder">⬇ .txt copy</button><button id=scn style="margin-left:auto">Cancel</button></div><small id=scnt style="color:#888"></small>`;
   $('#sn').value=E.name||'';$('#stx').value=E.text||'';
   const cnt=()=>{const n=$('#stx').value.replace(/\r/g,'').trim().split(/\n\s*\n/).filter(x=>x.trim()).length;$('#scnt').textContent=n+' slide'+(n==1?'':'s')+' — a blank line starts a new slide'};cnt();
   [$('#sn'),$('#stx')].forEach(i=>i.oninput=()=>{E.name=$('#sn').value;E.text=$('#stx').value;localStorage.setItem('dow.draft',JSON.stringify(E));cnt()});
   const save=async()=>{const name=$('#sn').value.trim().replace(/[\\/:*?"<>|]/g,'-'),text=$('#stx').value.replace(/\r/g,'').trim();
    if(!name){alert('Give the song a title first.');return null}if(!text){alert('Type some lyrics first.');return null}
    if(songs[name]&&name!==E.orig&&!confirm('A song called "'+name+'" already exists. Replace it?'))return null;
    if(E.orig&&E.orig!==name){await del('song',E.orig);delete songs[E.orig]}
    await put('song',{name,text});songs[name]={name,text};localStorage.removeItem('dow.draft');editing=null;return name};
   $('#ssv').onclick=async()=>{if(await save())panel()};
   $('#ssp').onclick=async()=>{const n=await save();if(n){panel();song(n)}};
   $('#sdl').onclick=()=>{const a=document.createElement('a');a.href=URL.createObjectURL(new Blob([$('#stx').value.replace(/\r/g,'').trim()+'\n'],{type:'text/plain'}));a.download=($('#sn').value.trim()||'song')+'.txt';a.click()};
   $('#scn').onclick=()=>{const o=songs[E.orig],dirty=(E.text||'').trim()!==(o?o.text:'').trim();if(dirty&&!confirm('Discard the unsaved lyrics?'))return;localStorage.removeItem('dow.draft');editing=null;panel()};
   (E.name?$('#stx'):$('#sn')).focus();return}
  p.innerHTML=`<div class=row><input id=sq placeholder="Search by title or words in the lyrics"><button class=go id=snw title="Type lyrics from scratch">＋ New</button><button onclick="$('#sf').click()">Import .txt / .xml</button><input id=sf type=file accept=".txt,.xml" multiple hidden></div><div id=sl></div><small style="color:#888">Separate slides with a blank line. ＋ New lets you type lyrics from scratch; ✎ edits a saved song.</small>`;
  const ls=()=>{const r=songSearch($('#sq').value);$('#sl').innerHTML=r.list.map(x=>`<div class=it data-s="${esc(x.n)}"${x.si!=null?` data-ms="${x.si}"`:''}><div style="min-width:0"><div>♪ ${r.toks.length?hl(x.n,r.toks):esc(x.n)}</div>${x.snip?`<div class=hit style="font-size:11px;color:#999;margin-top:2px;word-break:break-word">${x.snip}</div>`:''}</div><span class=acts><x class=ed data-es="${esc(x.n)}" title="Edit lyrics">✎</x><x data-ds="${esc(x.n)}" title="Delete">✕</x></span></div>`).join('')||(r.toks.length?'<span style="color:#777">No song title or lyric contains “'+esc($('#sq').value.trim())+'”.</span>':'<span style="color:#777">No songs yet — press ＋ New to type one, or Import .txt / .xml.</span>')};ls();$('#sq').oninput=ls;
  $('#snw').onclick=()=>{editing={orig:null,name:'',text:''};panel()};
  $('#sf').onchange=async e=>{const fl=[...e.target.files];e.target.value='';await importSongFiles(fl)}}
 else if(tab=='Media')mediaPanel(p)

 else if(tab=='Online'){
  if(ONL.site=='yv'&&!ONL_YV[ONL.ver])ONL.ver='NIV';const ov=onlVersList();
  p.innerHTML=`<div class=row><select id=osite style=\"flex:1\"><option value=bg>BibleGateway.com</option><option value=yv>YouVersion (Bible.com)</option><option value=cu>Custom site…</option></select><select id=over style=\"width:84px\" title=\"Bible version code on that site\">${ov.map(x=>`<option ${x==ONL.ver?'selected':''}>${esc(x)}</option>`).join('')}</select></div>
  <div class=row id=ocr style=\"display:none\"><input id=ocu placeholder=\"https://site.com/read?q={ref}&v={ver}\"></div>
  <div class=row><input id=oref placeholder=\"John 3:16-18 · Psalm 23\" autocomplete=off spellcheck=false><button id=opv>Preview</button><button class=go id=opj title=\"Take live and show on the output screen\">⚡</button></div>
  <div class=row><label style=\"color:#aaa;font-size:11px\">Text zoom <select id=oz>${[1,1.5,2,2.5,3,4,5,6].map(z=>`<option value=${z}>${z*100}%</option>`).join('')}</select></label><label id=opw style=\"color:#aaa;font-size:11px\"><input type=checkbox id=opr> Clean print layout</label><label style=\"color:#aaa;font-size:11px\" title=\"Shows the site on a black background with light text, like the app. A display filter only.\"><input type=checkbox id=odk> Dark page</label></div>
  <div class=row><button id=onw style=\"flex:1\" title=\"Opens the site itself in a separate window on your 2nd screen — use this if the site refuses to appear inside the output window\">🪟 Open site in own window</button><button id=ochk style=\"flex:1\" title=\"Open the same page in a normal browser tab to check it\">↗ Check in a tab</button></div>
  <small style=\"color:#888\">The page is shown exactly as the site serves it (nothing is copied or stored by this app) with a credit in the lower-left. It loads only on the output screen — Preview/Live show a placeholder. Pick a 🌐 version in the Quick Verse bar to use it from there. Check the site's terms of use for public display in your church.</small>`;
  $('#osite').value=ONL.site;$('#oz').value=String(ONL.z);$('#opr').checked=!!ONL.print;$('#ocu').value=ONL.custom||'';
  const vis=()=>{$('#ocr').style.display=ONL.site=='cu'?'':'none';$('#opw').style.display=ONL.site=='bg'?'':'none'};vis();
  if($('#oref'))$('#oref').value=ONL.last||'';
  $('#osite').onchange=e=>{ONL.site=e.target.value;if(ONL.site=='yv'&&!ONL_YV[ONL.ver])ONL.ver='NIV';saveOnl();syncQV();panel()};$('#over').onchange=e=>{ONL.ver=e.target.value;onQ=true;saveOnl();syncQV()};
  $('#oz').onchange=e=>{ONL.z=+e.target.value;saveOnl();siteView()};$('#odk').checked=!!ONL.dk;$('#odk').onchange=e=>{ONL.dk=e.target.checked;saveOnl();siteView()};$('#opr').onchange=e=>{ONL.print=e.target.checked;saveOnl()};$('#ocu').oninput=e=>{ONL.custom=e.target.value;saveOnl()};
  const go=proj=>{const r=$('#oref').value;ONL.last=r;saveOnl();onQ=true;syncQV();if(!loadOnline(r,ONL.ver))return;if(proj){projectOut()}};
  $('#opv').onclick=()=>go(false);$('#opj').onclick=()=>go(true);$('#oref').onkeydown=e=>{if(e.key=='Enter'){e.preventDefault();go(e.shiftKey||e.ctrlKey)}};
  $('#onw').onclick=openSiteWindow;$('#ochk').onclick=()=>{const sl=onlineSlide($('#oref').value,ONL.ver);if(sl)open(sl.url,'_blank');else alert('Type a reference first (and, for a custom site, its address).')}}
 else if(tab=='Camera'){if(!camListed){camListed=true;camList(false).then(()=>{if(tab=='Camera')panel()})}camPanel(p)}
 else if(tab=='Export')exportPanel(p);
 else{p.innerHTML=`<div class=row><button onclick=\"$('#pf').click()\">Import .pptx</button><input id=pf type=file accept=".pptx" multiple hidden></div><div id=pl></div><small style="color:#888">Recreates each slide like PowerPoint shows it: theme colours and fonts, text boxes and bullets, cropped/bordered pictures, shapes, arrows and tables. Charts, SmartArt, animations and embedded fonts aren't carried over.</small>`;
  $('#pl').innerHTML=Object.keys(pptxs).sort().map(n=>`<div class=it data-p="${esc(n)}"><span>🖵 ${esc(n)}${(pptxs[n].slides[0]||{}).v>=2?'':' <small style="color:#e55" title="Imported by an older version — re-import this file (or use 🔄) so it looks exactly like PowerPoint">⟳ re-import</small>'}</span><x data-dp="${esc(n)}">✕</x></div>`).join('')||'<span style="color:#777">No presentations imported yet.</span>';
  $('#pf').onchange=async e=>{if(typeof JSZip=='undefined'){alert('PPTX support needs an internet connection the first time (to load the unzip library). Try again while online.');e.target.value='';return}for(const f of e.target.files){try{const sl2=await parsePptx(f);if(sl2.length)await put('pptx',{name:f.name.replace(/\.pptx$/i,''),slides:sl2,file:f});else alert(f.name+': no slides found in this presentation.')}catch(err){console.error(err);alert('Could not read '+f.name+' — is it a valid .pptx file?')}}await boot()}}}
let bibleSrc={};
async function boot(){bibles={};bibleSrc={};(await all('bible')).forEach(b=>{bibles[b.name]=b.data;bibleSrc[b.name]={src:b.src||'',file:b.file||''}});
 if(!Object.keys(bibles).length){let d2=null,nm=null,src='json',file='niv.json';
  try{const r=await fetch('niv.ewb');if(r.ok){const e=await parseEwb(await r.arrayBuffer());d2=e.data;nm=e.name;src='ewb';file='niv.ewb'}}catch(e){}
  if(!d2){try{const r=await fetch('niv.json');if(r.ok){const x=normalizeBible(await r.json());d2=x.data;nm=x.name}}catch(e){}}
  if(d2){const n=(nm||'NIV').toUpperCase();await put('bible',{name:n,data:d2,src,file});bibles[n]=d2;bibleSrc[n]={src,file}}}
 songs={};(await all('song')).forEach(s=>songs[s.name]=s);media={};(await all('media')).forEach(m=>media[m.name]=m);pptxs={};(await all('pptx')).forEach(p=>pptxs[p.name]=p);
 customFonts={};(await all('font')).forEach(f=>customFonts[f.name]=f.data);injectFonts();renderFontSelect();
 if(!bibles[ver])ver=Object.keys(bibles)[0]||'';syncQV();if(!(tab=='Songs'&&editing&&$('#stx')))panel();draw()}
// ---------- GitHub folder auto-discovery ----------
async function githubSync(){const btn=$('#gsync');try{if(btn){btn.disabled=true;btn.textContent='⏳'}
 const host=location.hostname;if(!host.endsWith('.github.io'))return;
 const owner=host.split('.')[0],segs=location.pathname.split('/').filter(Boolean);
 const cands=[];if(segs.length)cands.push({repo:segs[0],dir:segs.slice(1,-1).join('/')});
 cands.push({repo:owner+'.github.io',dir:segs.slice(0,-1).join('/')});
 let files=null;for(const c of cands){try{const r=await fetch(`https://api.github.com/repos/${owner}/${c.repo}/contents/${c.dir}`);if(r.ok){const j=await r.json();if(Array.isArray(j)){files=j;break}}}catch(e){}}
 if(!files)return;
 const ewbBases=new Set(files.filter(f=>f.type==='file'&&/\.ewb$/i.test(f.name)).map(f=>f.name.replace(/\.ewb$/i,'').toUpperCase())),haveFile=new Set(Object.values(bibleSrc).filter(x=>x.src==='ewb'&&x.file).map(x=>x.file)),isEw=n=>(bibleSrc[n]||{}).src==='ewb';
 const haveB=new Set(Object.keys(bibles)),haveS=new Set(Object.keys(songs)),haveM=new Set(Object.keys(media)),haveSF=new Set(Object.values(songs).map(x=>x.file).filter(Boolean)),haveP=new Set(Object.keys(pptxs).filter(n=>(pptxs[n].slides[0]||{}).v>=2));
 for(const f of files){if(f.type!=='file')continue;const name=f.name,low=name.toLowerCase();
  if(low==='index.html'||!f.download_url)continue;
  if(low.endsWith('.json')||low.endsWith('.ewb')){const isE=low.endsWith('.ewb'),base=name.replace(/\.(json|ewb)$/i,'').toUpperCase();
   if(isE?haveFile.has(name):(haveB.has(base)||ewbBases.has(base)))continue;   // .ewb is preferred: a .json is ignored when a same-named .ewb exists
   try{const resp=await fetch(f.download_url);const{data,name:mn}=isE?await parseEwb(await resp.arrayBuffer()):normalizeBible(await resp.json());const nm=(mn||base).toUpperCase();
    if(isE){const cur=bibleSrc[nm];if(!(isEw(nm)&&cur.file&&cur.file!==name)){await put('bible',{name:nm,data,src:'ewb',file:name});bibleSrc[nm]={src:'ewb',file:name};haveB.add(nm);haveFile.add(name)}}
    else if(!haveB.has(nm)&&!isEw(nm)){await put('bible',{name:nm,data,src:'json',file:name});bibleSrc[nm]={src:'json',file:name};haveB.add(nm)}}catch(e){}}
  else if(/\.(jpe?g|png|mp4|webm|wmv)$/i.test(name)){if(haveM.has(name))continue;
   try{const blob=await(await fetch(f.download_url)).blob();await put('media',{name,blob,k:/\.(mp4|webm|wmv)$/i.test(name)?'v':'i'})}catch(e){}}
  else if(low.endsWith('.pptx')){const base=name.replace(/\.pptx$/i,'');if(haveP.has(base)){const cur=pptxs[base];if(cur&&!cur.file){try{const blob=await(await fetch(f.download_url)).blob();await put('pptx',{...cur,file:blob});cur.file=blob}catch(e){}}continue}   // already imported: just keep its original file for Export
   if(typeof JSZip=='undefined')continue;
   try{const blob=await(await fetch(f.download_url)).blob();const file=new File([blob],name);const sl2=await parsePptx(file);if(sl2.length)await put('pptx',{name:base,slides:sl2,file:blob})}catch(e){}}
  else if(low.endsWith('.txt')){const base=name.replace(/\.txt$/i,'');if(haveS.has(base))continue;
   try{const text=await(await fetch(f.download_url)).text();await put('song',{name:base,text})}catch(e){}}
  else if(low.endsWith('.xml')){if(haveSF.has(name))continue;      // already imported from this file
   try{const sg=xmlSong(decodeText(await(await fetch(f.download_url)).arrayBuffer()),name.replace(/\.xml$/i,''));if(haveS.has(sg.name))continue;   // same title already saved (maybe edited) — leave it alone
    await put('song',{name:sg.name,text:sg.text,file:name});haveS.add(sg.name);haveSF.add(name)}catch(e){}}}
 await boot()}catch(e){console.error('GitHub sync failed',e)}finally{if(btn){btn.disabled=false;btn.textContent='🔄'}}}
// ---------- Live video source: camera / capture card (v1.10.0) ----------
let camDevs={v:[],a:[]},camNote='',camListed=false;
const camPref=(()=>{try{return JSON.parse(localStorage.getItem('dow.cam')||'{}')}catch(e){return{}}})();
const camSave=()=>localStorage.setItem('dow.cam',JSON.stringify(camPref));
const camErr=e=>{const n=e&&e.name;return n==='NotAllowedError'||n==='SecurityError'?'⚠ Access was blocked. Click the camera / lock icon in the address bar, allow the camera (and microphone, for sound) for this site, then try again.':n==='NotFoundError'||n==='OverconstrainedError'?'⚠ That device was not found — check the cable, then press 🔍 Find.':n==='NotReadableError'||n==='AbortError'?'⚠ The device is busy or not responding — close any other app that is using it (OBS, Zoom, the Camera app) and try again.':'⚠ Could not open the device'+(n?' ('+n+')':'')+'.'};
const camLabel=()=>{const d=camDevs.v.find(x=>x.deviceId===camPref.id);return(d&&d.label)||camPref.label||'Camera'};
async function camList(ask){
 if(!(navigator.mediaDevices&&navigator.mediaDevices.enumerateDevices)){camNote='⚠ This browser cannot reach cameras here — open the app from its https:// address (or localhost).';return}
 try{let ds=await navigator.mediaDevices.enumerateDevices();
  if(ask&&!ds.some(d=>d.kind==='videoinput'&&d.label)){const t=await navigator.mediaDevices.getUserMedia({video:true});t.getTracks().forEach(x=>x.stop());ds=await navigator.mediaDevices.enumerateDevices()}   // throw-away stream: makes the browser ask permission so device names appear
  camDevs={v:ds.filter(d=>d.kind==='videoinput'&&d.deviceId),a:ds.filter(d=>d.kind==='audioinput'&&d.deviceId)};
  if(!camDevs.v.length||!camDevs.v.some(d=>d.label))camNote=ask?'No camera or video device found — plug it in and press 🔍 Find again.':'Press 🔍 Find and click Allow, so the browser can list your cameras and capture cards.';
  else if(/^(No camera|Press)/.test(camNote))camNote=''}
 catch(e){camNote=camErr(e)}}
if(navigator.mediaDevices&&navigator.mediaDevices.addEventListener)navigator.mediaDevices.addEventListener('devicechange',async()=>{await camList(false);if(tab=='Camera')panel()});
async function projectOut(){if(lv.sl!==pv.sl)take();while(opening)await new Promise(r=>setTimeout(r,60));if(!win||win.closed)openOut()}   // take live, then open the output window (waits for take()'s own auto-open attempt to finish)
function camPush(){if(!win||win.closed)return;const st=CAM.stream,sp=CAM.spec;   // hand the running stream to the output window (same app) — else ask it to open the device itself
 try{if(typeof win.__dowCam==='function'){win.__dowCam(st,sp);return}}catch(e){}
 send({cam:st?sp:null})}
const camRefresh=()=>{P.camUpdate();L.camUpdate();camPush();if(tab=='Camera')panel()};
let camBusy=null;
const camStart=()=>camBusy||(camBusy=camStart1().finally(()=>{camBusy=null}));   // a double-click never opens the device twice
async function camStart1(){
 const sp={id:camPref.id||'',aid:camPref.aid||'',res:camPref.res||'auto',aud:!!camPref.aud,mir:!!camPref.mir,label:camLabel(),alabel:(camDevs.a.find(d=>d.deviceId===camPref.aid)||{}).label||''};
 if(!sp.id){camNote='Choose a camera first (press 🔍 Find if the list is empty).';if(tab=='Camera')panel();return false}
 const c=CAM.spec,ok=CAM.stream&&CAM.stream.getVideoTracks().some(t=>t.readyState==='live');
 if(ok&&c&&c.id===sp.id&&c.res===sp.res&&c.aud===sp.aud&&(c.aid||'')===sp.aid){CAM.spec=sp;return true}
 if(CAM.stream)CAM.stream.getTracks().forEach(t=>t.stop());CAM.stream=null;CAM.spec=null;
 try{const st=await camOpen(sp);CAM.stream=st;CAM.spec=sp;
  st.getVideoTracks()[0].addEventListener('ended',()=>{if(CAM.stream!==st)return;CAM.stream=null;CAM.spec=null;camNote='⚠ The video source was disconnected.';camRefresh()});
  camNote=sp.aud&&!st.getAudioTracks().length?'⚠ The picture is running, but the sound input could not be opened — pick another sound input.':'';
  try{await camList(false)}catch(e){}   // device names are available now
  camRefresh();return true}
 catch(e){camNote=camErr(e);camRefresh();return false}}
function camStop(){if(CAM.stream)CAM.stream.getTracks().forEach(t=>t.stop());CAM.stream=null;CAM.spec=null;camNote='Stopped — the device has been released.';camRefresh()}
function camSlide(){const nm=camLabel();return{kind:'media',m:{k:'c',id:camPref.id,aud:!!camPref.aud,mir:!!camPref.mir,label:nm},text:'📹 '+nm,ref:'',name:nm}}
async function camLoad(project){if(!await camStart())return;camPref.label=camLabel();camSave();const sl=camSlide();
 load([sl],{t:'c',label:sl.name,id:camPref.id,aud:!!camPref.aud,mir:!!camPref.mir});
 if(project)projectOut()}
function camFromDock(d){camPref.id=d.id||camPref.id;camPref.aud=!!d.aud;camPref.mir=!!d.mir;camPref.label=String(d.label||'').replace(/^📹\s*/,'')||camPref.label;camSave();camLoad(false)}
async function camBg(clear){const w=$('#cwh')?$('#cwh').value:'Preview';let b=null;
 if(!clear){if(!await camStart())return;camPref.label=camLabel();camSave();b={u:'cam:'+camPref.id+(camPref.mir?':m':''),k:'c',mir:!!camPref.mir,n:camLabel()}}
 if(w!='Live'){pv.bg=b;P.setBg(b)}if(w!='Preview'){lv.bg=b;L.setBg(b);send({bg:b})}}
function camPanel(p){
 const vd=camDevs.v,ad=camDevs.a,run=!!(CAM.stream&&CAM.stream.getVideoTracks().some(t=>t.readyState==='live'));
 if(vd.length&&!vd.some(d=>d.deviceId===camPref.id)){camPref.id=vd[0].deviceId;camSave()}
 const nm=d=>esc(d.label||('Device '+d.deviceId.slice(0,6)));let info;
 if(run){const s=CAM.stream.getVideoTracks()[0].getSettings();info='<span style="color:#4c4">● Running</span> — '+esc(camLabel())+(s.width?' · '+s.width+'×'+s.height:'')+(s.frameRate?' · '+Math.round(s.frameRate)+' fps':'')+(CAM.stream.getAudioTracks().length?' · 🔊 sound input on':'')}
 else info='○ Not running — press Preview or ⚡ Project to start it.';
 p.innerHTML=`<div class=row><select id=cdv style="flex:1" title="Camera, USB/HDMI capture card, phone used as a webcam…">${vd.length?vd.map(d=>`<option value="${esc(d.deviceId)}"${d.deviceId===camPref.id?' selected':''}>${nm(d)}</option>`).join(''):'<option value="">— no device listed —</option>'}</select><button id=cfd title="Ask the browser for permission and list the connected cameras / capture cards">🔍 Find</button></div>
 <video id=cvp muted autoplay playsinline style="width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--btnb);object-fit:contain;margin-bottom:6px"></video>
 <div class=row><label style="color:#aaa;font-size:11px">Quality <select id=cres><option value=auto>Auto</option><option value=720>720p</option><option value=1080>1080p</option></select></label><label style="color:#aaa;font-size:11px"><input type=checkbox id=cmi> Mirror</label><label style="color:#aaa;font-size:11px" title="Plays the source's sound on the output screen. Careful: a microphone in the same room can cause feedback."><input type=checkbox id=cau> Sound on output</label></div>
 <div class=row><select id=cad style="flex:1" title="Sound input — for a capture card this is usually a separate device"><option value="">Default sound input</option>${ad.map(d=>`<option value="${esc(d.deviceId)}">${nm(d)}</option>`).join('')}</select></div>
 <div class=row><button id=cpv style="flex:1" title="Start the source and load it into Preview">Preview</button><button class=go id=cpj style="flex:1" title="Start the source, take it live and show it on the output screen">⚡ Project</button></div>
 <div class=row><select id=cwh title="Which screen gets the background"><option>Preview</option><option>Live</option><option>Both</option></select><button id=cbg style="flex:1" title="Show the video behind lyrics and verses (use Dim bg % in Display Settings to darken it)">🖼 As background</button><button id=cnb title="Remove the background from the chosen screen(s)">✕</button></div>
 <div class=row><button id=cst style="flex:1">■ Stop &amp; release device</button></div>
 <small id=cms style="display:block;margin-bottom:6px;color:var(--s)">${info}${camNote?'<br>'+esc(camNote):''}</small>
 <small style="color:#888">Works with webcams, USB/HDMI capture cards and phones used as webcams — anything your browser lists. The picture is shown full screen on the output (it follows Media fit and "Media fills whole display"). Space freezes / unfreezes it. Needs the app's https address and your permission to use the camera. Close other apps (OBS, Zoom) that may already be using the device.</small>`;
 $('#cres').value=camPref.res||'auto';$('#cmi').checked=!!camPref.mir;$('#cau').checked=!!camPref.aud;$('#cad').value=camPref.aid||'';$('#cad').disabled=!camPref.aud;
 $('#cdv').onchange=e=>{camPref.id=e.target.value;camPref.label=(vd.find(d=>d.deviceId===camPref.id)||{}).label||'';camSave()};
 $('#cfd').onclick=async()=>{$('#cfd').disabled=true;await camList(true);panel()};
 $('#cres').onchange=e=>{camPref.res=e.target.value;camSave()};$('#cmi').onchange=e=>{camPref.mir=e.target.checked;camSave()};
 $('#cau').onchange=e=>{camPref.aud=e.target.checked;$('#cad').disabled=!camPref.aud;camSave()};$('#cad').onchange=e=>{camPref.aid=e.target.value;camSave()};
 $('#cpv').onclick=()=>camLoad(false);$('#cpj').onclick=()=>camLoad(true);$('#cbg').onclick=()=>camBg(false);$('#cnb').onclick=()=>camBg(true);$('#cst').onclick=camStop;
 const v=$('#cvp');if(CAM.stream){v.srcObject=CAM.stream;v.play().catch(()=>{})}}

// ---------- Export: lyrics, Bible versions, PPTX decks (v1.10.0) ----------
const xfn=s=>String(s).replace(/[\\/:*?"<>|\u0000-\u001f]+/g,'-').replace(/^[\s.]+|[\s.]+$/g,'')||'file';
function xdl(blob,name){const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=name;document.body.appendChild(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(a.href),120000)}
const xsel={s:new Set(),b:new Set(),p:new Set()};let xZip=true,xMsg='',xBusy=false;
async function exportItems(items,asZip){   // items: [{dir,name,blob}] -> one .zip, or one download each
 if(items.length===1||!asZip||typeof JSZip=='undefined'){for(const it of items){xdl(it.blob,it.name);await new Promise(r=>setTimeout(r,450))}return}
 const z=new JSZip(),seen=new Set();
 for(const it of items){let pth=it.dir+'/'+it.name,k=1;while(seen.has(pth.toLowerCase()))pth=it.dir+'/'+it.name.replace(/(\.[^.]+)$/,' ('+(++k)+')$1');seen.add(pth.toLowerCase());z.file(pth,it.blob,{compression:/\.pptx$/i.test(it.name)?'STORE':'DEFLATE'})}
 xdl(await z.generateAsync({type:'blob'}),'DOW-export-'+new Date().toISOString().slice(0,10)+'.zip')}
async function xrun(all){if(xBusy)return;xBusy=true;xMsg='Preparing the files…';if(tab=='Export')panel();
 try{const items=[],S_=all?Object.keys(songs):[...xsel.s].filter(n=>songs[n]),B_=all?Object.keys(bibles):[...xsel.b].filter(n=>bibles[n]),P0=all?Object.keys(pptxs):[...xsel.p].filter(n=>pptxs[n]),P_=P0.filter(n=>pptxs[n].file),skip=P0.length-P_.length;
  for(const n of S_)items.push({dir:'Lyrics',name:xfn(n)+'.txt',blob:new Blob([String(songs[n].text).replace(/\r/g,'').trim()+'\n'],{type:'text/plain;charset=utf-8'})});
  for(const n of B_)items.push({dir:'Bibles',name:xfn(n)+'.json',blob:new Blob([JSON.stringify(bibles[n])],{type:'application/json'})});
  for(const n of P_)items.push({dir:'PPTX',name:xfn(n)+'.pptx',blob:pptxs[n].file});
  if(!items.length){xMsg=skip?'Nothing to export yet — these decks were imported before v1.10.0, so no original file was kept. Re-import them (or press 🔄 for GitHub decks), then export.':'Tick something to export first.';return}
  const zipped=xZip&&items.length>1&&typeof JSZip!='undefined';await exportItems(items,xZip);
  xMsg='✓ Exported '+items.length+' item'+(items.length==1?'':'s')+(zipped?' as one .zip':'')+(skip?' · '+skip+' deck'+(skip==1?'':'s')+' skipped (no original saved yet)':'')+(xZip&&items.length>1&&!zipped?' · the zip library was not available, so the files were downloaded one by one':'')+'. Look in your Downloads folder.'}
 catch(err){console.error(err);xMsg='⚠ Export failed: '+((err&&err.message)||err)}
 finally{xBusy=false;if(tab=='Export')panel()}}
function exportPanel(p){
 const K={s:Object.keys(songs).sort(),b:Object.keys(bibles).sort(),p:Object.keys(pptxs).sort()},hasOrig=n=>!!(pptxs[n]&&pptxs[n].file);
 for(const g in xsel)for(const n of[...xsel[g]])if(!K[g].includes(n)||(g==='p'&&!hasOrig(n)))xsel[g].delete(n);
 const sec=(g,title,ext,off)=>`<div class=xh><span>${title} <small style="text-transform:none;letter-spacing:0;color:#888">${ext} · ${K[g].length}</small></span><span style="white-space:nowrap"><button data-xa="${g}" style="padding:1px 7px">All</button> <button data-xn="${g}" style="padding:1px 7px">None</button></span></div>`+(K[g].map((n,i)=>{const o=off&&off(n);return`<label class=xr${o?' style="opacity:.6"':''}><input type=checkbox data-xg="${g}" data-xi="${i}"${o?' disabled':xsel[g].has(n)?' checked':''}><span>${esc(n)}${o?` <small style="color:#e55">${o}</small>`:''}</span></label>`}).join('')||'<div style="color:#777;font-size:11px;padding:3px 2px">Nothing stored yet.</div>');
 p.innerHTML=`<small style="color:#888">Saves what is stored in this app to your computer. Lyrics become .txt files (blank line = new slide) and Bible versions become .json files — both can be imported again. PPTX decks are saved as the original .pptx file (kept from v1.10.0 on). Bible texts stay under their publisher's copyright — keep exports within your licence.</small>`
  +sec('s','♪ Lyrics','.txt')+sec('b','📖 Bible versions','.json')+sec('p','🖵 PPTX decks','.pptx',n=>hasOrig(n)?'':'re-import once to enable')
  +`<div class=row style="margin-top:10px"><label style="color:#aaa;font-size:11px"><input type=checkbox id=xzip> Pack everything into one .zip</label></div><div class=row><button class=go id=xgo style="flex:1"></button><button id=xall title="Export every lyric, Bible version and PPTX deck as a backup" style="flex:1">📦 Backup everything</button></div><small id=xst style="display:block;color:var(--s)"></small>`;
 const cnt=()=>{const b=$('#xgo'),c=xsel.s.size+xsel.b.size+xsel.p.size;b.textContent='⬇ Export selected ('+c+')';b.disabled=xBusy||!c;$('#xall').disabled=xBusy};cnt();
 $('#xzip').checked=xZip;$('#xzip').onchange=e=>{xZip=e.target.checked};$('#xst').textContent=xMsg;
 p.querySelectorAll('[data-xg]').forEach(c=>c.onchange=()=>{const g=c.dataset.xg,nm=K[g][+c.dataset.xi];c.checked?xsel[g].add(nm):xsel[g].delete(nm);cnt()});
 p.querySelectorAll('[data-xa]').forEach(b=>b.onclick=()=>{const g=b.dataset.xa;K[g].forEach(nm=>{if(g!=='p'||hasOrig(nm))xsel[g].add(nm)});exportPanel(p)});
 p.querySelectorAll('[data-xn]').forEach(b=>b.onclick=()=>{xsel[b.dataset.xn].clear();exportPanel(p)});
 $('#xgo').onclick=()=>xrun(false);$('#xall').onclick=()=>xrun(true)}
// ---------- Search (v1.11.0): songs by their lyrics, scriptures by words / phrases ----------
// Matching ignores capitals, accents and punctuation; every typed word must START a word in the text, so partial words
// work while typing ("lov" finds love, loved, lovingkindness). Several words = all of them, in any order; a run of words
// that appears exactly as typed is listed first.
const sn=s=>String(s??'').toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/['’‘`]/g,'').replace(/[^\p{L}\p{N}]+/gu,' ').trim();
function hl(t,toks){t=String(t);if(!toks||!toks.length)return esc(t);let re;
 try{re=new RegExp('(^|[^\\p{L}\\p{N}])('+toks.map(x=>x.replace(/[.*+?^${}()|[\]\\]/g,'\\$&')).join('|')+')','giu')}catch(e){return esc(t)}
 let o='',i=0,m;while((m=re.exec(t))){const s=m.index+m[1].length;o+=esc(t.slice(i,s))+'<mark>'+esc(m[2])+'</mark>';i=s+m[2].length;if(!m[0].length)re.lastIndex++}
 return o+esc(t.slice(i))}
const songIdx=new WeakMap();
function songInfo(s){let x=songIdx.get(s);if(x)return x;
 const sl=String(s.text||'').replace(/\r/g,'').trim().split(/\n\s*\n/).map(t=>t.trim()).filter(Boolean);
 x={sl:sl.map(t=>({t,n:' '+sn(t)})),all:' '+sn(s.text),title:' '+sn(s.name)};songIdx.set(s,x);return x}
function songSearch(q){const toks=sn(q).split(' ').filter(Boolean),names=Object.keys(songs).sort((a,b)=>a.localeCompare(b));
 if(!toks.length)return{toks,list:names.map(n=>({n}))};
 const ph=' '+toks.join(' '),list=[];
 for(const n of names){const x=songInfo(songs[n]),inT=toks.every(t=>x.title.includes(' '+t)),hasP=x.all.includes(ph),pool=x.all+x.title;
  if(!inT&&!toks.every(t=>pool.includes(' '+t)))continue;
  let best=-1,bs=0;x.sl.forEach((sl,i)=>{const sc=(sl.n.includes(ph)?100:0)+toks.filter(t=>sl.n.includes(' '+t)).length;if(sc>bs){bs=sc;best=i}});   // slide that matches best
  let si=null,snip='';
  if(best>=0){si=best;const lines=x.sl[best].t.split('\n');let bl=lines[0],bsc=-1;
   for(const l of lines){const ln=' '+sn(l),sc=(ln.includes(ph)?100:0)+toks.filter(t=>ln.includes(' '+t)).length;if(sc>bsc){bsc=sc;bl=l}}
   bl=bl.trim();snip=hl(bl.slice(0,140),toks)+(bl.length>140?'…':'')}
  list.push({n,si,snip,r:inT?0:hasP?1:2})}
 list.sort((a,b)=>a.r-b.r);return{toks,list}}
const bIdx=new WeakMap();
function bibleIndex(v){const B=bibles[v];if(!B)return[];let x=bIdx.get(B);if(x)return x;x=[];
 for(const bk of Object.keys(B))for(const c of Object.keys(B[bk]))for(const vs of Object.keys(B[bk][c])){const t=String(B[bk][c][vs]);x.push({bk,c,v:vs,t,n:' '+sn(t)})}
 bIdx.set(B,x);return x}
function bibleSearch(q,v){const toks=sn(q).split(' ').filter(Boolean);if(!toks.length)return null;
 const ph=' '+toks.join(' '),a=[],b=[];
 for(const e of bibleIndex(v)){if(e.n.includes(ph))a.push(e);else if(toks.length>1&&toks.every(t=>e.n.includes(' '+t)))b.push(e)}
 return{toks,hits:a.concat(b),exact:a.length}}
let bQ='',bT=0;
function loadVerse(e,mode){   // mode: 0 = this verse into Preview · 1 = project it · 2 = whole chapter, positioned on this verse
 const ref=e.bk+' '+e.c+':'+e.v,lab=ref+' ('+ver+')';
 if(mode===2&&bible(e.bk+' '+e.c,ver,()=>{})){const i=slides.findIndex(s=>s.ref===lab);if(i>=0)pick(i);return}
 load([{text:e.t.replace(/([,:])"(?=[A-Za-z])/g,'$1 "'),ref:lab}],{t:'b',v:ver,ref,label:lab});if(mode===1)projectOut()}
function bibleResults(){const box=$('#bsr');if(!box)return;const q=bQ.trim(),x=$('#bsx');if(x)x.style.display=q?'':'none';
 if(!q){box.innerHTML='';return}
 const r=bibleSearch(q,ver);if(!r){box.innerHTML='<small style="color:#888">Type a word or phrase.</small>';return}
 const LIM=250,hits=r.hits,show=hits.slice(0,LIM);
 let info=hits.length?hits.length+' verse'+(hits.length==1?'':'s')+' in '+esc(ver)+(r.toks.length>1&&r.exact&&r.exact<hits.length?' — the first '+r.exact+' contain the exact phrase':''):'No verse in '+esc(ver)+' contains “'+esc(q)+'”.';
 if(hits.length>LIM)info+=' · showing the first '+LIM+' — add more words to narrow it down';
 box.innerHTML='<small style="color:#aaa;display:block;margin:2px 0 4px">'+info+'</small>'+(show.length?'<div class=bres>'+show.map((e,i)=>`<div class="it hit" data-bi="${i}" title="Click: load into Preview · Shift+click: whole chapter from this verse · ⚡: project now"><div style="min-width:0"><b style="color:var(--g)">${esc(e.bk)} ${esc(e.c)}:${esc(e.v)}</b> ${hl(e.t,r.toks)}</div><x data-bj="${i}" title="Project now">⚡</x></div>`).join('')+'</div>':'');
 box.onclick=ev=>{const j=ev.target.closest('[data-bj]'),b=ev.target.closest('[data-bi]');if(!b)return;const e=show[+b.dataset.bi];loadVerse(e,j?1:ev.shiftKey?2:0)}}
// when the Quick Verse text is not a scripture reference, treat it as words to find
function bibleWordsFromQuick(q,why){if(!/^(Try e\.g\.|Book not found)/.test(why))return false;const r=bibleSearch(q,ver);if(!r||!r.hits.length)return false;
 bQ=q;tab='Bible';panel();const b=$('#bsr');if(b)b.scrollIntoView({block:'nearest'});
 qvSt('🔍 '+r.hits.length+(r.hits.length==1?' verse contains':' verses contain')+' “'+q+'” — pick one in the Bible tab (Shift+click = whole chapter, ⚡ = project)');return true}

// ---------- Media tab (v1.11.0): images and animated clips apart, names visible, animated thumbnails ----------
let MAN=localStorage.getItem('dow.man')||'hover',mediaIO=null;
const fmtSize=b=>b>=1048576?(b/1048576).toFixed(1)+' MB':Math.max(1,Math.round(b/1024))+' KB';
const fmtDur=d=>{if(!isFinite(d))return'';d=Math.round(d);return Math.floor(d/60)+':'+String(d%60).padStart(2,'0')};
function mediaPanel(p){
 const ms=Object.values(media).sort((a,b)=>a.name.localeCompare(b.name,undefined,{numeric:true,sensitivity:'base'})),imgs=ms.filter(m=>m.k!='v'),vids=ms.filter(m=>m.k=='v');
 const tile=m=>`<div class="mt${m.k=='v'?' vt':''}" data-m="${esc(m.name)}" title="${esc(m.name)}"><${m.k=='v'?`video src="${url(m)}#t=0.1" muted loop playsinline preload=metadata></video><span class=dur></span>`:`img src="${url(m)}" loading=lazy>`}<span class=cap>${esc(m.name)}</span><x data-dm="${esc(m.name)}" title="Delete">✕</x></div>`;
 const grid=(a,none)=>`<div class=mg>${a.map(tile).join('')||`<small style="color:#777;grid-column:1/-1">${none}</small>`}</div>`;
 p.innerHTML=`<div class=row><select id=ma><option>Both</option><option>Preview</option><option>Live</option></select><select id=mu title="How a clicked image/video is used"><option value=bg>As background</option><option value=only>Project only (full screen)</option></select><button onclick="$('#mf').click()">Import</button><input id=mf type=file accept=".jpg,.jpeg,.png,.mp4,.webm,.wmv" multiple hidden></div>
 <div class=row><label style="color:#aaa;font-size:11px" title="Whether the clip thumbnails move. 'Always playing' uses more processor power when you have many clips.">Clip thumbnails <select id=man><option value=hover>Play on hover</option><option value=always>Always playing</option><option value=off>Still</option></select></label></div>
 <div class=mg><div class=mt data-m="" style="display:grid;place-items:center;aspect-ratio:auto;padding:7px;grid-column:1/-1">None (clear background)</div></div>
 <div class=mh><span>🖼 Images</span><small>${imgs.length}</small></div>${grid(imgs,'No images yet — press Import.')}
 <div class=mh><span>🎞 Animated clips</span><small>${vids.length}</small></div>${grid(vids,'No animated clips yet — press Import.')}
 <small style="color:#888;display:block;margin-top:8px">Hover a tile (or look at its caption) to see the file name; the tooltip also shows length, size and resolution. Note: browsers can't play .wmv reliably — convert to .mp4.</small>`;
 $('#mu').value=muM;$('#mu').onchange=()=>muM=$('#mu').value;
 $('#mf').onchange=async e=>{for(const f of e.target.files)await put('media',{name:f.name,blob:f,k:/video|wmv/.test(f.type)||/\.(mp4|webm|wmv)$/i.test(f.name)?'v':'i'});await boot()};
 $('#man').value=MAN;$('#man').onchange=e=>{MAN=e.target.value;localStorage.setItem('dow.man',MAN);panel()};
 if(mediaIO){mediaIO.disconnect();mediaIO=null}
 if(MAN=='always'&&'IntersectionObserver'in window)mediaIO=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting)e.target.play().catch(()=>{});else e.target.pause()}),{threshold:.1});
 p.querySelectorAll('.mt[data-m]').forEach(t=>{const m=media[t.dataset.m];if(!m)return;const v=t.querySelector('video'),im=t.querySelector('img'),
   tip=a=>{t.title=m.name+'\n'+a.filter(Boolean).join(' · ')};
  if(v){v.onloadedmetadata=()=>{if(v.paused&&v.currentTime<0.05){try{v.currentTime=0.1}catch(e){}}   // show the first frame as the still thumbnail
   const d=fmtDur(v.duration),dd=t.querySelector('.dur');if(dd)dd.textContent=d;tip(['🎞 '+d,v.videoWidth+'×'+v.videoHeight,fmtSize(m.blob.size)])};
   if(MAN=='hover'){t.onmouseenter=()=>{v.play().catch(()=>{})};t.onmouseleave=()=>{v.pause();v.currentTime=0.1}}
   else if(MAN=='always'){if(mediaIO)mediaIO.observe(v);else v.play().catch(()=>{})}}
  else if(im)im.onload=()=>tip(['🖼 '+im.naturalWidth+'×'+im.naturalHeight,fmtSize(m.blob.size)])})}
const nameOfSt=st=>{const a=[];if(st.sl&&st.sl.kind==='media')a.push((st.sl.m.k=='v'?'🎞 ':st.sl.m.k=='c'?'📹 ':'🖼 ')+(st.sl.name||''));if(st.bg&&st.bg.n)a.push('bg: '+st.bg.n);return a.join(' · ')};
function nameLabels(){const a=$('#pvn'),b=$('#lvn');if(a){a.textContent=nameOfSt(pv);a.title=a.textContent}if(b){b.textContent=nameOfSt(lv);b.title=b.textContent}}
// events
document.addEventListener('click',e=>{const t=e.target,g=a=>t.closest(`[${a}]`)?.getAttribute(a);
 if(g('data-t')){tab=g('data-t');panel()}else if(t.dataset.ds){if(confirm('Delete "'+t.dataset.ds+'"?'))del('song',t.dataset.ds).then(boot)}else if(t.dataset.es){editSong(t.dataset.es)}else if(g('data-s')!==null&&g('data-s')!==undefined){song(g('data-s'));const ms=g('data-ms');if(ms!=null)pick(+ms)}
 else if(t.dataset.dm){del('media',t.dataset.dm).then(boot)}else if(g('data-m')!==null&&g('data-m')!==undefined){const m=media[g('data-m')],b=m?{u:url(m),k:m.k,n:m.name}:null,w=$('#ma').value;if(muM=='only'){const sl=b?{kind:'media',m:b,text:(m.k=='v'?'🎞 ':'🖼 ')+m.name,name:m.name}:null;if(w!='Live'){pv.sl=sl;P.show(sl,'cut')}if(w!='Preview'){lv.sl=sl;L.show(sl,S.tr);send({sl,tr:S.tr})}draw()}else{if(w!='Live'){pv.bg=b;P.setBg(b)}if(w!='Preview'){lv.bg=b;L.setBg(b);send({bg:b})}draw()}}
 else if(t.dataset.dp){del('pptx',t.dataset.dp).then(boot)}else if(g('data-p')!==null&&g('data-p')!==undefined)pptxLoad(g('data-p'));
 else if(t.dataset.dtp){delete templates[t.dataset.dtp];localStorage.setItem('dow.tpl',JSON.stringify(templates));renderTemplates()}else if(g('data-tp')!==null&&g('data-tp')!==undefined)applyTemplate(g('data-tp'));
 else if(g('data-i')!==null&&g('data-i')!==undefined)pick(+g('data-i'));else if(t.dataset.x){dock.splice(+t.dataset.x,1);sv()}else if(g('data-d')!==null&&g('data-d')!==undefined){const d=dock[+g('data-d')];d.t=='b'?bible(d.ref,d.v):d.t=='s'?song(d.name):d.t=='o'?loadOnline(d.ref,d.v):d.t=='c'?camFromDock(d):pptxLoad(d.name)}});
const sv=()=>{localStorage.setItem('dow.d',JSON.stringify(dock));draw()};
$('#ad').onclick=()=>{if(cur){dock.push(cur);sv()}};$('#tk').onclick=take;$('#bl').onclick=blank;$('#pr').onclick=()=>pick(idx-1);$('#nx').onclick=()=>pick(idx+1);
$('#tr').value=S.tr;$('#tr').onchange=e=>{S.tr=e.target.value;applyS()};
addEventListener('keydown',e=>{
 if(((e.ctrlKey||e.metaKey)&&e.code=='KeyK')||(e.altKey&&e.code=='KeyV')){e.preventDefault();qvFocus();return}
 if(/INPUT|SELECT|TEXTAREA/.test(e.target.tagName)||e.ctrlKey||e.metaKey||e.altKey)return;const k=e.key;
 if(k=='ArrowRight')pick(idx+1);else if(k=='ArrowLeft')pick(idx-1);else if(k=='Enter')take();else if(k=='b'||k=='B')blank();
 else if(k=='/'){e.preventDefault();qvFocus()}else if(k=='o'||k=='O')openOut();else if(k=='d'||k=='D'){const a=$('#au');a.checked=!a.checked}else if(k==' '){e.preventDefault();if(L.mv){L.toggleMedia();send({mc:1})}else P.toggleMedia()}});
let opening=false,scInfo={n:0,err:''};
const osSet=m=>{const e=$('#os');if(e)e.textContent=m||''};
async function secondScreen(){
 try{const d=await getScreenDetails();scInfo={n:d.screens.length,err:''};const t=d.screens.find(x=>x!==d.currentScreen&&!x.isPrimary)||d.screens.find(x=>x!==d.currentScreen);
  return t?{sc:t,multi:true}:{sc:d.screens[0]||null,multi:false}}catch(e){scInfo={n:0,err:(e&&e.name)||'error'}}
 if(screen.isExtended===true)return{sc:{availLeft:(screen.availLeft||0)+screen.width,availTop:screen.availTop||0,availWidth:screen.availWidth,availHeight:screen.availHeight},multi:true,guess:true};
 return{sc:null,multi:false}}
async function openOut(auto){if(opening)return;opening=true;try{
 const r=await secondScreen();
 if(auto===true&&!r.multi){osSet(scInfo.err?'⚠ Could not check for a 2nd screen ('+scInfo.err+'). Allow "Window management" for this site (lock icon → Site settings), or press 🖥 Open Output.':'Only one screen found — press 🖥 Open Output if you want the output window anyway.');return}
 let f='popup=yes,width=1280,height=720';const sc=r.sc;if(sc)f=`popup=yes,left=${sc.availLeft},top=${sc.availTop},width=${sc.availWidth},height=${sc.availHeight}`;
 win=open(location.pathname+'#out','dow-out',f);
 if(win){setTimeout(()=>{send({s:S,sl:lv.sl,bg:lv.bg,tr:'cut',fontsCSS:fontsCSS()});camPush()},800);osSet(r.multi?'✓ Output sent to the 2nd screen'+(r.guess?' (position guessed)':''):'Output opened — no 2nd screen found, so it is on this screen.')}
 else osSet('⚠ Pop-up blocked — allow pop-ups for this site (icon in the address bar), then press 🖥 Open Output.')}finally{opening=false}}
async function detectScreens(){try{let st='unknown';for(const nm of['window-management','window-placement']){try{st=(await navigator.permissions.query({name:nm})).state;break}catch(e){}}
 if(st==='granted'){const r=await secondScreen();osSet(r.multi?'✓ 2nd screen detected — TAKE LIVE will open the output on it.':'Only one screen detected right now.')}
 else if(st==='prompt')osSet('Press 🖥 Open Output once and click Allow, so the app can find your 2nd screen.');
 else if(st==='denied')osSet('⚠ 2nd-screen detection is blocked for this site — allow "Window management" in the site permissions (lock icon).')}catch(e){}}
$('#ao').checked=localStorage.getItem('dow.ao')!=='0';$('#ao').onchange=e=>localStorage.setItem('dow.ao',e.target.checked?'1':'0');
$('#op').onclick=()=>openOut(false);
$('#qv').onkeydown=e=>{if(e.key=='Enter'){e.preventDefault();quick(e.shiftKey||e.ctrlKey)}else if(e.key=='Escape')e.target.blur();else if(e.key=='ArrowDown'||e.key=='ArrowUp'){e.preventDefault();pick(idx+(e.key=='ArrowDown'?1:-1));if(e.shiftKey&&lv.sl!==pv.sl)take()}};
$('#qv').oninput=()=>qvSt('');$('#qvg').onclick=()=>quick(false);$('#qvl').onclick=()=>quick(true);
$('#qvv').onchange=e=>{const v=e.target.value;if(v.startsWith('🌐')){onQ=true;ONL.ver=v.slice(2);saveOnl();if(tab=='Online')panel()}else{onQ=false;ver=v;if(tab=='Bible')panel()}};
// settings form
const F=[['Top %','m0',0,40],['Right %','m1',0,40],['Bottom %','m2',0,40],['Left %','m3',0,40],['Font px','fs',24,160],['Dim bg %','dim',0,90]];
$('#st').innerHTML=F.map(([l,k,a,b])=>`<label>${l}<input type=number data-k=${k} min=${a} max=${b}></label>`).join('')+`<label>Align<select data-k=al><option value=left>Left</option><option value=right>Right</option><option value=center>Centred</option><option value=justify>Justified</option></select></label><label>Font<select id=ffsel data-k=ff></select></label><label>Text colour<input type=color data-k=col></label><label>Ref colour<input type=color data-k=rcol></label><label><input type=checkbox data-k=sh> Shadow</label><label><input type=checkbox data-k=ref> Show ref</label><label>Media fit<select data-k=fit><option value=cover>Fill (crop to fit)</option><option value=contain>Fit (show all, bars)</option><option value=fill>Stretch (distort to fill)</option></select></label><label><input type=checkbox data-k=full> Media fills whole display</label><label><input type=checkbox data-k=vloop> Loop videos</label><label><input type=checkbox data-k=vsound> Video sound (output)</label>`;
renderFontSelect();renderTemplates();
function syncInputs(){document.querySelectorAll('[data-k]').forEach(i=>{const k=i.dataset.k,mm=k[0]=='m'&&k.length==2,g=()=>mm?S.m[k[1]]:S[k];i.type=='checkbox'?i.checked=g():i.value=g()})}
syncInputs();
document.querySelectorAll('[data-k]').forEach(i=>{const k=i.dataset.k,mm=k[0]=='m'&&k.length==2;
 i.oninput=()=>{const v=i.type=='checkbox'?i.checked:i.type=='number'?+i.value:i.value;mm?S.m[k[1]]=v:S[k]=v;applyS()}});
$('#fib').onclick=()=>$('#fif').click();
$('#fif').onchange=async e=>{for(const f of e.target.files){const buf=await f.arrayBuffer();const durl=`data:font/ttf;base64,${b64(buf)}`;const name=f.name.replace(/\.[^.]+$/,'');customFonts[name]=durl;await put('font',{name,data:durl})}injectFonts();renderFontSelect();applyS()};
$('#tpsv').onclick=()=>{const n=$('#tpn').value.trim();if(!n)return;templates[n]={...S};localStorage.setItem('dow.tpl',JSON.stringify(templates));$('#tpn').value='';renderTemplates()};
const setTheme=t=>{document.body.classList.toggle('light',t=='light');localStorage.setItem('dow.theme',t)};
setTheme(localStorage.getItem('dow.theme')||'dark');
$('#th').onclick=()=>setTheme(document.body.classList.contains('light')?'dark':'light');
$('#gsync').onclick=()=>githubSync();
P.cfg(S);L.cfg(S);detectScreens();boot().then(()=>githubSync())}
</script></body></html>