*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#eef3f9;color:#14213d}header{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dce4ee;position:sticky;top:0;z-index:20}.brand{font-size:20px;color:#1261d8}.actions,.toolbar{display:flex;gap:8px;align-items:center}button{border:1px solid #cad5e3;background:#fff;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:650}button:hover,button.active{border-color:#1261d8;color:#1261d8;background:#edf5ff}.primary{background:#1261d8!important;color:#fff!important;border-color:#1261d8!important}.toolbar{height:54px;background:#fff;padding:0 18px;border-bottom:1px solid #dce4ee;position:sticky;top:64px;z-index:19}.toolbar label{font-size:12px;color:#53657d;display:flex;gap:6px;align-items:center}.toolbar input[type=number]{width:62px;padding:7px;border:1px solid #cad5e3;border-radius:7px}.toolbar input[type=color]{width:34px;height:30px;border:0;background:none}#status{margin-left:auto;font-size:12px;color:#65758b}main{display:grid;grid-template-columns:150px 1fr;min-height:calc(100vh - 118px)}aside{background:#f7f9fc;border-right:1px solid #dce4ee;padding:12px;overflow:auto}.thumb{background:#fff;border:2px solid transparent;border-radius:7px;margin-bottom:12px;padding:5px;cursor:pointer}.thumb.active{border-color:#1261d8}.thumb canvas{width:100%;display:block}.thumb small{display:block;text-align:center;padding:4px}#workspace{overflow:auto;padding:28px;position:relative}#empty{text-align:center;margin:13vh auto;max-width:600px;background:#fff;border:2px dashed #cad5e3;border-radius:20px;padding:55px 30px}#pages{display:flex;flex-direction:column;align-items:center;gap:28px}.page{position:relative;background:white;box-shadow:0 8px 30px #23344b25;transform-origin:top left}.page canvas{display:block}.textLayer{position:absolute;inset:0;overflow:hidden;line-height:1}.textItem{position:absolute;white-space:pre;transform-origin:0 0;cursor:text;color:transparent;border:1px solid transparent}.textItem:hover{border:1px dashed #1684ff;background:#1684ff12}.textItem.selected{border:1px solid #1261d8;background:#1261d812;color:#111}.editBox{position:absolute;z-index:10;border:1.5px solid #1261d8;outline:none;background:transparent;padding:0;margin:0;resize:none;overflow:hidden;white-space:pre;line-height:1.05}.whiteoutBox{position:absolute;background:#fff;border:1px dashed #888;opacity:.96;z-index:8}.addText{position:absolute;z-index:9;background:transparent;border:1px dashed #1261d8;outline:none;min-width:100px;min-height:25px}.pageNo{position:absolute;right:-44px;top:0;font-size:12px;color:#718096}@media(max-width:700px){header{padding:0 10px}.brand{font-size:15px}.actions button:not(.primary){display:none}.toolbar{overflow-x:auto;padding:0 8px}.toolbar #status{display:none}main{grid-template-columns:1fr}aside{display:none}#workspace{padding:12px}.page{max-width:100%}}
.brand span{font-size:11px;background:#e8f2ff;color:#1261d8;padding:3px 6px;border-radius:10px;margin-left:6px}.textItem.selected{color:transparent!important;background:transparent!important}.editMask{position:absolute;z-index:10;background:#fff;pointer-events:none}.editBox{z-index:11!important;background:transparent!important;border:2px solid #1261d8!important;border-radius:2px;box-shadow:0 0 0 2px #fff8;padding:0!important;line-height:1!important}.editBox:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #1261d833}.downloadPage{position:fixed;inset:0;background:#eef3f9;z-index:100;padding:32px;overflow:auto}.downloadPage.hidden{display:none}.downloadCard{max-width:900px;margin:4vh auto;background:#fff;border-radius:20px;padding:32px;text-align:center;box-shadow:0 14px 50px #23344b20}.doneIcon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#eaf8ef;color:#198754;font-size:34px;font-weight:800}.downloadActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.downloadCard iframe{display:none;width:100%;height:65vh;border:1px solid #dce4ee;border-radius:12px;background:#f7f9fc}.downloadCard iframe.show{display:block}@media(max-width:700px){.downloadPage{padding:12px}.downloadCard{padding:22px 12px}.downloadCard iframe{height:62vh}}
/* v2.1 committed live-edit preview */
.committedMask{position:absolute;background:#fff;z-index:18;pointer-events:none}
.committedText{position:absolute;z-index:19;white-space:pre;pointer-events:none;transform-origin:left top}
/* v2.2: committed edits must visually replace, never merge with, source canvas text */
.committedMask{opacity:1!important;border:0!important;box-shadow:none!important}
.committedText{line-height:1!important;font-synthesis:none;text-rendering:geometricPrecision}
/* PraxTools Power Editor v2.3 theme + editable committed text */
:root{--prax:#e91e63;--prax2:#ff4d7d;--ink:#172033;--muted:#697386;--line:#e6e9ef;--soft:#fff5f8}
body{background:#f7f8fb;color:var(--ink)}
header{border-bottom:1px solid var(--line);box-shadow:0 2px 12px #1720330a}
.brand{font-weight:800;color:var(--ink)}.brand b{color:var(--prax)}.brand span,.heroPro{background:#ffe5ee!important;color:var(--prax)!important;font-weight:800}
button{border-color:#dfe3ea}.primary{background:linear-gradient(135deg,var(--prax),var(--prax2))!important;border-color:var(--prax)!important;box-shadow:0 5px 14px #e91e6326}
button:hover,button.active{border-color:var(--prax);color:var(--prax);background:var(--soft)}
.toolbar{border-bottom:1px solid var(--line);box-shadow:0 2px 8px #17203308}.toolbar input[type=number]{border-color:#dfe3ea}.toolbar input:focus{outline:2px solid #e91e6322;border-color:var(--prax)}
aside{background:#fff;border-right:1px solid var(--line)}.thumb.active{border-color:var(--prax)}
#empty{border-color:#f3a7c0;background:#fff;box-shadow:0 10px 35px #1720330a}#empty h1{margin-bottom:8px}.heroPro{font-size:11px;padding:4px 7px;border-radius:999px;vertical-align:middle}
.page{box-shadow:0 10px 35px #17203320}.textItem:hover{border-color:var(--prax);background:#e91e630c}.editBox{border-color:var(--prax)!important;box-shadow:0 0 0 2px #fff8!important}.editBox:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #e91e632b!important}
.committedText{pointer-events:auto!important;cursor:text}.committedText:hover{outline:1px dashed var(--prax);background:#e91e6308}.selectedCommitted{outline:2px solid var(--prax)!important;background:#e91e630b!important}
.downloadPage{background:#f7f8fb}.downloadCard{border:1px solid var(--line)}
.doneIcon{background:#eaf8ef;color:#198754}

/* v2.5 clean print/export helpers: editor selection artefacts must never print */
@media print{
 .textLayer,.editMask,.editBox,.committedMask,.committedText,.whiteoutBox,.addText,header,.toolbar,aside,#empty,.downloadPage{display:none!important}
 #workspace,main{display:block!important;padding:0!important;margin:0!important;background:#fff!important}
 .page{box-shadow:none!important;margin:0!important;break-after:page}
}
.textItem,.committedText,.editBox{ text-decoration:none!important; text-decoration-line:none!important; }

.seoContent{max-width:1050px;margin:36px auto;padding:26px 22px;line-height:1.7}
.seoContent h2{margin:24px 0 8px}.seoContent h3{margin:18px 0 6px}
.seoContent p,.seoContent li{opacity:.88}.seoContent a{text-decoration:underline}
.relatedTools{margin-top:22px}

/* PraxTools unified red visual layer — SEO/UI only, editor engine unchanged */
:root{--prax:#e11d2e;--prax2:#ef4444;--ink:#171923;--muted:#667085;--line:#e5e7eb;--soft:#fff1f2;--paper:#f8fafc;--shadow:0 18px 50px rgba(15,23,42,.08)}
body.pdf-editor-page{background:linear-gradient(180deg,#fff 0,#fff8f8 44%,#f8fafc 100%);color:var(--ink)}
header{height:70px;padding:0 clamp(12px,3vw,28px);border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(15,23,42,.05);background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}.brandHome{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}.brandLogo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--prax),#b91c1c);color:#fff;font-weight:950;box-shadow:0 8px 20px rgba(225,29,46,.2)}.brandText{font-size:19px}.brand b{padding-left:10px;border-left:1px solid var(--line);color:var(--prax);font-size:15px}.brand>span:last-child{background:#ffe4e6!important;color:#be123c!important}
button{border-color:#d8dde6;background:#fff;color:#344054;border-radius:10px;transition:.18s ease}button:hover,button.active{border-color:var(--prax);color:var(--prax);background:var(--soft);transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--prax),#c91829)!important;border-color:var(--prax)!important;box-shadow:0 7px 18px rgba(225,29,46,.18)!important}
.toolbar{height:56px;top:70px;padding:0 clamp(10px,2vw,20px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:0 2px 8px rgba(15,23,42,.04)}.toolbar input[type=number]{border-color:#d8dde6}.toolbar input:focus{outline:0;box-shadow:0 0 0 3px rgba(225,29,46,.10);border-color:#ef9aa4}#status{color:#667085;font-weight:650}
main{min-height:calc(100vh - 126px)}aside{background:#fff;border-right:1px solid var(--line)}.thumb{border-radius:10px}.thumb.active{border-color:var(--prax);box-shadow:0 0 0 2px rgba(225,29,46,.08)}#workspace{background:linear-gradient(180deg,#f8fafc,#f4f6fa)}
#empty{margin:11vh auto;max-width:680px;border:1px solid var(--line);border-top:5px solid var(--prax);border-radius:22px;padding:48px 30px;background:#fff;box-shadow:var(--shadow)}#empty h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.8px;margin:10px 0 8px}.editorBadge{display:inline-flex;padding:6px 11px;border-radius:999px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:11px;font-weight:900;letter-spacing:.07em}.heroPro{background:#ffe4e6!important;color:#be123c!important}.featureChips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0}.featureChips span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fafafa;color:#475467;font-size:12px;font-weight:750}.localNote{font-size:12px!important;color:#667085!important;margin:14px 0 0!important}
.textItem:hover{border-color:var(--prax);background:rgba(225,29,46,.05)}.editBox{border-color:var(--prax)!important}.editBox:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(225,29,46,.17)!important}.addText{border-color:var(--prax)}.committedText:hover{outline-color:var(--prax)}.selectedCommitted{outline-color:var(--prax)!important;background:rgba(225,29,46,.05)!important}
.downloadPage{background:rgba(248,250,252,.98)}.downloadCard{border:1px solid var(--line);border-top:5px solid var(--prax);border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.12)}
.seoContent{max-width:1050px;margin:42px auto;padding:clamp(20px,4vw,32px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);line-height:1.75}.seoEyebrow{display:inline-flex;padding:6px 11px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.seoContent h2{font-size:clamp(21px,3vw,27px);line-height:1.3;margin:30px 0 10px;color:#111827}.seoContent h3{color:#1f2937}.seoContent p,.seoContent li{opacity:1;color:#475467}.seoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.seoGrid article{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fafbfc}.seoGrid h3{margin:0 0 7px;font-size:16px}.seoGrid p{margin:0;font-size:13px}.infoNote{margin:18px 0;padding:14px 16px;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:12px;background:#fff7ed;color:#7c2d12}.seoContent details{border-bottom:1px solid var(--line);padding:14px 0}.seoContent summary{cursor:pointer;font-weight:800;color:#344054}.seoContent details p{margin:8px 0 0}.relatedTools{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.relatedLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.relatedLinks a{padding:8px 11px;border-radius:10px;background:#fff1f2;color:#b42335;text-decoration:none;font-size:13px;font-weight:800}.relatedLinks a:hover{background:#ffe4e6}
.siteFooter{max-width:none;margin-top:44px;padding:24px clamp(18px,5vw,60px);background:#171923;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}.siteFooter div{display:flex;align-items:center;gap:10px}.siteFooter span{color:#aeb2bf;font-size:12px}.siteFooter nav{display:flex;gap:14px;flex-wrap:wrap}.siteFooter a{color:#dfe1e8;text-decoration:none;font-size:12px}.siteFooter a:hover{color:#fff}
@media(max-width:900px){.brandText{display:none}.brand b{font-size:13px}.actions{overflow-x:auto;max-width:62vw}.actions button{white-space:nowrap;padding:8px 10px}.seoGrid{grid-template-columns:1fr}}
@media(max-width:700px){header{height:auto;min-height:64px;padding:8px 10px;gap:8px}.brand{gap:6px;flex:0 0 auto}.brandLogo{width:36px;height:36px}.brand b{display:none}.brand>span:last-child{display:none}.actions{max-width:none;flex:1;justify-content:flex-end}.actions button{font-size:12px;padding:8px 9px}.actions button:not(.primary){display:inline-flex}.toolbar{top:64px;height:54px;overflow-x:auto;justify-content:flex-start}.toolbar>*{flex:0 0 auto}.toolbar #status{display:none}main{min-height:calc(100vh - 118px)}#workspace{padding:12px}#empty{margin:8vh 8px;padding:34px 18px}.featureChips{gap:6px}.seoContent{margin:24px 12px;padding:20px 16px;border-radius:17px}.siteFooter{flex-direction:column;align-items:flex-start}.siteFooter div{display:block}.siteFooter span{display:block;margin-top:4px}}
/* Brand specificity fix: neutralize legacy .brand span pill styling on the new logo/text */
.brand .brandLogo{background:linear-gradient(135deg,var(--prax),#b91c1c)!important;color:#fff!important;padding:0!important;margin-left:0!important;border-radius:12px!important;font-size:20px!important}
.brand .brandText{background:transparent!important;color:var(--ink)!important;padding:0!important;margin-left:0!important;border-radius:0!important;font-size:19px!important;letter-spacing:0!important}
