html.gfx-output-root{background:transparent!important}
body.output-mode.output-composite.green{background:#00ff00!important}
body.output-mode.output-composite.black{background:#000!important}
body.songs-mode .main>.heading,body.songs-mode .main>.workgrid,body.songs-mode .main>.bottom,body.songs-mode .main>.footnote{display:none}body.songs-mode .main{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);gap:16px;align-items:start}body.songs-mode .main>#songWorkspace{grid-column:1;grid-row:1;max-height:calc(100vh - 105px);overflow:auto;overscroll-behavior:contain}body.songs-mode .main>#graphicsStudio{grid-column:2;grid-row:1;min-width:0}
#songWorkspace{margin-bottom:0}#songWorkspace[hidden],#gfxTemplates[hidden]{display:none}body.songs-mode #songWorkspace .audio-check,body.songs-mode #songWorkspace .transcript,body.songs-mode #songWorkspace .recognition-status,body.songs-mode #songWorkspace #speechHelp,body.songs-mode #songWorkspace .suggestions{display:none}body.songs-mode #songList{max-height:32vh}
body.songs-mode .gfx-stage:before{content:'SONG PREVIEW · 1920 × 1080'}
body.songs-mode .gfx-layout{display:block}body.songs-mode .gfx-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:15px;align-items:start}body.songs-mode .gfx-preview{grid-column:1/-1}body.songs-mode #gfxSongSlides{grid-column:1;grid-row:2;align-self:start}body.songs-mode .gfx-inspector{grid-column:2;grid-row:2;align-self:start}body.songs-mode .gfx-content>.gfx-toolbar,body.songs-mode .gfx-content>details,body.songs-mode .gfx-content>.gfx-library{display:none}body.songs-mode .gfx-stage{height:clamp(230px,38vh,390px);aspect-ratio:auto}body.songs-mode .gfx-stage canvas{object-fit:contain}
@media(max-width:900px){body.songs-mode .gfx-content{grid-template-columns:1fr}body.songs-mode .gfx-preview,body.songs-mode #gfxSongSlides,body.songs-mode .gfx-inspector,body.songs-mode .gfx-content>.gfx-toolbar,body.songs-mode .gfx-content>details,body.songs-mode .gfx-content>.gfx-library{grid-column:1;grid-row:auto}}
.gfx-slide-list{max-height:320px;overflow-y:auto}
body.graphics-mode .main>.heading,body.graphics-mode .main>.workgrid,body.graphics-mode .main>.bottom,body.graphics-mode .main>.footnote{display:none}.gfx-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.gfx-heading h1{font-size:27px;margin:4px 0 6px}.gfx-heading p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.gfx-chip{padding:8px 12px;color:var(--lime);background:#24372a;border-radius:20px;white-space:nowrap;font-size:11px}.gfx-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:18px}.gfx-preview{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#101916}.gfx-stage{aspect-ratio:16/9;position:relative;background:radial-gradient(ellipse at 65% 20%,#596358,#242e2a 55%,#151c19)}.gfx-stage:before{content:'GRAPHICS PREVIEW · 1920 × 1080';position:absolute;top:18px;left:18px;letter-spacing:2px;font-size:9px;color:#a8b4ad}.gfx-stage canvas{width:100%;height:100%;position:relative;display:block}.gfx-toolbar{padding:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line)}.gfx-btn{padding:10px 13px;border-radius:8px;background:#26372d;color:var(--text);font-size:12px;border:1px solid #405344}.gfx-btn.primary{background:var(--lime);color:#142016;font-weight:750}.gfx-btn.danger{color:#ffc6b8;border-color:#674139;background:#392820}.gfx-btn:disabled{opacity:.45;cursor:not-allowed}.gfx-status{padding:0 14px 12px;color:var(--muted);font-size:11px;line-height:1.6}.gfx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.gfx-template{padding:15px;border:1px solid var(--line);border-radius:11px;background:#13201a;text-align:left}.gfx-template.active{border-color:var(--lime);background:#233626}.gfx-template strong{font-size:12px;display:block}.gfx-template small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.gfx-mini{height:35px;border-bottom:11px solid #c8ef91;margin-bottom:12px;background:#26352d;border-radius:5px}.gfx-inspector{background:#111c19;border:1px solid var(--line);border-radius:15px;padding:18px}.gfx-inspector h2,.gfx-library h2{font-size:14px;margin:0 0 15px}.gfx-field{display:grid;gap:6px;margin-bottom:12px;font-size:11px;color:var(--muted)}.gfx-field input,.gfx-field textarea,.gfx-field select{width:100%;min-width:0;background:#0b1412;border:1px solid #35483c;border-radius:8px;padding:9px;color:#edf4e8;font-size:12px}.gfx-field textarea{min-height:88px;resize:vertical}.gfx-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gfx-field input[type=color]{height:36px;padding:3px}.gfx-field input[type=range]{padding:0}.gfx-upload{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.gfx-upload input{font-size:10px;flex:1;min-width:120px}.gfx-upload button{background:none;color:#cfddc8;font-size:10px;text-decoration:underline}.gfx-library{margin-top:16px;border:1px solid var(--line);border-radius:15px;padding:16px}.gfx-saved{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.gfx-saved strong{display:block;font-size:12px}.gfx-saved small{color:var(--muted);font-size:10px}.gfx-saved div:last-child{display:flex;gap:6px}.gfx-help{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}.gfx-help summary{cursor:pointer;color:#e1ecd8}.gfx-output{margin:0!important;background:transparent!important;overflow:hidden;min-height:0}.gfx-output .app,.gfx-output>.modal,.gfx-output>.toast,.gfx-output>.output-view{display:none!important}.gfx-output canvas{display:block;width:100vw;height:100vh;object-fit:contain}.gfx-output.green{background:#00ff00!important}.gfx-output.black{background:#000!important}.gfx-on{color:#d5f7af}.gfx-alert{color:#edca77;font-size:11px;line-height:1.6;min-height:18px;margin:0 12px 12px}@media(max-width:1150px){.gfx-layout{grid-template-columns:1fr}.gfx-inspector{display:block}}@media(max-width:600px){.gfx-heading{display:block}.gfx-chip{display:inline-block;margin-top:10px}.gfx-row{grid-template-columns:1fr 1fr}.gfx-toolbar .gfx-btn{flex:1}}

.gfx-song-slides{margin:15px 0;border:1px solid var(--line);border-radius:13px;padding:12px}.gfx-song-slides>.gfx-toolbar{padding:0 0 12px;border-top:0}.gfx-song-slides strong{font-size:12px;margin-right:auto}.gfx-slide-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:330px;overflow:auto}.gfx-slide{background:#12221a;border:1px solid #334a3b;border-radius:9px;text-align:left;padding:11px;color:#eaf0e6}.gfx-slide.selected{border-color:var(--lime);background:#2a3d2e}.gfx-slide small{display:block;color:var(--lime);font-size:10px;margin-bottom:7px}.gfx-slide span{display:block;white-space:pre-line;line-height:1.6;font-size:12px}.gfx-checks{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:12px}.gfx-checks label{display:flex;align-items:center;gap:5px}@media(max-width:600px){.gfx-slide-list{grid-template-columns:1fr}}

.song-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.song-actions button{white-space:nowrap}

.gfx-format-heading{margin-top:22px!important;padding-top:16px;border-top:1px solid var(--line)}.gfx-effects{border:1px solid var(--line);border-radius:10px;padding:12px;margin:14px 0}.gfx-effects summary{font-size:12px;font-weight:700;cursor:pointer}.gfx-effects .gfx-toolbar{padding:10px 0;border:0}.gfx-effects .gfx-btn{padding:7px 8px;font-size:10px}
.gfx-stack{margin:15px 0;border:1px solid #3b5143;border-radius:13px;background:#101916;padding:14px}.gfx-stack-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.gfx-stack-head h2{margin:0;font-size:14px}.gfx-stack-head h2 span{color:var(--lime);font-size:11px;margin-left:5px}.gfx-stack-head p{color:var(--muted);font-size:11px;margin:5px 0 0}.gfx-layer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.gfx-layer strong,.gfx-layer small{display:block}.gfx-layer strong{font-size:11px}.gfx-layer small{color:var(--muted);font-size:10px;margin-top:3px}.gfx-layer>div:last-child{display:flex;flex-wrap:wrap;gap:5px}.gfx-layer .gfx-btn{padding:6px 8px;font-size:10px}.gfx-layer .gfx-btn:disabled{opacity:.4}
@media(max-width:600px){.gfx-stack-head{align-items:flex-start;flex-direction:column}.gfx-layer{align-items:flex-start;flex-direction:column}}
.gfx-layer-hidden{opacity:.58}

body.songs-mode .gfx-inspector{display:block;grid-column:2;grid-row:2;align-self:start}body.songs-mode .gfx-heading-actions{display:flex;align-items:center;gap:8px}body.songs-mode .gfx-heading-actions .gfx-chip{display:none}body.songs-mode .gfx-heading{margin-bottom:12px}body.songs-mode .gfx-heading h1{font-size:22px}body.songs-mode .gfx-heading p{font-size:11px}body.songs-mode .gfx-preview>.gfx-toolbar{padding:8px}body.songs-mode .gfx-status{padding-bottom:8px}body.songs-mode .gfx-slide-list{max-height:160px}
@media(max-width:900px){body.songs-mode .main{grid-template-columns:1fr}body.songs-mode .main>#songWorkspace,body.songs-mode .main>#graphicsStudio{grid-column:1;grid-row:auto;max-height:none}body.songs-mode #songList{max-height:260px}}

/* Keep the Song queue, slide preview and formatting controls in one desktop workspace. */
@media(min-width:901px){body.songs-mode .main{grid-template-columns:minmax(285px,.72fr) minmax(0,1.72fr);align-items:start}body.songs-mode .main>#songWorkspace{max-height:calc(100vh - 104px);overflow:auto}body.songs-mode .main>#graphicsStudio{max-height:calc(100vh - 104px);overflow:auto;overscroll-behavior:contain}body.songs-mode .gfx-content{grid-template-columns:minmax(0,1.5fr) minmax(285px,.82fr);gap:12px;align-items:start}body.songs-mode .gfx-preview{grid-column:1;grid-row:1}body.songs-mode #gfxSongSlides{grid-column:2;grid-row:2;align-self:start;margin-top:10px}body.songs-mode .gfx-inspector{grid-column:2;grid-row:1;max-height:calc(100vh - 150px);overflow:auto;padding:13px}body.songs-mode .gfx-stage{height:auto;aspect-ratio:16/9;max-height:52vh}body.songs-mode .gfx-stage canvas{object-fit:contain}body.songs-mode .gfx-slide-list{max-height:22vh}}
@media(max-width:900px){body.songs-mode .main>#songWorkspace,body.songs-mode .main>#graphicsStudio{max-height:none;overflow:visible}body.songs-mode .gfx-content{grid-template-columns:minmax(0,1fr)}body.songs-mode .gfx-preview,body.songs-mode #gfxSongSlides,body.songs-mode .gfx-inspector{grid-column:1;grid-row:auto}body.songs-mode .gfx-inspector{max-height:none;overflow:visible}body.songs-mode .gfx-stage{height:auto;aspect-ratio:16/9;max-height:none}}

/* Song operation: library, preview and slides; formatting opens only on request. */
.song-mode-controls{display:none}body.songs-mode .song-mode-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.song-mode-controls label{display:grid;gap:5px;color:var(--muted);font-size:10px}.song-mode-controls select{background:#101916;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}.song-empty-preview{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#c2d0c7;font-size:14px;pointer-events:none}.song-empty-preview[hidden]{display:none}
body.songs-mode .main{grid-template-columns:minmax(260px,.7fr) minmax(0,1.8fr)}body.songs-mode .main>#songWorkspace,body.songs-mode .main>#graphicsStudio{max-height:none;overflow:visible}body.songs-mode .gfx-content{display:flex;flex-direction:column;gap:12px}body.songs-mode .gfx-preview,body.songs-mode #gfxSongSlides{width:100%;margin:0}body.songs-mode .gfx-stage{height:auto;aspect-ratio:16/9;max-height:42vh}body.songs-mode .gfx-heading{display:flex;flex-direction:column;gap:10px}body.songs-mode .gfx-heading h1{font-size:20px}body.songs-mode .gfx-heading .eyebrow{display:none}body.songs-mode .gfx-slide-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:150px}body.songs-mode #songList{max-height:37vh}body.songs-mode #gfxAnimate{display:none}body.songs-mode .songitem strong{font-size:12px}body.songs-mode #songOutputSlot>.card{margin-top:10px}body.songs-mode #songOutputSlot>.card>.cardhead{display:none}body.songs-mode #songOutputSlot>.card>.inner{padding:10px}body.songs-mode #songOutputSlot .listening{padding:8px;margin-bottom:8px}body.songs-mode #songOutputSlot .help{display:none}body.songs-mode #songOutputSlot .screenbox,body.songs-mode #songOutputSlot .ndi-panel,body.songs-mode #songOutputSlot .screen-actions:has(#takeScreen){display:none}body.songs-mode #songOutputSlot .output-routes{grid-template-columns:1fr}body.songs-mode #songOutputSlot .output-size-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 4px}.song-output-settings{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px}.song-output-settings>summary{cursor:pointer;font-size:11px;color:var(--lime)}body.songs-mode #songScheduledItems{max-height:130px;overflow:auto}
#songStyleDialog{width:min(760px,94vw);max-height:88vh;background:#101b16;color:var(--text);border:1px solid #47614d;border-radius:16px;padding:0;box-shadow:0 25px 100px #0009}#songStyleDialog::backdrop{background:#020805b8}.song-dialog-head{position:sticky;top:0;z-index:1;background:#14241a;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}#songStyleBody{padding:16px}#songStyleDialog .gfx-inspector{display:block;max-height:none;overflow:visible;padding:12px;margin:0;border:0}#songStyleDialog .song-extra-control,#songStyleDialog .gfx-inspector>.gfx-toolbar,#songStyleDialog .gfx-inspector>h2.gfx-format-heading:first-of-type{display:none!important}#songStyleDialog .song-projection-settings>.gfx-help,#songStyleDialog #gfxLyricsControls{display:none}#songStyleDialog .song-settings-row{grid-template-columns:repeat(3,minmax(0,1fr))}
#songCueCanvas{position:fixed;inset:0;width:100vw;height:100vh;object-fit:contain;z-index:3;pointer-events:none}#songCueCanvas[hidden]{display:none!important}
@media(max-width:760px){body.songs-mode .main{grid-template-columns:1fr}body.songs-mode .main>#songWorkspace,body.songs-mode .main>#graphicsStudio{grid-column:1;grid-row:auto}body.songs-mode #songList{max-height:190px}#songStyleDialog .song-settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.songs-mode .gfx-stage{width:100%;height:clamp(220px,32vh,340px);aspect-ratio:auto;max-height:none}body.songs-mode #gfxSongSlides>.gfx-help{display:none}body.songs-mode #gfxSongSlides{padding:10px}body.songs-mode .gfx-slide-list{max-height:125px}body.songs-mode .gfx-slide{padding:9px}body.songs-mode .gfx-slide span{font-size:11px}body.songs-mode #gfxOverflow:empty{display:none}body.songs-mode .gfx-status{padding:0 12px 10px}body.songs-mode #gfxTemplates{display:none!important}

.output-size-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#101816}.output-size-controls label{display:grid;gap:6px;color:var(--muted);font-size:10px}.output-size-controls output{color:var(--lime);font-weight:700}.output-size-controls input{width:100%;accent-color:var(--lime)}.lower-style>.output-size-controls{margin-top:10px}
.gfx-stage{isolation:isolate}.gfx-preview-badge{position:absolute;z-index:5;left:14px;bottom:12px;padding:6px 9px;border:1px solid #d0e3ce55;border-radius:999px;background:#101a17d9;color:#e8f5df;font-size:10px;letter-spacing:.3px;pointer-events:none}.gfx-preview-badge[hidden]{display:none}

/* Bible workspace: keep the passage finder beside a large, direct-to-screen preview. */
body.bible-mode .main{display:block}
body.bible-mode #bibleWorkspace{display:block}
body.bible-mode .bible-workspace-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start}
body.bible-mode #bibleWorkspaceSearch,body.bible-mode #bibleWorkspaceOutput{min-width:0}
body.bible-mode #bibleWorkspaceSearch #versePreview{display:none}
body.bible-mode .bible-preview-display .screenbox{aspect-ratio:16/9;min-height:260px;padding:clamp(20px,4vw,56px);background:radial-gradient(ellipse at 50% 35%,#1c3027,#09100e 78%)}
body.bible-mode .bible-preview-display .screen-content{max-width:92%}
body.bible-mode .bible-preview-display .screen-label{font-size:clamp(10px,1.1vw,16px);margin-bottom:clamp(8px,1.5vw,18px)}
body.bible-mode .bible-preview-display .screen-content strong{font-size:clamp(20px,2.2vw,38px);line-height:1.35}
body.bible-mode .bible-preview-display .screen-content small{font-size:clamp(11px,1.2vw,18px);margin-top:clamp(8px,1.2vw,16px)}
body.bible-mode .bible-preview-controls{display:grid;grid-template-columns:1fr;gap:4px;margin-top:12px}
body.bible-mode .bible-preview-controls .song-library-actions{margin:0;align-items:center;flex-wrap:wrap}
body.bible-mode .bible-preview-controls .song-library-actions .note{flex:1;min-width:120px}
body.bible-mode .bible-preview-controls .screen-actions{margin-top:4px;gap:10px}
body.bible-mode .bible-preview-controls #takeScreen{min-width:190px}
body.bible-mode #bibleWorkspaceOutput>.card>.screen>.screen-actions:has(#findScreens){display:none}
body.bible-mode #bibleWorkspaceOutput>.card>.screen>.output-size-controls{display:grid}
@media(max-width:850px){body.bible-mode .bible-workspace-grid{grid-template-columns:1fr}body.bible-mode .bible-preview-display .screenbox{min-height:210px}body.bible-mode .bible-preview-controls .screen-actions{align-items:flex-start;flex-direction:column}}

.gfx-preaching-library{margin:16px 0;border:1px solid #365042;border-radius:12px;padding:14px}.gfx-preaching-library>summary{cursor:pointer;font-weight:700}.gfx-preaching-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:410px;overflow:auto;padding:6px 2px}.gfx-preaching-preset{padding:0;border:1px solid #425b4a;border-radius:9px;overflow:hidden;background:#15221b;color:#edf5ef;cursor:pointer;text-align:left}.gfx-preaching-preset:hover,.gfx-preaching-preset:focus-visible{border-color:#c8ef91;outline:2px solid #c8ef91}.gfx-preaching-preset canvas{display:block;width:100%;height:auto}.gfx-preaching-preset strong{display:block;padding:9px;font-size:12px}@media(max-width:800px){.gfx-preaching-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.gfx-preset-categories{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.gfx-preset-categories [aria-selected=true]{background:#c8ef91;color:#102018;border-color:#c8ef91}
.gfx-destination{display:grid;gap:5px;align-content:center;color:var(--muted);font-size:10px}.gfx-destination select{min-width:170px;padding:8px;background:#0b1412;border:1px solid #35483c;border-radius:8px;color:#edf4e8;font-size:11px}