/* ==========================================================================\n   CTRL WEB V24 — BROWSER-FIRST DESKTOP EDITOR\n   ========================================================================== */
:root{--v24-gold:#e4c66f;--v24-gold-2:#b7892d;--v24-platinum:#d9e1ec;--v24-ink:#050816;--v24-sapphire:#081b42;--v24-violet:#6d38ff;--v24-panel:rgba(11,24,53,.82)}
html:not(.native-app) body{background:radial-gradient(circle at 50% -20%,rgba(102,66,220,.24),transparent 38%),linear-gradient(180deg,#050915,#08142f 48%,#050915);min-width:320px}
html:not(.native-app) .app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;background:transparent}
html:not(.native-app) .sidebar{width:220px;background:linear-gradient(180deg,rgba(5,10,27,.98),rgba(8,17,39,.96));border-right:1px solid rgba(224,197,112,.18);box-shadow:16px 0 55px rgba(0,0,0,.22)}
html:not(.native-app) .main-content{min-width:0;background:transparent}
html:not(.native-app) .topbar{height:64px;min-height:64px;background:rgba(6,12,29,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,199,110,.15);position:sticky;top:0;z-index:40}
html:not(.native-app) .bottom-nav{display:none!important}
html:not(.native-app) .page-content{max-width:none;width:100%;box-sizing:border-box}

/* Upload-first landing */
.browser-first-home{padding:clamp(24px,4vw,64px)!important;min-height:calc(100vh - 64px);display:grid;align-items:center}
.browser-upload-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(26px,4vw,58px);max-width:1280px;width:100%;margin:0 auto;padding:clamp(28px,5vw,72px);border:1px solid rgba(229,201,112,.26);border-radius:34px;background:linear-gradient(145deg,rgba(10,25,59,.92),rgba(19,12,49,.88));box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 80px rgba(100,55,255,.11),inset 0 1px rgba(255,255,255,.08);overflow:hidden}
.browser-upload-hero:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 20% 16%,rgba(120,74,255,.22),transparent 30%),radial-gradient(circle at 85% 72%,rgba(218,174,61,.09),transparent 28%)}
.browser-upload-brand,.browser-upload-copy,.browser-feature-panel{position:relative;z-index:1}
.browser-upload-brand{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.browser-brand-kicker{font-size:11px;letter-spacing:.22em;color:#c7d0e3}.browser-brand-kicker em{font-style:normal;color:var(--v24-gold)}
.browser-logo-row{display:flex;align-items:center;gap:10px}.browser-emblem{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 17px rgba(213,176,68,.22))}.browser-ctrl-wordmark{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:800;letter-spacing:.16em;background:linear-gradient(135deg,#fff8d8,#d6ad3d 42%,#fff0a8 64%,#9a7020);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 28px rgba(208,163,45,.17)}
.browser-product-label{font-size:11px;letter-spacing:.18em;color:#9eacc2;border:1px solid rgba(216,225,237,.18);border-radius:999px;padding:7px 11px}
.browser-upload-copy{padding:12px 0}.browser-upload-copy h1{font:700 clamp(42px,5.3vw,76px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em;max-width:780px;margin:14px 0 20px;color:#f7f8fb}.browser-upload-copy>p:not(.browser-upload-note){max-width:760px;font-size:clamp(16px,1.4vw,20px);line-height:1.72;color:#c7d2e5;margin:0 0 28px}
.browser-upload-button{width:min(100%,560px);display:flex;align-items:center;gap:15px;text-align:left;padding:17px 20px;border-radius:16px;border:1px solid var(--v24-gold);background:linear-gradient(135deg,rgba(37,65,126,.94),rgba(72,36,139,.92));color:#fff;box-shadow:0 12px 35px rgba(29,25,88,.35),inset 0 1px rgba(255,255,255,.14);cursor:pointer}.browser-upload-button:hover{transform:translateY(-1px);box-shadow:0 16px 42px rgba(51,35,132,.45),0 0 28px rgba(216,176,61,.12)}.browser-upload-button span{display:grid;gap:2px;flex:1}.browser-upload-button strong{font-size:16px}.browser-upload-button small{color:#d4dcec}
.browser-upload-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.browser-upload-trust span{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:999px;font-size:12px;color:#bdc9dc}.browser-upload-note{font-size:12px!important;line-height:1.55!important;color:#8f9db5!important;margin:15px 0 0!important}
.browser-feature-panel{align-self:stretch;padding:22px;border:1px solid rgba(212,222,237,.13);border-radius:22px;background:linear-gradient(180deg,rgba(3,9,23,.50),rgba(12,17,39,.66));box-shadow:inset 0 1px rgba(255,255,255,.05)}.browser-feature-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.14em;color:#93a2b9}.browser-feature-heading b{color:var(--v24-gold);font-size:10px}.browser-feature-list{display:grid;gap:5px;margin-top:8px}.browser-feature-list article{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.06);display:grid;gap:5px}.browser-feature-list strong{font-size:14px;color:#f1f4f9}.browser-feature-list small{line-height:1.45;color:#9eacc1}.browser-pro-button{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid rgba(224,192,91,.55);border-radius:12px;background:rgba(226,190,75,.07);color:#f1d47b}.browser-resume-card{grid-column:1/-1;position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(111,125,255,.28);border-radius:15px;background:rgba(31,34,77,.48);color:#fff;text-align:left}.browser-resume-card span{display:grid;gap:2px;flex:1}.browser-resume-card small{font-size:9px;letter-spacing:.12em;color:#aab6cb}.browser-resume-card em{font-style:normal;color:#8593aa;font-size:11px}

/* True desktop editor structure */
html:not(.native-app) .workspace-shell{height:100vh;min-height:720px;display:grid;grid-template-rows:64px minmax(0,1fr);background:#070b16;color:#eef3fb;overflow:hidden}
html:not(.native-app) .workspace-topbar{min-height:64px;height:64px;padding:0 16px;border-bottom:1px solid rgba(221,193,101,.18);background:linear-gradient(180deg,#0b1329,#080e1d);box-shadow:0 7px 24px rgba(0,0,0,.26);z-index:60}
html:not(.native-app) .workspace-body{display:grid!important;grid-template-columns:172px minmax(520px,1fr) 248px!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#10141d}
html:not(.native-app) .workspace-body.thumbs-closed{grid-template-columns:minmax(520px,1fr) 248px!important}
html:not(.native-app) .page-rail{width:auto!important;min-width:0!important;background:#0b1020;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}
html:not(.native-app) .thumbnail-list{overflow:auto;padding:12px 10px 30px}
html:not(.native-app) .canvas-area{min-width:0!important;min-height:0!important;overflow:hidden!important;background:#1a1d24;display:grid;grid-template-rows:auto auto minmax(0,1fr)}
html:not(.native-app) .canvas-toolbar{position:relative!important;top:auto!important;display:flex!important;align-items:center;gap:14px;min-height:54px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#0d1322;overflow-x:auto;overflow-y:hidden;white-space:nowrap;box-shadow:none!important;z-index:20}
html:not(.native-app) .workspace-tool-actions{display:flex;align-items:center;gap:6px;min-width:max-content}
html:not(.native-app) .tool-button{height:36px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:#111a2c;color:#cbd5e5;font-size:12px;box-shadow:none}.tool-button:hover{border-color:rgba(225,191,83,.42);background:#16213a;color:#fff}.tool-button.direct-type-active,.tool-button.featured.direct-type-active{border-color:#d8b650;background:linear-gradient(180deg,rgba(88,60,157,.64),rgba(41,55,105,.8));box-shadow:0 0 0 1px rgba(215,181,76,.12),0 0 22px rgba(96,50,205,.15)}
html:not(.native-app) .image-tool-button{border-color:rgba(121,144,244,.28)}
html:not(.native-app) .workspace-zoom-controls{margin-left:auto;position:sticky;right:0;background:#0d1322;padding-left:8px;z-index:2}
html:not(.native-app) .page-stage{min-height:0!important;height:100%!important;overflow:auto!important;overscroll-behavior:contain;padding:32px 36px 70px!important;scrollbar-gutter:stable both-edges;background:radial-gradient(circle at 50% 0,rgba(89,66,149,.11),transparent 28%),#1a1d24}
html:not(.native-app) .pdf-page-wrap{box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.22)!important;background:#fff}
html:not(.native-app) .pdf-page-image{image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}
html:not(.native-app) .inspector{width:auto!important;min-width:0!important;background:#0b1020;border-left:1px solid rgba(255,255,255,.07);overflow:auto;padding-bottom:35px}
html:not(.native-app) .direct-type-hint{margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;background:linear-gradient(90deg,rgba(42,67,119,.94),rgba(54,35,112,.94))!important;box-shadow:none!important}
html:not(.native-app) .smart-edit-hint{border-top:1px solid rgba(222,191,91,.25)!important;border-bottom:1px solid rgba(222,191,91,.25)!important}

/* Inline editing should read like document text, not a floating textbox. */
.editable-pdf-object.text{border:0!important;background:transparent!important;box-shadow:none!important}.editable-pdf-object.text.selected{outline:1px solid rgba(70,108,245,.62)!important;outline-offset:1px;background:rgba(73,104,235,.035)!important}.editable-text-content{cursor:text!important;min-width:1ch;white-space:pre-wrap!important;line-height:1.1;caret-color:#1f5fff!important;outline:0!important;border:0!important;padding:0 2px!important}.editable-pdf-object.text:not(.selected) .editable-text-content{pointer-events:none}.editable-pdf-object.image img,.editable-pdf-object.signature img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.editable-pdf-object.image.selected{outline:2px solid rgba(100,128,255,.72)!important;box-shadow:0 0 0 1px rgba(255,255,255,.38),0 6px 22px rgba(27,37,95,.30)}
.object-toolbar{background:#0a1021!important;border:1px solid rgba(220,190,91,.28)!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important}

@media(max-width:1050px){html:not(.native-app) .app-shell{grid-template-columns:74px minmax(0,1fr)}html:not(.native-app) .sidebar{width:74px;padding-left:8px;padding-right:8px}html:not(.native-app) .sidebar .brand-copy,html:not(.native-app) .sidebar nav span,html:not(.native-app) .sidebar-pro span:not(.mini-orb),html:not(.native-app) .private-note span{display:none}.browser-upload-hero{grid-template-columns:1fr}.browser-feature-panel{grid-column:1}.browser-upload-copy h1{font-size:clamp(40px,7vw,64px)}html:not(.native-app) .workspace-body{grid-template-columns:132px minmax(440px,1fr)!important}html:not(.native-app) .workspace-body .inspector{display:none}html:not(.native-app) .workspace-body.thumbs-closed{grid-template-columns:1fr!important}}
@media(max-width:720px){html:not(.native-app) .app-shell{display:block}.sidebar{display:none!important}.browser-first-home{padding:16px!important}.browser-upload-hero{padding:24px 18px;border-radius:23px}.browser-upload-copy h1{font-size:42px}.browser-upload-button{width:100%}html:not(.native-app) .topbar{height:58px;min-height:58px}html:not(.native-app) .workspace-shell{min-height:100dvh;height:100dvh;grid-template-rows:58px minmax(0,1fr)}html:not(.native-app) .workspace-topbar{height:58px;min-height:58px}html:not(.native-app) .workspace-body,html:not(.native-app) .workspace-body.thumbs-closed{grid-template-columns:1fr!important}html:not(.native-app) .page-rail,html:not(.native-app) .inspector{display:none!important}html:not(.native-app) .page-stage{padding:18px 12px 80px!important}.workspace-file span{display:none}.workspace-history{display:none}.save-button em{display:none}}


/* V24.1 corrective QA: this file is intentionally loaded by index.html. */
html:not(.native-app) .browser-first-home{padding:32px 36px 48px!important;min-height:calc(100vh - 64px)!important}
html:not(.native-app) .browser-upload-hero{max-width:1180px!important;grid-template-columns:minmax(0,1.1fr) minmax(310px,.62fr)!important;padding:42px!important;border-radius:26px!important}
html:not(.native-app) .browser-upload-brand{grid-column:1/-1!important;display:grid!important;grid-template-columns:58px 1fr auto!important;align-items:center!important;gap:14px!important}
html:not(.native-app) .browser-emblem{width:58px!important;height:58px!important;object-fit:contain!important;grid-row:1/3!important}
html:not(.native-app) .browser-logo-row{display:block!important}
html:not(.native-app) .browser-ctrl-wordmark{font:700 34px/1 Georgia,serif!important;letter-spacing:.12em!important;color:#efd784!important;text-shadow:0 0 22px rgba(228,198,111,.16)!important}
html:not(.native-app) .browser-brand-kicker{font-size:10px!important;letter-spacing:.19em!important;color:#9aa8be!important;order:3!important}
html:not(.native-app) .browser-product-label{justify-self:end!important;font-size:10px!important;letter-spacing:.16em!important;color:#d9e1ec!important}
html:not(.native-app) .browser-upload-copy h1{font-size:clamp(44px,5vw,70px)!important;max-width:700px!important}
html:not(.native-app) .browser-feature-panel{align-self:stretch!important;padding:22px!important;border-radius:18px!important;background:rgba(4,10,26,.58)!important;border:1px solid rgba(225,196,103,.14)!important}
html:not(.native-app) .main-nav button{min-height:48px!important;border-radius:14px!important}
html:not(.native-app) .topbar{box-shadow:none!important}
html:not(.native-app) .legacy-edit-tool{display:none!important}
html:not(.native-app) .workspace-tool-actions .tool-button{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:11px!important;border-radius:8px!important}
html:not(.native-app) .workspace-tool-actions .tool-button svg{width:14px!important;height:14px!important}
html:not(.native-app) .direct-type-hint{margin:8px 12px 0!important;border-radius:10px!important;padding:8px 12px!important}
html:not(.native-app) .direct-type-hint strong{font-size:11px!important;letter-spacing:.02em!important}
html:not(.native-app) .direct-type-hint small{font-size:10px!important;opacity:.72!important}
html:not(.native-app) .editable-pdf-object.text.selected{outline:1px solid #e7c95f!important;box-shadow:0 0 0 2px rgba(231,201,95,.15)!important}
html:not(.native-app) .editable-pdf-object.text .editable-text-content{min-width:100%!important;min-height:100%!important;cursor:text!important}
html:not(.native-app) .object-toolbar{top:-32px!important;border-radius:8px!important;overflow:hidden!important;background:#111827!important;border:1px solid rgba(232,202,103,.35)!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important}
html:not(.native-app) .object-toolbar button{height:28px!important;padding:0 8px!important;font-size:10px!important}
html:not(.native-app) .page-stage{background:radial-gradient(circle at 50% 0,rgba(84,53,159,.11),transparent 32%),#0b0f1a!important}
@media(max-width:1050px){html:not(.native-app) .browser-upload-hero{grid-template-columns:1fr!important}.browser-feature-panel{grid-column:1!important}}
@media(max-width:720px){html:not(.native-app) .browser-first-home{padding:14px!important}.browser-upload-hero{padding:22px!important}.browser-upload-brand{grid-template-columns:46px 1fr!important}.browser-emblem{width:46px!important;height:46px!important}.browser-product-label{display:none!important}}

/* ==========================================================================\n   CTRL WEB V24.2 — PROFESSIONAL WEBSITE REDESIGN\n   Browser homepage is intentionally NOT styled like the Android app.\n   ========================================================================== */
.web-v242 body{
  background:#f7f8fb!important;
  color:#151924!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
.web-v242.ctrl-website-home .app-shell{
  display:block!important;
  min-height:100vh!important;
  background:#f7f8fb!important;
}
.web-v242.ctrl-website-home .sidebar,
.web-v242.ctrl-website-home .bottom-nav,
.web-v242.ctrl-website-home .sidebar-scrim{
  display:none!important;
}
.web-v242.ctrl-website-home .main-content{
  width:100%!important;
  min-width:0!important;
  background:#f7f8fb!important;
}
.web-v242.ctrl-website-home .topbar{
  height:72px!important;
  min-height:72px!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 clamp(22px,5vw,76px)!important;
  border:0!important;
  border-bottom:1px solid #e7e9ef!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 1px 0 rgba(13,20,38,.03)!important;
  backdrop-filter:blur(14px)!important;
}
.web-v242.ctrl-website-home .topbar .mobile-menu,
.web-v242.ctrl-website-home .topbar-page-name,
.web-v242.ctrl-website-home .avatar{
  display:none!important;
}
.web-v242.ctrl-website-home .topbar-identity{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
.web-v242.ctrl-website-home .ctrl-brand{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.web-v242.ctrl-website-home .ctrl-brand .brand-mark{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  filter:none!important;
}
.web-v242.ctrl-website-home .ctrl-brand .brand-copy{
  display:grid!important;
  gap:2px!important;
}
.web-v242.ctrl-website-home .ctrl-brand .brand-name{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  color:#10172b!important;
  text-shadow:none!important;
}
.web-v242.ctrl-website-home .ctrl-brand .brand-byline{
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#737b8c!important;
}
.web-v242.ctrl-website-home .ctrl-brand .by-word{display:none!important}
.web-v242.ctrl-website-home .ctrl-brand .rf-silver{
  color:#555f73!important;
}
.web-v242.ctrl-website-home .ctrl-brand .works-gold{
  color:#b58a22!important;
  font-family:"Segoe Script","Brush Script MT","Apple Chancery",cursive!important;
  font-size:14px!important;
  line-height:.8!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  transform:rotate(-2deg)!important;
  transform-origin:left center!important;
}
.web-v242.ctrl-website-home .topbar-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.web-v242.ctrl-website-home .topbar .pro-chip{
  height:40px!important;
  padding:0 16px!important;
  border:1px solid #b99132!important;
  border-radius:9px!important;
  background:#111a31!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:750!important;
}
.web-v242.ctrl-website-home .topbar .pro-chip:hover{
  background:#18233f!important;
  transform:none!important;
}
.web-v242.ctrl-website-home .browser-first-home{
  box-sizing:border-box!important;
  display:block!important;
  min-height:calc(100vh - 72px)!important;
  padding:0!important;
  background:
    radial-gradient(circle at 72% 8%,rgba(103,71,202,.08),transparent 27%),
    linear-gradient(180deg,#fff 0,#f8f9fc 72%,#f4f6fa 100%)!important;
}
.web-v242.ctrl-website-home .browser-upload-hero{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,430px)!important;
  grid-template-areas:
    "brand brand"
    "copy panel"
    "resume resume"!important;
  gap:34px 64px!important;
  width:min(1180px,calc(100% - 44px))!important;
  max-width:1180px!important;
  min-height:auto!important;
  margin:0 auto!important;
  padding:58px 0 68px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.web-v242.ctrl-website-home .browser-upload-hero:before,
.web-v242.ctrl-website-home .browser-upload-hero:after{display:none!important}
.web-v242.ctrl-website-home .browser-upload-brand{
  grid-area:brand!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  padding:0 0 4px!important;
  border:0!important;
  text-align:center!important;
}
.web-v242.ctrl-website-home .browser-upload-brand .browser-logo-row,
.web-v242.ctrl-website-home .browser-upload-brand .browser-emblem,
.web-v242.ctrl-website-home .browser-upload-brand .browser-ctrl-wordmark{
  display:none!important;
}
.web-v242.ctrl-website-home .browser-brand-kicker{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:7px!important;
  color:#1c2334!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.web-v242.ctrl-website-home .browser-brand-kicker em{
  color:#b48720!important;
  font-family:"Segoe Script","Brush Script MT","Apple Chancery",cursive!important;
  font-size:23px!important;
  line-height:.8!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  transform:rotate(-3deg)!important;
}
.web-v242.ctrl-website-home .browser-product-label{
  padding:6px 9px!important;
  border:1px solid #d9dde7!important;
  border-radius:6px!important;
  color:#697286!important;
  background:#fff!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
  font-weight:700!important;
}
.web-v242.ctrl-website-home .browser-upload-copy{
  grid-area:copy!important;
  align-self:center!important;
  padding:12px 0 8px!important;
}
.web-v242.ctrl-website-home .browser-upload-copy .eyebrow{
  display:inline-flex!important;
  margin-bottom:17px!important;
  padding:6px 9px!important;
  border-radius:6px!important;
  background:#f0edf9!important;
  color:#64509c!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.web-v242.ctrl-website-home .browser-upload-copy h1{
  max-width:690px!important;
  margin:0 0 18px!important;
  color:#121827!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(44px,5.2vw,72px)!important;
  line-height:1.02!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}
.web-v242.ctrl-website-home .browser-upload-copy>p:not(.browser-upload-note){
  max-width:680px!important;
  margin:0 0 28px!important;
  color:#5d6678!important;
  font-size:17px!important;
  line-height:1.72!important;
}
.web-v242.ctrl-website-home .browser-upload-button{
  width:min(100%,520px)!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px 18px!important;
  border:1px solid #b88e2e!important;
  border-radius:11px!important;
  background:#111b33!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(20,31,59,.12)!important;
  transition:.18s ease!important;
}
.web-v242.ctrl-website-home .browser-upload-button:hover{
  background:#182541!important;
  transform:translateY(-1px)!important;
  box-shadow:0 13px 32px rgba(20,31,59,.16)!important;
}
.web-v242.ctrl-website-home .browser-upload-button strong{
  color:#fff!important;
  font-size:16px!important;
  font-weight:780!important;
}
.web-v242.ctrl-website-home .browser-upload-button small{
  color:#cbd2df!important;
  font-size:11px!important;
}
.web-v242.ctrl-website-home .browser-upload-trust{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px 16px!important;
  margin-top:18px!important;
}
.web-v242.ctrl-website-home .browser-upload-trust span{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#687286!important;
  font-size:11px!important;
}
.web-v242.ctrl-website-home .browser-upload-trust span svg{color:#8a6d26!important}
.web-v242.ctrl-website-home .browser-upload-note{
  max-width:670px!important;
  margin:15px 0 0!important;
  color:#8a91a0!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.web-v242.ctrl-website-home .browser-feature-panel{
  grid-area:panel!important;
  align-self:center!important;
  box-sizing:border-box!important;
  padding:24px 25px!important;
  border:1px solid #e0e3ea!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 18px 55px rgba(27,35,55,.07)!important;
}
.web-v242.ctrl-website-home .browser-feature-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid #eceef2!important;
  color:#778094!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.web-v242.ctrl-website-home .browser-feature-heading b{
  color:#8d6d1e!important;
  font-size:9px!important;
}
.web-v242.ctrl-website-home .browser-feature-list{
  display:grid!important;
  gap:0!important;
  margin:4px 0 0!important;
}
.web-v242.ctrl-website-home .browser-feature-list article{
  display:grid!important;
  gap:5px!important;
  padding:14px 0!important;
  border-bottom:1px solid #eff1f4!important;
}
.web-v242.ctrl-website-home .browser-feature-list strong{
  color:#1c2434!important;
  font-size:13px!important;
  font-weight:770!important;
}
.web-v242.ctrl-website-home .browser-feature-list small{
  color:#737d8e!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.web-v242.ctrl-website-home .browser-pro-button{
  width:100%!important;
  margin-top:17px!important;
  padding:11px 14px!important;
  border:1px solid #c39a37!important;
  border-radius:9px!important;
  background:#fffaf0!important;
  color:#715518!important;
  box-shadow:none!important;
  font-weight:760!important;
}
.web-v242.ctrl-website-home .browser-resume-card{
  grid-area:resume!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:13px 15px!important;
  border:1px solid #dde1e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#20283a!important;
  box-shadow:none!important;
}
.web-v242.ctrl-website-home .browser-resume-card small{color:#8a91a0!important}
.web-v242.ctrl-website-home .browser-resume-card em{color:#687286!important}
.web-v242.ctrl-website-home .ad-shell,
.web-v242.ctrl-website-home .ad-banner,
.web-v242.ctrl-website-home [class*="ad-banner"]{
  border-radius:0!important;
}

/* Keep the PDF editor itself dark and focused after a document is opened. */
.web-v242:not(.ctrl-website-home) body{background:#070b16!important}
.web-v242:not(.ctrl-website-home) .workspace-shell{background:#070b16!important}
.web-v242:not(.ctrl-website-home) .works-gold{
  color:#e0bd58!important;
  font-family:"Segoe Script","Brush Script MT","Apple Chancery",cursive!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

@media(max-width:900px){
  .web-v242.ctrl-website-home .browser-upload-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "copy" "panel" "resume"!important;
    gap:26px!important;
    padding:42px 0 54px!important;
  }
  .web-v242.ctrl-website-home .browser-upload-copy{text-align:center!important}
  .web-v242.ctrl-website-home .browser-upload-copy h1,
  .web-v242.ctrl-website-home .browser-upload-copy>p:not(.browser-upload-note),
  .web-v242.ctrl-website-home .browser-upload-note{margin-left:auto!important;margin-right:auto!important}
  .web-v242.ctrl-website-home .browser-upload-button{margin-left:auto!important;margin-right:auto!important}
  .web-v242.ctrl-website-home .browser-upload-trust{justify-content:center!important}
  .web-v242.ctrl-website-home .browser-feature-panel{width:min(100%,620px)!important;margin:0 auto!important}
}
@media(max-width:620px){
  .web-v242.ctrl-website-home .topbar{padding:0 16px!important;height:64px!important;min-height:64px!important}
  .web-v242.ctrl-website-home .ctrl-brand .brand-mark{width:34px!important;height:34px!important}
  .web-v242.ctrl-website-home .ctrl-brand .brand-name{font-size:19px!important}
  .web-v242.ctrl-website-home .topbar .pro-chip{height:36px!important;padding:0 12px!important}
  .web-v242.ctrl-website-home .browser-upload-hero{width:min(100% - 28px,1180px)!important;padding:32px 0 42px!important}
  .web-v242.ctrl-website-home .browser-upload-brand{flex-wrap:wrap!important}
  .web-v242.ctrl-website-home .browser-brand-kicker{font-size:11px!important}
  .web-v242.ctrl-website-home .browser-brand-kicker em{font-size:20px!important}
  .web-v242.ctrl-website-home .browser-upload-copy h1{font-size:42px!important}
  .web-v242.ctrl-website-home .browser-upload-copy>p:not(.browser-upload-note){font-size:15px!important}
}

/* ========================================================================== 
   CTRL WEB V24.4 — COMPLETE BROWSER PRODUCT PASS
   The web app is intentionally separated from the Android visual language.
   ========================================================================== */
html:not(.native-app){--web-ink:#0e1728;--web-muted:#667085;--web-line:#d7dde7;--web-soft:#f4f6fa;--web-paper:#fff;--web-gold:#b7892d;--web-navy:#0c1830}
html:not(.native-app) body{background:#f5f7fa!important;color:var(--web-ink)!important}

/* Desktop document workspace: conventional browser editor, not mobile app UI. */
html:not(.native-app) .workspace-shell{height:100vh!important;min-height:640px!important;background:#e9edf3!important;color:var(--web-ink)!important;grid-template-rows:58px minmax(0,1fr)!important}
html:not(.native-app) .workspace-topbar{height:58px!important;min-height:58px!important;padding:0 18px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid var(--web-line)!important;box-shadow:0 1px 4px rgba(15,23,42,.06)!important;color:#111827!important}
html:not(.native-app) .workspace-topbar>.ctrl-brand{border-right:1px solid #e4e7ec!important;padding-right:14px!important}
html:not(.native-app) .workspace-topbar .workspace-file strong{font-size:12px!important;color:#172033!important}
html:not(.native-app) .workspace-topbar .workspace-file span{color:#7b8495!important}
html:not(.native-app) .workspace-history{border-right:1px solid #e4e7ec!important}
html:not(.native-app) .workspace-topbar .icon-button{color:#596579!important;border-color:transparent!important;background:transparent!important}
html:not(.native-app) .workspace-topbar .icon-button:hover{background:#f2f4f7!important;color:#111827!important}
html:not(.native-app) .save-button{height:38px!important;min-height:38px!important;border-radius:9px!important;border:1px solid #b7892d!important;background:#171f31!important;color:#fff!important;box-shadow:none!important;padding:0 14px!important}
html:not(.native-app) .save-button em{background:#f2cf71!important;color:#332604!important}

html:not(.native-app) .workspace-body{grid-template-columns:156px minmax(560px,1fr) 220px!important;background:#eef1f5!important}
html:not(.native-app) .workspace-body.thumbs-closed{grid-template-columns:minmax(560px,1fr) 220px!important}
html:not(.native-app) .page-rail{background:#f8f9fb!important;border-right:1px solid var(--web-line)!important;color:#273244!important}
html:not(.native-app) .rail-header{height:44px!important;border-bottom:1px solid #e2e6ed!important;color:#4b5565!important}
html:not(.native-app) .rail-header b{background:#e8edf4!important;color:#596579!important}
html:not(.native-app) .page-thumbnail{border-radius:7px!important}
html:not(.native-app) .page-thumbnail:hover{background:#eef2f7!important}
html:not(.native-app) .page-thumbnail.selected{border-color:#b7892d!important;background:#fffaf0!important;box-shadow:none!important}
html:not(.native-app) .page-thumbnail.selected>span{color:#8c661d!important;font-weight:700!important}
html:not(.native-app) .thumbnail-sheet{background:#fff!important;box-shadow:0 2px 9px rgba(15,23,42,.16)!important}

html:not(.native-app) .canvas-area{background:#e9edf2!important;grid-template-rows:46px auto minmax(0,1fr)!important}
html:not(.native-app) .canvas-toolbar{height:46px!important;min-height:46px!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid var(--web-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;backdrop-filter:none!important;color:#344054!important}
html:not(.native-app) .workspace-tool-actions{gap:2px!important}
html:not(.native-app) .workspace-tool-actions .tool-button{height:32px!important;min-height:32px!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#475467!important;font-size:10px!important;font-weight:650!important;box-shadow:none!important}
html:not(.native-app) .workspace-tool-actions .tool-button:hover{background:#f2f4f7!important;border-color:#e1e5eb!important;color:#101828!important}
html:not(.native-app) .workspace-tool-actions .smart-edit-button{color:#704e12!important;background:#fff8e7!important;border-color:#e4c46a!important}
html:not(.native-app) .workspace-tool-actions .legacy-edit-tool{display:flex!important;color:#8d3f2e!important}
html:not(.native-app) .workspace-tool-actions .featured{color:#344054!important}
html:not(.native-app) .workspace-zoom-controls{background:#fff!important;border-left:1px solid #e6e9ee!important;padding-left:8px!important}
html:not(.native-app) .workspace-zoom-controls button{color:#475467!important;background:#fff!important;border:1px solid #e4e7ec!important}
html:not(.native-app) .workspace-zoom-controls button:hover{background:#f5f7fa!important}
html:not(.native-app) .page-stage{background:#dfe4ea!important;padding:30px 38px 72px!important}
html:not(.native-app) .pdf-page-wrap{box-shadow:0 8px 28px rgba(15,23,42,.22),0 0 0 1px rgba(15,23,42,.08)!important}

/* concise instructional bar; no app-like glowing status strips */
html:not(.native-app) .direct-type-hint{margin:0!important;border:0!important;border-bottom:1px solid #ead79d!important;border-radius:0!important;background:#fff9e8!important;color:#6f5219!important;box-shadow:none!important;padding:8px 14px!important}
html:not(.native-app) .direct-type-hint span{display:flex!important;align-items:baseline!important;gap:8px!important;min-width:0!important}
html:not(.native-app) .direct-type-hint strong{font-size:10px!important;color:#65480d!important;white-space:nowrap!important}
html:not(.native-app) .direct-type-hint small{font-size:10px!important;color:#7b6840!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Inspector becomes a quiet properties sidebar instead of a stack of gold app cards. */
html:not(.native-app) .inspector{padding:16px 14px 30px!important;background:#fff!important;border-left:1px solid var(--web-line)!important;color:#253044!important}
html:not(.native-app) .inspector-heading{padding:0 2px 14px!important;border-bottom:1px solid #e6e9ef!important}
html:not(.native-app) .inspector-heading .eyebrow{color:#8a6a28!important;font-size:8px!important;letter-spacing:.14em!important}
html:not(.native-app) .inspector-heading h3{font-size:15px!important;color:#1d2939!important}
html:not(.native-app) .inspector-section{padding:14px 0!important;border-bottom:1px solid #edf0f4!important}
html:not(.native-app) .inspector-section>label{color:#98a2b3!important;font-size:8px!important}
html:not(.native-app) .inspector-grid{gap:6px!important}
html:not(.native-app) .inspector-grid button{min-height:42px!important;border:1px solid #e3e7ed!important;border-radius:7px!important;background:#fff!important;color:#667085!important;box-shadow:none!important}
html:not(.native-app) .inspector-grid button:hover:not(:disabled){background:#f7f8fa!important;color:#1d2939!important;border-color:#cdd3dc!important}
html:not(.native-app) .inspector-wide{min-height:36px!important;padding:0 7px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#475467!important;font-size:9px!important;box-shadow:none!important}
html:not(.native-app) .inspector-wide:hover:not(:disabled){background:#f2f4f7!important;color:#101828!important}
html:not(.native-app) .inspector-wide>svg:first-child{color:#667085!important}
html:not(.native-app) .inspector-wide.smart-edit-button{background:#fff8e7!important;color:#6f5219!important}
html:not(.native-app) .inspector-wide.smart-edit-button>svg:first-child{color:#a87920!important}
html:not(.native-app) .inspector-wide.featured{background:transparent!important;color:#475467!important}
html:not(.native-app) .inspector-tip{margin-top:14px!important;padding:10px!important;border:1px solid #e8ebf0!important;border-radius:7px!important;background:#f8fafc!important;color:#667085!important}
html:not(.native-app) .inspector-tip strong{color:#344054!important}

/* Existing text selection: caret first, erase action stays clearly visible. */
html:not(.native-app) .editable-pdf-object.text.selected{outline:1.5px solid #b7892d!important;background:rgba(255,248,226,.25)!important;box-shadow:0 0 0 2px rgba(183,137,45,.12)!important}
html:not(.native-app) .object-toolbar{background:#fff!important;border:1px solid #cfd5dd!important;color:#253044!important;box-shadow:0 6px 18px rgba(15,23,42,.18)!important}
html:not(.native-app) .object-toolbar button{color:#344054!important;background:#fff!important}
html:not(.native-app) .object-toolbar button:hover{background:#f2f4f7!important}

/* Continue-last card: restore readable contrast in the light browser homepage. */
html:not(.native-app) .browser-resume-card{border:1px solid #d7dde6!important;background:#fff!important;color:#182230!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important}
html:not(.native-app) .browser-resume-card small{color:#8a94a5!important}
html:not(.native-app) .browser-resume-card strong{color:#222c3d!important}
html:not(.native-app) .browser-resume-card em{color:#667085!important}

/* CTRL+ web pricing: a readable browser checkout surface, not an Android modal. */
html:not(.native-app) .modal-layer:has(.paywall-card){padding:84px 24px 34px!important;align-items:start!important;background:#f4f6f9!important;backdrop-filter:none!important;overflow:auto!important}
html:not(.native-app) .modal-layer:has(.paywall-card)::before{content:"CTRL   ·   RARE FREQUENCY 𝒲orks";position:fixed;inset:0 0 auto 0;height:58px;display:flex;align-items:center;padding:0 32px;box-sizing:border-box;border-bottom:1px solid #dfe3ea;background:#fff;color:#172033;font:700 16px/1 Georgia,serif;letter-spacing:.08em;z-index:0}
html:not(.native-app) .paywall-card{position:relative!important;z-index:1!important;width:min(920px,100%)!important;max-height:none!important;padding:42px 46px 38px!important;overflow:visible!important;border:1px solid #d8dde5!important;border-radius:18px!important;background:#fff!important;color:#172033!important;text-align:left!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important;display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr)!important;column-gap:44px!important;align-items:start!important}
html:not(.native-app) .paywall-card .modal-close{top:16px!important;right:16px!important;color:#475467!important;background:#f4f6f8!important;border:1px solid #e2e6ec!important}
html:not(.native-app) .paywall-card .paywall-glow,html:not(.native-app) .paywall-card .pro-orb{display:none!important}
html:not(.native-app) .paywall-card>.eyebrow{grid-column:1!important;color:#a57b23!important;text-align:left!important;margin-top:6px!important}
html:not(.native-app) .paywall-title{grid-column:1!important;color:#172033!important;font:700 42px/1.02 Georgia,serif!important;letter-spacing:-.035em!important;margin:12px 0 12px!important}
html:not(.native-app) .paywall-subtitle{grid-column:1!important;color:#667085!important;font-size:12px!important;line-height:1.62!important;margin:0 0 16px!important}
html:not(.native-app) .paywall-access-status,html:not(.native-app) .catalog-status{grid-column:1!important}
html:not(.native-app) .catalog-status{padding:10px 12px!important;border:1px solid #e6e9ee!important;border-radius:8px!important;background:#f8fafc!important;color:#667085!important;text-align:left!important;font-size:9px!important}
html:not(.native-app) .plan-options{grid-column:2!important;grid-row:1/7!important;margin:0!important;gap:10px!important}
html:not(.native-app) .plan-option{min-height:78px!important;padding:14px 16px!important;border:1px solid #d9dee6!important;border-radius:10px!important;background:#fff!important;color:#253044!important;box-shadow:none!important}
html:not(.native-app) .plan-option.selected{border:1.5px solid #b7892d!important;background:#fffaf0!important;box-shadow:0 0 0 3px rgba(183,137,45,.08)!important}
html:not(.native-app) .plan-option strong{color:#253044!important;font-size:12px!important}
html:not(.native-app) .plan-option small{color:#7b8493!important;font-size:9px!important}
html:not(.native-app) .plan-option b{color:#172033!important;font-size:17px!important}
html:not(.native-app) .save-pill{background:#d3ac50!important;color:#2d2209!important}
html:not(.native-app) .pro-benefits{grid-column:1!important;margin:10px 0 18px!important;gap:10px!important}
html:not(.native-app) .pro-benefits li{color:#667085!important;font-size:10px!important}
html:not(.native-app) .pro-benefits strong{color:#344054!important;font-size:10px!important}
html:not(.native-app) .paywall-card>.primary-button,html:not(.native-app) .paywall-card .paywall-button{grid-column:2!important;width:100%!important}
html:not(.native-app) .paywall-card .restore-button,html:not(.native-app) .paywall-card .fine-print{grid-column:2!important;color:#667085!important}

/* Privacy/support/tool pages inherit the same professional browser system. */
html:not(.native-app) .support-page,html:not(.native-app) .tools-page{color:#172033!important}
html:not(.native-app) .support-quick-card,html:not(.native-app) .guide-card,html:not(.native-app) .session-recovery-card{background:#fff!important;border:1px solid #dfe4ea!important;color:#172033!important;box-shadow:0 4px 18px rgba(15,23,42,.05)!important}
html:not(.native-app) .support-quick-card small,html:not(.native-app) .guide-card p,html:not(.native-app) .guide-card li{color:#667085!important}

@media(max-width:1100px){
  html:not(.native-app) .workspace-body{grid-template-columns:132px minmax(480px,1fr)!important}
  html:not(.native-app) .workspace-body .inspector{display:none!important}
  html:not(.native-app) .workspace-body.thumbs-closed{grid-template-columns:1fr!important}
  html:not(.native-app) .paywall-card{grid-template-columns:1fr!important;gap:18px!important}
  html:not(.native-app) .plan-options{grid-column:1!important;grid-row:auto!important}
  html:not(.native-app) .paywall-card>.primary-button,html:not(.native-app) .paywall-card .paywall-button,html:not(.native-app) .paywall-card .restore-button,html:not(.native-app) .paywall-card .fine-print{grid-column:1!important}
}

/* V25 Acrobat-style paragraph editing: selected native text acts like a text block, not a draggable annotation. */
html:not(.native-app) .editable-pdf-object.text.smart-reflow{background:#fff!important;border:1px solid transparent!important;box-shadow:none!important;overflow:visible!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow.selected{outline:1px solid #4c8df6!important;outline-offset:1px!important;background:#fff!important;box-shadow:0 0 0 1px rgba(76,141,246,.08)!important;z-index:12!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .editable-text-content{display:block!important;width:100%!important;min-height:100%!important;height:auto!important;box-sizing:border-box!important;white-space:normal!important;overflow:visible!important;line-height:1.2!important;padding:2px 4px!important;background:#fff!important;color:#171b21!important;cursor:text!important;user-select:text!important;-webkit-user-select:text!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-move-badge,
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-resize-handle{display:none!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-toolbar{top:-34px!important;left:0!important;right:auto!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-toolbar button:first-child{display:none!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-toolbar button:last-child{font-weight:700!important}

/* V25 CTRL Native Text Engine — direct paragraph editing */
html:not(.native-app) .editable-pdf-object.text.smart-reflow{cursor:text!important;overflow:visible!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow.selected{outline:1px solid rgba(37,99,235,.82)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 0 0 2px rgba(37,99,235,.10)!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .editable-text-content{display:block!important;width:100%!important;min-width:100%!important;height:auto!important;min-height:100%!important;white-space:pre-wrap!important;overflow-wrap:normal!important;word-break:normal!important;user-select:text!important;-webkit-user-select:text!important;cursor:text!important;line-height:1.18!important;color:#171b21!important;background:transparent!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow.selected .editable-text-content::selection{background:rgba(37,99,235,.28)!important;color:#111827!important}

/* V25.1 direct paragraph editing */
html:not(.native-app) .editable-pdf-object.text.smart-reflow{
  border:0!important; outline:0!important; box-shadow:none!important;
  background:#fff!important; cursor:text!important; overflow:visible!important;
}
html:not(.native-app) .editable-pdf-object.text.smart-reflow.selected{
  outline:1px solid rgba(46,103,214,.42)!important;
  outline-offset:1px!important; box-shadow:none!important;
}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .editable-text-content{
  display:block!important; width:100%!important; min-width:100%!important;
  height:auto!important; min-height:100%!important; padding:0!important; margin:0!important;
  white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important;
  line-height:1.28!important; background:#fff!important; cursor:text!important;
  user-select:text!important; -webkit-user-select:text!important;
}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-move-badge,
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-resize-handle{display:none!important}
html:not(.native-app) .editable-pdf-object.text.smart-reflow .object-toolbar{opacity:.96!important}
html:not(.native-app) .smart-edit-hint{background:#f7f9fc!important;color:#263246!important;border:1px solid #d8dee9!important}
html:not(.native-app) .smart-edit-hint strong{color:#172033!important}
html:not(.native-app) .smart-edit-hint small{color:#5d6878!important}

/* V25.2 — real interactive PDF text layer for Edit PDF mode */
.ctrl-direct-text-layer{position:absolute;inset:0;z-index:22;pointer-events:auto;line-height:normal;container-type:inline-size}
.ctrl-direct-text-block{position:absolute;display:block;margin:0;padding:0 1px;box-sizing:border-box;overflow:visible;white-space:normal;line-height:1.28;color:transparent;background:transparent;caret-color:#111827;cursor:text;user-select:text;-webkit-user-select:text;outline:0;border:0;text-shadow:none}
.ctrl-direct-text-block:hover{outline:1px dashed rgba(184,137,31,.35);background:rgba(255,250,230,.08)}
.ctrl-direct-text-block:focus{z-index:2;color:#171b21;background:#fff;outline:1px solid #c7931d;box-shadow:0 0 0 2px rgba(199,147,29,.12);min-height:1.5em;white-space:normal;overflow:visible}
.ctrl-direct-text-block.edited{color:#171b21;background:#fff}
html:not(.native-app) .smart-edit-hint strong:after{content:" — click the words themselves, then use normal keyboard selection and Backspace/Delete";font-weight:500}


/* CTRL V25.3 REAL TEXT EDIT MODE */
.ctrl-direct-text-layer{position:absolute!important;inset:0!important;z-index:80!important;pointer-events:none!important;container-type:inline-size!important}
.ctrl-direct-text-block{pointer-events:auto!important;position:absolute!important;display:block!important;box-sizing:border-box!important;margin:0!important;padding:1px 2px!important;color:#17202a!important;background:rgba(255,255,255,.965)!important;caret-color:#0f5bd7!important;cursor:text!important;user-select:text!important;-webkit-user-select:text!important;white-space:normal!important;line-height:1.25!important;border:1px solid transparent!important;border-radius:2px!important;outline:0!important;overflow:visible!important}
.ctrl-direct-text-block:hover{border-color:rgba(194,145,28,.55)!important;box-shadow:0 0 0 1px rgba(194,145,28,.08)!important}
.ctrl-direct-text-block:focus{z-index:82!important;border-color:#c28f18!important;background:#fff!important;box-shadow:0 0 0 2px rgba(194,143,24,.18),0 5px 18px rgba(15,23,42,.12)!important}
.ctrl-direct-text-block.edited{border-color:rgba(15,91,215,.45)!important;background:#fff!important}
.smart-edit-hint:after{content:"REAL TEXT MODE";margin-left:auto;padding:4px 8px;border-radius:999px;background:#fff;color:#7a5710;border:1px solid rgba(194,143,24,.45);font-size:9px;font-weight:800;letter-spacing:.08em}


/* CTRL V25.4 LAYER 2 — caret-safe direct editing + clearer guidance */
.ctrl-direct-text-block{
  color:transparent!important;
  background:transparent!important;
  border:1px solid transparent!important;
  caret-color:#0f5bd7!important;
}
.ctrl-direct-text-block:hover{
  color:transparent!important;
  background:rgba(255,244,204,.16)!important;
  border-color:rgba(194,145,28,.65)!important;
  box-shadow:0 0 0 1px rgba(194,145,28,.10)!important;
}
.ctrl-direct-text-block:focus,
.ctrl-direct-text-block.edited{
  color:#171b21!important;
  background:#fff!important;
  border-color:#c28f18!important;
  box-shadow:0 0 0 2px rgba(194,143,24,.18),0 5px 18px rgba(15,23,42,.12)!important;
}
html:not(.native-app) .smart-edit-hint{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:10px 14px!important;background:#fff8df!important;border-bottom:1px solid #dfc56e!important;
  color:#4f3b09!important;
}
html:not(.native-app) .smart-edit-hint strong{font-size:12px!important;color:#4a3505!important;font-weight:800!important}
html:not(.native-app) .smart-edit-hint small{font-size:11px!important;color:#6b5a2e!important;white-space:normal!important;overflow:visible!important}
html:not(.native-app) .smart-edit-hint:after{content:"1 CLICK TEXT  ·  2 SELECT/TYPE  ·  3 CLICK OUTSIDE  ·  4 SAVE"!important;white-space:nowrap!important;background:#172033!important;color:#fff!important;border:0!important;padding:5px 9px!important}

/* ==========================================================================
   CTRL V25.8 STABILITY BUILD
   Restore the last known working text hit-test geometry.
   Do NOT resize the page image independently of the editable shell.
   ========================================================================== */

/* Keep the editor's three rows predictable and the help bar compact. */
html:not(.native-app) .canvas-area{
  position:relative!important;
  grid-template-rows:46px 38px minmax(0,1fr)!important;
  min-width:0!important;
  overflow:hidden!important;
}
html:not(.native-app) .smart-edit-hint{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid #e2c76f!important;
  border-radius:0!important;
  background:#fff9e8!important;
  box-shadow:none!important;
  color:#58410c!important;
  z-index:20!important;
  pointer-events:none!important;
}
html:not(.native-app) .smart-edit-hint strong{
  flex:0 0 auto!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#5b4209!important;
  white-space:nowrap!important;
}
html:not(.native-app) .smart-edit-hint strong:after{content:""!important}
html:not(.native-app) .smart-edit-hint small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#766536!important;
  font-size:10px!important;
}
html:not(.native-app) .smart-edit-hint:after{
  content:"CLICK A PARAGRAPH  ·  SELECT / TYPE  ·  CLICK OUTSIDE"!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#172033!important;
  color:#fff!important;
  border:0!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}

/* Stable canvas: center the WHOLE editable shell; never scale image alone. */
html:not(.native-app) .page-stage{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  overflow:auto!important;
  padding:28px 34px 70px!important;
  background:#dfe4ea!important;
  text-align:center!important;
  scroll-padding-top:28px!important;
  overflow-anchor:none!important;
}
html:not(.native-app) .page-stage .editable-page-shell{
  position:relative!important;
  display:block!important;
  width:min(830px,calc(100% - 8px))!important;
  max-width:830px!important;
  height:auto!important;
  margin:0 auto!important;
  line-height:0!important;
  text-align:left!important;
  container-type:inline-size!important;
}
html:not(.native-app) .page-stage .editable-page-shell>.pdf-page-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
}
/* Fit stays centered but does not change layer geometry independently. */
html:not(.native-app) .page-stage.fit-page .editable-page-shell{
  width:min(760px,calc(100% - 8px))!important;
  max-width:760px!important;
  max-height:none!important;
}
html:not(.native-app) .page-stage.fit-page .editable-page-shell>.pdf-page-image{
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
}
html:not(.native-app) .page-stage.zoom-page .editable-page-shell{
  width:var(--ctrl-page-zoom,100%)!important;
  max-width:none!important;
}
html:not(.native-app) .page-stage.zoom-page .editable-page-shell>.pdf-page-image{
  width:100%!important;
  max-width:none!important;
}

/* Restore the direct layer to exactly the shell bounds. */
html:not(.native-app) .ctrl-direct-text-layer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:80!important;
  pointer-events:none!important;
  line-height:normal!important;
  container-type:inline-size!important;
}
html:not(.native-app) .ctrl-direct-text-block{
  pointer-events:auto!important;
  z-index:81!important;
  color:transparent!important;
  background:transparent!important;
  border:1px solid transparent!important;
  outline:0!important;
  cursor:text!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  caret-color:#0f5bd7!important;
}
html:not(.native-app) .ctrl-direct-text-block:hover:not(:focus){
  outline:1px dashed rgba(194,143,24,.68)!important;
  outline-offset:1px!important;
  background:rgba(255,244,196,.14)!important;
}
html:not(.native-app) .ctrl-direct-text-block:focus{
  z-index:85!important;
  color:#171b21!important;
  background:#fff!important;
  border-color:#c28f18!important;
  outline:1px solid #c28f18!important;
  outline-offset:1px!important;
  box-shadow:0 0 0 2px rgba(194,143,24,.14)!important;
}
html:not(.native-app) .ctrl-direct-text-block.edited:not(:focus){
  color:#171b21!important;
  background:#fff!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}

@media(max-width:1200px){
  html:not(.native-app) .page-stage .editable-page-shell{width:min(720px,calc(100% - 8px))!important}
  html:not(.native-app) .page-stage.fit-page .editable-page-shell{width:min(680px,calc(100% - 8px))!important}
}