/* HeyMyPDF v5 — production UI based on the approved airy blue / lavender / mint mockups.
   No full-page hero in editor. Page canvas is always the focus. */
:root{--v5-blue:#2468f4;--v5-navy:#101f52;--v5-mist:#f2f8ff;--v5-ink:#20335a;--v5-line:#e1eaf7;--v5-lav:#f1edff;--v5-radius:15px}
html{scroll-behavior:smooth}body{background:#f7faff;color:var(--v5-navy)}
.hm-header,.header{background:linear-gradient(95deg,#fafbff 0%,#f2f8ff 65%,#f5efff 100%)!important;box-shadow:0 2px 13px #385dac0b;border-bottom:1px solid #e2e9f6!important}
.hm-header{position:sticky;top:0;z-index:80;min-height:64px}.hm-head-inner{min-height:63px;max-width:1690px;padding:0 25px}.hm-brand{font-weight:850;color:#0e2256!important;font-size:24px;letter-spacing:-.9px}.hm-brandmark{border-radius:12px;background:linear-gradient(140deg,#27b9eb,#2565f5 65%,#8064f4)!important;color:#fff!important;box-shadow:0 3px 13px #3478fd30}
.hm-nav a,.hm-all-menu>summary{font-size:13px!important;color:#263b6c!important;font-weight:640}.hm-nav a:hover,.hm-all-menu>summary:hover{color:#1765ea!important}.hm-cta{background:linear-gradient(105deg,#2a85fb,#315af2)!important;color:white!important;border-radius:11px!important;padding:11px 18px!important;box-shadow:0 4px 13px #2555de25}.hm-privacy-chip{color:#158661!important}.hm-mega{box-shadow:0 24px 70px #2b418032!important;border:1px solid #e3eafa!important;border-radius:20px!important;background:#fff!important;max-width:1400px!important}.hm-mega-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px!important}.mega-group h3{border-bottom:1px solid #e4eefa;padding-bottom:9px;color:#152f69}.mega-items a{border-radius:9px;min-height:38px}.mega-items a:hover{background:#eef4ff}
.hm-main{max-width:1550px!important}.hm-home-hero{padding-top:30px!important;min-height:345px!important;background:radial-gradient(ellipse at 65% 25%,#dff4ff 0%,transparent 39%),radial-gradient(ellipse at 7% 68%,#f5eefe 0%,transparent 40%)!important}.hm-hero-copy h1{color:#0d2059!important}.hm-hero-copy h1 em{color:#4388f3!important}.hm-privacy-banner{border:1px solid #cee9e6!important;background:linear-gradient(120deg,#eafaf2,#f4fbff)!important;color:#206a55}.hm-card,.hm-category,.hm-directory-group{border:1px solid #e3eafb!important;border-radius:14px!important;box-shadow:0 6px 21px #2956ab0a!important}.hm-card:hover,.hm-category:hover{transform:translateY(-2px);box-shadow:0 8px 21px #3d73c527!important}.hm-tools-section{padding-top:15px!important}.hm-home-hero + .hm-privacy-banner{margin-top:5px!important}.hm-ad-home{min-height:80px!important;border-radius:13px!important}
/* Tool landing pages: make the task visible before scrolling. */
.hm-tool-title{padding-top:14px!important;padding-bottom:9px!important;min-height:auto!important}.hm-tool-title h1{font-size:clamp(26px,2.5vw,36px)!important;font-weight:800!important}.hm-tool-title p{margin-top:5px!important;font-size:13px!important}.hm-breadcrumb{margin-bottom:7px!important}
.hm-workspace-intro{display:none!important}.hm-compact-privacy{margin:0 0 5px!important}.pc-section,.editor-shell{max-width:1690px!important;width:calc(100% - 32px)!important;margin:0 auto!important;padding:6px 0 30px!important}.pc-workspace{padding:12px!important;border:1px solid #e1eaf7!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 45px #24498b12!important}.pc-worktop{display:none!important}.pc-toolbar{display:flex!important;align-items:center!important;margin:0 0 8px!important;gap:8px!important}.pc-toolbar .action-btn{height:38px!important;min-height:38px!important;border-radius:9px!important;font-weight:650!important}.pc-toolbar .primary,.pc-export .primary,.pc-sign-actions .primary{color:white!important;background:linear-gradient(100deg,#2d93ff,#235cf2)!important;border:0!important;box-shadow:0 5px 15px #2955d425!important}.pc-count{font-weight:650!important;color:#496a99!important;margin-left:auto!important;font-size:12px!important}.pc-drop{min-height:63px!important;margin-bottom:8px!important;padding:10px 16px!important;border-radius:12px!important;background:linear-gradient(99deg,#f4fbff,#f4faff,#f6f7ff)!important;border:1.5px dashed #b7d2f4!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:12px!important;align-items:center!important}.pc-drop small{font-size:11px!important}.pc-dropicon{font-size:20px!important;color:#3278ee}.pc-customize{display:none!important}.pc-v5-layout{display:grid!important;grid-template-columns:185px minmax(0,1fr) minmax(292px,330px)!important;gap:12px!important;align-items:stretch!important;margin-top:0!important}.pc-v5-layout>div:first-child{min-width:0;background:#f6f9ff;border:1px solid #e5ecf9;border-radius:13px;padding:8px}.pc-tools{display:flex!important;flex-direction:column!important;background:transparent!important;padding:0!important;border:0!important;gap:5px!important;position:static!important}.pc-tool{border-radius:11px!important;min-height:49px!important;padding:11px 9px!important;text-align:left!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:13px!important;white-space:normal!important;border:1px solid transparent!important}.pc-tool b{display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:7px;color:#4272db;font-size:20px;background:#eaf0ff}.pc-tool.active{border:1px solid #bfd0ff!important;background:#e6efff!important;color:#1c51d3!important;box-shadow:0 2px 10px #3569d512}.pc-help{padding:14px 8px!important;font-size:11px!important;color:#55769a!important}.pc-center{min-width:0!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:0!important}.pc-v5-instructions{font-size:11px;color:#6881a4;background:#f1f7ff;border:1px solid #e5eefc;padding:9px 12px;border-radius:9px}.pc-v5-instructions strong{color:#28446f}
/* Big always-visible PDF. Uses the real PDF.js renderer already present in workspace.js. */
.pc-v5-docked:not([hidden]){position:relative!important;inset:auto!important;z-index:auto!important;display:block!important;background:transparent!important;padding:0!important;backdrop-filter:none!important;overflow:visible!important}
.pc-v5-docked .pc-viewer-card{width:100%!important;height: min(63vh,700px)!important;max-height:700px!important;display:flex!important;border:1px solid #e1e8f5!important;border-radius:13px!important;background:linear-gradient(130deg,#eef3fa,#eaf0f8)!important;box-shadow:none!important;overflow:hidden!important}
.pc-v5-docked .pc-viewer-bar{padding:7px 10px!important;min-height:48px!important;background:#fff!important;border-bottom:1px solid #dfe7f4!important;gap:6px!important;flex-shrink:0!important}.pc-v5-docked .pc-viewer-bar>b{font-size:13px!important;white-space:nowrap}.pc-v5-docked .pc-viewer-bar>div{margin-left:auto;flex-wrap:nowrap!important}.pc-v5-docked .pc-viewer-bar .pc-quiet{min-height:30px!important;padding:5px 8px!important;font-size:12px!important}.pc-v5-docked .pc-viewer-page{padding:18px!important;min-height:0!important;background:#eaf0f9!important;overflow:auto!important;flex:1!important}.pc-v5-docked .pc-viewer-sheet{background:#fff!important;box-shadow:0 8px 32px #445a872d!important;max-width:none}.pc-v5-docked .pc-viewer-tools{padding:6px 10px!important;gap:6px!important;justify-content:flex-start!important;flex-shrink:0!important}.pc-v5-docked .pc-viewer-tools input[type=text]{width:120px!important}.pc-v5-docked .pc-viewer-tip{font-size:11px;padding:6px!important;background:#f9fbff;color:#6e87a7!important;flex-shrink:0!important}
.pc-v5-jump{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:11px;color:#4c6489}.pc-v5-jump input{width:58px;padding:6px;border:1px solid #cbd8ed;border-radius:7px;text-align:center;font-size:12px}.pc-v5-jump label{font-weight:650!important}
.pc-previewhead{margin-top:3px!important;padding:7px 0!important}.pc-previewhead>b{font-size:13px!important}.pc-previewhead small{font-size:10px!important}.pc-grid{min-height:0!important;display:flex!important;flex-wrap:nowrap!important;gap:9px!important;padding:11px!important;overflow-x:auto!important;background:#f7f9ff!important;border:1px solid #e8edf8!important;border-radius:13px!important}.pc-tile{width:var(--pc-thumb-width,136px)!important;flex:0 0 var(--pc-thumb-width,136px)!important;padding:5px!important;box-shadow:0 2px 9px #355b960e!important;min-height:0!important;border-radius:10px!important}.pc-canvas-wrap{height:calc(var(--pc-thumb-width,136px) * 1.3)!important;border-radius:7px!important;padding:3px!important}.pc-canvas-wrap canvas{max-height:115px!important;max-width:100%!important}.pc-tilecap{font-size:10px!important;padding-top:4px!important}.pc-tilecap>span:last-child{display:none!important}.pc-tiletools{gap:3px!important}.pc-tiletools button{min-width:0!important;height:25px!important;font-size:11px!important}.pc-select-page{width:22px!important;height:22px!important}.pc-v5-thumbnav{display:flex;justify-content:space-between;gap:8px}.pc-v5-thumbnav .pc-quiet{padding:5px 9px;min-height:29px}.pc-more{display:none!important}.pc-export{margin:0!important;padding:6px 0!important;display:flex!important;align-items:center!important;gap:7px!important}.pc-export .btn{min-width:185px!important;min-height:40px!important;margin:0!important}.pc-v5-settings{min-width:0!important;border:1px solid #e3eaf9;border-radius:13px;background:#fff;padding:10px;max-height:min(89vh,900px);overflow:auto}.pc-v5-settings-title{font-size:15px;font-weight:780;color:#1b3061;display:flex;justify-content:space-between;gap:7px;padding:6px 6px 12px;border-bottom:1px solid #edf1f8}.pc-v5-settings-title span{font-weight:500;font-size:10px;color:#248c72}.pc-panel{background:transparent!important;border:0!important;padding:11px 5px!important;margin:0!important;box-shadow:none!important}.pc-panel h3{font-size:16px!important;letter-spacing:-.4px;color:#1b3163!important}.pc-sign-header{display:block!important}.pc-sign-header h3{margin:1px 0 5px!important}.pc-sign-header p{font-size:11px!important;color:#6a7e98!important}.pc-sign-header small{display:block;margin:4px 0 0!important}.pc-sign-choices{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px!important;margin:12px 0!important}.pc-sign-choices button{min-width:0!important;padding:11px 4px!important;border-radius:9px!important;font-size:12px!important}.pc-sign-draw{padding:7px!important;border-radius:10px!important}.pc-sign-draw canvas{width:100%!important;height:200px!important;max-height:none!important;touch-action:none!important;background:#fff!important;border:1px dashed #b8c9e8!important}.pc-sign-draw .pc-signrow small{display:none}.pc-sign-draw .action-btn{margin-top:3px!important;padding:8px!important}.pc-sign-type label,.pc-sign-upload label{display:block!important;width:100%!important}.pc-sign-type input{width:100%!important;max-width:100%!important}.pc-sign-upload input{width:100%!important;margin-top:8px}.pc-signrow.pc-sign-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}.pc-sign-actions [data-action=place-sign]{grid-column:1/-1;min-height:43px!important;font-size:13px!important}.pc-sign-actions label{grid-column:1/-1}.pc-sign-actions .action-btn{white-space:normal!important;min-height:35px!important}.pc-sign-position{display:flex!important}.pc-signsample{max-width:100%!important;max-height:80px!important}.pc-v5-advanced{padding:8px;border:1px solid #e9eff8;border-radius:8px;margin:9px 0}.pc-v5-advanced summary{font-size:11px;color:#5979a7;cursor:pointer}.pc-panel .pc-tip{font-size:11px!important;margin:8px 0!important;color:#567ca5!important}.pc-adside.pc-v5-ad{min-height:78px!important;max-height:88px!important;border-radius:12px!important;margin-top:10px!important;flex-direction:row!important;gap:10px!important;background:#f4f6fe!important}.pc-v5-ad small{max-width:none!important;margin-top:0!important}.pc-viewer-overlays,.pc-viewer-sheet #pc-viewer-overlays{pointer-events:none}
/* Keep editor page above the fold; descriptions stay below the functional surface for SEO. */
.pc-heading,.hm-workspace-intro,.hm-mini-heading{padding:8px 0!important}.hm-mini-heading h1{font-size:25px!important}.pc-privacy{padding:8px 14px!important;margin:6px 0!important;font-size:12px!important}.pc-seo-copy{margin-top:20px!important}
@media(max-width:1170px){.pc-v5-layout{grid-template-columns:130px minmax(0,1fr) 272px!important}.pc-tool{font-size:11px!important;padding:7px!important}.pc-v5-docked .pc-viewer-bar{flex-wrap:wrap!important}.pc-v5-docked .pc-viewer-page{padding:9px!important}.pc-sign-draw canvas{height:155px!important}}
@media(max-width:880px){.pc-v5-layout{grid-template-columns:minmax(0,1fr)!important}.pc-v5-layout>div:first-child{padding:4px!important}.pc-tools{flex-direction:row!important;overflow-x:auto}.pc-tool{flex:0 0 auto;min-height:40px!important}.pc-help{display:none!important}.pc-v5-settings{max-height:none!important}.pc-v5-docked .pc-viewer-card{height:66vh!important}.pc-v5-docked .pc-viewer-page{padding:8px!important}.pc-sign-draw canvas{height:160px!important}.pc-v5-settings-title{display:block}}
@media(max-width:580px){.hm-header{position:relative}.pc-v5-docked .pc-viewer-card{height:62vh!important}.pc-v5-docked .pc-viewer-bar{flex-wrap:wrap!important}.pc-v5-docked .pc-viewer-tools{overflow-x:auto;flex-wrap:nowrap!important}.pc-v5-docked .pc-viewer-tools #pc-viewer-status{display:none}.pc-v5-jump{order:3;width:100%}.pc-toolbar .action-btn{padding:6px 7px!important;font-size:11px!important}.pc-drop small{display:none}.pc-previewhead small{display:none}.pc-v5-instructions{font-size:10px}.hm-home-hero{padding-top:15px!important}.hm-hero-copy h1{font-size:41px!important}.hm-mega{top:100px!important}}
/* Approved three-panel homepage: text, illustration, privacy panel; useful tools are still above fold. */
.hm-home-hero{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(300px,.9fr)!important;gap:22px!important;align-items:center!important;min-height:335px!important;padding:32px 4px 18px!important}.hm-hero-copy h1{font-size:clamp(40px,4.2vw,65px)!important;line-height:1.04!important;letter-spacing:-2.6px!important}.hm-hero-copy p{max-width:590px!important}.hm-hero-art{height:265px!important}.hm-v5-hero-privacy{display:flex!important;flex-direction:column!important;align-items:start!important;min-height:275px!important;justify-content:center!important;padding:24px!important;margin:0!important;background:linear-gradient(135deg,#fff,#f1f9ff)!important;border:1px solid #e6eff9!important;box-shadow:0 11px 35px #31519b0d!important;border-radius:17px!important}.hm-v5-hero-privacy .hm-lock{font-size:30px!important}.hm-v5-hero-privacy strong{font-size:16px!important;color:#1b3868!important}.hm-v5-hero-privacy p{font-size:12px!important;line-height:1.7!important}.hm-v5-hero-privacy a{font-size:12px!important;border:1px solid #d8e7fa!important;border-radius:9px!important;padding:11px 13px!important;color:#225ac6!important;margin-top:8px!important;background:#fff!important}.hm-v5-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.hm-v5-benefits>div{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;padding:12px;border:1px solid #e3eaf8;background:#fff;border-radius:12px;font-size:13px;color:#2666c5}.hm-v5-benefits strong{font-size:12px;color:#1e3462}.hm-v5-benefits small{font-size:11px;color:#657ba0}.hm-tools-section{margin-top:5px!important}
@media(max-width:1180px){.hm-home-hero{grid-template-columns:1fr 0.8fr!important}.hm-v5-hero-privacy{grid-column:1/-1;min-height:0!important;flex-direction:row!important;align-items:center!important;padding:15px!important}.hm-v5-hero-privacy a{margin-top:0!important}}
@media(max-width:750px){.hm-home-hero{grid-template-columns:1fr!important;padding-top:18px!important}.hm-hero-art{display:none!important}.hm-v5-hero-privacy{grid-column:auto!important;flex-direction:column!important;align-items:start!important}.hm-v5-benefits{grid-template-columns:1fr!important;gap:5px!important}.hm-v5-benefits>div{align-items:start;padding:8px 11px}}
/* Empty state that explains the next action; disappears immediately after upload. */
.pc-v5-empty{min-height:330px;padding:42px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #bfd3ee;border-radius:14px;background:radial-gradient(ellipse at 50% 5%,#e9f2ff 0%,#f8faff 75%);gap:12px}.pc-v5-empty-art{width:84px;height:84px;display:grid;place-items:center;font-size:45px;border-radius:22px;background:#eef3ff;box-shadow:0 8px 26px #407de320}.pc-v5-empty h3{font-size:21px;font-weight:790;margin:4px 0;color:#1d3164}.pc-v5-empty p{font-size:12px;max-width:390px;line-height:1.7;color:#657e9c;margin:0}.pc-v5-empty-tags{display:flex;flex-wrap:wrap;gap:8px}.pc-v5-empty-tags span{font-size:10px;border:1px solid #d6e5fb;background:#fff;color:#337c70;padding:7px 12px;border-radius:20px}.pc-v5-live .pc-v5-empty,.pc-v5-live .pc-v5-instructions,.pc-v5-live .pc-drop{display:none!important}.pc-workspace:not(.pc-v5-live) .pc-previewhead,.pc-workspace:not(.pc-v5-live) .pc-grid,.pc-workspace:not(.pc-v5-live) .pc-v5-thumbnav,.pc-workspace:not(.pc-v5-live) .pc-export{display:none!important}
@media(max-width:880px){.pc-tools{width:100%!important;max-width:100%!important;overflow-x:auto!important}.pc-tool{width:auto!important;flex:0 0 115px!important;white-space:nowrap!important}.pc-v5-empty{min-height:210px;padding:23px 18px}.pc-v5-empty-art{width:56px;height:56px;font-size:28px}}
/* On a narrow signing screen, let users see the signature pad before a PDF is loaded. After loading,
   lead with the PDF preview; the signing panel remains immediately below it. */
@media(max-width:880px){.pc-sign-mode:not(.pc-v5-live) .pc-v5-settings{order:1}.pc-sign-mode:not(.pc-v5-live) .pc-center{order:2}.pc-sign-mode.pc-v5-live .pc-center{order:1}.pc-sign-mode.pc-v5-live .pc-v5-settings{order:2}}

/* v5.10 — consistent light periwinkle/blue footer across all PDF pages.
   Keeps text dark and readable; replaces the legacy dark forest-green footer. */
.footer{background:linear-gradient(115deg,#cbdcff 0%,#c0cef9 54%,#c6bdfa 100%)!important;color:#19335d!important;border-top:1px solid #a8bcea!important}
.footer .brand,.footer .brand-strong,.footer-top strong{color:#152c59!important}
.footer .brand-dot{color:#6553dc!important}
.footer-top p,.footer-top>div:not(:first-child),.footer-top>div:not(:first-child) a{color:#274877!important}
.footer-top a:hover{color:#2738ac!important;text-decoration:underline}
.foot-bottom{border-top:1px solid #9cafe0!important;color:#385483!important}

.hm-hero-tagline {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1e3a8a !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
}
.hm-quota-clarification {
  max-width: 1200px !important;
  margin: 10px auto 20px auto !important;
  text-align: center !important;
  color: #4b6382 !important;
  font-size: 0.88rem !important;
  padding: 0 16px !important;
}