/* Shared Studio rhythm: setup, workspace and standalone capture. */
:root{--studio-accent:var(--brand);--studio-soft:var(--tint);--studio-border:var(--line)}
button,select,input,.button{font-size:1rem;min-height:48px}button,.button{border-radius:10px}select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:600}summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.welcome h1,.portal-content h1{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.04em}.welcome{margin-bottom:28px}.welcome h1 br{display:none}.welcome h1 br:after{content:' '}
.workflow-steps button{min-height:68px}.workflow-steps strong{font-size:1rem}.workflow-steps small{font-size:.8rem}.workflow-status{font-size:.85rem;white-space:normal;text-align:center}.workflow-heading>div{min-width:0}.workflow-heading h1{overflow-wrap:anywhere}
.share-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;padding:24px 0;align-items:center}.share-card .eyebrow{margin-bottom:12px}.share-card p{font-size:.95rem}.share-url{display:flex;gap:8px;margin:8px 0 16px}.share-url input{min-width:0;flex:1}.share-url button{flex-shrink:0}.channel-advanced,.session-sharing{border-top:1px solid var(--line);margin-top:20px;padding:8px 0}.channel-advanced[open]>summary,.session-sharing[open]>summary{margin-bottom:16px}.channel-advanced fieldset{border:0;padding:0}.share-card label{font-weight:600}
[data-allowance]{display:block;width:100%;height:16px;margin:16px 0 20px;accent-color:var(--brand)}progress::-webkit-progress-bar{background:var(--tint);border-radius:8px}progress::-webkit-progress-value{background:var(--brand);border-radius:8px}progress::-moz-progress-bar{background:var(--brand);border-radius:8px}
.credit-panel>.credit-panel{border:0;padding:16px 0 0}.desk-capture{height:640px}.workflow-panel-heading .eyebrow{display:none}.overview-stats{gap:16px}.overview-stats .stat{border-radius:14px}
@media(max-width:760px){.share-card{grid-template-columns:1fr}.share-card img{margin:auto}.share-url{flex-wrap:wrap}.share-url input{flex-basis:100%}.share-url button{width:100%}.workflow-steps strong{font-size:.85rem}.workflow-heading{flex-wrap:wrap}.desk-capture{height:740px}.console-header,.topbar{padding:16px 20px}.welcome h1{font-size:2rem}.share-card .actions>*{flex:1}.portal-content,.workspace-main main{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[hidden]{display:none!important}
/* Reference cues: calm tonal hierarchy and compact, expanding controls. */
.service-spotlight{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#174f43;color:#f6f7f2;border:1px solid #174f43;border-radius:20px;padding:32px;margin:0 0 24px}.service-spotlight .eyebrow{color:#bde5d2;margin-bottom:14px}.service-spotlight h2{font-size:clamp(1.6rem,2.5vw,2.2rem);margin-bottom:16px}.service-spotlight p:not(.eyebrow){color:#d8e9e1;font-size:.95rem;margin-bottom:16px}.service-spotlight .button{background:#f6f7f2;color:#174f43;flex-shrink:0}.spotlight-status{font-size:.85rem;border:1px solid #6a9b88;border-radius:24px;padding:6px 12px;display:inline-block}.stat strong,[data-usage]{font-variant-numeric:tabular-nums}
.workflow-steps{padding:6px;gap:4px;border-radius:16px}.workflow-steps button{border:0;border-radius:10px!important}.service-workflow .workflow-steps button[aria-current=step]{box-shadow:0 1px 4px #182d2b15;background:var(--studio-soft)}button,.button,.workflow-steps button{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}.workflow-panel,.share-card{scroll-margin-top:24px}
@media(max-width:760px){.service-spotlight{padding:24px;display:block}.service-spotlight .button{width:100%;margin-top:24px}.workflow-steps{gap:2px;padding:4px}.workflow-steps strong{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){button,.button,.workflow-steps button{transition:none}}

/* Keep everyday tasks prominent and optional settings within reach. */
#account-nav{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #d4dfd9}
.service-filters{display:flex;gap:1rem;align-items:end;margin:1.5rem 0;flex-wrap:wrap}
.service-filters label{display:grid;gap:.5rem;flex:1;min-width:180px;font-weight:600}
.service-filters input,.service-filters select{min-height:48px;width:100%}
.service-card[hidden]{display:none}
.service-card .section-head{align-items:start;gap:1rem}
.service-card h2{margin-top:0}.service-card details{margin-top:1rem}
.service-tools .actions{padding-top:1rem}
.settings-section{border-top:1px solid #d4dfd9;margin-top:1.5rem;padding-top:1.5rem}
.settings-section summary{font-weight:700;cursor:pointer;min-height:48px}
.settings-section summary span{display:block;font-size:.9rem;font-weight:400;color:#53665e;margin:.35rem 0 1rem}
.settings-save{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #d4dfd9}
@media(max-width:600px){.service-card .section-head{flex-direction:column}.service-filters{align-items:stretch}}
#church-settings fieldset{border:0;padding:0;min-width:0;margin:1rem 0}
#church-settings legend{font-weight:600;margin-bottom:.75rem}
#church-settings .language-choices{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}
#church-settings .language-choices .check{margin:0;min-height:48px;font-size:.9rem;gap:.5rem}
#church-settings input[type=checkbox]{width:20px;height:20px;min-height:20px;flex-shrink:0}
/* Compact language selection, inspired by the supplied operator UI references. */
.language-picker{margin:12px 0;border:1px solid var(--line,#ccd8d2);border-radius:12px;background:white;overflow:hidden}
.language-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;min-height:54px;cursor:pointer;list-style:none}
.language-picker>summary::-webkit-details-marker{display:none}
.language-chips{display:flex;flex-wrap:wrap;gap:6px;color:#193c33;font-size:.95rem}
.language-chip{display:inline-flex;padding:4px 10px;background:#edf3ee;border-radius:6px;font-weight:600;line-height:1.5}
.language-edit{font-size:.85rem;color:#176354;font-weight:600;flex-shrink:0}
.language-panel{padding:14px;border-top:1px solid var(--line,#ccd8d2)}
.language-panel>label{display:grid;gap:6px;font-size:.85rem;font-weight:600}
.language-panel input[type=search]{width:100%;min-height:44px;margin:0 0 12px}
.language-picker .language-choices,.language-picker .choices,#church-settings .language-picker .language-choices{display:grid;grid-template-columns:1fr;gap:2px;padding:0;max-height:240px;overflow:auto;overscroll-behavior:contain}
.language-picker .language-choices label,.language-picker .choices label,#church-settings .language-picker .check{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;min-height:44px;border:0;border-radius:6px;background:transparent;font-size:.95rem;font-weight:400}
.language-picker label:has(input[type=checkbox]:checked){background:#edf3ee;color:#193c33}
.language-picker input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;margin:0}
.language-picker label:has(input:disabled){opacity:.55}
.language-picker [hidden]{display:none!important}
.language-panel>button{margin-top:12px;min-height:44px;width:100%}
.language-picker summary:focus-visible{outline:3px solid #176354;outline-offset:-3px}
.settings-section .language-picker>summary span{margin:0}
.settings-section .language-picker>summary .language-chips{display:flex;font-size:.95rem;font-weight:400}
.settings-section .language-picker>summary .language-chip{display:inline-flex;font-weight:600}
.settings-section .language-picker>summary .language-edit{display:inline;font-size:.85rem;font-weight:600;color:#176354}
.language-help{margin:8px 0 16px}.language-help>summary{font-size:.85rem;color:var(--muted);min-height:44px;cursor:pointer;padding:10px 0}
/* Quiet, compact workspace surfaces: controls lead, decoration recedes. */
.portal,.console-shell{--studio-soft:#f3f6f5;--studio-border:#e0e7e4}
.portal-main{background:#f7f9f8}
.portal .rail{background:#fff;border-right-color:#e0e7e4}
.portal .rail nav a{border-radius:8px;color:#52615b}
.portal .rail nav a[aria-current=page]{background:#e9f3ef;color:#145b49}
.portal .topbar{background:#fff;min-height:68px;border-bottom-color:#e0e7e4}
.portal-content .intro h1,.welcome h1{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.035em;line-height:1.15}
.portal-content .intro{margin-bottom:24px}.portal-content .intro>p:last-child{font-size:.95rem;line-height:1.6}
.portal-content .card{border-color:#e0e7e4;border-radius:12px;box-shadow:0 2px 4px #193c3303}
#church-settings{max-width:800px;padding:24px}
#church-settings h2{font-size:1.15rem;letter-spacing:-.02em;margin-top:0}
#church-settings .field label,#church-settings legend{font-size:.9rem}
#church-settings .settings-section{margin-top:20px;padding-top:20px;border-color:#e8eeeb}
#church-settings .settings-section>summary{font-size:.95rem;min-height:48px;padding:12px 42px 12px 14px}
#church-settings .settings-section>summary>span{margin:4px 0 8px;font-size:.82rem}
#church-settings .hint{font-size:.82rem;line-height:1.6}
#church-settings .settings-save{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#church-settings .settings-save p{margin:0}
.language-picker{border-radius:9px;border-color:#dce5e0;box-shadow:0 1px 2px #193c3304}
.language-picker>summary{padding:8px 12px;min-height:48px}
.language-picker[open]{border-color:#709c8c;box-shadow:0 0 0 3px #1763540a}
.language-picker .language-chip{background:#edf5f1;color:#235d49;border:1px solid #d9e9e0;border-radius:5px;padding:2px 8px;font-size:.85rem;font-weight:500}
.language-picker .language-edit{display:inline-flex!important;align-items:center;gap:8px;font-size:.8rem!important;color:#4b655a!important}
.language-edit::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.language-picker[open] .language-edit::after{transform:rotate(225deg);margin-top:3px}
.language-panel{background:#fcfdfc;padding:12px}
.language-panel>label{color:#52615b;font-weight:500}
.language-panel input[type=search]{background:#f3f6f4;border:1px solid #e0e7e4;border-radius:7px;padding:10px 12px}
.language-panel>button{background:#edf5f1;border:1px solid #d9e9e0;color:#235d49;font-size:.9rem;font-weight:600}
.language-help>summary{font-size:.8rem;font-weight:500}
.service-card{padding:20px!important}.service-card .section-head{margin:0 0 16px}.service-card h2{font-size:1.15rem}
.service-card .section-head p{font-size:.82rem;color:#62736a;margin:8px 0 0}
.service-card details summary{font-size:.85rem;font-weight:500}
.service-filters label{font-size:.85rem;color:#52615b}.service-filters input,.service-filters select{background:white;border:1px solid #dce5e0;border-radius:8px;padding:10px 12px}
@media(max-width:600px){#church-settings{padding:20px}.portal-content{padding:28px 18px}.portal .topbar{padding:14px 18px}.welcome{margin-bottom:20px}.welcome>p:last-child{font-size:.95rem}.language-picker>summary{gap:8px}.settings-save .primary{width:100%}}
#church-settings+.credit-panel{max-width:800px;margin-top:16px;padding:20px 24px}
#church-settings+.credit-panel h2{font-size:1rem;margin:0 0 8px}
#church-settings+.credit-panel p{font-size:.85rem;margin:4px 0;color:#62736a}
#church-settings+.credit-panel a{display:inline-block;margin-top:8px;font-size:.85rem}
#church-settings~details.settings-section{max-width:800px;padding:20px 24px;margin-top:16px}
#church-settings fieldset{margin:12px 0}#church-settings legend{margin-bottom:0}
#church-settings .language-help{margin:0 0 8px}
.portal .rail blockquote{font-family:inherit;font-size:1rem;font-style:normal;line-height:1.6;color:#62736a}
@media(min-width:850px){#church-input-languages{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}#church-input-languages>.field{margin:12px 0}#church-input-languages>.field select{margin-top:12px}#church-input-languages>fieldset{margin:12px 0}#church-input-languages>.language-help{grid-column:1/-1}}

/* Keep guidance beneath the input it describes instead of in an unrelated column. */
#church-input-languages{display:block;max-width:none}#church-input-languages>.field select{margin-top:0}
/* Broadcast workspace: clear controls, readable monitor heading and usage. */
.desk-input,.desk-output{min-width:0}.desk-section-heading{flex-wrap:wrap;gap:12px;height:auto}
.desk-section-heading h3{white-space:nowrap;flex:1;margin:0}.desk-section-heading select{width:auto;max-width:260px;flex:1;min-width:160px}
.desk-capture{min-height:320px}.desk-output{align-self:stretch}.desk-output>.hint{margin-top:16px}
.usage-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.usage-heading a{font-size:.85rem;white-space:nowrap}
.usage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0}
.usage-stats span{display:block;color:var(--muted);font-size:.8rem}.usage-stats strong{display:block;font-size:1.35rem;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}
.live-usage-panel [data-usage]{font-size:.85rem;margin-bottom:8px}.live-usage-panel [data-freshness]{font-size:.75rem}
.share-destination{border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px;background:white}
.share-destination header h3{font-size:1.3rem;margin:0 0 12px}.share-destination header .eyebrow{margin-bottom:8px}.share-destination header>p:last-child{color:var(--muted);font-size:.9rem}
.share-destination #publish-channel{padding:20px;border-radius:12px;background:var(--tint);margin-top:20px}
.share-destination #publish-channel input{max-width:100%}.share-destination #publish-channel button{margin-top:12px}
.share-destination .share-card{padding-bottom:8px}.screen-destination{background:#f7f8f5}.share-destination .session-sharing{margin-bottom:0}
@media(max-width:600px){.usage-stats{grid-template-columns:1fr 1fr;gap:16px}.usage-stats>div:last-child{grid-column:1/-1}.usage-heading{align-items:flex-start}.share-destination{padding:18px}.share-destination #publish-channel{padding:16px}.desk-section-heading select{max-width:100%}}
/* Output editor: language rules on the left, reusable destination on the right. */
.output-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.output-workspace>.card{min-width:0;margin:0;padding:24px}.output-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}
.output-step>span{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--tint);color:var(--brand);font-size:.85rem;font-weight:700}
.output-step h2{font-size:1.2rem;margin:2px 0 8px}.output-step p{font-size:.85rem;color:var(--muted);margin:0;line-height:1.5}.route-step{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
.output-workspace .route-board{margin-top:20px}.output-workspace .route-row{background:#f6f8f5;border-radius:10px;margin:8px 0;border:1px solid var(--line);padding:12px;gap:10px}
.output-workspace .route-board-heading{font-size:.75rem;font-weight:600;color:var(--muted)}.output-workspace .route-source{font-size:.9rem;overflow-wrap:anywhere}.output-workspace .route-row label{margin:0;min-width:0}
.output-workspace .routing-help{margin:16px 0}.output-workspace .routing-help .hint{padding:12px 4px}
.output-save{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.output-save button{width:100%;margin-top:16px}.output-save .pill[data-state=dirty]{background:#fff5df;color:#73531a}.output-save .pill[data-state=saved]{background:var(--tint);color:var(--brand)}
.permanent-link-note{display:flex;gap:12px;padding:16px;background:var(--tint);border-radius:12px;margin-bottom:20px}.permanent-link-note>span{font-size:1.4rem;color:var(--brand)}.permanent-link-note strong{font-size:.9rem}.permanent-link-note p{font-size:.8rem;color:var(--muted);margin:6px 0 0}
.output-connection .actions{display:grid;grid-template-columns:1fr auto}.output-connection .actions>*{padding-inline:14px}.output-connection .channel-advanced{padding-top:0;border-top:0}
.output-preview-label{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:24px;font-size:.85rem}.output-preview-label .hint{margin:0}.output-connection #preview{border-radius:12px;margin-top:12px!important}
@media(max-width:1000px){.output-workspace{grid-template-columns:1fr}.output-workspace>.card{max-width:100%}}
@media(max-width:500px){.output-workspace>.card{padding:18px}.output-connection .actions{grid-template-columns:1fr}.output-workspace .route-row{padding:10px 8px;gap:6px}.output-workspace .route-row select{padding-left:10px;font-size:.9rem}}
@media(prefers-reduced-motion:no-preference){
 .output-workspace>.card{animation:output-enter 260ms ease-out both}.output-workspace>.card:nth-child(2){animation-delay:60ms}
 .output-workspace .output-language-chips label span{transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}
 .output-workspace .output-language-chips label:active span{transform:scale(.98)}
 .output-workspace .route-row{animation:output-enter 180ms ease-out both}
 .output-workspace .route-row.route-updated{animation:route-feedback 500ms ease-out}
 .output-workspace details[open]>:not(summary){animation:output-enter 180ms ease-out}
 .output-workspace .output-saved{animation:route-feedback 600ms ease-out}
 @keyframes output-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
 @keyframes route-feedback{from{box-shadow:0 0 0 3px #17645330}to{box-shadow:0 0 0 0 #17645300}}
}
.plan-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:24px;align-items:start}
.plan-layout .card{margin:0 0 20px;padding:24px}.plan-summary .eyebrow{margin:0 0 10px}.plan-summary h2{font-size:1.35rem}.plan-summary .pill{text-transform:capitalize}
.plan-benefits{margin:24px 0 16px}.plan-benefits>div{padding:14px 0;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;align-items:baseline}.plan-benefits dt{font-size:.85rem;color:var(--muted)}.plan-benefits dd{margin:0;text-align:right;font-size:.9rem;font-weight:600}
.plan-layout .usage-stats{grid-template-columns:1fr 1fr}.plan-layout .usage-stats>div:last-child{grid-column:1/-1}.plan-layout .usage-stats strong{font-size:1.55rem}
@media(max-width:850px){.plan-layout{grid-template-columns:minmax(0,1fr)}.plan-layout .card{padding:20px}.plan-summary{display:grid;gap:20px}.plan-summary .card{margin:0}}