/* MallowShare v47: one clean visual language across public hub, dedicated tools & sharing landing.
   Everything under .clean-* is independent of room internals. */
:root{--clean-bg:#f7f9fc;--clean-paper:#fff;--clean-ink:#1c2940;--clean-muted:#65748a;--clean-border:#e4eaf2;--clean-accent:#405cda;--clean-hover:#ecf0ff;--clean-rad:16px}
html{scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}
body.clean-catalog{background:var(--clean-bg);color:var(--clean-ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.clean-mast,.clean-mast *, .clean-main,.clean-main *{box-sizing:border-box}
.clean-mast,body[data-fixed-operation] .mast,.clean-mast body{background:#fff!important}
.clean-mast,body[data-fixed-operation] .mast{width:100%;padding:14px max(18px,calc((100vw - 1180px)/2));margin:0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--clean-border);position:relative;z-index:10}
.clean-mast .brand,body[data-fixed-operation] .mast .brand{font-size:19px;display:flex;align-items:center;gap:9px;font-weight:850;letter-spacing:-.045em;text-decoration:none;color:var(--clean-ink)}
.clean-mast .brand img,body[data-fixed-operation] .mast .brand img{border-radius:9px}
.clean-mast nav,body[data-fixed-operation] .mast nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.clean-mast nav a,body[data-fixed-operation] .mast nav a{font-weight:650;font-size:13px;text-decoration:none;color:#526177;padding:9px 12px;border-radius:10px;white-space:nowrap}
.clean-mast nav a:hover,.clean-mast nav a[aria-current="page"],body[data-fixed-operation] .mast nav a[aria-current="page"]{background:var(--clean-hover);color:var(--clean-accent)}
.clean-main{max-width:1180px;margin:auto;padding:0 22px 60px}
.catalog-hero{text-align:center;padding:62px 12px 30px}
.clean-eyebrow{font-size:11px;color:var(--clean-accent);font-weight:800;letter-spacing:.13em}
.catalog-hero h1{color:var(--clean-ink);font-size:clamp(36px,6vw,56px);letter-spacing:-.06em;line-height:1.12;margin:12px 0;font-weight:850}
.catalog-hero p{max-width:680px;margin:0 auto;color:var(--clean-muted);font-size:15px;line-height:1.7}
.clean-search-label{max-width:560px;display:flex;gap:12px;align-items:center;margin:28px auto 10px;border:1px solid #dce5f1;border-radius:14px;background:#fff;padding:8px 17px;box-shadow:0 5px 22px #23335409;color:var(--clean-accent);font-size:26px}
.clean-search-label:focus-within{border-color:#7083e6;box-shadow:0 0 0 3px #506ff019}
.clean-search-label input{font:500 15px system-ui;outline:0;border:0;width:100%;min-width:0;padding:8px 0;background:transparent;color:var(--clean-ink)}
.catalog-hero .clean-search-count{color:#8490a1;font-size:12px}
.catalog-section{margin:16px 0 38px}.catalog-section[hidden]{display:none}
.catalog-section>h2{font-size:20px;letter-spacing:-.03em;margin:0 0 16px;font-weight:800}
.clean-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.clean-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-height:204px;padding:21px 19px;background:#fff;border:1px solid var(--clean-border);border-radius:var(--clean-rad);text-decoration:none;color:var(--clean-ink);box-shadow:0 4px 16px #243b5905;transition:transform .15s,border-color .15s,box-shadow .15s}
.clean-card:hover,.clean-card:focus-visible{transform:translateY(-3px);border-color:#bbc7ef;box-shadow:0 12px 28px #3f57a014;outline:0}
.clean-card[hidden]{display:none}
.clean-icon{height:43px;width:43px;display:grid;place-items:center;background:#eef1ff;color:var(--clean-accent);font-size:24px;border-radius:11px}
.clean-card strong{font-size:16px;font-weight:800;line-height:1.25;letter-spacing:-.025em}
.clean-desc{color:#647287;font-size:12px;line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.clean-open{margin-top:auto;font-size:12px;color:var(--clean-accent);font-weight:750}
.clean-info{max-width:880px;border-top:1px solid var(--clean-border);margin:48px auto 0;padding:28px 0;color:#475871;font-size:14px;line-height:1.85}
.clean-info h2{font-size:21px;color:#27364d;margin:16px 0 8px}
.clean-info ol{padding-left:23px}.clean-info li{padding:3px 0}
.clean-footer{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--clean-border);padding:26px;color:#758399;background:#fff;font-size:12px}
.clean-footer a{color:inherit;text-decoration:none}
/* Standard dedicated PDF operation pages: distraction-free, centered file selection. */
body[data-fixed-operation]{background:var(--clean-bg)!important;color:var(--clean-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important}
body[data-fixed-operation] .content{width:min(100%,1020px)!important;padding:0 22px 60px!important;margin:auto!important;max-width:1020px!important}
body[data-fixed-operation] .hero{margin:0!important;padding:42px 8px 26px!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important}
body[data-fixed-operation] .hero>div{max-width:800px;margin:auto}
body[data-fixed-operation] .hero h1{font-size:clamp(34px,5vw,52px)!important;color:var(--clean-ink)!important;letter-spacing:-.06em!important;line-height:1.12!important;margin:9px 0 12px!important}
body[data-fixed-operation] .hero p{max-width:680px!important;color:var(--clean-muted)!important;font-size:15px!important;margin:0 auto!important;line-height:1.6!important}
body[data-fixed-operation] .eyebrow{color:var(--clean-accent)!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:800!important}
body[data-fixed-operation] .focus-workspace{max-width:830px!important;margin:0 auto 30px!important;background:var(--clean-paper)!important;border:1px solid var(--clean-border)!important;border-radius:20px!important;padding:25px!important;box-shadow:0 12px 35px #293d6510!important}
body[data-fixed-operation] .focus-workspace>h2{font-size:18px!important;color:var(--clean-ink)!important;margin:0 0 15px!important}
body[data-fixed-operation] .processing-panel{box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important;max-width:100%!important}
body[data-fixed-operation] label.drop{background:#fafbff!important;border:2px dashed #aebdec!important;border-radius:15px!important;min-height:190px!important;color:var(--clean-ink)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:10px!important;cursor:pointer!important}
body[data-fixed-operation] label.drop:hover,body[data-fixed-operation] label.drop.dragover{border-color:var(--clean-accent)!important;background:#eff2ff!important}
body[data-fixed-operation] label.drop strong{font-size:17px!important;color:var(--clean-ink)!important}
body[data-fixed-operation] label.drop input[type=file]{border:0!important;color:#61728a!important;font-size:13px!important;width:100%!important;max-width:430px!important;text-align:center!important;background:transparent!important}
body[data-fixed-operation] label.drop input::file-selector-button{border:0!important;border-radius:10px!important;background:var(--clean-accent)!important;color:white!important;padding:11px 14px!important;font-weight:800!important;cursor:pointer!important}
body[data-fixed-operation] .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px!important}
body[data-fixed-operation] .actions button{border-radius:10px!important;font-size:14px!important;font-weight:750!important;min-height:44px!important}
body[data-fixed-operation] .actions button.primary{background:var(--clean-accent)!important;color:#fff!important;border:0!important}
body[data-fixed-operation] #classic-settings,body[data-fixed-operation] #specific-fields{margin-top:15px}
body[data-fixed-operation] .tool-seo-explain,body[data-fixed-operation] .tool-landing{max-width:830px;margin:30px auto;padding:24px!important;border:1px solid var(--clean-border)!important;border-radius:16px!important;background:#fff!important;color:#56657a!important;font-size:14px!important;line-height:1.8!important}
body[data-fixed-operation] .tool-seo-explain h2,body[data-fixed-operation] .tool-landing h2{font-size:19px!important;letter-spacing:-.02em;color:var(--clean-ink)!important}
body[data-fixed-operation] .engine-feedback{border-radius:12px!important;border:1px solid #e4eaf2!important;padding:10px 12px!important;background:#f7faff!important;margin-bottom:15px!important}
/* Existing dedicated non-classic tools reuse the app but remain on their own URLs. */
body[data-focused-tool]{background:var(--clean-bg)!important}
body[data-focused-tool] .dedicated-tool-intro{border:0!important;background:transparent!important;box-shadow:none!important;margin:30px auto 10px!important;padding:16px 20px!important;text-align:center!important}
body[data-focused-tool] .dedicated-tool-intro h1{font-size:clamp(32px,4.5vw,46px)!important;color:var(--clean-ink)!important;letter-spacing:-.05em!important;line-height:1.13!important}
body[data-focused-tool] .dedicated-tool-intro p{margin:8px auto!important;max-width:690px!important;color:var(--clean-muted)!important}
body[data-focused-tool] .dedicated-steps{max-width:690px!important;margin:14px auto!important;color:var(--clean-muted)!important;background:transparent!important}
body[data-focused-tool] .reopen-tool{background:var(--clean-accent)!important;border-radius:10px!important}
body[data-focused-tool] .mw-tool-workflow{background:transparent!important;min-height:0!important;padding:8px 16px 25px!important}
body[data-focused-tool] .mw-tool-card{max-width:900px!important;margin:auto!important;border-radius:18px!important;border:1px solid var(--clean-border)!important;box-shadow:0 10px 30px #293d650c!important}
body[data-focused-tool] .mw-workflow-header{background:#fff!important;padding:20px 25px!important}
body[data-focused-tool] .mw-workflow-header h2{color:var(--clean-ink)!important;font-size:26px!important}
body[data-focused-tool] .mw-flow-layout{grid-template-columns:minmax(0,1fr) 235px!important;gap:20px!important;padding:22px!important}
body[data-focused-tool] .mw-upload-area{min-height:200px!important;border-radius:14px!important;background:#f9fbff!important;border:2px dashed #b6c4eb!important}
body[data-focused-tool] .mw-upload-area:hover,body[data-focused-tool] .mw-upload-area.dragover{background:#eef2ff!important;border-color:var(--clean-accent)!important}
body[data-focused-tool] .mw-upload-icon{background:var(--clean-accent)!important;box-shadow:none!important}
body[data-focused-tool] .mw-action-primary{background:var(--clean-accent)!important;box-shadow:none!important;border-radius:10px!important}
body[data-focused-tool] .mw-flow-help{background:#fafbff!important;border-radius:12px!important}
body[data-focused-tool] .tool-seo-explain,body[data-focused-tool] .tool-landing{max-width:900px!important;margin:25px auto!important;padding:22px!important;background:#fff!important;border:1px solid var(--clean-border)!important;border-radius:16px!important;color:#56657a!important;line-height:1.75!important}
body[data-focused-tool] .tool-seo-explain h2,body[data-focused-tool] .tool-landing h2{color:var(--clean-ink)!important}
/* One unobtrusive sponsor surface per content page; never fake unpaid adverts. */
body .mallow-ad-section[hidden],body .tool-ad-zone[hidden]{display:none!important}
body .mallow-ad-section:not([hidden]){max-width:830px!important;margin:28px auto!important;padding:15px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--clean-border)!important;box-shadow:none!important}
body .mallow-ad-head:not([hidden]){display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:0 0 8px!important}
body .mallow-ad-head h2{display:none!important}
body .mallow-ad-head span{font-size:10px!important;letter-spacing:.12em!important;color:#8390a4!important}
body .mallow-ad-body{display:flex!important;justify-content:center!important;padding:0!important;min-height:0!important}
body .mallow-ad-footnote{display:none!important}
/* Homepage: remove redundant promotional UI, retain room controls and core actions. */
body:not(.mallow-workspace-page) #landing{background:#f8faff!important}
body:not(.mallow-workspace-page) #landing .converter-banner{border-radius:14px!important;box-shadow:none!important}
body:not(.mallow-workspace-page) #landing .simple-tool-hubs{max-width:1110px!important;margin-left:auto!important;margin-right:auto!important}
body:not(.mallow-workspace-page) #landing .simple-tool-hubs h2{color:#203049!important}
body:not(.mallow-workspace-page) #landing .qr-feature{margin-top:32px!important}
/* Small screens: no horizontal spill from nav, cards, upload or sponsor iframe. */
@media(max-width:1050px){.clean-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .clean-mast,body[data-fixed-operation] .mast{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}
 .clean-mast nav,body[data-fixed-operation] .mast nav{width:100%!important;gap:4px!important;justify-content:space-between!important}
 .clean-mast nav a,body[data-fixed-operation] .mast nav a{font-size:12px!important;padding:8px 7px!important}
 .clean-main{padding:0 16px 40px}.catalog-hero{padding:34px 0 20px}
 .clean-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .clean-card{padding:15px;min-height:184px;gap:9px}.clean-card strong{font-size:14px}.clean-desc{font-size:11px}.clean-icon{width:39px;height:39px;font-size:20px}
 body[data-fixed-operation] .content{padding:0 12px 35px!important}
 body[data-fixed-operation] .hero{padding:29px 8px 21px!important}
 body[data-fixed-operation] .focus-workspace{padding:17px!important;border-radius:14px!important}
 body[data-fixed-operation] .tool-seo-explain,body[data-fixed-operation] .tool-landing{padding:17px!important}
 body[data-focused-tool] .mw-flow-layout{grid-template-columns:1fr!important;padding:15px!important}
 body[data-focused-tool] .mw-flow-help{display:none!important}
 body[data-focused-tool] .dedicated-tool-intro{padding:12px!important}
 body[data-focused-tool] .mw-workflow-header{padding:16px!important}
 body[data-focused-tool] .mw-workflow-header h2{font-size:21px!important}
 body .mallow-ad-section:not([hidden]){max-width:calc(100vw - 28px)!important;overflow:hidden!important}
}
@media(max-width:370px){.clean-grid{grid-template-columns:1fr}.clean-card{min-height:140px}.clean-mast nav a,body[data-fixed-operation] .mast nav a{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.clean-card{transition:none!important}html{scroll-behavior:auto}}
/* A consistent, compact brand bar for the existing non-classic tool templates. */
body[data-focused-tool] .topbar{background:#fff!important;border-bottom:1px solid var(--clean-border)!important;box-shadow:none!important;padding:12px max(15px,calc((100vw - 1160px)/2))!important;position:relative!important;z-index:8!important}
body[data-focused-tool] .topbar .brand{font-size:19px!important;letter-spacing:-.035em!important;color:var(--clean-ink)!important}
body[data-focused-tool] .topbar .top-caption{display:none!important}
body[data-focused-tool] .topbar .center-top-link{border-radius:10px!important;box-shadow:none!important;font-size:13px!important;color:#526177!important;background:transparent!important}
body[data-focused-tool] .topbar .center-top-link:hover{color:var(--clean-accent)!important;background:var(--clean-hover)!important}
body[data-focused-tool] .dedicated-tool-intro .reopen-tool{display:none!important}
body[data-focused-tool] .dedicated-tool-intro .dedicated-steps{display:none!important}
body[data-focused-tool] .dedicated-tool-intro .back-link{display:inline-block!important;font-size:12px!important;font-weight:750!important;color:var(--clean-accent)!important}
@media(max-width:760px){body[data-focused-tool] .topbar{padding:10px 14px!important}body[data-focused-tool] .topbar .top-right{gap:3px!important;flex-wrap:wrap!important}body[data-focused-tool] .topbar .center-top-link{font-size:11px!important;padding:7px!important}body[data-focused-tool] .topbar .language-switch{max-width:82px!important}}