/* Lumis layout refinement. Existing colors, logos and animation design remain intact. */
body :is(button,summary,nav a,label,h1,h2,h3,h4,.primary,.secondary,.button){text-transform:capitalize}
body :is(input,textarea,[contenteditable=true]){text-transform:none}
body :is(button,.button,.primary,.secondary){max-width:100%;white-space:normal;overflow-wrap:break-word}
body :is(main,section,article,fieldset,form,nav){min-width:0}
body select{max-width:100%;color-scheme:dark}
body select option{color:#e2f1f5;background:#0b202a}
body dialog{box-sizing:border-box;max-width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}
body :is(header nav,.header-actions,.actions,.la-links){flex-wrap:wrap;gap:10px}
body details[open]{z-index:30}
body [role=menu]{max-width:calc(100vw - 32px);max-height:70dvh;overflow:auto;z-index:100}
body [role=menu] :is(a,button){white-space:normal}
.la-panel #account-heading.account-welcome-heading{font-family:monospace;font-size:clamp(16px,1.4vw,19px);font-weight:500;letter-spacing:.13em;line-height:1.6;text-align:center;text-transform:uppercase;color:#8bd3df;margin:4px 0 24px}
[data-filmmaker-navigation][hidden]{display:none!important}
@media(max-width:700px){
 body>header{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding:16px}
 body>header nav{justify-content:flex-start;max-width:100%}
 body :is(.la-panel,.profile-group,.beta-card){box-sizing:border-box}
 body .la-links{display:flex;flex-wrap:wrap}
 body .la-links>*{flex:1 1 140px}
 body [role=menu]{max-width:calc(100vw - 24px)}
}
/* Consistent control labels, including older component rules. */
body :is(button,summary,nav a,label,h1,h2,h3,h4,.primary,.secondary,.button){text-transform:capitalize!important}
body .la-panel #account-heading.account-welcome-heading{text-transform:uppercase!important}
body:has(.feature) > header nav a{display:inline-flex}
body .workspace-menu>div{max-height:calc(100dvh - 110px);overflow:auto;max-width:calc(100vw - 24px)}
body .workspace-menu{position:relative}
body .workspace-menu[open]{z-index:120}
@media(max-width:420px){body[data-lumis-page=account] #lumis-account-root .la-panel .la-links{grid-template-columns:1fr!important}}
body[data-lumis-page=account] #lumis-account-root .la-panel h2#account-heading.account-welcome-heading{font:500 18px/1.6 monospace!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#8bd3df!important;text-align:center!important;margin:4px 0 24px!important}
/* Preserve filmmaker-authored titles and displayed profile names verbatim. */
body :is(#film h1,.home-film h2,.film-card h2,.project-card h2,.identity-preview h2,#name,.card-title,.graph-card h3){text-transform:none!important}

body button p{text-transform:none!important}

/* Junction badges sit above a small connection port and must exceed its width. */
body .surge-junction .junction-label{max-width:none;white-space:nowrap;overflow-wrap:normal;width:max-content}
/* One original, transparent Lumis wordmark for navigation headers. */
body:not(.player-product) header a.brand{display:block!important;flex:0 0 176px!important;width:176px!important;min-width:176px!important;height:42px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent url('/email-assets/lumis-wordmark-clean-v2.png') center/contain no-repeat!important;font-size:0!important;overflow:visible!important;filter:none!important;clip-path:none!important}
body:not(.player-product) header a.brand>*{display:none!important}
body:not(.player-product) header a.brand::before,body:not(.player-product) header a.brand::after{display:none!important}
body:not(.player-product) header a.brand:focus-visible{outline:2px solid #66dbea;outline-offset:5px}
@media(max-width:600px){body:not(.player-product) header a.brand{flex-basis:148px!important;width:148px!important;min-width:148px!important;height:38px!important}}
body[data-lumis-page=channel] label.visibility{display:flex!important;align-items:center;gap:12px}
body[data-lumis-page=channel] label.visibility input{flex:0 0 20px;width:20px!important;margin:0!important}
body[data-lumis-page=channel] .identity #website{display:inline-block;margin:0 16px 12px 0}
body[data-lumis-page=invites]>main,body[data-lumis-page=beta]>main{max-width:1040px;margin-inline:auto}
body[data-lumis-page=invites] .beta-card,body[data-lumis-page=beta] .beta-card{max-width:none;width:100%;box-sizing:border-box}
body[data-lumis-page=invites] #applications strong,body[data-lumis-page=invites] #invitations{overflow-wrap:anywhere}
body#lumis-browse header a.brand{background:transparent url('/email-assets/lumis-wordmark-clean-v2.png') center/contain no-repeat!important;flex:0 0 160px!important;width:160px!important;min-width:160px!important}
body label:has(input[type=checkbox]){text-transform:none!important}
@media(max-width:600px){body#lumis-browse header a.brand{flex-basis:132px!important;width:132px!important;min-width:132px!important}}

/* Quiet, clearly interactive navigation with an illuminated underline. */
body:not(.player-product)>header nav a:not(.button):not(.primary):not(.secondary){
 display:inline-flex;align-items:center;min-height:38px;padding:4px 7px!important;
 text-decoration-line:underline!important;text-decoration-color:rgba(101,206,223,.38)!important;
 text-decoration-thickness:1px!important;text-underline-offset:8px!important;
 transition:color .18s ease,text-decoration-color .18s ease,background-color .18s ease
}
body:not(.player-product)>header nav a:not(.button):hover,
body:not(.player-product)>header nav a[aria-current=page]{color:#f3cc86!important;text-decoration-color:#e8bb68!important;background-color:rgba(100,210,230,.045)}
body:not(.player-product)>header nav a:focus-visible{outline:2px solid #6adbea;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body:not(.player-product)>header nav a{transition:none!important}}

/* Keep the minimap above the legend and keyboard-help rows. */
body.studio-product .map-minimap{bottom:90px;max-height:145px}


/* Export actions remain in flow so they cannot cover options. */
body.studio-product .script-export-dialog .script-export-options>[type=submit]{position:static;box-shadow:none;margin-top:16px}


body.studio-product[data-workspace=preview] .watch-callout{background:linear-gradient(135deg,#102b35,#071820);border:1px solid #356575;border-radius:3px}
body.studio-product[data-workspace=production] thead{background:#102b35;color:#b9e7ef}


body[data-lumis-page=invites]>main,body[data-lumis-page=beta]>main{max-width:1040px!important;width:calc(100% - 40px)!important;margin-inline:auto!important}
body[data-lumis-page=beta] #owner>details,body[data-lumis-page=invites] #owner>details{margin-block:24px;padding-block:16px;border-block:1px solid #31515e}

@media(max-width:700px){
 body:not(.player-product):not(.studio-product)>header nav{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important;gap:6px 10px!important;width:100%;height:auto!important;max-height:none!important}
 body:not(.player-product):not(.studio-product)>header nav a{flex:0 0 auto}
}
/* Keep the footage monitor and timing tools stacked on compact screens. */
@media(max-width:1099px){
 body.lumis-interior.studio-product #admin-workspace .adaptive-preview{display:flex!important;flex-direction:column!important;width:100%;min-width:0;overflow:visible!important}
 body.lumis-interior.studio-product #admin-workspace .precision-player{width:100%;min-width:0;box-sizing:border-box}
 body.lumis-interior.studio-product #admin-workspace .precision-player video{width:100%!important;height:auto!important;aspect-ratio:16/9;max-height:none!important;object-fit:contain}
 body.lumis-interior.studio-product #admin-workspace .transport-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
 body.lumis-interior.studio-product #admin-workspace .preview-slate{width:100%;min-width:0;box-sizing:border-box}
}
@media(max-width:520px){
 body.lumis-interior.studio-product #admin-workspace .guided-moment>header{display:grid!important;grid-template-columns:auto minmax(0,1fr) 38px!important;align-items:center!important;gap:8px!important;width:100%;min-height:0!important}
 body.lumis-interior.studio-product #admin-workspace .guided-moment>header input{min-width:0;width:100%!important;margin:0!important}
 body.lumis-interior.studio-product #admin-workspace .guided-moment>header button{width:38px;min-width:0;padding:8px!important}
}