/* v34: deliberate product hierarchy, stable branding and consistent theme tokens. */
:root{--purple:#2769d8;--pink:#00a99a;--mint:#0fb7a8;--focus:#1579ce;--launch-purple:#246bd9;--launch-pink:#11b5a8;--launch-line:#dae9f7}
/* Homepage is for sharing. All editing/conversion catalogs live on dedicated pages. */
body:not(.mallow-workspace-page) #landing .studio-catalog,
body:not(.mallow-workspace-page) #landing .prep-launch-area,
body:not(.mallow-workspace-page) #landing .converter-banner,
body:not(.mallow-workspace-page) #landing .studio-discovery{display:none!important}
/* Keep useful file sharing workflows; hide older entertainment and experimental modules in rooms. */
#room-page .v12-stage,#room-page .wonder-zone,#room-page .v10-lab,#room-page .v11-studio{display:none!important}
.brand-full-lockup{display:inline-flex;align-items:center;max-width:min(215px,38vw);min-height:46px;flex:none}
.brand-full-lockup img{width:100%;height:53px;object-fit:contain;object-position:left center;display:block}
.mw-wordmark{display:inline-flex;align-items:center;width:157px;min-height:48px;padding:2px 0;margin:0 0 14px;text-decoration:none}
.mw-wordmark img{display:block;width:100%;height:auto}
/* Logo is dark-navy on white, so place it on a light readable brand tile in dark mode. */
body.dark .brand-full-lockup,body.dark .mw-wordmark{background:#fff;border-radius:13px;padding:4px 9px}
body.dark{--bg:#0b1a29!important;--paper:#172a3c!important;--text:#effbff!important;--muted:#b1c9d8!important;--stroke:#36536c!important;--purple:#64bcff!important;--pink:#21dbba!important;--mint:#27d7bb!important;--shadow:0 18px 54px rgba(0,0,0,.32)!important}
body.dark .topbar{background:#0d2031!important;border-bottom-color:#304d64;color:#f3fbff}
body.dark .landing{background:radial-gradient(ellipse at 0% 0%,#133e58,transparent 58%),radial-gradient(ellipse at 100% 0%,#124d50,transparent 57%),#0b1a29!important}
body.dark .intro h1{color:#f7fcff}
body.dark .intro .gradient-ink{background:linear-gradient(110deg,#8ad7ff 0%,#4dc6e2 53%,#32dbbb 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
body.dark .intro-copy,body.dark .hero-points span{color:#bad0df!important}
body.dark .access-card,body.dark .mw-item,body.dark .mw-side-box,body.dark .seo-steps article,body.dark .explore-card,body.dark .mallow-ad-section{background:#152b3f!important;color:#f2faff!important;border-color:#36526a!important}
body.dark .access-heading h2,body.dark .seo-information h2,body.dark .explore-guides h2{color:#f4fcff!important}
body.dark .access-card .field,body.dark .access-card input,body.dark .access-card select,body.dark .access-card .segmented,body.dark .chat-panel textarea{background:#193448!important;color:#e8f9ff!important;border-color:#3d617b!important}
body.dark .access-card input::placeholder{color:#a0bbcc!important}
body.dark .seg.active{background:#295e7c!important;color:#f9ffff!important}
body.dark .quick-start,body.dark .access-form .quick-start,body.dark .cta,body.dark .welcome-continue{background:linear-gradient(105deg,#2365c4,#177fa4,#0aa88e)!important;color:#fff!important;border-color:#3da8d1!important}
body.dark .seo-information{background:#112538!important;color:#f1f9ff!important;border-color:#355068!important}
body.dark .mw-workspace,.mallow-workspace-page.dark .mw-workspace{background:radial-gradient(ellipse at 0% 0%,#173b55,transparent 42%),#0b1a29!important;color:#eaf8ff!important}
body.dark .mw-hero{border-color:#36546e!important}
body.dark .mw-hero h1,body.dark .mw-category-label{color:#f5fcff!important}
body.dark .mw-hero p,body.dark .mw-steps,body.dark .mw-item small{color:#bed0de!important}
body.dark .mw-item,body.dark .mw-side-box,body.dark .mw-search input,body.dark .mw-tabs a:not([aria-current=page]),body.dark .mw-filters button:not([aria-pressed=true]){background:#1a3449!important;color:#e8f7ff!important;border-color:#3c5972!important}
body.dark .mw-tabs a[aria-current=page],body.dark .mw-filters button[aria-pressed=true]{background:linear-gradient(110deg,#246ac9,#0a998c)!important;color:#fff!important}
body.dark .mw-hero .mw-dot{color:#31dbbf!important}
body.dark .mw-ad-zone{background:#153044!important}
body.dark .mallow-welcome .welcome-shell{background:linear-gradient(150deg,#f8fcff,#eff9ff)!important}
/* Consistent primary actions with an accessible contrast ratio. */
body:not(.dark) .quick-start,body:not(.dark) .access-form .quick-start,body:not(.dark) .cta,body:not(.dark) .welcome-continue{background:linear-gradient(105deg,#215fd0,#187fc0,#078f8e)!important;color:#fff!important;border-color:transparent!important}
.mw-tabs a[aria-current=page],.mw-filters button[aria-pressed=true]{background:linear-gradient(110deg,#246ad5,#0e9b90)!important;border-color:transparent!important;color:#fff!important}
/* Selection recommendations only while relevant files are selected. Never show ads inside a room. */
.smart-room-actions[hidden]{display:none!important}
.smart-room-actions{position:fixed;z-index:9600;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:min(690px,calc(100vw - 28px));box-shadow:0 16px 50px rgba(14,45,75,.25);border:1px solid #bad9ef;border-radius:20px;background:#fff;color:#14314c;padding:12px 15px;display:flex;flex-direction:column;gap:7px}
.smart-room-head{display:flex;align-items:center;gap:11px}
.smart-room-head>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.smart-room-head strong{font-size:14px;font-weight:850}
.smart-room-head small{font-size:11px;color:#506c83}
.smart-room-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#e1f5ff;color:#2162ad;font-size:18px}
#smart-room-dismiss{border:1px solid #d1e3ec;border-radius:9px;background:#f7fbff;color:#29536d;width:34px;height:34px;cursor:pointer}
.smart-room-buttons{display:flex;flex-wrap:wrap;gap:8px}
.smart-room-buttons button{padding:10px 14px;border:1px solid #cbddec;background:#f5faff;color:#1a537e;border-radius:11px;font-size:12px;font-weight:800;cursor:pointer;min-height:40px}
.smart-room-buttons button.smart-room-main{background:linear-gradient(110deg,#2667d5,#0f9e9c);color:#fff;border-color:transparent}
.smart-room-buttons button:focus-visible{outline:3px solid #218dce;outline-offset:3px}
.smart-room-buttons button:disabled{opacity:.52;cursor:wait}
#smart-room-status{margin:0;color:#536f85;font-size:11px;line-height:1.35;max-height:50px;overflow:auto}
#smart-room-status[data-error=true]{color:#a72222;font-weight:750}
body.dark .smart-room-actions{background:#17354b;color:#f6fcff;border-color:#41748b}
body.dark .smart-room-head small,body.dark #smart-room-status{color:#b5d8e6}
body.dark .smart-room-buttons button:not(.smart-room-main){background:#254b63;color:#f3fcff;border-color:#456c81}
body.dark #smart-room-status[data-error=true]{color:#ffb8b8}
body:has(#modal-backdrop:not([hidden])) .smart-room-actions,body:has(#prep-overlay:not([hidden])) .smart-room-actions,body:has(#mallow-annotator:not([hidden])) .smart-room-actions,body:has(#mallow-delivery:not([hidden])) .smart-room-actions{display:none!important}
/* Public ad inventory should feel separate, not like a fake download or tool. */
.mallow-ad-section{margin-top:clamp(42px,6vw,70px)!important;border:1px solid #dbe5ef!important;box-shadow:none!important}
.mw-ad-zone{margin-top:clamp(64px,8vw,110px)!important;border-top:1px solid #dce5ef}
@media(max-width:780px){.brand-full-lockup{max-width:166px}.brand-full-lockup img{height:45px}.topbar .top-caption{display:none}}
@media(max-width:420px){.brand-full-lockup{max-width:135px}.brand-full-lockup img{height:38px}.smart-room-actions{padding:10px 11px;border-radius:16px}.smart-room-buttons button{flex:1 1 auto;padding:10px 9px}}
/* Override late legacy field styling (old light gray inputs on dark pages). */
body.dark .access-card .field,body.dark .access-card .field:focus-within{background:#193448!important;border-color:#396783!important;box-shadow:none!important}
body.dark .access-card .field svg,body.dark .access-card .field .reveal{color:#a9d4e8!important;background:transparent!important}
body.dark .access-card .trust,body.dark .access-card .quick-divider{color:#b1d0df!important;border-color:#39647e!important}
body.dark .access-card .access-heading p{color:#c6dbea!important}
body.dark .access-card .seg{color:#cceaf7!important}
body.dark .access-card .seg.active{color:#fff!important}
body.dark .round-button,body.dark .language-switch,body.dark .center-top-link{color:#f2fdff!important;background:#234861!important;border-color:#396d85!important}
body.dark .welcome-replay,body.dark .intro .eyebrow{background:#20445c!important;color:#dff5ff!important;border-color:#3a6a83!important}
/* Keep both dedicated workspaces reachable at the top on small phones. */
@media(max-width:680px){
 .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 14px 9px!important}
 .topbar .brand-full-lockup{grid-column:1;grid-row:1;margin:0}
 .topbar .top-right{display:contents!important}
 .topbar .top-caption{display:none!important}
 .topbar #lang-switch{grid-column:2;grid-row:1;min-width:0;max-width:86px;font-size:11px}
 .topbar #theme-button{grid-column:3;grid-row:1}
 .topbar .center-top-link{display:inline-flex!important;grid-row:2;justify-content:center;min-height:36px;font-size:11px;padding:8px 10px;white-space:nowrap}
 .topbar .center-top-link:not(.center-top-convert){grid-column:1/2}
 .topbar .center-top-convert{grid-column:2/4}
 .topbar #install-button:not([hidden]){grid-column:1/4;grid-row:3;justify-self:center}
}
@media(max-width:680px){.topbar{height:auto!important;min-height:114px!important;grid-template-rows:minmax(39px,auto) minmax(36px,auto);align-content:center}.landing{padding-top:12px!important}}