/* Shared Lumis surfaces. Screenplay paper, node geometry and native entry artwork keep their own rules. */
body[data-lumis-page]{--lm-bg:#06131a;--lm-panel:#0b202a;--lm-panel-raised:#102a35;--lm-line:#2d5362;--lm-text:#dfedf2;--lm-muted:#9cb9c6;--lm-cyan:#81d7e5;--lm-gold:#edc17d;color-scheme:dark}
body[data-lumis-page]:not([data-lumis-page=welcome]):not([data-lumis-page=account]){background:var(--lm-bg)!important;color:var(--lm-text);font-family:'Segoe UI',Arial,sans-serif}
body[data-lumis-page] [hidden]{display:none!important}
/* Public pages share readable content widths and aligned mastheads. */
body[data-lumis-page].market-page>header,body[data-lumis-page].player-product>header{height:auto!important;min-height:76px!important;box-sizing:border-box;display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:wrap!important;padding:14px clamp(20px,4vw,56px)!important;background:#091b24!important;border-bottom:1px solid var(--lm-line)!important;position:relative;z-index:20}
body[data-lumis-page]:not(.lumis-signal):not(.studio-product) .brand{display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;line-height:1}
body[data-lumis-page]:not(.lumis-signal):not(.studio-product) .brand .native-wordmark{display:block;width:168px!important;height:auto!important;max-height:44px;object-fit:contain}
body[data-lumis-page].market-page>header nav{margin-left:auto;display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 18px!important}
body[data-lumis-page].market-page>header nav a{font:500 14px/1.4 'Segoe UI',sans-serif;min-height:38px;display:inline-flex;align-items:center;color:var(--lm-muted);padding:6px 0;text-decoration:none}
body[data-lumis-page].market-page>header nav a[aria-current=page]{color:var(--lm-gold);border-bottom:2px solid #bb8b40}
body[data-lumis-page] .local{font:10px/1.5 'Segoe UI',sans-serif!important;letter-spacing:.12em;border:1px solid #355563!important;border-radius:2px!important;padding:5px 8px;color:#87aab8!important}
body[data-lumis-page].market-page>main{box-sizing:border-box;width:min(1240px,100%)!important;margin:0 auto!important;padding:36px clamp(20px,3vw,40px) 56px!important}
body[data-lumis-page].market-page main h1{font:600 clamp(28px,3.5vw,44px)/1.2 'Segoe UI',sans-serif!important;letter-spacing:-.025em!important;margin:12px 0 16px!important;color:#e1eef3;overflow-wrap:anywhere}
body[data-lumis-page].market-page main h2{font:600 clamp(21px,2.2vw,28px)/1.3 'Segoe UI',sans-serif!important;letter-spacing:-.015em;color:#dcebf1}
body[data-lumis-page].market-page main h3{font:600 18px/1.4 'Segoe UI',sans-serif!important;color:#dcebf1}
body[data-lumis-page].market-page main p{font:15px/1.65 'Segoe UI',sans-serif;color:var(--lm-muted)}
body[data-lumis-page] .eyebrow{font:600 11px/1.5 'Segoe UI',sans-serif;letter-spacing:.12em;color:#83bdcd}
/* Controls outside the screenplay/map match the established editor language. */
body[data-lumis-page]:not(.lumis-signal):not(.studio-product):not([data-lumis-page=welcome]):not([data-lumis-page=account]) :is(button,.primary,.secondary){box-sizing:border-box;min-height:40px;padding:9px 15px;border:1px solid #386b7d!important;border-radius:2px!important;background:#0c2833!important;color:#bde7f0!important;font:500 14px/1.4 'Segoe UI',sans-serif!important;text-decoration:none;box-shadow:none!important;cursor:pointer;vertical-align:middle}
body[data-lumis-page]:not(.lumis-signal):not(.studio-product):not([data-lumis-page=welcome]):not([data-lumis-page=account]) :is(a.primary,a.secondary){display:inline-flex;align-items:center;justify-content:center;gap:8px}
body[data-lumis-page]:not(.lumis-signal):not(.studio-product):not([data-lumis-page=welcome]):not([data-lumis-page=account]) .primary{background:#30220e!important;border-color:#b88a3e!important;color:#ffd18a!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
body[data-lumis-page] :is(button,.primary,.secondary):disabled{opacity:.45;cursor:not-allowed}
body[data-lumis-page] :is(button,a,summary,input,textarea,select):focus-visible{outline:2px solid #83dfed!important;outline-offset:3px}
body[data-lumis-page].market-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea),body[data-lumis-page=diagnostics] select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:10px 12px;background:#071922!important;border:1px solid #375c6c!important;border-radius:2px!important;color:#dfedf2!important;font:14px/1.5 'Segoe UI',sans-serif}
body[data-lumis-page].market-page input[type=file]{white-space:normal;font-size:12px!important;padding:8px!important}
body[data-lumis-page].market-page input::file-selector-button{padding:7px 10px;margin-right:10px;background:#12303c;color:#bee5ef;border:1px solid #3b6474;border-radius:1px}
body[data-lumis-page].market-page label{font:500 13px/1.5 'Segoe UI',sans-serif;color:#b5d0dc}
body[data-lumis-page].market-page :is(input[type=checkbox],input[type=radio]){flex:0 0 18px;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important;accent-color:#dcb16b}
body[data-lumis-page].market-page :is(.hint,.helper,#handle-help){font:13px/1.6 'Segoe UI',sans-serif!important;color:#8fafbf!important}
body[data-lumis-page]:not([data-lumis-page=welcome]):not([data-lumis-page=account]):not(.studio-product) dialog{box-sizing:border-box;width:min(600px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#0d2430!important;color:#dcebf1!important;border:1px solid #3e697b!important;border-radius:3px!important;padding:24px!important}
body[data-lumis-page] dialog::backdrop{background:#020a10c9;backdrop-filter:blur(4px)}
body[data-lumis-page].market-page .actions,body[data-lumis-page].market-page .brand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* Filmmaker hub. */
body[data-lumis-page=my-films] .films-heading{margin-bottom:24px;align-items:center}
body[data-lumis-page=my-films] .home-film{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:20px;background:#0b202a!important;border:1px solid #2f5262;border-left:2px solid #a98445;border-radius:3px;padding:22px!important;margin:14px 0}
body[data-lumis-page=my-films] .film-mark{width:52px;height:58px;border:1px solid #3b6171;border-radius:2px;background:#0b2632;font:500 22px 'Courier New',monospace;color:#a1dbe9}
body[data-lumis-page=my-films] .home-film h2{font-size:21px!important;margin:7px 0!important}
body[data-lumis-page=my-films] .film-state{font-size:10px;color:#8db4c4;letter-spacing:.1em}
body[data-lumis-page=my-films] .home-film p{font-size:13px;margin:5px 0 14px}
body[data-lumis-page=my-films] .home-film nav{gap:6px 14px}
body[data-lumis-page=my-films] .home-film nav a{border:0;border-radius:0;padding:5px 0;font:13px/1.5 'Segoe UI',sans-serif;color:#9bcedc}
body[data-lumis-page=my-films] .home-help{background:#091c25;border:1px solid #294d5b;padding:18px 20px;border-radius:2px;margin-top:24px}
body[data-lumis-page=my-films] .home-help summary{font-size:14px;color:#b5d6e2}
body[data-lumis-page=my-films] .home-help ol{gap:20px;padding:18px 0 0 22px;margin:0}
body[data-lumis-page=my-films] .home-help li{font-size:13px;padding:0}
/* Publishing and channel editing. */
body[data-lumis-page=publish] .publish-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin:28px 0 40px}
body[data-lumis-page=publish] fieldset{min-width:0;border:1px solid #2e5363!important;background:#0b202a!important;border-radius:3px!important;padding:22px!important;margin:0 0 22px!important}
body[data-lumis-page=publish] legend{font:600 17px/1.5 'Segoe UI',sans-serif;color:#d4e7ef;padding:0 8px}
body[data-lumis-page=publish] legend b{color:#d9b375;font:12px 'Courier New',monospace;margin-right:8px}
body[data-lumis-page=publish] .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body[data-lumis-page=publish] .listing-preview{position:sticky;top:24px;padding:18px;background:#0a1d27;border:1px solid #2c5060;border-radius:3px}
body[data-lumis-page=publish] .listing-preview .poster{aspect-ratio:2/3;max-height:360px;border-radius:2px;margin:16px 0}
body[data-lumis-page=publish] .listing-preview h2{font-size:23px!important}
body[data-lumis-page=publish] .listing-preview p{font-size:13px}
body[data-lumis-page=publish] .section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body[data-lumis-page=channel] #editor{max-width:800px;margin:0 auto}
body[data-lumis-page=channel] #profile-form{background:#0b202a;border:1px solid #2d5262;border-top:2px solid #a98445;border-radius:3px;padding:24px;margin-top:24px}
body[data-lumis-page=channel] #profile-form>label:first-child{margin-top:0}
body[data-lumis-page=channel] .image-fields{gap:16px}
body[data-lumis-page=channel] .image-fields>label{background:#0a1b24;border:1px solid #294e5f;padding:14px;margin:12px 0}
body[data-lumis-page=channel] #cover{height:clamp(160px,23vw,280px);border:1px solid #315563;border-radius:3px;background-color:#0d2835}
body[data-lumis-page=channel] .identity{gap:22px;align-items:center;padding:24px 0;margin:0}
body[data-lumis-page=channel] .identity>div{min-width:0}
body[data-lumis-page=channel] #bio{max-width:72ch;white-space:pre-wrap;overflow-wrap:anywhere}
/* Filmmaker membership pages. */
body[data-lumis-page=filmmakers] .hero{min-height:0!important;padding:32px 0 44px!important;gap:40px!important;align-items:center}
body[data-lumis-page=filmmakers] .hero-art{min-width:0;max-width:420px;justify-self:center}
body[data-lumis-page=filmmakers] .hero-copy p{font-size:17px;max-width:55ch;margin:20px 0}
body[data-lumis-page=filmmakers] .intro-explainer,body[data-lumis-page=filmmakers] .creator-path{padding:32px 0!important;border-top:1px solid #284c5c}
body[data-lumis-page=filmmakers] .intro-explainer p{max-width:80ch}
body[data-lumis-page=filmmakers] .creator-steps{gap:18px}
body[data-lumis-page=filmmakers] .creator-steps article{padding:22px!important;background:#0b202a!important;border:1px solid #2d5262!important;border-radius:3px!important}
body[data-lumis-page=filmmakers] .creator-pricing{padding:28px!important;gap:32px;background:#0d2530!important;border:1px solid #42616c!important;border-top:2px solid #b28a49!important;border-radius:3px!important}
body[data-lumis-page=filmmakers] .creator-faq{max-width:900px;margin:36px auto}
body[data-lumis-page=filmmakers] .creator-faq details{border:0;border-bottom:1px solid #2b4c5b;border-radius:0;background:none;padding:18px 0}
body[data-lumis-page=filmmakers] .creator-faq summary{font:500 16px/1.5 'Segoe UI',sans-serif;color:#c2dce6;cursor:pointer}
body[data-lumis-page] .product-footer{padding:28px clamp(20px,4vw,56px)!important;gap:24px;background:#081a22!important;border-top:1px solid #2c4e5b!important}
/* Discover: viewer-first browsing, with the same brand controls. */
body[data-lumis-page=cinema-library] .viewer-header{min-height:76px;height:auto;padding:14px 28px;gap:24px;background:#091b24f5;border-bottom-color:#2d5362}
body[data-lumis-page=cinema-library] .brand{flex-basis:160px}
body[data-lumis-page=cinema-library] .brand svg{height:38px}
body[data-lumis-page=cinema-library] #search-form{min-width:0;max-width:640px}
body[data-lumis-page=cinema-library] #search{background:#071922;border-color:#375e70;border-radius:2px 0 0 2px;font-size:14px}
body[data-lumis-page=cinema-library] #search-form button{border-radius:0 2px 2px 0!important;background:#102e3b!important}
body[data-lumis-page=cinema-library] .browse-nav{top:76px;height:calc(100dvh - 76px);background:#081a22;border-color:#274958}
body[data-lumis-page=cinema-library] .browse-nav nav button{border:0!important;background:transparent!important;text-align:left;justify-content:space-between;padding:11px 14px;font-size:14px!important}
body[data-lumis-page=cinema-library] .browse-nav nav button[aria-current=page]{background:#132f3b!important;color:#b9ecf4!important;box-shadow:inset 2px 0 #6ed1e2!important}
body[data-lumis-page=cinema-library] main{padding:30px 32px 50px;max-width:1600px}
body[data-lumis-page=cinema-library] .chips button{min-height:34px!important;font-size:12px!important;padding:7px 12px!important}
body[data-lumis-page=cinema-library] .chips button[aria-pressed=true]{background:#30220e!important;color:#ffd18a!important;border-color:#b88a3e!important}
body[data-lumis-page=cinema-library] :is(.poster,.channel-card,.empty-state){border-radius:3px!important;border-color:#315463!important;background-color:#0b202a}
body[data-lumis-page=cinema-library] .save-film{min-height:32px!important;padding:5px 8px!important;font-size:12px!important}
body[data-lumis-page=cinema-library] .empty-state{padding:32px 24px;max-width:680px}
/* Film playback stays focused on the video. */
body[data-lumis-page].player-product main{box-sizing:border-box;width:min(1240px,100%)!important;max-width:1240px!important;padding:30px clamp(18px,3vw,40px) 48px!important;margin:0 auto}
body[data-lumis-page].player-product #film-title{font:600 clamp(26px,3.5vw,40px)/1.25 'Segoe UI',sans-serif!important;margin:12px 0;color:#e0edf3}
body[data-lumis-page].player-product :is(.camera-setup,.audience-consent,.watch-options,#lab){border:1px solid #305463!important;border-radius:3px!important;background:#0b202a!important;padding:18px 20px!important}
body[data-lumis-page].player-product #screen{border:1px solid #294b5b!important;border-radius:3px!important;background:#000}
body[data-lumis-page].player-product .transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0}
body[data-lumis-page].player-product #elapsed{font:13px/1.5 'Courier New',monospace;color:#a7c5d3;margin-left:auto}
body[data-lumis-page].player-product summary{font:500 14px/1.5 'Segoe UI',sans-serif;color:#b4d4e1;cursor:pointer}
body[data-lumis-page].player-product .camera-setup h2{font:600 21px/1.4 'Segoe UI',sans-serif!important}
body[data-lumis-page].player-product .camera-setup p{font:14px/1.65 'Segoe UI',sans-serif;color:#9fbcc9}
/* Account: retain native artwork and Apple sign-in identity. */
body[data-lumis-page=account] .la-panel{border-color:#315967!important;border-radius:3px!important;background:#091c25!important}
body[data-lumis-page=account] .la-panel h2{font:600 clamp(26px,3vw,34px)/1.25 'Segoe UI',sans-serif!important;color:#dfedf2!important}
body[data-lumis-page=account] .la-panel :is(input[type=email],input[type=password]){border-radius:2px!important;border-color:#365c6b!important;background:#061720!important;min-height:46px;font:16px 'Segoe UI',sans-serif!important}
body[data-lumis-page=account] .la-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
body[data-lumis-page=account] .platform-filmmaker{border-top:1px solid #2e5260;padding-top:20px;margin-top:22px}
body[data-lumis-page=account] .la-note{line-height:1.65!important;color:#9ebac7!important}
/* Audience reporting is a separate platform file; prototype remains untouched. */
body[data-lumis-page=audience] #lumis-admin-data{box-sizing:border-box;max-width:1240px!important;padding:32px clamp(20px,3vw,40px)!important;background:#06131a!important;font:15px/1.6 'Segoe UI',sans-serif!important}
body[data-lumis-page=audience] #lumis-admin-data h1{font:600 clamp(28px,3vw,38px)/1.25 'Segoe UI',sans-serif!important;letter-spacing:-.02em!important;margin:10px 0 14px!important}
body[data-lumis-page=audience] #lumis-admin-data h2{font:600 23px/1.4 'Segoe UI',sans-serif!important;color:#d5e8f0!important}
body[data-lumis-page=audience] #lumis-admin-data section{padding:22px;background:#0b202a!important;border:1px solid #2e5363!important;border-radius:3px;margin:20px 0}
body[data-lumis-page=audience] #lumis-admin-data :is(input,select){box-sizing:border-box;max-width:100%;background:#071922;border:1px solid #375e70;border-radius:2px;color:#dcecf2;padding:9px 12px;font:14px 'Segoe UI',sans-serif}
body[data-lumis-page=audience] #lumis-admin-data label{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 20px 8px 0}
body[data-lumis-page=audience] #lumis-admin-data .value{font:600 26px/1.3 'Segoe UI',sans-serif;color:#e2bd7c}
body[data-lumis-page=audience] #lumis-admin-data th{font:600 12px/1.5 'Segoe UI',sans-serif;color:#9ad6e4;white-space:nowrap}
body[data-lumis-page=audience] #lumis-admin-data td{font:13px/1.55 'Segoe UI',sans-serif;color:#bbd0d9}
body[data-lumis-page=diagnostics] main{box-sizing:border-box;width:min(900px,100%);margin:0 auto;padding:32px 24px}
body[data-lumis-page=diagnostics] pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border:1px solid #305463;background:#0b202a}
/* Studio panels/dialogs: never target paper, map cards or precision controls. */
body[data-lumis-page=index] dialog:not(#library):not(.map-inspector):not(.script-export-dialog){background:#0d2430!important;color:#dcebf1!important;border:1px solid #3e697b!important;border-radius:3px!important;max-height:88dvh;overflow:auto}
body[data-lumis-page=index] dialog:not(#library):not(.map-inspector):not(.script-export-dialog) :is(h2,h3){font-family:'Segoe UI',sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#dcebf1}
body[data-lumis-page=index] :is(.node-composer,.writer-modal,#scene-dialog,#branch-dialog,#guide-dialog,#validation) button{min-height:36px;background:#0c2833!important;border:1px solid #356575!important;border-radius:2px!important;color:#b8e2ed!important;padding:8px 12px;font:13px/1.5 'Segoe UI',sans-serif!important}
body[data-lumis-page=index] :is(.readiness-summary,.alternate-summary,.engine-settings){background:#0c2631!important;border:1px solid #315967!important;border-radius:3px!important}
body[data-lumis-page=index] .check-row{border-bottom:1px solid #294b5b;padding:14px 0;gap:18px;align-items:center}
body[data-lumis-page=index] #check-actions{background:#0d2430!important;border-top:1px solid #315967}
@media(max-width:900px){body[data-lumis-page=publish] .publish-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}body[data-lumis-page=filmmakers] .creator-steps{grid-template-columns:1fr}body[data-lumis-page=filmmakers] .hero{gap:24px!important}body[data-lumis-page=my-films] .home-film{grid-template-columns:minmax(0,1fr) auto}body[data-lumis-page=my-films] .film-mark{display:none}body[data-lumis-page=cinema-library] .viewer-header{gap:14px;padding-inline:20px}}
@media(max-width:700px){body[data-lumis-page].market-page>header{padding:14px 20px!important;gap:10px!important}body[data-lumis-page].market-page>header nav{margin:0;width:100%;gap:8px 20px!important}body[data-lumis-page].market-page>header .local{margin-left:auto}body[data-lumis-page].market-page>main{padding:24px 18px 40px!important}body[data-lumis-page=publish] .publish-layout{grid-template-columns:1fr}body[data-lumis-page=publish] .listing-preview{position:static;max-width:420px;width:100%;box-sizing:border-box;justify-self:center}body[data-lumis-page=publish] .form-row{grid-template-columns:1fr;gap:0}body[data-lumis-page=channel] .image-fields{grid-template-columns:1fr;gap:0}body[data-lumis-page=channel] #profile-form{padding:18px}body[data-lumis-page=filmmakers] :is(.hero,.creator-pricing){grid-template-columns:1fr!important}body[data-lumis-page=filmmakers] .hero-art{max-width:280px}body[data-lumis-page=my-films] .home-film{grid-template-columns:1fr;gap:12px;padding:20px!important}body[data-lumis-page=my-films] .open-film{width:100%}body[data-lumis-page=cinema-library] .browse-nav{position:static;height:auto;padding:12px 18px}body[data-lumis-page=cinema-library] main{padding:24px 18px}body[data-lumis-page=cinema-library] #search-form{width:100%;max-width:none}body[data-lumis-page=cinema-library] .viewer-header{padding:12px 18px}body[data-lumis-page=cinema-library] .film-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}body[data-lumis-page].player-product #elapsed{width:100%;margin-left:0}body[data-lumis-page=index] .check-row{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){body[data-lumis-page] *{scroll-behavior:auto!important;transition:none!important}}
@media print{body[data-lumis-page=audience] #lumis-admin-data,body[data-lumis-page=audience] #lumis-admin-data section{background:white!important;color:black!important}body[data-lumis-page=audience] #lumis-admin-data :is(h1,h2,th,td,.value){color:black!important}}

/* Keep browsing destinations usable without widening a phone viewport. */
@media(max-width:700px){
 body[data-lumis-page="cinema-library"] .browse-nav{min-width:0;max-width:100%;box-sizing:border-box}
 body[data-lumis-page="cinema-library"] .browse-nav nav{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px}
 body[data-lumis-page="cinema-library"] .browse-nav nav button{flex:0 0 auto;white-space:nowrap}
}