/* MallowShare v35: unified blue / teal visual identity across every screen.
   Last stylesheet in the page, with explicit light and dark surface tokens. */
:root{
 --bg:#f6fbff;--paper:#fff;--text:#153047;--muted:#5c7487;--stroke:#d8e7f1;
 --purple:#216bd5;--purple-2:#68b4ec;--pink:#0eac9d;--mint:#0eaa9b;
 --focus:#1784ce;--launch-purple:#216bd5;--launch-pink:#0fae9d;
 --launch-ink:#122b41;--launch-muted:#60788e;--launch-line:#d9e8f3;
 --ms-brand:#216bd5;--ms-secondary:#079f94;--ms-highlight:#eaf8ff;
 --ms-surface:#fff;--ms-soft:#f2f9ff;--ms-ink:#153047;--ms-border:#d6e8f5;
 color-scheme:light;
}
html{accent-color:#1679d2}
body{background:#f6fbff;color:var(--text)}
body:not(.dark){background:linear-gradient(145deg,#f5faff 0%,#fff 50%,#f1fffc 100%)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #178cce;outline-offset:3px}
::selection{background:#cceef6;color:#09384a}
/* Public header and main hero, using a consistent cool gradient */
body:not(.dark) .topbar{background:rgba(255,255,255,.96)!important;border-color:#dfedf5!important}
body:not(.dark) .landing{background:radial-gradient(ellipse at 3% 10%,#eaf4ff,transparent 62%),radial-gradient(ellipse at 98% 8%,#e4fbf6,transparent 65%),#fff!important}
.intro .gradient-ink{background:linear-gradient(105deg,#2369d7 5%,#148cc1 57%,#04a891 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body:not(.dark) .intro-copy,body:not(.dark) .hero-points{color:#5d768a!important}
body:not(.dark) .access-card,body:not(.dark) .main-panel,body:not(.dark) .chat-panel{background:#fff!important;border-color:#dbe9f6!important;box-shadow:0 15px 42px rgba(25,88,135,.09)!important}
body:not(.dark) .access-card .field,body:not(.dark) .access-card select{background:#f7fbff!important;border-color:#d5e5f2!important}
body:not(.dark) .quick-start,body:not(.dark) .access-form .quick-start,body:not(.dark) .cta,body:not(.dark) .pill.lilac,body:not(.dark) .welcome-continue,body:not(.dark) .prep-primary,body:not(.dark) .mw-action-primary{background:linear-gradient(110deg,#2166d2 0%,#168bc5 56%,#079f92 100%)!important;color:#fff!important;border-color:transparent!important}
body:not(.dark) .segmented{background:#eef6fe!important;border-color:#e1edf6!important}
body:not(.dark) .seg.active{background:#fff!important;color:#155fb7!important}
body:not(.dark) .welcome-replay,body:not(.dark) .center-top-link,body:not(.dark) .room-center-link{color:#2069ba!important;border-color:#cbe3f4!important;background:#f2faff!important}
/* Initial splash and first-run flowchart */
.mallow-splash{background:radial-gradient(circle at 50% 15%,#d9f0ff,transparent 43%),linear-gradient(150deg,#eff8ff,#fff 64%,#e8fff8)!important}
.mallow-splash__card{background:rgba(255,255,255,.83)!important;border:1px solid #dfedf8!important;box-shadow:0 22px 66px #1b7db024!important;color:#143149!important}
.mallow-splash__bar{background:#d9ecf9!important}
.mallow-splash__bar i{background:linear-gradient(90deg,#266bd9,#1496c3,#04aa97)!important}
.mallow-splash__card>span,.mallow-splash__card .splash-credit{color:#53758c!important}
.mallow-welcome{background:rgba(13,43,64,.54)!important}
.welcome-shell{background:linear-gradient(150deg,#fff 0%,#f6fbff 70%,#f0fffa 100%)!important;border-color:#dbeaf3!important;color:#18354b!important;box-shadow:0 30px 96px #0b345b71!important}
.welcome-copy h2,.journey-card h3{color:#193449!important}
.welcome-copy h2 em{color:#138ab9!important}
.welcome-kicker,.welcome-counter,.journey-number{color:#166fc8!important}
.welcome-counter,.welcome-assurance span{background:#eef8ff!important;border-color:#d8edf7!important;color:#205c8a!important}
.journey-card{background:#fff!important;border:1px solid #dceaf3!important;box-shadow:0 8px 24px #15558812!important}
.journey-card p,.welcome-copy p,.welcome-bottom{color:#5e7689!important}
.journey-icon.journey-a{background:#e1eeff!important;color:#236bd3!important}
.journey-icon.journey-b{background:#e2f7f4!important;color:#079e92!important}
.journey-icon.journey-c{background:#e7f4ff!important;color:#1b87c5!important}
.journey-icon.journey-d{background:#ddf8ef!important;color:#0a9e7d!important}
/* Room files/chat/status: share actions, contextual recommendations, upload picker */
body:not(.dark) .room-page{color:#183347}
body:not(.dark) .room-alert,body:not(.dark) .quick-guide,body:not(.dark) .turbo-tips{background:linear-gradient(115deg,#edf7ff,#f0fffa)!important;border-color:#cfe6f3!important}
body:not(.dark) .dropzone{background:linear-gradient(125deg,#f2faff,#effbf8)!important;border:2px dashed #9bc9e8!important}
body:not(.dark) .dropzone:hover,body:not(.dark) .dropzone.dragover{background:#eaf8ff!important;border-color:#3288d1!important}
body:not(.dark) .section-nav,body:not(.dark) .chat-head{background:#f8fcff!important;border-color:#dbe8f3!important}
body:not(.dark) .file-item,body:not(.dark) .modal,body:not(.dark) .smart-room-actions{background:#fff!important;color:#19354a!important;border-color:#d6e6f2!important}
body:not(.dark) .smart-room-buttons button.smart-room-main{background:linear-gradient(110deg,#246bd4,#0b9c95)!important;color:#fff!important}
/* Main editing and converting catalogs */
.mw-workspace{background:linear-gradient(145deg,#f6fbff,#fff 65%,#f0fffa)!important;color:#15314a!important}
.mw-hero{background:linear-gradient(125deg,#edf7ff,#ecfff9)!important;border-color:#cfe7f6!important}
.mw-hero h1,.mw-category-label,.mw-item strong{color:#152f49!important}
.mw-hero p,.mw-steps,.mw-item small{color:#62798b!important}
.mw-item,.mw-side-box,.mw-search input,.mw-filters button:not([aria-pressed=true]),.mw-tabs a:not([aria-current=page]){background:#fff!important;color:#254c67!important;border-color:#d7e7f2!important}
.mw-item:hover,.mw-filters button:not([aria-pressed=true]):hover{background:#f1f9ff!important;border-color:#9acde9!important}
.mw-tabs a[aria-current=page],.mw-filters button[aria-pressed=true]{background:linear-gradient(105deg,#2167d4,#0aa997)!important;color:#fff!important;border-color:transparent!important}
.mw-tool-workflow{background:#f6fbff!important}
.mw-tool-card,.mw-flow-help{background:#fff!important;border-color:#dbe8f4!important}
.mw-workflow-header{background:linear-gradient(112deg,#f0f8ff,#eefcf8)!important;border-color:#deedf3!important}
.mw-workflow-header h2,.mw-upload-area strong{color:#15334c!important}
.mw-flow-help{background:linear-gradient(150deg,#f5faff,#f3fffb)!important}
.mw-upload-area{background:linear-gradient(140deg,#f7fcff,#effcf9)!important;border-color:#a2cce8!important}
.mw-upload-area:hover{background:#eaf8ff!important;border-color:#2688ce!important}
.mw-upload-icon,.mw-action-primary{background:linear-gradient(115deg,#236bd7,#079e95)!important;color:#fff!important}
.mw-upload-button{background:#fff!important;color:#236abc!important;border-color:#a8cde7!important}
/* All modal/editing tools including PDF, photo, design, Office and quick converters */
.prep-shell,.pro-shell,.design-shell,.annot-shell,.center-shell{background:#fff!important;color:#153047!important;border-color:#dae7f3!important}
.prep-head,.pro-head,.design-head,.annot-head,.center-header{background:linear-gradient(110deg,#f2f9ff,#effefa)!important;border-color:#d7e8f4!important}
.prep-tabs,.prep-pane,.prep-preview,.pro-panel,.annot-stage,.design-sidebar,.center-tools,.center-toolbar{background:#f8fcff!important;color:#19364a!important;border-color:#d9e8f2!important}
.prep-shell h2,.pro-shell h2,.design-shell h2,.annot-shell h2,.center-shell h2{color:#15314b!important}
.prep-overlay input[type=file],.annot-overlay input[type=file]{background:#f3fbff!important;border-color:#a4cce7!important;color:#315b75!important}
.prep-overlay input[type=file]::file-selector-button,.annot-overlay input[type=file]::file-selector-button{background:#236dc9!important;color:#fff!important}
.annot-export-choice select,.prep-field input,.prep-field textarea,.prep-field select,.mw-format-field select{background:#fff!important;color:#1b4058!important;border-color:#ccdfef!important}
.center-tool,.center-file-pick,.center-download-row{background:#f8fcff!important;border-color:#d8eaf4!important;color:#254963!important}
.center-tool:hover{background:#ebf8ff!important;border-color:#a2d1e7!important}
.center-top-link,.room-center-link{color:#2268b7!important;border-color:#c7e4f4!important}
/* Sponsor slot is clearly separate and never restyles a download action */
.mallow-ad-section,.mw-ad-zone{background:#f7fbff!important;border-color:#dce8f2!important;box-shadow:none!important}
/* Dark mode. Override older light/hard-coded CSS throughout the workspace. */
body.dark{
 --bg:#091a29;--paper:#152b3e;--text:#ebf8ff;--muted:#bad1e1;--stroke:#35556b;
 --purple:#63afff;--purple-2:#82c7fb;--pink:#2fd2bd;--mint:#22c4b0;
 --focus:#69b8f9;--launch-ink:#ecf8ff;--launch-muted:#bad0e0;--launch-line:#36576f;
 --ms-surface:#142c40;--ms-soft:#183a50;--ms-ink:#eaf8ff;--ms-border:#33586f;
 color-scheme:dark;background:#081927!important;color:#ebf8ff!important;
}
body.dark .topbar,body.dark .landing{background:radial-gradient(ellipse at 1% 6%,#123d59,transparent 63%),radial-gradient(ellipse at 100% 12%,#123e3b,transparent 60%),#0b1e2d!important;color:#eaf8ff!important}
body.dark .top-caption,body.dark .intro-copy,body.dark .hero-points span{color:#b7d3e2!important}
body.dark .intro h1{color:#f3fcff!important}
body.dark .access-card,body.dark .main-panel,body.dark .chat-panel,body.dark .room-page,body.dark .modal{background:#142c3e!important;color:#edfaff!important;border-color:#35576e!important}
body.dark .access-heading h2,body.dark .room-head h1{color:#f3fcff!important}
body.dark .access-card .field,body.dark .access-card input,body.dark .access-card select,body.dark .chat-compose textarea{background:#1c3c52!important;color:#f3fcff!important;border-color:#436983!important}
body.dark .access-card input::placeholder{color:#a3c0d3!important}
body.dark .segmented,body.dark .section-nav,body.dark .chat-head{background:#10283a!important;border-color:#33536a!important}
body.dark .seg.active{background:#276184!important;color:#fff!important}
body.dark .room-alert,body.dark .quick-guide,body.dark .turbo-tips{background:linear-gradient(120deg,#1a4057,#173d40)!important;border-color:#3b6376!important;color:#e4faff!important}
body.dark .dropzone{background:linear-gradient(120deg,#153e56,#193e49)!important;border-color:#589bc0!important;color:#f1fcff!important}
body.dark .file-item,body.dark .smart-room-actions,body.dark .center-tool,body.dark .center-file-pick{background:#1a3a50!important;color:#eefaff!important;border-color:#42667b!important}
body.dark .mw-workspace{background:radial-gradient(ellipse at 0% 0%,#143d57,transparent 60%),#0b1c2c!important;color:#ebf8ff!important}
body.dark .mw-hero,body.dark .mw-workflow-header{background:linear-gradient(120deg,#1b3e57,#164a47)!important;color:#f3fcff!important;border-color:#41647a!important}
body.dark .mw-hero h1,body.dark .mw-workflow-header h2,body.dark .mw-category-label,body.dark .mw-item strong{color:#f5fcff!important}
body.dark .mw-hero p,body.dark .mw-steps,body.dark .mw-item small,body.dark .mw-workflow-header p{color:#c5dce9!important}
body.dark .mw-item,body.dark .mw-side-box,body.dark .mw-search input,body.dark .mw-filters button:not([aria-pressed=true]),body.dark .mw-tabs a:not([aria-current=page]),body.dark .mw-tool-card,body.dark .mw-flow-help,body.dark .mw-upload-area{background:#19384e!important;color:#ebf8ff!important;border-color:#3b6179!important}
body.dark .mw-upload-area strong,body.dark .mw-flow-help h3{color:#effbff!important}
body.dark .mw-tool-workflow{background:#0d2436!important}
body.dark .mw-tabs a[aria-current=page],body.dark .mw-filters button[aria-pressed=true],body.dark .quick-start,body.dark .cta,body.dark .welcome-continue,body.dark .prep-primary,body.dark .mw-action-primary{background:linear-gradient(105deg,#2474ca,#148ba6,#0a9f8c)!important;color:#fff!important}
body.dark .prep-shell,body.dark .pro-shell,body.dark .design-shell,body.dark .annot-shell,body.dark .center-shell{background:#152e42!important;color:#eefbff!important;border-color:#375972!important}
body.dark .prep-head,body.dark .pro-head,body.dark .design-head,body.dark .annot-head,body.dark .center-header{background:linear-gradient(110deg,#1a4258,#174a49)!important;border-color:#3e6177!important}
body.dark .prep-shell h2,body.dark .pro-shell h2,body.dark .design-shell h2,body.dark .annot-shell h2,body.dark .center-shell h2{color:#effbff!important}
body.dark .prep-tabs,body.dark .prep-pane,body.dark .prep-preview,body.dark .pro-panel,body.dark .annot-stage,body.dark .design-sidebar,body.dark .center-tools,body.dark .center-toolbar{background:#112d42!important;color:#e7f6ff!important;border-color:#3c5d72!important}
body.dark .prep-overlay input[type=file],body.dark .annot-overlay input[type=file],body.dark .annot-export-choice select,body.dark .mw-format-field select{background:#1e4055!important;color:#effbff!important;border-color:#4d7188!important}
body.dark .mallow-ad-section,body.dark .mw-ad-zone{background:#142d40!important;border-color:#3c5b70!important}
/* Brand wordmark remains readable on dark surfaces without recoloring user content. */
body.dark .brand-full-lockup,body.dark .mw-wordmark{background:#fff!important;border-radius:12px;padding:3px 7px}
/* Dark splash and walkthrough use the same navy/teal identity. */
body.dark .mallow-splash{background:radial-gradient(circle at 50% 10%,#174761,transparent 58%),#0a1c2a!important}
body.dark .mallow-splash__card{background:#153044!important;color:#f1fbff!important;border-color:#37617a!important;box-shadow:0 22px 70px #020b15b8!important}
body.dark .mallow-splash__card strong,body.dark .mallow-splash__card>span{color:#eefbff!important}
body.dark .mallow-splash__card img{background:#fff;border-radius:22px;padding:2px}
body.dark .mallow-welcome{background:#05141ac9!important}
body.dark .welcome-shell{background:linear-gradient(150deg,#17354a,#132c3f)!important;color:#effbff!important;border-color:#457089!important}
body.dark .welcome-brand,body.dark .welcome-copy h2,body.dark .journey-card h3{color:#f3fcff!important}
body.dark .welcome-copy h2 em,body.dark .welcome-kicker,body.dark .welcome-counter,body.dark .journey-number{color:#7bcafa!important}
body.dark .welcome-copy p,body.dark .journey-card p,body.dark .welcome-bottom{color:#c5deec!important}
body.dark .journey-card{background:#1e4358!important;border-color:#40677c!important;color:#edfaff!important}
body.dark .welcome-assurance span,body.dark .welcome-counter{background:#244f66!important;color:#d6f4ff!important;border-color:#406e82!important}
body.dark .welcome-brand img{background:#fff;border-radius:9px;padding:2px}
body.dark .artist-credit,body.dark .artist-credit a{color:#b5e9f8!important}
/* On very short phone screens keep all tour steps and CTA reachable. */
@media (max-height:570px){.welcome-shell{overflow-y:auto;scrollbar-width:thin}.welcome-footer{position:sticky;bottom:0;background:inherit;padding-top:5px}}
@media (max-width:560px){.welcome-journey{gap:8px}.journey-card{border-radius:13px}}
/* Override the older dark welcome rule with equal/higher selector specificity. */
body.dark .mallow-welcome .welcome-shell{background:linear-gradient(145deg,#17394f,#112d41 80%,#103835)!important;color:#effbff!important;border-color:#4d7890!important}
body.dark .mallow-welcome .welcome-copy h2,body.dark .mallow-welcome .welcome-brand,body.dark .mallow-welcome .journey-card h3{color:#f3fcff!important}
body.dark .mallow-welcome .welcome-copy h2 em{color:#5ac8ea!important}
body.dark .mallow-welcome .journey-card{background:#1a4156!important;border-color:#446b80!important}
body.dark .mallow-welcome .journey-card p,body.dark .mallow-welcome .welcome-copy p{color:#c7dfed!important}
body.dark .mallow-welcome .welcome-kicker,body.dark .mallow-welcome .journey-number,body.dark .mallow-welcome .welcome-counter{color:#86cfff!important}
body.dark .mallow-welcome .welcome-bottom .artist-credit,body.dark .mallow-welcome .welcome-bottom .artist-credit a{color:#bcecff!important}
body.dark .mallow-welcome .welcome-assurance span{background:#21576c!important;color:#dcf8ff!important}
body.dark .mallow-splash__card img.mallow-brand-lockup{background:#fff!important;opacity:1!important;border-radius:13px;padding:6px!important}
body.dark .mw-side-box small,body.dark .mw-side-box p,body.dark .mw-item small{color:#c1deec!important}
/* Room dark-mode readability (older light-only ShareFit banner). */
body.dark #room-page .sharefit-inline{background:#193c52!important;color:#e7f8ff!important;border-color:#427188!important}
body.dark #room-page .sharefit-inline span{color:#e7f8ff!important}
body.dark #room-page .sharefit-inline button{background:#2477bd!important;color:#fff!important;border-color:#4da2ce!important}
body.dark #room-page .quick-guide span,body.dark #room-page .quick-guide small,body.dark #room-page .turbo-tips span{color:#d5edfa!important}
body.dark #room-page .room-head .head-actions button:not(:disabled),body.dark #room-page .room-head .head-actions a{color:#eafaff!important}
body.dark #room-page .room-head button:disabled,body.dark #room-page .room-head a[aria-disabled=true]{color:#b3d4e7!important;opacity:.55}
body.dark #room-page .section-nav button[aria-selected=true]{color:#91d9ff!important}