/* Account-only composition using the original native Lumis artwork. */
body[data-lumis-page=account]{background:#050e14}
body[data-lumis-page=account] #lumis-account-root{background:#050e14;position:relative;inset:auto;overflow:visible!important}
#lumis-account-root:not(.la-show-welcome) .la-shell{width:min(100%,1360px);height:auto!important;min-height:100svh;padding:36px 48px!important;gap:64px!important;grid-template-columns:minmax(0,1fr) minmax(400px,520px);align-items:center;align-content:center}
#lumis-account-root .la-cinema-brand{position:sticky;top:36px;align-self:start;min-height:calc(100svh - 72px);display:grid;place-items:center;isolation:isolate;padding:40px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#0d333d75,transparent 67%)}
#lumis-account-root .la-cinema-brand .la-welcome-grid{inset:0;background-size:64px 64px;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}
#lumis-account-root .la-cinema-art{width:100%;max-width:520px;text-align:center}
#lumis-account-root .la-cinema-art .la-eyebrow{display:block!important;text-align:center;font:12px/1.6 ui-monospace,monospace;letter-spacing:.27em;margin:0 0 26px;color:#82aeb9}
#lumis-account-root .la-cinema-art .la-orbit{width:min(78%,340px);margin:0 auto 30px}
#lumis-account-root .la-cinema-art .la-welcome-logo{width:100%;max-width:none;margin:0 auto 16px}
#lumis-account-root .la-cinema-art .la-welcome-tag{font:11px/1.8 Azonix,system-ui;letter-spacing:.13em;color:#82bec8;margin:0 0 34px}
#lumis-account-root .la-cinema-art .la-welcome-copy{font:18px/1.7 system-ui;color:#93adb7;margin:0 0 30px}
#lumis-account-root .la-cinema-art .la-welcome-copy em{font-style:italic;color:inherit}
#lumis-account-root .la-cinema-art .la-welcome-foot{font:10px/1.6 ui-monospace,monospace;letter-spacing:.19em;color:#678a98}
#lumis-account-root .la-account-side{min-width:0;width:100%;padding:8px 0}
#lumis-account-root .la-account-masthead{text-align:center;margin:0 0 24px}
#lumis-account-root .la-account-masthead .la-eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:.18em;margin:0 0 12px;color:#82bec8}
#lumis-account-root .la-account-masthead .la-wordmark{width:min(100%,340px);margin:auto}
#lumis-account-root .la-panel{padding:28px 30px!important;background:#08151d!important;border:1px solid #28505e;border-radius:4px}
#lumis-account-root .la-panel>.la-eyebrow{text-align:center;font:11px/1.6 ui-monospace,monospace!important;letter-spacing:.16em!important;margin:0 0 16px!important;color:#82bec8}
#lumis-account-root .la-panel h2{font:650 30px/1.2 system-ui!important;letter-spacing:-.025em!important;margin:0 0 24px!important;color:#e0edf2}
#lumis-account-root .la-panel .la-social{display:grid;justify-items:center;gap:12px;margin:20px 0 24px}
#lumis-account-root .la-panel .la-social button{width:280px!important;min-height:50px!important;margin:0!important;padding:12px 18px!important;font-size:13px!important;letter-spacing:.06em}
#lumis-account-root .la-panel .la-social .la-apple{font-size:16px!important;background:white!important;color:#080808!important;border-color:white!important;letter-spacing:0;clip-path:none;border-radius:6px}
#lumis-account-root .la-panel .la-divider{font:12px/1.6 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;margin:20px 0!important}
#lumis-account-root .la-panel label{font:15px/1.5 system-ui!important;margin:16px 0!important;gap:9px!important}
#lumis-account-root .la-panel input:not([type=radio]){min-height:52px!important;padding:12px 14px!important;border:1px solid #304b57!important;border-radius:5px!important;background:#050f15!important;font:16px/1.5 system-ui!important}
#lumis-account-root .la-panel #submit{min-height:48px!important;margin:20px auto 12px;padding:12px 25px!important}
#lumis-account-root .la-panel .la-links{justify-content:space-between;gap:12px;margin:12px 0 20px!important;flex-wrap:wrap!important}
#lumis-account-root .la-panel :is([data-mode],[data-forgot],[data-privacy],[data-back-welcome]){min-height:44px!important;padding:10px 14px!important;font:600 11px/1.5 system-ui!important;letter-spacing:.06em;text-transform:uppercase;border:1px solid #3695a8!important;background:#0b2530!important;color:#b8e5ef!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important}
#lumis-account-root .la-panel .la-note{font:13px/1.6 system-ui!important;margin:12px 0!important;color:#93adb7}
#lumis-account-root .la-panel .la-assurance{margin-top:20px!important;padding-top:18px!important;font:13px/1.65 system-ui!important}
#lumis-account-root .la-panel .la-assurance .la-eyebrow{text-align:center;margin:0 0 12px!important;font-size:11px;letter-spacing:.13em}
#lumis-account-root .la-panel footer{display:flex;flex-wrap:wrap;margin-top:18px!important;padding-top:16px!important;gap:16px}
#lumis-account-root .la-panel footer>span{width:100%;text-align:center;font:11px/1.5 ui-monospace,monospace;letter-spacing:.08em;margin-top:4px}
#lumis-account-root .platform-filmmaker{padding-top:18px;margin-top:18px}
#lumis-account-root .platform-filmmaker .la-button{width:100%;font-size:11px;min-height:46px}
#lumis-account-root #account-status:empty,#lumis-account-root #role-note:empty{display:none}
#lumis-account-root #signed-in .la-button{width:100%;min-height:48px!important;margin:12px 0!important}
#lumis-account-root #signed-in h3{font:600 18px/1.4 system-ui;color:#ffc36c}
#lumis-account-root #signed-in p{font:14px/1.65 system-ui}
#lumis-account-root .la-button:focus-visible,#lumis-account-root .la-link:focus-visible{outline-offset:4px}
@media(min-width:1600px){#lumis-account-root:not(.la-show-welcome) .la-shell{gap:100px!important;grid-template-columns:minmax(0,1fr) 540px;width:min(100%,1500px)}#lumis-account-root .la-cinema-art{max-width:580px}#lumis-account-root .la-cinema-art .la-orbit{width:380px}}
@media(max-width:1000px){#lumis-account-root:not(.la-show-welcome) .la-shell{padding:28px!important;gap:30px!important;grid-template-columns:minmax(0,1fr) minmax(350px,1.1fr)}#lumis-account-root .la-panel{padding:24px!important}#lumis-account-root .la-cinema-art .la-welcome-copy{font-size:16px}#lumis-account-root .la-cinema-art .la-welcome-tag{font-size:9px}}
@media(max-width:760px){#lumis-account-root:not(.la-show-welcome) .la-shell{display:block;padding:28px 16px!important;min-height:100svh}#lumis-account-root .la-cinema-brand{display:none}#lumis-account-root .la-account-side{max-width:520px;margin:auto}#lumis-account-root .la-account-masthead{margin-bottom:24px}#lumis-account-root .la-panel{padding:24px 20px!important}#lumis-account-root .la-panel h2{font-size:27px!important}#lumis-account-root .la-panel .la-links{gap:10px}#lumis-account-root .la-account-masthead .la-wordmark{width:290px;max-width:94%}}
@media(max-width:380px){#lumis-account-root .la-panel .la-links{display:grid;grid-template-columns:1fr}#lumis-account-root .la-panel .la-links button{width:100%!important}#lumis-account-root .la-panel{padding:22px 16px!important}}
body[data-lumis-page=account] #lumis-account-root .la-cinema-art svg.la-welcome-logo{width:100%!important;max-width:none!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-social{grid-template-columns:minmax(0,1fr)!important;display:grid!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-social button{width:min(100%,280px)!important;margin:0!important}
body[data-lumis-page=account] #lumis-account-root .la-account-masthead .la-wordmark{width:min(100%,340px)!important}

/* One action column: equal geometry for button and anchor controls. */
body[data-lumis-page=account] #lumis-account-root .la-panel .la-member-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:24px 0}
body[data-lumis-page=account] #lumis-account-root .la-panel #signed-in .la-member-actions .la-button{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:none!important;min-height:52px!important;margin:0!important;padding:14px 20px!important;box-sizing:border-box;font:600 13px/1.4 system-ui!important;letter-spacing:.055em;text-align:center;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0}
body[data-lumis-page=account] #lumis-account-root .la-panel #continue{background:#39250d!important;border:1px solid #d99b35!important;color:#ffd28a!important}
body[data-lumis-page=account] #lumis-account-root .la-panel :is(#my-channel,#billing){background:#0b2631!important;border:1px solid #398296!important;color:#b8e6ef!important}
body[data-lumis-page=account] #lumis-account-root .la-panel #continue:hover{background:#503515!important;border-color:#ffc46a!important}
body[data-lumis-page=account] #lumis-account-root .la-panel :is(#my-channel,#billing):hover{background:#113745!important;border-color:#73c6d8!important}
body[data-lumis-page=account] #lumis-account-root .la-panel #account-details{margin:0!important;padding:16px 0;border-top:1px solid #24434e;border-bottom:1px solid #24434e;font-size:13px}
body[data-lumis-page=account] #lumis-account-root .la-panel #account-details summary{min-height:24px;line-height:24px}
body[data-lumis-page=account] #lumis-account-root .la-panel #sign-out{margin:12px 0 16px!important;min-height:40px!important;padding:8px 0!important;font:500 13px/1.5 system-ui!important;text-decoration:underline;text-underline-offset:4px;color:#9cbdc9}
body[data-lumis-page=account] #lumis-account-root .la-panel footer{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;align-items:stretch}
body[data-lumis-page=account] #lumis-account-root .la-panel footer>a{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:44px!important;box-sizing:border-box;margin:0!important}
body[data-lumis-page=account] #lumis-account-root .la-panel footer>span{grid-column:1/-1;margin-top:8px}
body[data-lumis-page=account] #lumis-account-root .la-panel #signed-in .la-member-actions .la-button[hidden]{display:none!important}

/* Authentication actions share the form's edges and a consistent type scale. */
body[data-lumis-page=account] #lumis-account-root .la-panel .la-social{gap:12px!important;margin:24px 0!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-social button,
body[data-lumis-page=account] #lumis-account-root .la-panel #submit{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;max-width:none!important;min-height:52px!important;padding:14px 18px!important;box-sizing:border-box;font:600 14px/1.4 system-ui!important;letter-spacing:.025em!important;margin:0!important}
body[data-lumis-page=account] #lumis-account-root .la-panel #submit{margin:24px 0 0!important;background:#dcae62!important;color:#101820!important;border:1px solid #ecc687!important}
body[data-lumis-page=account] #lumis-account-root .la-panel #submit:hover{background:#edc582!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-social #google{background:#30220f!important;border-color:#b98737!important;color:#f2ce91!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-social .la-apple{font-weight:500!important;letter-spacing:0!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-links{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px!important;margin:12px 0 24px!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-links button{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:46px!important;box-sizing:border-box;margin:0!important;padding:10px!important;font:500 13px/1.4 system-ui!important;letter-spacing:0!important;text-transform:none!important;background:#0a202a!important;border-color:#315b69!important}
body[data-lumis-page=account] #lumis-account-root .platform-filmmaker .la-button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px!important;padding:12px 16px!important;font:600 13px/1.5 system-ui!important;letter-spacing:.02em!important;color:#bbdce5!important;background:#0b2029!important;border:1px solid #315b69!important;text-transform:none!important}
body[data-lumis-page=account] #lumis-account-root .la-panel footer>a{font:500 12px/1.5 system-ui!important;letter-spacing:.02em!important;text-transform:none!important;background:transparent!important;border-color:transparent!important;clip-path:none!important;min-height:40px!important;text-decoration:underline;text-underline-offset:4px}
body[data-lumis-page=account] #lumis-account-root .la-panel button:focus-visible,
body[data-lumis-page=account] #lumis-account-root .la-panel a:focus-visible{outline:2px solid #7ed8e9!important;outline-offset:3px}
body[data-lumis-page=account] #lumis-account-root .la-panel button[hidden]{display:none!important}
body[data-lumis-page=account] #lumis-account-root .la-panel .la-links:has(#forgot[hidden]) #switch-mode{grid-column:1/-1}
