/* CTRL Web V36 — one header, privacy-first marketing, usable desktop editor modals */
html:not(.native-app).ctrl-website-home .topbar{display:none!important}
html:not(.native-app).ctrl-workspace-open .ctrl-web-site-header{display:none!important}
html:not(.native-app).ctrl-paywall-open .ctrl-web-site-header{display:none!important}

.ctrl-web-site-header{position:sticky;top:0;z-index:160;min-height:74px;padding:0 clamp(22px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(190,151,56,.24);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 8px 24px rgba(35,29,72,.06)}
.ctrl-web-site-brand{display:flex;align-items:center;gap:11px;color:#16213c;text-decoration:none}.ctrl-web-site-brand img{width:42px;height:42px;object-fit:contain}.ctrl-web-site-brand-copy{display:grid;line-height:1}.ctrl-web-site-brand-copy strong{font:600 23px Newsreader,Georgia,serif;letter-spacing:.14em;color:#bd9028}.ctrl-web-site-brand-copy small{margin-top:5px;font:700 8px/1.2 Outfit,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#70788a}.ctrl-web-site-brand-copy em{font-family:"Segoe Script","Brush Script MT",cursive;font-style:normal;text-transform:none;color:#b78924}.ctrl-web-site-nav{display:flex;align-items:center;gap:8px}.ctrl-web-site-nav a{padding:9px 10px;border-radius:10px;color:#505b73;text-decoration:none;font:700 12px Outfit,Arial,sans-serif}.ctrl-web-site-nav a:hover{background:#f4f0fb;color:#202b48}.ctrl-web-site-nav .site-pro{border:1px solid #c79b32;background:linear-gradient(120deg,#fff3bb,#e0bb55);color:#271e24;box-shadow:0 8px 20px rgba(56,42,88,.08)}

html:not(.native-app).ctrl-website-home .browser-upload-hero{margin-top:28px!important}
html:not(.native-app).ctrl-website-home .browser-upload-copy h1{max-width:780px!important;font-size:clamp(52px,5.5vw,82px)!important;line-height:.96!important;letter-spacing:-.035em!important}
html:not(.native-app).ctrl-website-home .browser-upload-copy>p{max-width:780px!important;font-size:17px!important;line-height:1.55!important;color:#56627a!important}
html:not(.native-app).ctrl-website-home .browser-feature-panel{background:rgba(255,255,255,.84)!important;box-shadow:0 20px 55px rgba(41,31,75,.10)!important}
html:not(.native-app).ctrl-website-home .browser-feature-list article strong{font-size:16px!important;color:#18233e!important}
html:not(.native-app).ctrl-website-home .browser-feature-list article small{font-size:13px!important;line-height:1.5!important;color:#5f6980!important}

/* Paywall opens only by an explicit CTRL+ action or ?paywall=1. Keep it spacious and aligned. */
html:not(.native-app) .modal-layer:has(.paywall-card){padding:42px 24px!important;align-items:center!important;background:rgba(16,20,39,.34)!important;backdrop-filter:blur(14px)!important}
html:not(.native-app) .modal-layer:has(.paywall-card)::before{display:none!important}
html:not(.native-app) .paywall-card{position:relative!important;width:min(1160px,calc(100vw - 48px))!important;max-width:1160px!important;max-height:calc(100vh - 84px)!important;padding:42px 38px 32px!important;border-radius:28px!important;overflow:auto!important}
html:not(.native-app) .paywall-card .modal-close{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;width:42px!important;height:42px!important;border-radius:50%!important}
html:not(.native-app) .paywall-title{font-size:clamp(34px,4vw,56px)!important;line-height:.98!important;letter-spacing:-.025em!important}
html:not(.native-app) .paywall-subtitle{max-width:760px!important;font-size:15px!important;line-height:1.55!important}

/* Desktop text/erase editor — replace the cramped narrow modal with a real workspace. */
html:not(.native-app) .edit-text-modal{position:relative!important;width:min(1220px,calc(100vw - 48px))!important;max-width:1220px!important;max-height:calc(100vh - 48px)!important;padding:32px!important;border-radius:26px!important;overflow:auto!important}
html:not(.native-app) .edit-text-modal .modal-close{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;width:42px!important;height:42px!important;border-radius:14px!important;z-index:10!important}
html:not(.native-app) .edit-text-modal .modal-heading{padding-right:70px!important}
html:not(.native-app) .edit-text-layout{grid-template-columns:minmax(520px,1.45fr) minmax(360px,.8fr)!important;gap:24px!important;align-items:start!important}
html:not(.native-app) .edit-text-preview-panel{min-width:0!important;min-height:620px!important;padding:18px!important}
html:not(.native-app) .edit-text-preview{max-width:100%!important;margin:0 auto!important}
html:not(.native-app) .edit-text-controls{min-width:0!important;padding:18px!important}
@media(max-width:900px){html:not(.native-app) .edit-text-modal{width:calc(100vw - 20px)!important;padding:22px 16px!important}html:not(.native-app) .edit-text-layout{grid-template-columns:1fr!important}html:not(.native-app) .edit-text-preview-panel{min-height:460px!important}.ctrl-web-site-nav a:not(.site-pro){display:none}}


/* V37 visibility + signing QA fixes */
html:not(.native-app) .editable-pdf-object.text .editable-text-content{
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
  mix-blend-mode:normal!important;
}
html:not(.native-app) .editable-pdf-object.text.selected .editable-text-content{
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
}
html:not(.native-app) .editable-pdf-object.text .editable-text-content:empty:before{
  content:"Type here";
  color:#7c8798!important;
  -webkit-text-fill-color:#7c8798!important;
  opacity:.78;
  pointer-events:none;
}
html:not(.native-app) .editable-pdf-object.text.selected .editable-text-content:focus:empty:before{content:"Type here"}

/* Keep the actual PDF visible while signing instead of covering the whole workspace. */
html:not(.native-app) .modal-layer:has(.signature-modal){
  justify-content:flex-end!important;
  align-items:center!important;
  padding:18px 26px!important;
  background:rgba(4,9,22,.16)!important;
  backdrop-filter:blur(2px)!important;
}
html:not(.native-app) .signature-modal{
  position:relative!important;
  width:min(460px,calc(100vw - 44px))!important;
  max-width:460px!important;
  max-height:calc(100vh - 36px)!important;
  margin:0!important;
  padding:30px 28px 24px!important;
  border-radius:24px!important;
  overflow:auto!important;
  box-shadow:0 28px 80px rgba(11,18,42,.24)!important;
}
html:not(.native-app) .signature-modal .modal-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  z-index:5!important;
}
html:not(.native-app) .signature-modal .modal-heading{padding-right:48px!important}
html:not(.native-app) .signature-modal .modal-copy{font-size:13px!important;line-height:1.5!important}
@media(max-width:820px){
  html:not(.native-app) .modal-layer:has(.signature-modal){justify-content:center!important;padding:12px!important;background:rgba(4,9,22,.34)!important}
  html:not(.native-app) .signature-modal{width:calc(100vw - 24px)!important;max-width:620px!important}
}