:root{--paper:#f9f8f3;--ink:#212323;--muted:#5d605c;--accent:#d63d25;--line:#d8d7cd;--button:#212624;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 "Instrument Sans",Inter,system-ui,sans-serif}
.wrap{width:min(990px,calc(100% - 48px));margin:auto}.top{border-bottom:1px solid var(--line)}.bar,footer,.brand,.meta,.meta>span,.tools,#result:not([hidden]){display:flex;align-items:center}.bar,footer,.meta,.tools{justify-content:space-between}.bar{height:76px}.brand{gap:9px;color:var(--ink);text-decoration:none;font-size:31px;font-weight:800;letter-spacing:-2.4px;line-height:1}.help,#demo,#preview{color:var(--ink);font-weight:600;font-size:14px;text-underline-offset:4px}.help{text-decoration:none}.help span,#demo span{margin-left:5px}
.hero{display:grid;grid-template-columns:1fr .8fr;align-items:center;position:relative;gap:24px;padding:40px 0 32px}.copy h1{font-size:clamp(60px,7.9vw,100px);font-weight:740;line-height:.92;letter-spacing:-.08em;margin:0}.copy h1 span{color:var(--accent)}.copy p{max-width:420px;font-size:17px;letter-spacing:-.025em;color:#4b514c;line-height:1.5;margin:21px 0 0}
.art{position:relative;min-height:240px;isolation:isolate;background-image:radial-gradient(#bfc0b4 .85px,transparent .95px);background-size:11px 11px;background-position:center;mask-image:linear-gradient(90deg,transparent,black 18%,black 86%,transparent)}.tile{position:absolute;top:50%;left:50%;width:128px;height:161px;border-radius:9px;overflow:hidden;box-shadow:2px 8px 13px #352d1c2b;transform-origin:50% 63%}.tile b{position:absolute;font-weight:760;letter-spacing:-.075em;line-height:1}.pic{color:#364b48;border:1px solid #a8bcb8;background:#d8e4dc;transform:translate(-83%,-59%) rotate(-17deg)}.pic b{top:11px;left:13px;font-size:22px}.sun{position:absolute;background:#f5e2b2;border-radius:50%;width:31px;height:31px;top:49px;left:16px}.hills{position:absolute;inset:36% 0 0;background:linear-gradient(140deg,#95b7a8 52%,#6b9186 52%);clip-path:polygon(0 68%,28% 36%,46% 54%,69% 17%,100% 64%,100% 100%,0 100%)}.sheet{width:131px;height:164px;transform:translate(-22%,-40%) rotate(13deg);background:linear-gradient(120deg,#ff8060,#ef5134 50%,#dd3b25);border:1px solid #d64932;clip-path:polygon(0 0,74% 0,100% 20%,100% 100%,0 100%);color:#fff7ea}.fold{position:absolute;right:0;top:0;height:21%;width:27%;background:#ffbda5;border-radius:0 0 0 5px;box-shadow:0 2px 4px #96332055}.sheet b{font-size:44px;bottom:36px;left:13px}.rules{position:absolute;bottom:19px;left:16px;width:43px;height:6px;border-block:1px solid #ffd6ca}
.composer{padding:17px 17px 0;background:#fff;border:1px solid #cfcec5;border-radius:22px;box-shadow:0 5px 0 -2px #e4e2d8,0 12px 30px -17px #514d3e44}.drop{display:flex;align-items:center;gap:16px;padding:26px 23px;min-height:129px;background:#f7f6f0;border:1.5px dashed #b8b8a9;border-radius:13px}.drop.hover{background:#fff1e7;border-color:var(--accent)}.uploadsymbol{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eae8df;color:#3f4541;font-size:30px}.prompt{flex:1}.prompt h2{font-size:22px;letter-spacing:-.045em;line-height:1.18;margin:0}.prompt p,.compression p,.faq p{color:var(--muted)}.prompt p{font-size:14px;margin:5px 0 0}.primary,button,select{font:inherit}button,summary{cursor:pointer}.primary{background:var(--button);color:#fff;border:0;border-radius:10px;font-size:15px;font-weight:650;text-decoration:none;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px}.primary:hover:enabled,.primary:is(a):hover{background:#343c38}button:disabled{cursor:default}.primary:disabled{background:#eeeee8;color:#666a63}.tools{padding:13px 4px;align-items:flex-start;gap:12px}.compression{padding:10px 0;font-size:14px;max-width:460px}.compression label,.compression select{display:block;margin:10px 0 4px}.compression select{padding:7px;border:1px solid #b7bbb4;border-radius:6px;color:var(--ink);background:#fff}.compression p{margin:9px 0 0}.meta{gap:12px;margin:16px 4px 0;color:#525950;font-size:13px}.meta>span{gap:9px}.lock{display:inline-block;position:relative;width:12px;height:10px;border:1.5px solid #576554;border-radius:2px;margin-top:4px}.lock:before{content:'';position:absolute;left:2px;top:-7px;width:5px;height:6px;border:1.5px solid #576554;border-bottom:0;border-radius:5px 5px 0 0}#demo{background:transparent;border:0;padding:6px 0;text-decoration:underline}
#list{margin:0;padding:0;list-style:none}#list:not(:empty){padding-top:12px}#list li{display:flex;align-items:center;gap:6px;border-bottom:1px solid #eee;padding:7px 2px}.itemname{min-width:0;overflow-wrap:anywhere;flex:1;font-size:14px}.mini{border:1px solid var(--line);background:white;color:var(--ink);height:35px;min-width:35px;border-radius:6px}.mini:disabled{opacity:.4}#status:empty{display:none}#status{padding:0 4px;margin:5px 0 15px}#result:not([hidden]){gap:20px;padding:0 4px 17px}#download{background:#ad3522}.faq{margin:54px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;border-top:1px solid var(--line);padding-top:24px}.faq h2{font-size:24px;letter-spacing:-.055em;line-height:1.2;margin:4px 0}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:15px;font-weight:540}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:19px;line-height:1;color:var(--muted)}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px}footer{border-top:1px solid var(--line);padding:20px 0 25px;font-size:12px;color:var(--muted)}.brand.small{font-size:20px;letter-spacing:-1px}.brand img{display:block;height:auto}:focus-visible{outline:3px solid #b94329;outline-offset:4px}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.bar{height:62px}.brand{font-size:27px}.top .brand img{width:122px;height:auto}.hero{grid-template-columns:minmax(0,1fr) 115px;gap:4px;padding:28px 0 23px}.copy h1{font-size:clamp(53px,13vw,75px)}.copy p{font-size:15px;margin-top:15px;max-width:330px}.art{min-height:145px;mask-image:none;background-size:9px 9px}.tile{width:62px;height:82px;border-radius:5px}.sheet{width:66px;height:85px}.pic b{font-size:13px;left:5px;top:6px}.sun{width:16px;height:16px;top:26px;left:7px}.sheet b{font-size:23px;bottom:18px;left:6px}.rules{left:7px;bottom:9px;width:25px;height:4px}.composer{padding:10px 10px 0;border-radius:17px}.drop{padding:17px 14px;gap:10px;flex-wrap:wrap;min-height:0}.uploadsymbol{width:37px;height:37px;font-size:24px;border-radius:10px}.prompt h2{font-size:19px}.prompt p{font-size:13px}.desktop{display:none}#add{width:100%;margin-top:3px}.tools{padding:10px 0}.compression{font-size:13px}.primary{padding:10px 12px}.meta{align-items:flex-start;flex-wrap:wrap;gap:2px 12px;font-size:12px;margin-top:13px}.meta>span{padding:5px 0}#demo{font-size:12px}.faq{margin:32px 0;grid-template-columns:1fr;gap:8px;padding-top:20px}.faq h2{font-size:21px}.faq summary{font-size:14px}.small img{width:23px;height:23px}}@media(max-width:359px){.hero{grid-template-columns:1fr 87px}.art{overflow:hidden}.copy h1{font-size:48px}}

.selection { margin: 22px 4px 5px }
.selection-head,.viewer-head,.viewer-nav,.result-actions { display:flex; align-items:center; justify-content:space-between; gap:12px }
.selection h2,.result-panel h2,.viewer-head h2 { margin:0; font-size:22px; letter-spacing:-.045em; line-height:1.2 }
.selection-head>span,.file-meta,.viewer-head small,.selection>p,#result-meta { font-size:13px; color:var(--muted) }
.selection>p { margin:6px 0 0 }
#list .file-row { display:grid; grid-template-columns:59px minmax(0,1fr) auto; gap:14px; padding:12px 0; border-bottom:1px solid var(--line) }
.thumb { width:59px; height:68px; border:1px solid #d6d4ca; border-radius:8px; background:#f1eee7; color:#8e3827; display:grid; place-items:center; padding:4px; overflow:hidden; font-weight:700 }
.thumb img { width:100%; height:100%; min-height:0; object-fit:contain }
.thumb:hover { border-color:var(--accent) }
.identity { display:grid; align-content:center; gap:1px }
.file-order { color:#934332; font-size:11px; font-weight:700; letter-spacing:.035em }
.file-name,.viewer-head h2,#manifest span { overflow-wrap:anywhere }
.file-name { font-size:16px; line-height:1.3; font-weight:650 }
.row-actions { display:flex; gap:4px }
.row-actions .mini,.viewer-nav .mini,.viewer-head .mini { min-height:44px; min-width:44px; font-size:18px }
#result.result-panel:not([hidden]) { display:block; background:#f1f4ed; padding:18px; margin:0 2px 16px; border-radius:12px; border:1px solid #d5dbcf }
#result-meta { margin:4px 0 15px }
.result-panel label { display:block; margin-bottom:4px; font-size:14px; font-weight:600 }
.name-field { display:flex; align-items:center; max-width:450px; border:1px solid #aab1a6; border-radius:8px; background:white; overflow:hidden }
.name-field input { flex:1; min-width:0; padding:10px; font:inherit; color:inherit; background:none; border:0 }
.name-field:focus-within { outline:2px solid #ab3d28 }
.name-field span { padding:0 11px; color:var(--muted) }
.result-panel details { margin:14px 0; font-size:14px }
#manifest { margin:8px 0; padding-left:25px }
#manifest li { margin:4px 0 }
#manifest strong { display:inline-block; margin-left:10px; font-size:12px }
.result-actions { justify-content:flex-start; gap:20px }
#viewer { width:min(650px,calc(100% - 24px)); padding:16px; border:1px solid var(--line); border-radius:16px; color:var(--ink); max-height:94dvh; overflow:auto }
#viewer::backdrop { background:#151a17a6 }
.viewer-head { padding-bottom:12px }
.viewer-head h2 { font-size:18px }
#viewer-stage { display:grid; place-items:center; min-height:120px; padding:8px; background:#eeede7; border-radius:7px; color:var(--muted); text-align:center }
#viewer-stage canvas,#viewer-stage img { display:block; width:auto; height:auto; max-width:100%; max-height:62dvh; object-fit:contain }
.viewer-nav { padding-top:10px; font-size:14px }
@media(max-width:640px) {
  .selection { margin:16px 2px 4px }
  #list .file-row { grid-template-columns:54px minmax(0,1fr); gap:5px 12px }
  .thumb { width:54px; height:65px }
  .row-actions { grid-column:2; margin-top:3px }
  .file-name { font-size:15px }
  .result-actions { flex-wrap:wrap }
  .selection h2,.result-panel h2 { font-size:20px }
}

.session-tools:not([hidden]) { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:4px 12px; margin:0 4px; padding:10px 0; border-top:1px solid var(--line); font-size:13px; color:var(--muted) }
.session-tools button { background:none; border:0; padding:8px 0; font:inherit; text-decoration:underline; text-underline-offset:3px; color:var(--ink) }
.legal-footer { gap:12px; flex-wrap:wrap }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:10px 20px }
.legal-footer a,.legal-page a { color:var(--ink); text-underline-offset:3px }
.legal-page { max-width:700px; padding-block:clamp(28px,6vw,70px) }
.legal-date { color:var(--muted); font-size:13px }
.legal-page h1 { letter-spacing:-.06em; font-size:clamp(38px,7vw,68px); line-height:1; margin:16px 0 }
.legal-page .intro { font-size:20px; margin-bottom:32px }
.legal-page h2 { margin:28px 0 8px; font-size:23px; letter-spacing:-.035em }
.legal-page p { line-height:1.55 }

.tool-nav { display:flex; align-items:center; gap:clamp(11px,3vw,26px) }
.tool-nav a { font-size:14px; font-weight:600; color:var(--ink); text-underline-offset:4px }
.tool-nav a:last-child { text-decoration:none }
.compress-limit { padding-top:0 }
.compress-limit label { margin-top:0; font-weight:650 }
[data-tool="compress"] .tools { align-items:flex-start }
@media(max-width:640px) {
  [data-tool="compress"] .tools { flex-direction:column }
  [data-tool="compress"] #make { width:100% }
  [data-tool="compress"] .hero { grid-template-columns:minmax(0,1fr) 78px }
  [data-tool="compress"] h1 { font-size:clamp(40px,10.5vw,64px) }
}

.tool-nav { flex-wrap:wrap; justify-content:flex-end; row-gap:3px }
.limit-fields,.req-main,.row-edit { display:flex; align-items:center; flex-wrap:wrap; gap:8px }
.limit-fields input,.req-main input,.req-select,.row-edit input { font:inherit; color:var(--ink); border:1px solid #b7bbb4; border-radius:7px; padding:8px; min-width:0; background:#fff; max-width:100% }
.limit-fields input { width:110px }.limit-fields select { margin:0 }
.check-area { margin:4px 4px 20px }.check-area h2 { font-size:22px; letter-spacing:-.04em; margin:0 }.check-area p,.row-edit { font-size:14px }.check-area p { color:var(--muted); margin:6px 0 12px }
#requirements { padding:0; list-style:none; counter-reset:requirements }
#requirements li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:4px 6px; border-bottom:1px solid var(--line); padding:8px 0; counter-increment:requirements }
#requirements li:before { content:counter(requirements); font-weight:bold; align-self:center; color:#8b3929 }
.req-main input { flex:1; width:130px }.req-main .mini { min-height:38px; min-width:34px }
.req-select { grid-column:2; width:100% }
.aux { font:inherit; font-weight:600; color:#793121; border:1px solid #d8c7bb; padding:7px 10px; border-radius:7px; background:#fbf8f4 }
.row-edit { grid-column:2/-1; margin:2px 0 6px }.row-edit input { width:180px }
.heavy { color:#913b29; font-size:13px; font-weight:650 }
[data-tool="dossier"] .copy h1 { font-size:clamp(44px,6vw,78px) }
@media(max-width:640px){.bar { gap:8px }.tool-nav { gap:4px 10px }.tool-nav a { font-size:12px }[data-tool="dossier"] .hero { grid-template-columns:minmax(0,1fr) 68px }[data-tool="dossier"] .copy h1 { font-size:clamp(38px,9vw,55px) }.row-edit { grid-column:1/-1 }}
details.row-edit { display:block }
.row-edit summary { cursor:pointer; color:#793121; text-decoration:underline; text-underline-offset:3px }

/* Informe claro de peso, tamaño físico y resolución */
.compression-explainer{font-size:13px;line-height:1.55;color:#404b43;background:#f5f6f0;border-left:3px solid #a8b9a9;padding:10px 12px;border-radius:4px;margin-top:12px}
.quality-report{font-size:13px;line-height:1.6;color:#34453d;margin:0 0 16px}
[data-tool="compress"] #compression-mode{max-width:min(100%,370px);width:100%}

/* Catálogo de herramientas y navegación global */
.catalog-page{padding-block:36px 50px}
.catalog-intro{max-width:770px;margin-bottom:30px}
.catalog-intro h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.07em;line-height:1.02;margin:0}
.catalog-intro h1 span{color:var(--accent)}
.catalog-intro p,.tool-section>p,.catalog-home>p{color:var(--muted);line-height:1.6}
.catalog-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.catalog-jumps a{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:50px;padding:8px 12px}
.catalog-jumps a:hover{border-color:var(--accent)}
.tool-section{padding:25px 0;border-top:1px solid var(--line);scroll-margin-top:20px}
.tool-section h2,.catalog-home h2{font-size:clamp(24px,3.5vw,33px);letter-spacing:-.045em;margin:0}
.tool-section>p{margin:6px 0 17px}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tool-card{display:flex;flex-direction:column;gap:8px;min-height:145px;padding:17px 16px;border:1px solid #d3d4c9;border-radius:13px;text-decoration:none;color:var(--ink);background:white;transition:border-color .15s}
.tool-card strong{font-size:17px;letter-spacing:-.025em;line-height:1.2}
.tool-card span{font-size:13px;line-height:1.5;color:var(--muted);flex:1}
.tool-card small{font-weight:650;font-size:12px;color:#23634a}
.tool-card:not(.pending):hover{border-color:#bd523c}
.tool-card.pending{background:#f4f3ee}
.tool-card.pending small{color:#5c605c}
.catalog-home{padding:32px 0 16px}
.home-tool-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:16px}
.home-tool-links a{display:flex;flex-direction:column;gap:4px;padding:16px 14px;min-width:0;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--ink);background:#fff}
.home-tool-links a strong{font-size:15px}
.home-tool-links a span{font-size:12px;color:var(--muted)}
@media(max-width:800px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tool-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.tool-grid{grid-template-columns:1fr}.catalog-page{padding-top:24px}.catalog-intro h1{font-size:42px}.tool-card{min-height:0}.bar{gap:8px}.tool-nav a{font-size:12px}}

/* PDF a imagen */
.pdf-export{padding:20px 18px;margin-bottom:22px}
.pdf-export>h2{margin:0 0 14px;letter-spacing:-.035em}
.pdf-export .drop label.primary{cursor:pointer}
.pdf-file-info{font-size:13px;color:var(--muted);margin:14px 4px}
.pdf-export-preview{margin:16px 4px}
.pdf-export-preview h3{font-size:15px;margin:0 0 10px}
#pdf-preview-content{max-height:410px;overflow:auto;display:flex;justify-content:center;background:#f0f0ea;border-radius:8px;padding:12px}
#pdf-preview-content canvas{max-width:100%;height:auto;object-fit:contain}
.pdf-export-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 4px}
.pdf-export-options label{display:block;font-weight:650;font-size:14px;margin-bottom:6px}
.pdf-export-options select,.pdf-export-options input{width:100%;max-width:100%;border:1px solid #b7bbb4;border-radius:7px;padding:10px;background:#fff;color:var(--ink);font:inherit}
.pdf-export-caveat{font-size:13px;color:var(--muted);margin:14px 4px}
.pdf-export-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 4px}
.pdf-export-actions button{min-height:46px}
#pdf-status{margin:12px 4px;font-size:14px}
.pdf-export-result:not([hidden]){background:#f1f4ed;padding:16px;border-radius:10px;margin:14px 4px}
.pdf-export-result h2{margin:0;font-size:21px}
.pdf-export-result p{font-size:14px;color:var(--muted)}
@media(max-width:640px){.pdf-export-options{grid-template-columns:1fr}.pdf-export .drop label.primary{width:100%}}

.main-nav { display:flex; align-items:center; flex-wrap:wrap; gap:4px 18px }
.main-nav a,.back-formats,.text-action,.office-actions a:not(.primary) { color:var(--ink); text-decoration:underline; text-underline-offset:4px; font:inherit }
.main-nav a { text-decoration:none; font-size:14px; font-weight:650; padding:6px 0 }
.main-nav a:hover,.main-nav [aria-current] { text-decoration:underline; text-decoration-color:var(--accent) }
.format-hub { padding-block:clamp(40px,8vw,96px) }
.format-hub h1,.office-intro h1 { margin:0; font-size:clamp(42px,7vw,84px); line-height:1; letter-spacing:-.065em }
.format-hub em,.office-page em { color:var(--accent); font-style:normal }
.format-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0 30px }
.format-card { display:grid; grid-template-columns:1fr auto; padding:20px 22px; background:#fff; border:1px solid var(--line); border-radius:16px; text-decoration:none; color:var(--ink) }
.format-card strong { font-size:21px; letter-spacing:-.04em }
.format-card span { grid-row:2; font-size:14px; color:var(--muted) }
.format-card i { grid-column:2; grid-row:1/3; align-self:center; font-size:22px; color:var(--accent); font-style:normal }
.format-card:hover,.format-card:focus-visible { border-color:var(--accent) }
.format-home { margin-block:32px }
.format-home h2,.office-page h2 { font-size:22px; letter-spacing:-.04em; margin:0 }
.office-page { padding-block:24px 48px }
.back-formats { font-size:14px }
.office-intro { margin:28px 0 22px }
.office-intro p,.format-hub>p { color:var(--muted); font-size:18px }
.office-panel { padding:clamp(16px,3vw,28px); border:1px solid var(--line); border-radius:20px; background:#fff }
.office-drop,.office-actions,#session:not([hidden]) { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap }
.office-drop { border:1px dashed #a9b6ad; border-radius:12px; background:#f3f5ef; padding:20px }
.office-drop.hover { border-color:var(--accent) }
.office-drop p,.office-help p { margin:4px 0; color:var(--muted) }
.office-actions { justify-content:flex-start }
.office-actions .primary { text-decoration:none }
.engine-note,#session small { font-size:14px; color:var(--muted) }
.text-action { border:0; background:none; cursor:pointer; padding:8px 0 }
#source-name,#output-info { overflow-wrap:anywhere; font-weight:600 }
#message:empty { margin:0 }
#finished,#session:not([hidden]) { margin-top:18px; padding-top:16px; border-top:1px solid var(--line) }
.office-help { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:26px }
.office-help h2 { font-size:18px }
@media(max-width:640px) {
  .top .bar { height:auto; min-height:70px; align-items:flex-start; flex-direction:column; gap:5px; padding-block:12px 8px }
  .main-nav { gap:0 14px }
  .main-nav a { font-size:13px }
  .format-grid,.office-help { grid-template-columns:1fr }
  .office-drop { padding:14px }
}
.google-export { margin-top:20px; padding:16px 20px; background:#fff; border:1px solid var(--line); border-radius:14px }
.google-export summary { cursor:pointer; font-weight:650 }
.google-export input { display:block; width:min(100%,600px); margin-top:6px; padding:10px; font:inherit; border:1px solid #a9b6ad; border-radius:6px }
.google-export [hidden] { display:none }
.google-export .primary { text-decoration:none }
.extra-formats { font-size:14px; margin-bottom:0 }

/* MiPDF pricing page */
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:40px}
.price-tile{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}
.price-tile h2{font-size:23px;letter-spacing:-.045em;margin:0}
.price-tile p{margin:0;color:var(--muted)}
.price-tile .price-primary{color:var(--ink);font-size:27px;font-weight:750;letter-spacing:-.045em}
.price-tile ul{margin:10px 0 16px;padding-left:21px;flex:1;font-size:14px;line-height:1.9}
.price-tile a.primary,.price-tile button.primary{align-self:flex-start}
#payment-message{font-size:13px;line-height:1.5;color:var(--muted)}
@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}.price-tile{padding:20px}}

/* MI PDF visual system v2 — illustrated, task-first navigation */
:root{--card-shadow:0 14px 32px -24px rgba(34,42,35,.42);--blue:#2c589c;--green:#237857;--orange:#bc5736;--purple:#6953a2}
.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px 17px}
.main-nav a{color:var(--ink);font-size:13px;line-height:1.3;font-weight:650;padding:7px 0;text-decoration:none}
.main-nav a:hover,.main-nav a[aria-current=page]{color:#bc3d28;text-decoration:underline;text-underline-offset:4px}
.top .brand{flex:none}.top .bar{gap:16px}
.format-grid{gap:18px;margin-top:24px}
.format-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-height:252px;gap:6px;overflow:hidden;padding:19px 21px 22px;border-radius:20px;background:#fff;box-shadow:var(--card-shadow);transition:transform .2s,border-color .2s,box-shadow .2s}
.format-card::before{content:attr(data-mark);display:grid;place-items:center;margin:3px 0 22px 8px;flex:none;width:86px;height:104px;clip-path:polygon(0 0,75% 0,100% 22%,100% 100%,0 100%);border-radius:4px 4px 7px 7px;color:var(--art-ink,#2c589c);background:linear-gradient(140deg,#fff 0 72%,#e7e9e5 73%),var(--art-bg,#e9eef8);box-shadow:0 3px 9px #182b3830;font-size:22px;font-weight:850;letter-spacing:-.055em}
.format-card::after{content:"PDF";display:grid;place-items:center;position:absolute;top:60px;left:91px;width:70px;height:83px;clip-path:polygon(0 0,74% 0,100% 22%,100% 100%,0 100%);border-radius:4px;background:#e9452c;color:#fff;font-size:18px;font-weight:850;transform:rotate(9deg);box-shadow:0 7px 15px #47211622}
.format-card strong{font-size:22px;line-height:1.12;margin-top:auto}
.format-card span{grid-row:auto;line-height:1.48;max-width:26ch}
.format-card i{position:absolute;right:18px;bottom:16px;font-size:23px}
.format-card:hover{transform:translateY(-3px);box-shadow:0 20px 34px -22px #29372e55}
[data-tone=blue]{--art-ink:#2c589c;--art-bg:#e9eef8}
[data-tone=green]{--art-ink:#21724e;--art-bg:#e8f3eb}
[data-tone=orange]{--art-ink:#a7492e;--art-bg:#fbe9e3}
[data-tone=purple]{--art-ink:#6953a2;--art-bg:#eeebf9}
[data-tone=gray]{--art-ink:#556460;--art-bg:#e9eeeb}
.tool-grid{gap:15px}
.tool-card{min-height:208px;border-radius:17px;position:relative;padding:18px 17px;background:#fff;box-shadow:var(--card-shadow)}
.tool-card::before{content:attr(data-mark);display:grid;place-items:center;height:62px;width:63px;border-radius:13px;background:var(--art-bg,#e9eeeb);color:var(--art-ink,#385a52);font-size:20px;font-weight:820;letter-spacing:-.065em;margin-bottom:4px}
.tool-card strong{font-size:17px;line-height:1.22}
.tool-card span{line-height:1.47;font-size:13px}
.tool-card small{margin-top:auto}
.tool-card.pending{background:#f5f4f0;box-shadow:none;border-style:dashed;opacity:.8}
.tool-card.pending::before{filter:grayscale(.7)}
.tool-section{padding-block:32px}
.catalog-home{padding:35px 0 28px}
.home-tool-links{gap:14px}
.home-tool-links a{position:relative;min-height:145px;padding:18px;justify-content:flex-start;box-shadow:var(--card-shadow);border-radius:14px}
.home-tool-links a::before{content:attr(data-mark);display:grid;place-items:center;width:54px;height:54px;background:var(--art-bg,#e9eeeb);color:var(--art-ink,#3d554d);font-size:17px;font-weight:800;border-radius:13px;margin-bottom:8px}
.home-tool-links a:hover{border-color:var(--accent)}
.office-intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto;gap:0 24px;align-items:center;min-height:196px}
.office-intro h1{grid-column:1;grid-row:1;align-self:end}
.office-intro>p{grid-column:1;grid-row:2;align-self:start;max-width:440px;line-height:1.5}
.conversion-scene{grid-column:2;grid-row:1/3;min-height:160px;display:flex;align-items:center;justify-content:center;gap:13px;border-radius:17px;background:radial-gradient(#d0cec3 1px,transparent 1.2px);background-size:13px 13px}
.conversion-source,.conversion-target{display:grid;place-items:center;clip-path:polygon(0 0,77% 0,100% 21%,100% 100%,0 100%);width:84px;height:110px;font-size:22px;font-weight:820;border-radius:5px;box-shadow:0 10px 14px #0002}
.conversion-source{color:var(--art-ink,#28578a);background:linear-gradient(135deg,#fff 50%,var(--art-bg,#e8eef7))}
.conversion-target{background:#e9452c;color:#fff;transform:rotate(8deg)}
.conversion-arrow{font-size:28px;color:#ad4934}
.office-drop{padding:25px 23px;min-height:126px;background:#f2f5f1}
.office-panel{box-shadow:var(--card-shadow)}
.office-page .engine-note{border-left:3px solid #7d9c85;background:#f4f7f2;padding:12px 14px;border-radius:0 9px 9px 0;margin:15px 0}
.format-hub h1{margin-bottom:8px}
@media(max-width:800px){
 .format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .office-intro{grid-template-columns:minmax(0,1fr) 195px}
 .conversion-source,.conversion-target{width:62px;height:83px;font-size:17px}
 .conversion-scene{gap:4px}
}
@media(max-width:640px){
 .top .bar{align-items:stretch;gap:6px;padding-block:10px}
 .main-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:15px;padding:1px 0 5px;scrollbar-width:thin}
 .main-nav a{white-space:nowrap;font-size:13px}
 .format-grid{gap:11px}
 .format-card{min-height:205px;padding:13px 14px 18px}
 .format-card::before{width:62px;height:78px;font-size:16px;margin:1px 0 17px 2px}
 .format-card::after{left:59px;top:37px;width:50px;height:61px;font-size:13px}
 .format-card strong{font-size:18px}
 .format-card span{font-size:12px}
 .format-card i{right:11px;bottom:12px;font-size:17px}
 .office-intro{grid-template-columns:minmax(0,1fr) 115px;gap:0 6px;min-height:130px}
 .office-intro h1{font-size:clamp(38px,8vw,59px)}
 .office-intro p{font-size:14px;line-height:1.35}
 .conversion-scene{min-height:125px;gap:0}
 .conversion-source,.conversion-target{width:43px;height:61px;font-size:12px}
 .conversion-arrow{font-size:16px}
 .home-tool-links a{min-height:128px}
}
@media(max-width:370px){.format-grid{grid-template-columns:1fr}.format-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.format-card{transition:none}.format-card:hover{transform:none}}

/* Visual SVG illustrations: semantic icons, not SVG conversion input */
.format-card::before{content:"";width:108px;height:113px;margin:0 0 12px;background-color:var(--art-bg,#eef1f0);background-repeat:no-repeat;background-position:center;background-size:94px 94px;clip-path:none;border-radius:15px;box-shadow:none}
.format-card::after{content:"";top:50px;left:112px;width:72px;height:82px;clip-path:none;border-radius:11px;transform:rotate(8deg);background:#fff4f0 url('/ui-pdf.svg') center/68px no-repeat;box-shadow:0 8px 15px #381a101d}
.format-card[data-mark="DOC"]::before{background-image:url('/ui-word.svg')}
.format-card[data-mark="XLS"]::before{background-image:url('/ui-excel.svg')}
.format-card[data-mark="PPT"]::before{background-image:url('/ui-powerpoint.svg')}
.format-card[data-mark="IMG"]::before{background-image:url('/ui-image.svg')}
.tool-card::before,.home-tool-links a::before{content:"";background-repeat:no-repeat;background-size:53px 53px;background-position:center}
.tool-card[data-mark="DOC"]::before,.home-tool-links a[data-mark="DOC"]::before{background-image:url('/ui-word.svg')}
.tool-card[data-mark="XLS"]::before,.home-tool-links a[data-mark="XLS"]::before{background-image:url('/ui-excel.svg')}
.tool-card[data-mark="PPT"]::before,.home-tool-links a[data-mark="PPT"]::before{background-image:url('/ui-powerpoint.svg')}
.tool-card[data-mark="IMG"]::before,.home-tool-links a[data-mark="IMG"]::before{background-image:url('/ui-image.svg')}
.tool-card[data-mark="MB"]::before,.home-tool-links a[data-mark="MB"]::before{background-image:url('/ui-compress.svg')}
.tool-card[data-mark="PDF+"]::before,.home-tool-links a[data-mark="PDF+"]::before{background-image:url('/ui-merge.svg')}
.tool-card[data-mark="CV"]::before,.home-tool-links a[data-mark="CV"]::before{background-image:url('/ui-cv.svg')}
.tool-card[data-mark="SEC"]::before,.home-tool-links a[data-mark="SEC"]::before{background-image:url('/ui-security.svg')}
.tool-card[data-mark="PDF"]::before,.home-tool-links a[data-mark="PDF"]::before,.tool-card[data-mark="Aa"]::before{background-image:url('/ui-pdf.svg')}
.conversion-source,.conversion-target{font-size:0;clip-path:none;border-radius:13px;background-repeat:no-repeat;background-size:92% 92%;background-position:center}
.conversion-source{background-color:var(--art-bg,#e9eef7)}
.office-intro[data-tone="blue"] .conversion-source{background-image:url('/ui-word.svg')}
.office-intro[data-tone="green"] .conversion-source{background-image:url('/ui-excel.svg')}
.office-intro[data-tone="orange"] .conversion-source{background-image:url('/ui-powerpoint.svg')}
.conversion-target{background-color:#fff3ee;background-image:url('/ui-pdf.svg')}
@media(max-width:640px){
 .format-card::before{width:72px;height:78px;background-size:70px}
 .format-card::after{left:74px;top:38px;width:50px;height:60px;background-size:52px}
 .conversion-source,.conversion-target{border-radius:8px}
}

/* Clearly visible free limits before file selection */
.free-limits{display:flex;align-items:center;gap:8px;color:#315844;background:#edf6ed;border:1px solid #d2e5d2;border-radius:10px;padding:9px 13px;margin:3px 2px 14px;font-size:12px;font-weight:650;line-height:1.5}
.free-limits span{display:grid;place-items:center;flex:none;background:#3c8055;color:#fff;font-size:10px;font-weight:800;border-radius:50%;width:19px;height:19px}
.office-panel>.free-limits,.pdf-export>.free-limits{margin-bottom:18px}
@media(max-width:640px){.free-limits{font-size:11px;align-items:flex-start}.free-limits span{margin-top:1px}}

/* MiPDF responsive navigation (replaces swipe-to-discover links) */
.mobile-menu-toggle{display:none}
.top{position:relative;z-index:50;background:var(--paper)}
.main-nav{min-width:0}
@media(max-width:800px){
  .top .bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-block:12px;min-height:68px;height:auto}
  .top .bar>.brand{grid-column:1;min-width:0}
  .mobile-menu-toggle{display:none;gap:10px;align-items:center;justify-content:center;grid-column:2;min-height:44px;min-width:100px;border:1px solid #bfc2b9;border-radius:12px;background:#fff;color:var(--ink);font-size:14px;font-weight:750;padding:7px 13px;cursor:pointer}
  .menu-ready .mobile-menu-toggle{display:inline-flex}
  .menu-glyph{display:grid;gap:4px;align-content:center;width:19px;height:18px}
  .menu-glyph>span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor}
  .mobile-menu-toggle[aria-expanded="true"]{background:#fff3ee;border-color:#d4a597;color:#8d3221}
  .top .main-nav{grid-column:1 / -1;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;gap:3px;width:100%;min-width:0;padding:8px 0 12px;border-top:1px solid var(--line)}
  .menu-ready .top .main-nav{display:none}
  .menu-ready .top .main-nav.is-open{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
  .top .main-nav a{font-size:15px;white-space:normal;display:flex;align-items:center;min-height:46px;padding:10px 14px;border-radius:10px;color:#27342d;overflow-wrap:anywhere;text-decoration:none}
  .top .main-nav a[aria-current="page"]{color:#a23b26;background:#fff0e9;font-weight:800}
  .top .main-nav a:active,.top .main-nav a:hover,.top .main-nav a:focus-visible{background:#f1f0e9;outline-offset:2px}
}
@media(min-width:801px){.top .mobile-menu-toggle{display:none}.top .main-nav{display:flex!important}}
/* Privacy center: global, accessible, never blocks the tools */
.cmp-banner[hidden]{display:none!important}
.cmp-banner{position:fixed;z-index:1100;bottom:12px;left:50%;transform:translateX(-50%);width:min(930px,calc(100% - 28px));background:#fff;color:var(--ink);border:1px solid #d6d5cb;box-shadow:0 14px 65px #27342d33;border-radius:17px;padding:18px 20px;max-height:min(65vh,500px);overflow:auto}
.cmp-content{display:flex;align-items:center;justify-content:space-between;gap:22px}
.cmp-copy{flex:1;min-width:0}
.cmp-copy h2{font-size:19px;letter-spacing:-.035em;margin:0 0 4px}
.cmp-copy p{font-size:13px;line-height:1.55;color:#454e49;margin:0}
.cmp-copy a{color:#913925;text-decoration:underline;text-underline-offset:3px}
.cmp-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cmp-content>.cmp-actions{width:270px;min-width:245px;flex-direction:column;align-items:stretch}
.cmp-actions button{font:inherit;font-size:13px;font-weight:750;cursor:pointer;min-height:42px;border:1px solid #485349;color:#243229;border-radius:9px;padding:9px 12px;background:#fff}
.cmp-actions button:hover,.cmp-actions button:focus-visible{background:#eef3ed;outline-offset:2px}
.cmp-actions button[data-cmp="options"]{border-color:#d2d2ca;background:#f5f5f1}
.cmp-dialog{width:min(580px,calc(100vw - 28px));max-height:86vh;overflow:auto;border:1px solid #d1d2cc;border-radius:17px;padding:0;color:var(--ink);background:#fff;box-shadow:0 30px 90px #18291c55}
.cmp-dialog::backdrop{background:rgba(23,31,26,.43)}
.cmp-dialog-inner{padding:23px}
.cmp-dialog-head{display:flex;align-items:center;gap:12px;justify-content:space-between}
.cmp-dialog h2{font-size:23px;letter-spacing:-.04em;margin:0}
.cmp-dialog p{font-size:14px;color:#485449;line-height:1.6}
.cmp-x{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:23px;cursor:pointer}
.cmp-purpose{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d6d9d1;border-radius:12px;padding:14px;margin:12px 0}
.cmp-purpose strong{display:block;font-size:15px}
.cmp-purpose p,.cmp-detail{display:block;font-size:12px;color:#5c635e;margin:4px 0 0;line-height:1.45}
.cmp-purpose input[type="checkbox"]{width:22px;height:22px;accent-color:#29724d;cursor:pointer;flex:none}
.cmp-always{white-space:nowrap;font-size:11px;color:#2c704d;font-weight:750}
.cmp-small{font-size:12px!important;margin:14px 0}
.cmp-dialog-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cmp-dialog-actions button{font-size:12px}
.privacy-settings{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.privacy-settings:hover,.privacy-settings:focus-visible{color:#ae3b29}
@media(max-width:650px){
  .cmp-banner{bottom:0;left:0;transform:none;width:100%;max-height:58vh;padding:15px;border-radius:15px 15px 0 0}
  .cmp-content{flex-direction:column;align-items:stretch;gap:12px}
  .cmp-copy h2{font-size:17px}
  .cmp-copy p{font-size:12px}
  .cmp-content>.cmp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:8px}
  .cmp-content>.cmp-actions button[data-cmp="options"]{grid-column:1 / -1}
  .cmp-actions button{font-size:12px;min-height:43px}
  .cmp-dialog-inner{padding:16px}
  .cmp-dialog-actions{grid-template-columns:1fr}
  .cmp-purpose{padding:11px}
  .cmp-always{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.cmp-dialog,.cmp-banner{transition:none}}

/* Keep completed downloads visible after conversion on mobile and desktop. */
#result,#finished,#pdf-export-result{scroll-margin-top:18px}
#result:focus-within,#finished:focus-within,#pdf-export-result:focus-within{outline-offset:3px}

/* Lightweight educational content: useful context below the converter, no layout shifts. */
.editorial-guide{max-width:860px;margin:46px auto 54px;padding:26px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#364139}
.editorial-guide h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.045em;line-height:1.23;margin:0 0 13px;color:var(--ink)}
.editorial-guide h3{font-size:18px;letter-spacing:-.025em;line-height:1.3;margin:22px 0 9px;color:var(--ink)}
.editorial-guide p{font-size:15px;line-height:1.7;margin:0 0 13px;max-width:72ch}
.editorial-guide a{color:#9b3929;text-underline-offset:3px}
@media(max-width:640px){.editorial-guide{margin:34px auto;padding:21px 3px}.editorial-guide p{font-size:14px;line-height:1.65}}