:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8edf7;background:#0b101a;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.file-button{border:1px solid #344057;background:#1b2639;color:#e8edf7;border-radius:7px;padding:9px 12px;cursor:pointer;font-size:12px;text-align:center}button:hover,.file-button:hover{background:#2a3a55}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #b2c8ff;outline-offset:2px}.primary{background:#8baaff;color:#101b34;border-color:transparent;font-weight:650}.primary:hover{background:#b2c8ff}.quiet{background:transparent;border-color:transparent}.danger{color:#f4adad}.compact{padding:6px 8px;font-size:11px}input,textarea,select{background:#0f1828;border:1px solid #344057;border-radius:6px;color:#f0f4fc;padding:10px;min-width:0;width:100%;font-size:13px}textarea{resize:vertical;line-height:1.6}label{display:grid;gap:6px;font-size:12px;color:#a7b7cc}input[type=color]{padding:2px;height:34px}input[type=range]{padding:0}h1,h2,p{margin:0}h1{font-size:26px;letter-spacing:-.7px;font-weight:600}h2{font-size:13px;font-weight:600}.secondary{color:#9aabc2;font-size:11px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-bottom:1px solid #283246;background:#101725}.brand{display:flex;align-items:center;gap:12px;color:#eff4ff;text-decoration:none;font-size:20px;font-weight:600;white-space:nowrap}.brand-icon{color:#a5bfff;font-size:32px}.brand small{display:block;color:#8b9bb4;letter-spacing:1.6px;font-size:8px;margin-top:5px}.header-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#save-status{font-size:11px;color:#9eb0c8;margin-right:8px}.app-layout{display:grid;grid-template-columns:218px minmax(450px,1fr) 335px;min-height:calc(100vh - 86px)}.sidebar{padding:25px 15px;border-right:1px solid #283246;display:flex;flex-direction:column;background:#0e1521}.eyebrow{font-size:10px;color:#8598b6;letter-spacing:1.4px;font-weight:600;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.nav-item{background:transparent;border:0;text-align:left;color:#a2b1c6;width:100%;padding:12px;margin-bottom:5px}.nav-item.active{background:#223350;color:#d4e1ff}.sidebar-section{margin-top:32px;display:grid;gap:9px}.sidebar-section .eyebrow{margin:0}.sidebar-section input{font-size:12px}.icon-button{padding:1px 7px;background:transparent;border:0;font-size:21px}.sidebar-footer{display:grid;gap:8px;margin-top:auto;padding-top:40px}.sidebar-footer small{font-size:10px;color:#8494ae;line-height:1.7;margin-top:8px}main{padding:29px 25px;min-width:0}.page-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:24px}.page-heading .eyebrow{margin-bottom:8px}.page-heading p{color:#91a2ba;font-size:12px;margin-top:9px}.badge{font-size:9px;letter-spacing:.8px;color:#aabbd4;border:1px solid #36455f;padding:5px 7px;border-radius:5px;white-space:nowrap}.toolbar{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #2b364a;padding-bottom:20px;margin-bottom:20px}.toolbar button{font-size:11px;padding:8px 10px}.planner{display:grid;grid-template-columns:185px 1fr;gap:20px}.running-order{border-right:1px solid #283246;padding-right:14px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.section-heading h2{color:#b3c1d6}.section-heading .secondary{font-size:9px}.playlist-entry{margin-bottom:9px;padding:11px 8px;border:1px solid #2c3c56;border-radius:8px;background:#121d2f}.playlist-entry.selected{border-color:#8baaff;background:#1b2d4d}.playlist-entry>button{border:0;background:none;width:100%;text-align:left;padding:0;font-size:12px;overflow-wrap:anywhere}.playlist-entry small{display:block;color:#93a5c0;font-size:10px;margin-top:6px}.entry-actions{display:flex;margin-top:9px;gap:4px}.entry-actions button{padding:2px 8px;font-size:11px;background:transparent}.slide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.slide-card{padding:0;background:#122039;overflow:hidden;border:2px solid transparent}.slide-card.selected{border-color:#a8c1ff}.slide-card .stage{border:0;border-radius:0;pointer-events:none}.slide-card .slide-text{font-size:11px!important}.slide-card small{display:block;padding:8px;background:#111c2e;color:#9cacc4;font-size:10px;text-align:left}.page-actions{flex-wrap:wrap;margin-top:16px}.button-row{display:flex;gap:6px}.button-row>button{flex:1}.button-row .compact{flex:0 1 auto}.empty{padding:25px 8px;color:#8b9db6;font-size:12px;line-height:1.7}.inspector{border-left:1px solid #283246;background:#101826;padding:25px 17px;min-width:0}.stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%;background:#122039;border:1px solid #34455f;border-radius:8px;overflow:hidden}.stage.black{background:#000}.stage img,.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.slide-text{position:relative;z-index:1;white-space:pre-wrap;width:88%;text-align:center;overflow-wrap:anywhere;line-height:1.3}.slide-footer{font-size:.45em;opacity:.85;margin-top:1em}.media-caption{text-shadow:0 2px 12px #000,0 1px 4px #000}.go-live{width:100%;margin-top:12px;padding:12px}details{margin-top:20px;padding-bottom:18px;border-bottom:1px solid #2c3a50}summary{cursor:pointer;font-size:12px;color:#b4c2d7;margin-bottom:13px}details label{margin-top:10px;font-size:10px}details input,details textarea,details select{font-size:12px;padding:8px}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}details .button-row{margin-top:12px}.live-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72d5ac;margin-right:7px}#live-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector>.button-row{margin-top:9px}.blackout{width:100%;margin-top:10px;background:#080d16}.search-line{display:flex;gap:10px;margin-bottom:18px}.search-line input{flex:1}.search-line select{width:auto}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px}.library-card{background:#142035;border:1px solid #2c3c57;border-radius:8px;overflow:hidden}.library-card .stage{border:0;border-radius:0}.library-card .slide-text{font-size:15px!important}.library-card-info{padding:12px}.library-card-info h2{margin-bottom:7px;overflow-wrap:anywhere}.library-card .button-row{margin-top:13px}.library-card small{color:#94a6bf;font-size:11px}.bible-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.bible-tools p{margin-top:8px}.verse{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #28364d;line-height:1.7;font-size:13px}.verse input{width:auto}#bible-results{margin:15px 0}dialog{background:#121e31;color:#edf3ff;border:1px solid #3a4d6c;border-radius:12px;padding:25px;width:min(620px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#0009}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog h2{font-size:18px}dialog label{margin:13px 0}dialog p{margin:15px 0;font-size:13px;line-height:1.7;color:#b1c0d5}dialog code{font-size:11px;overflow-wrap:anywhere}progress{width:100%;margin-top:20px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;background:#31496f;color:#eff5ff;border:1px solid #607fab;border-radius:9px;padding:12px 18px;font-size:12px;z-index:50}.output-body{height:100vh;background:#000;overflow:hidden}.output-body .stage{height:100vh;aspect-ratio:auto;border:0;border-radius:0}.output-body .slide-text{font-size:4vw}[hidden]{display:none!important}
@media(min-width:1550px){.app-layout{grid-template-columns:230px minmax(600px,1fr) 390px}.planner{grid-template-columns:210px 1fr}.slide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.app-layout{grid-template-columns:195px minmax(380px,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid #283246;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.inspector>.section-heading,.inspector>.go-live,.inspector>details,.inspector>.live-header{grid-column:1/-1}.inspector>.stage{min-width:0}.planner{grid-template-columns:160px 1fr}.header-tools{justify-content:flex-end}.brand small{display:none}}
@media(max-width:700px){.app-header{padding:17px;flex-wrap:wrap}.header-tools{justify-content:flex-start}.app-layout{display:block}.sidebar{border-right:0;border-bottom:1px solid #283246;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sidebar>.eyebrow{display:none}.nav-item{font-size:11px;padding:10px 5px;margin:0}.sidebar-section{grid-column:1/-1;margin-top:15px;grid-template-columns:1fr 1fr;align-items:center}.sidebar-section>.eyebrow,.sidebar-section>.quiet{grid-column:1/-1}.sidebar-footer{grid-column:1/-1;padding-top:10px;grid-template-columns:1fr 1fr}.sidebar-footer small{grid-column:1/-1}.sidebar-footer #help{display:none}main{padding:22px 16px}.planner{grid-template-columns:1fr}.running-order{border-right:0;padding:0;border-bottom:1px solid #283246;padding-bottom:12px}#playlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.playlist-entry{margin:0}.inspector{display:block;padding:20px}.inspector>.stage{margin-bottom:12px}.search-line{flex-wrap:wrap}.search-line input{min-width:180px}.bible-tools{flex-wrap:wrap}input,textarea,select,details input,details textarea,details select{font-size:16px}button{min-height:36px}.page-actions button{flex-basis:40%}.page-heading{align-items:flex-start}h1{font-size:23px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card .button-row{flex-wrap:wrap}.stage{min-height:100px}.output-body .stage{min-height:0}}
/* Axiom studio — quiet canvas, clear hierarchy, one unmistakable live action. */
:root{color-scheme:light;color:#252432;background:#f6f6f9;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--accent:#7060d5;--ink:#252432;--muted:#858391;--line:#e6e4ec}body{background:#f6f6f9}button,.file-button{background:#fff;color:#555261;border-color:var(--line);border-radius:9px;font-size:12px;font-weight:550;transition:background .16s,box-shadow .16s,transform .16s}button:not(:disabled):hover,.file-button:hover{background:#f0edf9;border-color:#cfc6e8;box-shadow:0 3px 10px #24203908}button:not(:disabled):active{transform:translateY(1px)}.primary{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 4px 12px #7060d523}.primary:hover{background:#6150c6!important;color:white}.quiet{background:transparent;border-color:transparent}.danger{color:#b45e68}.secondary{color:#858391}input,textarea,select{background:#fff;border-color:#e0dde8;color:#35313f;border-radius:9px;outline:none;transition:border-color .16s,box-shadow .16s}input:focus,textarea:focus,select:focus{border-color:#9a88df;box-shadow:0 0 0 3px #7060d515}label{color:#7d7789}h1{font-size:30px;letter-spacing:-1.2px;font-weight:650}h2{font-weight:650}.app-header{padding:18px 28px;background:#fff;border-color:var(--line);position:relative;z-index:5}.brand{color:#252432;font-size:24px;letter-spacing:-1px}.brand-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#252332;color:#c6b8ff;font-size:26px;font-weight:800;letter-spacing:-2px}.brand-icon span{position:absolute;right:4px;top:-7px;color:#bce4d7;font-size:24px}.brand small{color:#a19ba9;letter-spacing:2px;font-size:7px;font-weight:600}.header-tools{gap:8px}#save-status{color:#96909e;font-size:10px}#save-status::before{content:'•';color:#76a791;font-size:16px;margin-right:6px}#install{font-size:10px}#open-output{background:#272432;border-color:#272432;color:#fff}.download-button{border-color:#ded7ef;background:#f6f3fd;color:#6e5ba5}.app-layout{grid-template-columns:210px minmax(440px,1fr) 330px;min-height:calc(100vh - 80px)}.sidebar{background:#201f2b;color:#e7e2f2;border:0;padding:30px 16px}.sidebar .eyebrow{color:#787386;font-size:9px;letter-spacing:1.8px}.nav-item{color:#a9a3b8;background:transparent;border:0;padding:13px 12px;font-size:12px;font-weight:500;border-radius:10px}.nav-item.active{color:#e3d9ff;background:#363044;box-shadow:inset 3px 0 #b7a0eb}.nav-item:not(:disabled):hover{background:#302b3b;border-color:transparent;color:#fff}.sidebar-section{margin-top:36px;gap:10px;padding-top:26px;border-top:1px solid #35303f}.sidebar input,.sidebar select{background:#2a2635;border-color:#3a3446;color:#d5cfdf}.sidebar button:not(.nav-item){background:transparent;color:#bcb4cc;border-color:#40394e}.sidebar .quiet{border-color:transparent}.sidebar-footer{gap:10px}.sidebar-footer .file-button{background:transparent;color:#bcb4cc;border-color:#40394e}.sidebar-footer small{color:#746e81;font-size:9px}.sidebar-footer .danger{color:#ce9da4}.sidebar-section .button-row button{font-size:10px}.eyebrow{color:#958aa9;font-size:9px;letter-spacing:2px}.page-heading{margin-bottom:28px}.page-heading p{color:#9991a3;font-size:12px}.badge{border:0;background:#eae7f1;color:#8b7ca0;border-radius:20px;padding:7px 10px;font-size:9px}.toolbar{border:0;padding:0;margin-bottom:28px;gap:7px}.toolbar button{padding:10px 12px}.planner{grid-template-columns:170px minmax(0,1fr);gap:24px}.running-order{border-color:var(--line);padding-right:18px}.section-heading h2{color:#837a91;font-size:10px;letter-spacing:.5px}.section-heading .secondary{color:#afa7ba}.playlist-entry{background:#fff;border:1px solid #e8e4ef;border-radius:12px;padding:14px 11px;margin-bottom:10px;transition:background .16s,border-color .16s,box-shadow .16s}.playlist-entry.selected{background:#f0eafa;border-color:#bda9df;box-shadow:0 4px 14px #7060d50a}.playlist-entry>button{color:#50445f;font-weight:600;font-size:11px}.playlist-entry small{color:#aa9ab7;font-size:9px}.entry-actions button{border:0;color:#b4a5c2}.slide-grid{gap:14px}.slide-card{border-radius:12px;background:#fff;box-shadow:0 3px 15px #25203006;border:2px solid #fff;transition:box-shadow .2s,border-color .2s}.slide-card.selected{border-color:#a58aca;box-shadow:0 0 0 3px #a58aca12}.slide-card small{background:#fff;color:#8d809b;padding:12px;font-size:10px}.slide-card.selected small{color:#695079}.stage{border-color:#e5dfea;border-radius:12px;background:#211e30}.slide-text{color:#fff;pointer-events:none}.page-actions button{font-size:10px;border-color:transparent;background:transparent;color:#9d90aa}.inspector{background:#fff;border-color:var(--line);padding:29px 20px}.inspector>.section-heading{margin-bottom:15px}.go-live{background:#7860a8;border-color:#7860a8;border-radius:10px;margin-top:14px;padding:13px;font-size:12px}.live-header{padding-top:7px}.live-header h2{color:#5d5369;font-size:11px}.live-dot{background:#71b49a;box-shadow:0 0 0 3px #71b49a18}.inspector .badge{font-size:8px;background:#f1ebf8;color:#a392b4}details{border-color:var(--line);margin-top:22px}summary{color:#80738e;font-size:11px}details label{color:#a399af;font-size:9px;text-transform:uppercase;letter-spacing:.7px}details input,details textarea,details select{font-size:11px;letter-spacing:0;text-transform:none;background:#faf9fc;border-color:#ece8f1}.inspector>.button-row button{font-size:10px;padding:9px 7px}.blackout{background:#f7f6f9;color:#81758d;border-color:#eae5f0;font-size:10px}.empty{color:#b0a7bc}.library-card{background:#fff;border-color:#e7e1ee;border-radius:14px;box-shadow:0 4px 20px #25203005}.library-card-info{padding:16px}.library-card-info h2{font-size:13px;color:#5a4c68}.library-card small{color:#a696b3}.bible-tools{background:linear-gradient(120deg,#eee7f7,#f6f3fa);border:1px solid #e4daef;border-radius:18px;padding:25px}.bible-tools h2{font-size:20px;letter-spacing:-.5px;color:#5d4c74}.bible-tools p{line-height:1.6}.translation-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.translation-strip label{min-width:240px;font-size:10px}.verse{padding:20px;background:#fff;border:1px solid #e9e2ef;border-radius:12px;margin:10px 0;color:#6c5c7c;font-size:14px}.verse input{accent-color:#8c6bb1}.verse strong{display:block;color:#9d80ba;font-size:11px;margin-bottom:4px}dialog{background:#fff;color:#53445f;border-color:#e1d7eb;border-radius:22px;padding:30px;box-shadow:0 25px 100px #21172e33}dialog::backdrop{background:#20172c70;backdrop-filter:blur(5px)}dialog h2{font-size:24px;letter-spacing:-.7px}dialog p{color:#97879f;font-size:12px}#notice{background:#2e253a;color:#f7efff;border:0;border-radius:12px;box-shadow:0 10px 40px #2e253a22;padding:14px 22px;line-height:1.5}#playback-status{font-size:10px;line-height:1.5;min-height:0;margin-top:8px}.download-options{display:grid;gap:10px}.download-card{display:block;text-decoration:none;padding:18px 20px;border:1px solid #e5dced;border-radius:13px;background:#faf7fd;color:#735887;font-weight:650;font-size:14px}.download-card:hover{background:#f1e9f8;border-color:#c4acd6}.download-card small{display:block;font-size:11px;color:#a28aae;font-weight:400;margin-top:5px}.download-note{font-size:11px!important;line-height:1.7}.enable-video{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:10;padding:15px 28px;background:#fff;color:#211b2c;border:0;border-radius:40px;box-shadow:0 4px 20px #0004}.output-body{background:#000}.output-body .stage{border:0;border-radius:0}.output-body .enable-video:hover{background:#eee}.output-body .enable-video:active{transform:translateX(-50%)}
@media(min-width:1550px){.app-layout{grid-template-columns:230px minmax(600px,1fr) 370px}.planner{grid-template-columns:195px 1fr}}
@media(max-width:1200px){.app-layout{grid-template-columns:200px minmax(350px,1fr)}.inspector{display:block;grid-column:1/-1;columns:2;column-gap:32px;padding:26px}.inspector>*{break-inside:avoid}.inspector>details{columns:1}.planner{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:700px){.app-header{padding:16px;gap:16px}.brand{font-size:23px}.header-tools{gap:6px;width:100%}#save-status{margin-right:auto}#undo,#redo{padding:8px}#install{display:none}#open-output{flex:1}.app-layout{display:block}.sidebar{padding:13px 16px}.sidebar-section{padding-top:16px;margin-top:12px}.sidebar-footer{display:none}.sidebar-section #service-name,.sidebar-section>.button-row,.sidebar-section>#delete-service{display:none}.sidebar-section>.eyebrow{grid-column:auto}.sidebar-section #services{grid-column:2}.sidebar .nav-item{font-size:11px;padding:12px 7px}.page-heading{margin-bottom:23px}h1{font-size:27px}.toolbar{gap:6px;margin-bottom:22px}.toolbar button{padding:10px 12px}.planner{display:block}.running-order{padding:0 0 20px;margin-bottom:22px}.inspector{columns:1;padding:24px 18px}.translation-strip{align-items:flex-start;flex-direction:column}.translation-strip label{width:100%}.bible-tools{padding:20px}.bible-tools h2{font-size:19px}.bible-tools>button{width:100%}input,textarea,select,details input,details textarea,details select{font-size:16px}.library-grid{grid-template-columns:1fr 1fr}.download-options{grid-template-columns:1fr}.output-body .stage{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Readable utility labels and predictable mobile workspace controls. */
.page-heading p{color:#7e748a}.secondary{color:#7c7189}details label{color:#796c87}.page-actions button{color:#82718f}.sidebar-footer{border:0}.sidebar-footer summary{color:#b9afca;font-size:11px}.sidebar-footer[open]>*:not(summary){margin-top:8px}.sidebar-footer small{display:block}.slide-card small,.library-card small{color:#806c92}
@media(max-width:700px){.sidebar-footer{display:block;grid-column:1/-1;padding-top:8px;margin:0}.sidebar-footer[open]{display:grid;grid-template-columns:1fr 1fr}.sidebar-footer summary{grid-column:1/-1}.sidebar-section #service-name,.sidebar-section>.button-row,.sidebar-section>#delete-service{display:block}.sidebar-section>.button-row{display:flex}.sidebar-section>#delete-service{grid-column:auto;font-size:10px}.sidebar-section #service-name{font-size:14px}.sidebar-section>.button-row button{font-size:9px}.sidebar-footer #help{display:block}}

/* Desktop studio: stable controls, independently scrollable work areas. */
@media(min-width:1000px){
 body:not(.output-body){height:100dvh;display:flex;flex-direction:column;overflow:hidden}
 .app-header{flex:0 0 auto;padding:16px 24px;gap:16px}
 .brand small{display:block}
 .header-tools{flex-wrap:nowrap}
 .app-layout{flex:1;min-height:0;grid-template-columns:184px minmax(0,1fr) 304px;overflow:hidden}
 .sidebar,main,.inspector{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8c1d5 transparent}
 .sidebar{padding:26px 14px;scrollbar-color:#51485f transparent}
 .sidebar-footer{flex-shrink:0;padding-top:28px}
 main{padding:28px clamp(20px,2.2vw,40px) 40px}
 .page-heading{gap:18px;align-items:flex-start;margin-bottom:24px}
 .page-heading>div{min-width:0}
 .page-heading h1{font-size:clamp(26px,2vw,36px);line-height:1.15;overflow-wrap:anywhere}
 .page-heading .badge{margin-top:8px}
 .toolbar{gap:8px;margin-bottom:28px}
 .toolbar button{padding:10px 12px}
 .planner{grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:start}
 .running-order{padding-right:16px}
 .page-browser{min-width:0}
 .page-browser>.section-heading{align-items:flex-start;min-height:28px}
 #item-title{font-size:12px;line-height:1.5;overflow-wrap:anywhere;flex:1;min-width:80px}
 .slide-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));align-items:start}
 .slide-card{width:100%;max-width:360px;text-align:left}
 .slide-card small{font-size:11px;padding:12px;overflow-wrap:anywhere}
 .page-actions{justify-content:flex-start;gap:4px}
 .page-actions>button{flex:0 1 auto;padding:9px 10px;font-size:11px}
 .inspector{grid-column:auto;display:block;columns:auto;border-top:0;border-left:1px solid var(--line);padding:24px 18px 28px}
 .inspector>.section-heading{margin-bottom:12px}
 .inspector .stage{min-height:0}
 .inspector>.button-row{gap:6px;margin-top:8px}
 .inspector>.button-row button{min-height:34px;font-size:11px}
 .inspector>details{margin-top:18px;padding-bottom:14px}
 .live-header{margin-top:18px;padding-top:0}
 .go-live{margin-top:12px;min-height:42px}
 .blackout{min-height:36px}
 .library-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
 .library-card{max-width:380px}
 #bible-view{max-width:1000px}
 button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #7960bc;outline-offset:3px}
}
@media(min-width:1400px){
 .app-layout{grid-template-columns:210px minmax(0,1fr) 340px}
 .planner{grid-template-columns:176px minmax(0,1fr);gap:28px}
 .sidebar{padding:30px 18px}
 .inspector{padding:28px 22px}
 .slide-grid{gap:20px}
}
@media(min-width:1800px){
 .app-layout{grid-template-columns:232px minmax(0,1fr) 380px}
 main{padding:36px 44px 48px}
 .planner{grid-template-columns:200px minmax(0,1fr);gap:32px}
 .slide-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
 .inspector{padding:30px 24px}
}
@media(min-width:1000px) and (max-width:1150px){
 .app-header{padding:14px 18px;gap:12px}
 .brand{font-size:22px;gap:9px}
 .brand small{letter-spacing:1.2px;font-size:6px}
 .header-tools{gap:5px}
 .header-tools button{padding:9px 8px;font-size:11px}
 #save-status{max-width:110px;margin-right:3px;line-height:1.4}
 .app-layout{grid-template-columns:170px minmax(0,1fr) 284px}
 main{padding:24px 18px 32px}
 .planner{grid-template-columns:122px minmax(0,1fr);gap:14px}
 .running-order{padding-right:12px}
 .sidebar{padding:24px 10px}
 .nav-item{padding:12px 9px;font-size:11px}
 .page-heading{flex-wrap:wrap;gap:8px}
 .page-heading .badge{margin-top:0}
}

/* SermonGPT: a focused listening desk, with operator review before projection. */
.sermon-beta{font-size:8px;letter-spacing:1px;margin-left:5px;color:#c0aedc}
#sermon-view{max-width:1100px}
.sermon-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;background:linear-gradient(120deg,#eae2f7,#f5f2fb);border:1px solid #e2d7ef;border-radius:18px;margin-bottom:22px}
.sermon-hero h2{font-size:clamp(22px,2vw,30px);letter-spacing:-.8px;color:#4e3e65;line-height:1.2}
.sermon-hero p{color:#7a688b;line-height:1.6;margin-top:10px;font-size:13px}
.sermon-hero .badge{white-space:nowrap}
.sermon-listener,.sermon-manual{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;margin-bottom:22px}
.sermon-listening-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#6c597e}
.sermon-listening-bar>div{line-height:1.6}
.sermon-listening-bar button{flex-shrink:0}
.sermon-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b8a8ca;margin-right:8px}
.sermon-listener:has([aria-pressed=true]) .sermon-pulse{background:#4f9c7b;box-shadow:0 0 0 5px #4f9c7b18}
#sermon-session{display:block;font-size:10px;margin-left:16px;color:#887d92}
#sermon-transcript{font-size:17px;line-height:1.7;min-height:76px;max-height:190px;overflow-y:auto;margin:20px 0;color:#4b4356;white-space:pre-wrap;overflow-wrap:anywhere}
.sermon-listener>.secondary{line-height:1.7;font-size:11px}
.sermon-manual label{margin-bottom:10px}.sermon-manual .button-row{margin-top:12px;flex-wrap:wrap}.sermon-manual .button-row>button{flex:0 1 auto}
#sermon-results{display:grid;gap:16px}.sermon-card{padding:24px;border-radius:16px;border:1px solid #ded4ec;background:#fff}.sermon-card h2{font-size:24px;color:#514064}.sermon-card .eyebrow{margin-bottom:8px}.sermon-trigger{font-size:12px;color:#8b7a9a;line-height:1.7;margin:12px 0;overflow-wrap:anywhere}.sermon-passage{white-space:pre-wrap;line-height:1.8;font-size:17px;color:#51415f;border-left:3px solid #b19acb;padding-left:18px;margin:20px 0}.sermon-card .button-row{margin-top:16px}.sermon-card .button-row>button{flex:0 1 auto}.sermon-about{color:#7d7089;font-size:12px;line-height:1.8}.sermon-about p{margin:10px 0}
@media(max-width:700px){.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.sermon-hero{padding:20px;flex-direction:column;gap:12px}.sermon-listening-bar{align-items:flex-start;flex-direction:column}.sermon-listening-bar button{width:100%}.sermon-listener,.sermon-manual,.sermon-card{padding:18px}.sermon-passage{font-size:16px}}
.sermon-hero{padding:22px 24px;margin-bottom:18px}.sermon-hero .eyebrow{margin-bottom:10px}.sermon-listener{padding:20px;margin-bottom:16px}#sermon-transcript{min-height:42px;max-height:110px;margin:16px 0}.sermon-manual{padding:16px 20px;margin:0 0 22px}.sermon-manual summary{margin-bottom:0;font-size:12px}.sermon-manual[open] summary{margin-bottom:16px}.sermon-manual textarea{font-size:14px;text-transform:none}.sermon-manual label{font-size:11px;text-transform:none;letter-spacing:0}.sermon-manual .button-row{margin-top:12px}