/* Inline account and portrait controls; existing scene and Card art stay unchanged. */
.mo-account { padding:32px max(5%,calc((100% - 1320px)/2)); background:#f8e6fa; color:var(--mo-ink); border-bottom:4px solid var(--mo-ink); scroll-margin-top:90px; }
.mo-account,#mo-chair,.mo-exit { --mo-ink:#7137d6; }
.mo-account h2 { color:#7137d6; }
.mo-account p,.mo-account [role="status"],.mo-exit p { color:var(--mo-ink)!important; }
.mo-exit h2 { color:#7137d6; }
.mo-account form { max-width:600px; }
.mo-account label { display:block; font-weight:800; }
.mo-account input { box-sizing:border-box; width:100%; padding:12px; margin:8px 0; color:var(--mo-ink); background:#fff; font:inherit; border:2px solid var(--mo-ink); border-radius:8px; }
.mo-account button,.mo-account a { display:inline-block; padding:12px 16px; margin:6px 8px 6px 0; border:2px solid var(--mo-ink); border-radius:8px; background:var(--mo-yellow); color:var(--mo-ink); font:800 15px 'Jost',sans-serif; }
.mo-account [hidden] { display:none!important; }
#moEpisodeEmails { margin-top:24px; padding-top:24px; border-top:2px solid var(--mo-ink); }
.mo-account .mo-email-consent { display:flex; align-items:flex-start; gap:12px; }
.mo-account .mo-email-consent input { width:22px; height:22px; flex:0 0 22px; margin:3px 0; }
#moEpisodeEmails p a { padding:0; margin:0; border:0; background:none; text-decoration:underline; }
.mo-portrait-modes { display:flex; flex-wrap:wrap; gap:10px 22px; margin:18px 0; padding:16px 18px; border:2px solid var(--mo-ink); background:var(--mo-paper); }
.mo-portrait-modes legend { padding:0 8px; color:var(--mo-ink); font:800 14px/1 "Jost",sans-serif; }
.mo-portrait-modes label,.mo-portrait-consent { display:flex!important; align-items:flex-start; gap:9px; color:var(--mo-ink)!important; font:700 14px/1.35 "Jost",sans-serif!important; letter-spacing:0!important; text-transform:none!important; }
.mo-portrait-modes input,.mo-portrait-consent input { flex:0 0 auto; width:20px; height:20px; margin:0; accent-color:var(--mo-hot); }
#moDescriptionPanel,#moPhotoPanel,#moObjectPanel { margin:14px 0 18px; }
#moPortraitOptions[hidden],#moObjectPanel[hidden],#moMake[hidden],#moCands[hidden] { display:none!important; }
#moObject { width:100%; min-height:48px; padding:12px; color:var(--mo-ink); background:#fff1f8; border:2px solid #7137d6; border-radius:8px; font:600 16px/1.4 "Jost",sans-serif; }
#moDescriptionPanel>label,#moPhotoPanel>label:first-child { display:block; margin-bottom:8px; color:var(--mo-ink)!important; font:800 14px/1.3 "Jost",sans-serif!important; letter-spacing:0!important; text-transform:none!important; }
#moDescribe,#moPhoto { box-sizing:border-box; width:100%; min-height:48px; padding:12px 14px; color:var(--mo-ink); background:#fff; border:2px solid #8291a6; border-radius:8px; font:600 15px/1.45 "Jost",sans-serif; }
#moDescribe { resize:vertical; }
.mo-portrait-consent { margin-top:16px; padding:18px; border:3px solid #7137d6; border-radius:10px; background:#fff1f8; cursor:pointer; }
.mo-portrait-consent:focus-within { outline:3px solid #f254a9; outline-offset:4px; }
.mo-portrait-consent input { width:26px; height:26px; }
.mo-portrait-note { max-width:780px; color:var(--mo-ink); font:600 13px/1.5 "Jost",sans-serif; }
details.mo-portrait-note { margin:16px 0; padding:13px 15px; background:var(--mo-paper); border:2px solid var(--mo-ink); border-left:9px solid var(--mo-yellow); }
details.mo-portrait-note summary { cursor:pointer; font-weight:850; }
.mo-portrait-action { min-height:48px; margin:12px 10px 10px 0; padding:12px 18px; color:var(--mo-ink); background:var(--mo-yellow); border:2px solid var(--mo-ink); border-radius:8px; box-shadow:4px 4px 0 var(--mo-hot); font:850 14px/1 "Jost",sans-serif; cursor:pointer; }
.mo-portrait-action.secondary { color:var(--mo-ink); background:var(--mo-paper); box-shadow:none; }
.mo-portrait-action:disabled { cursor:wait; opacity:.6; }
.mo-portrait-candidates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:12px; }
.mo-portrait-candidates button { min-height:44px; padding:7px; overflow:hidden; color:var(--mo-ink); background:var(--mo-paper); border:3px solid var(--mo-ink); border-radius:10px; cursor:pointer; }
.mo-portrait-candidates button[aria-pressed="true"] { border-color:var(--mo-hot); box-shadow:0 0 0 4px var(--mo-yellow); }
.mo-portrait-candidates img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:5px; }
#moReadyImages { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); }
#moReadyImages img { object-fit:contain; }
.mo-tool-tray { grid-template-columns:repeat(7,minmax(0,1fr)); }
@media(max-width:900px) { .mo-tool-tray { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .mo-portrait-candidates { grid-template-columns:1fr; } }

/* Restore the approved working-area colour roles, without changing Card art. */
body.mo-v3 { --mo-ink:#07142f; --mo-hot:#f254a9; --mo-purple:#7137d6; --mo-blue:#2457e6; --mo-yellow:#ffed54; --mo-workbench:#c195e9 url('/assets/homepage/rewind-wallpaper-20260906.webp') repeat 0 0 / 680px 680px; background:var(--mo-workbench); }
.mo-controls { color:var(--mo-ink); background:#f8e6fa; }
.mo-masthead__copy { background:linear-gradient(120deg,#f254a9,#c195e9); }
.mo-card-explainer { background:linear-gradient(125deg,#f254a9,#ff7366); }
.mo-workspace { padding:clamp(20px,3vw,40px); background:#f8e6fa; }
.mo-workspace .mo-controls { padding:0; border:0; background:transparent; }
.mo-workspace .mo-controls>div { max-width:none; }
.mo-drawer-heading,.mo-tool-status,.mo-drawer-help { width:auto; padding:0; color:#7137d6; background:none; }
.mo-exit { color:var(--mo-ink); background:#f8e6fa; }
.mo-controls label,.mo-controls .mo-sub,.mo-controls a { color:var(--mo-ink)!important; }
.mo-controls .mo-portrait-intro { color:#7137d6!important; }
.mo-controls .mo-portrait-modes legend { color:#7137d6; }
.mo-controls .mo-portrait-modes label { color:var(--mo-ink)!important; border-color:#7137d6; }
.mo-controls .mo-portrait-modes label:has(input:checked) { color:var(--mo-ink)!important; }
.mo-controls #moDescriptionPanel>label,.mo-controls #moPhotoPanel>label:first-child { color:var(--mo-ink)!important; }
.mo-controls .mo-portrait-note:not(details) { color:var(--mo-ink); }
.mo-controls p,.mo-controls #moStatus { color:var(--mo-ink)!important; font-size:16px!important; line-height:1.5!important; }
.mo-controls details.mo-portrait-note p { color:var(--mo-ink)!important; }
.mo-controls .mo-portrait-intro { margin:0 0 18px; font:800 clamp(22px,3vw,32px)/1.2 "Jost",sans-serif!important; }
.mo-portrait-modes { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0; border:0; background:none; }
.mo-portrait-modes legend { padding:0; margin-bottom:12px; font-size:18px; }
.mo-portrait-modes label { align-items:center; min-height:64px; padding:14px 18px; border:2px solid var(--mo-ink); cursor:pointer; }
.mo-portrait-modes label:has(input:checked) { background:var(--mo-yellow); box-shadow:4px 4px 0 var(--mo-hot); }
.mo-portrait-modes label:focus-within { outline:3px solid var(--mo-ink); outline-offset:3px; }
#moPortraitOptions { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin:32px 0; }
.mo-style-section { min-width:0; margin:0; padding:22px; border:3px solid #7137d6; border-radius:12px; background:#fff1f8; box-shadow:5px 5px 0 var(--mo-hot); }
.mo-style-section legend { float:left; width:100%; box-sizing:border-box; margin:0 0 12px; padding:0; color:#7137d6; font:800 21px/1.2 "Jost",sans-serif; }
.mo-style-section p { clear:both; margin:0 0 14px; }
.mo-portrait-studio .mo-style-section .chip { min-height:44px; padding:10px 13px; color:var(--mo-ink); background:transparent; border:2px solid #7137d6; font-size:15px; }
.mo-portrait-studio .mo-style-section .chip.on { color:var(--mo-ink); background:var(--mo-yellow); }
.mo-style-section .chip.on { background:var(--mo-yellow); box-shadow:3px 3px 0 var(--mo-hot); font-weight:800; }
.mo-portrait-candidates:empty { display:none; }
.mo-portrait-candidates button { border-radius:0; padding:10px; background:transparent; }
.mo-portrait-candidates img { border-radius:0; }
.mo-portrait-candidate span { display:block; padding:12px 0 4px; font:800 16px/1.3 "Jost",sans-serif; }
.mo-portrait-candidate[aria-pressed="true"] { background:var(--mo-yellow); }
.mo-portrait-action:focus-visible,.mo-style-section button:focus-visible { outline:3px solid #7137d6; outline-offset:4px; }
@media(max-width:700px) {
  #moPortraitOptions { grid-template-columns:1fr; gap:24px; }
  .mo-portrait-modes { grid-template-columns:1fr; }
}
/* Keep the existing Menu available before the full desktop links stop fitting. */
@media(min-width:761px) and (max-width:1000px) {
  body.mo-v3 .svgh-nav .svgh-quick { display:none!important; }
}