:root{
  --bg:#edf1f6;--surface:#fff;--soft:#f8fafc;--line:#e5e7eb;--line2:#cbd5e1;--text:#111827;--muted:#64748b;
  --blue:#2563eb;--blue2:#1d4ed8;--red:#ef2f2f;--dark:#24232b;--shadow:0 8px 30px rgba(15,23,42,.12);
  --font:'DM Sans','Noto Sans Thai',system-ui,sans-serif;--left:320px;--right:390px;--top:74px;--tools:76px;--bottom:58px;--left-collapsed:76px;--right-collapsed:68px;
}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font);color:var(--text);overflow:hidden;background:var(--bg)}button,input,select,textarea{font-family:var(--font)}
/* Soft modern scrollbars: reduce dark visual noise while keeping drag handles usable. */
*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.28) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(100,116,139,.24);border:3px solid transparent;border-radius:999px;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.42);border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-corner{background:transparent}
.app{height:100vh;display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right);grid-template-rows:var(--top) var(--tools) minmax(0,1fr);background:var(--bg);transition:grid-template-columns .22s ease}.app.left-collapsed{grid-template-columns:var(--left-collapsed) minmax(0,1fr) var(--right)}.app.right-collapsed{grid-template-columns:var(--left) minmax(0,1fr) var(--right-collapsed)}.app.left-collapsed.right-collapsed{grid-template-columns:var(--left-collapsed) minmax(0,1fr) var(--right-collapsed)}
.header{grid-column:1/4;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 26px;min-width:0}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:27px;color:#08080a;white-space:nowrap}.logo .diamond{width:26px;height:26px;background:#ef3333;transform:rotate(45deg);border-radius:2px}.mainnav{display:flex;gap:34px;font-size:15px;font-weight:800;white-space:nowrap}.mainnav span{cursor:default}.pillTitle{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-weight:700;color:#64748b;background:#fff;white-space:nowrap}
.left{grid-row:2/4;background:#fff;border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:width .22s ease}.leftCollapse{position:absolute;right:-13px;top:50%;width:26px;height:58px;border:1px solid #d8e0ea;background:#fff;border-radius:999px;box-shadow:0 8px 18px rgba(15,23,42,.14);z-index:80;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:900;opacity:0;transform:translateY(-50%);transition:opacity .18s ease,background .18s ease,color .18s ease}.left:hover .leftCollapse,.leftCollapse:focus{opacity:1}.leftCollapse:hover{background:#eff6ff;color:#1d4ed8}.app.left-collapsed .leftTabs{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.app.left-collapsed .tab:not(.active),.app.left-collapsed .zoomSide,.app.left-collapsed .thumbs{display:none}.app.left-collapsed .leftCollapse{opacity:1}.app.left-collapsed .leftCollapse span{transform:rotate(180deg)}.leftTabs{height:64px;display:grid;grid-template-columns:repeat(4,1fr);padding:14px 16px 10px;gap:0}.tab{border:1px solid #d8e0ea;background:#fff;color:#7b8794;font-weight:800;font-size:19px;height:38px}.tab:first-child{border-radius:8px 0 0 8px}.tab:last-child{border-radius:0 8px 8px 0}.tab.active{background:#2580c8;color:#fff;border-color:#2580c8}.zoomSide{height:54px;padding:0 24px;display:flex;align-items:center;gap:14px}.zoomBtn{width:32px;height:32px;border:0;background:#fff;color:#55616f;font-weight:900;font-size:22px;border-radius:8px}.zoomBtn:hover{background:#eef2f7}.rangeLine{height:5px;flex:1;background:#6b7280;border-radius:99px;position:relative;opacity:.9}.rangeDot{position:absolute;left:42%;top:50%;width:24px;height:24px;background:#3d4350;border-radius:50%;transform:translate(-50%,-50%)}.thumbs{flex:1;overflow:auto;padding:14px 16px 30px}.thumbCard{border:1px solid #bfdbfe;background:#fff;border-radius:3px;margin-bottom:22px;box-shadow:0 8px 18px rgba(15,23,42,.05);cursor:pointer;padding:10px;min-height:168px;display:flex;align-items:center;justify-content:center}.thumbCard.active{border-color:#2580c8;box-shadow:0 0 0 2px rgba(37,128,200,.12)}.thumbCard canvas{max-width:100%;height:auto;display:block}.thumbLabel{text-align:center;color:#2580c8;font-weight:700;margin-top:-13px;margin-bottom:22px}.docInfo{border:1px solid #e2e8f0;border-radius:14px;padding:16px;color:#64748b;line-height:1.55;background:#fff}.docInfo b{color:#111827}
.tools{grid-column:2/4;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:stretch;min-width:0;overflow:hidden}.modeGroup{display:flex;align-items:center;gap:10px;padding:0 16px;border-right:1px solid var(--line);flex-shrink:0}.capsule{height:40px;border:1px solid #dbe2ea;background:#fff;border-radius:999px;padding:0 19px;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#3f3e46}.capsule.dark{background:#3b3944;color:#fff;border-color:#3b3944}.toolScroller{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;min-width:0;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.25) transparent}.tool{min-width:112px;border:0;border-right:1px solid var(--line);background:#fff;color:#5b6472;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:800;font-size:15px}.tool:hover,.tool.active{background:#f8fafc;color:#111827}.tool .ico{font-size:22px;line-height:1}.quick{margin-left:auto;display:flex;align-items:center;gap:10px;padding:0 16px;border-left:1px solid var(--line);background:#fff;flex-shrink:0}.modeBadge{padding:9px 14px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:14px}.select,.input{height:42px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;padding:0 12px;font-size:16px}.select{width:205px}.input{width:80px}.color{width:42px;height:42px;border:1px solid #dfe5ee;border-radius:10px;padding:5px;background:#fff}.fileBtn,.saveBtn{height:46px;min-width:146px;border:0;border-radius:11px;padding:0 18px;font-size:17px;font-weight:900;color:#fff;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.fileBtn{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 4px 12px rgba(37,99,235,.25)}.saveBtn{background:linear-gradient(180deg,#ff4747,#ef2f2f);box-shadow:0 4px 12px rgba(239,47,47,.25)}.fileBtn:hover,.saveBtn:hover{filter:brightness(.97);transform:translateY(-1px)}#file,#imgFile{display:none}
.stageShell{grid-column:2;grid-row:3;background:#e8edf3;position:relative;min-width:0;min-height:0;overflow:hidden}.stageWrap{position:absolute;inset:0;overflow:auto;padding:42px 48px 90px}.page{position:relative;margin:0 auto 36px;background:#fff;box-shadow:0 8px 36px rgba(0,0,0,.15)}canvas{display:block}.textHit,.imageHit{position:absolute;border:1px dashed transparent;z-index:4}.textHit{cursor:text}.imageHit{cursor:move}.tool-select .textHit:hover,.tool-select .imageHit:hover{border-color:#2f83d3;background:rgba(47,131,211,.06)}.hide-image-badges .imageHit::after{display:none}.imageHit::after{content:'IMG';position:absolute;right:2px;top:2px;background:rgba(37,99,235,.82);color:#fff;font-size:11px;font-weight:900;border-radius:4px;padding:1px 4px;opacity:.75}.imageEraseSelection{position:absolute;border:2px dashed #ef4444;background:rgba(239,68,68,.18);z-index:45;pointer-events:none;border-radius:3px}.obj.image-mask-edit{background:rgba(239,68,68,.12);border:2px dashed #ef4444;z-index:13;cursor:default}.obj.image-mask-edit .content{display:flex;align-items:center;justify-content:center;color:#ef4444;font-weight:950;font-size:14px;background:rgba(255,255,255,.25)}.stageShell.image-erase-active .page{cursor:crosshair}.imageEraseHint{position:fixed;left:50%;top:92px;transform:translateX(-50%);z-index:9998;background:#111827;color:#fff;border-radius:999px;padding:10px 16px;font-weight:900;box-shadow:0 10px 30px rgba(15,23,42,.22)}.obj{position:absolute;z-index:10;min-width:8px;min-height:8px;cursor:move}.obj .content{width:100%;height:100%;overflow:hidden;white-space:pre-wrap;line-height:1.12}.obj.replace.dirty .content,.obj.text .content{overflow:visible}.obj.text{background:#fff}.obj.replace.dirty{background:transparent}.obj.replace.clean .content{visibility:hidden}.obj.whiteout{background:#fff;border:1px solid rgba(0,0,0,.08)}.obj.image.layer-back{z-index:9}.obj.image.layer-front{z-index:11}.obj.image.source-clean .content{visibility:hidden}.obj.image img{width:100%;height:100%;object-fit:fill;display:block}.obj.form{background:transparent}.obj.form .content{display:flex;align-items:center;justify-content:center;border:1.5px solid #111827;background:rgba(255,255,255,.72);box-sizing:border-box;font-weight:800}.obj.form.form-textfield .content{justify-content:flex-start;padding:0 8px;color:#64748b;font-weight:700}.obj.form.form-listbox .content{justify-content:space-between;padding:0 8px;color:#374151;font-weight:700}.obj.form.form-mark .content{border-color:transparent;background:transparent;font-weight:900}.obj.form.form-radio .content{border-radius:999px}.formTools{display:grid;gap:10px}.formToolGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formTool{height:42px;border:1px solid #dbe2ea;border-radius:11px;background:#fff;font-weight:900;color:#374151}.formTool:hover,.formTool.active{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(37,99,235,.08)}.insertObjectBtn{height:46px;border:0;border-radius:12px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;font-weight:950;font-size:16px;box-shadow:0 6px 16px rgba(37,99,235,.22)}.layerRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layerBtn{height:38px;border:1px solid #dbe2ea;border-radius:10px;background:#fff;font-weight:900;color:#475569}.layerBtn.active{background:#2563eb;color:#fff;border-color:#2563eb}.sourceCover{position:absolute;background:#fff;z-index:8;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;background-position:center;image-rendering:auto}.selected{outline:2px dashed #2f83d3;outline-offset:0}.handle{position:absolute;width:13px;height:13px;background:#2f83d3;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.22);z-index:12}.h-nw{left:-7px;top:-7px;cursor:nwse-resize}.h-n{left:50%;top:-7px;transform:translateX(-50%);cursor:ns-resize}.h-ne{right:-7px;top:-7px;cursor:nesw-resize}.h-e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.h-se{right:-7px;bottom:-7px;cursor:nwse-resize}.h-s{left:50%;bottom:-7px;transform:translateX(-50%);cursor:ns-resize}.h-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.h-w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.rotateStem{position:absolute;left:50%;top:-29px;width:2px;height:21px;background:#2f83d3;transform:translateX(-50%);z-index:11}.h-rotate{left:50%;top:-48px;width:30px;height:30px;transform:translateX(-50%);cursor:grab;background:#fff;color:#1d4ed8;border:2px solid #2f83d3;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;line-height:1;box-shadow:0 3px 10px rgba(15,23,42,.22)}.h-rotate::before{content:'↻';display:block;transform:translateY(-1px)}.h-rotate:hover{background:#eff6ff;box-shadow:0 0 0 4px rgba(37,99,235,.13),0 3px 10px rgba(15,23,42,.22)}.h-rotate:active{cursor:grabbing;background:#dbeafe}.floatBar{position:absolute;z-index:30;display:flex;gap:10px;background:#fff;border:1px solid #d1d5db;box-shadow:var(--shadow);border-radius:9px;padding:9px 13px;transform:translate(-50%,10px)}.floatBar button{width:34px;height:32px;border:0;background:#fff;border-radius:7px;font-size:19px;color:#68727c;cursor:pointer}.floatBar button:hover{background:#f1f5f9;color:#111}
.bottomZoom{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);height:52px;background:#4a4b56;color:#fff;border-radius:7px;box-shadow:0 4px 14px rgba(0,0,0,.22);display:flex;align-items:center;gap:10px;padding:0 16px;z-index:100}.bzBtn{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:24px;font-weight:500;display:grid;place-items:center}.bzBtn:hover{background:rgba(255,255,255,.12)}.zoomPercent{height:38px;min-width:88px;border-radius:6px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800}.pageCount{font-size:21px;letter-spacing:.02em}.right{grid-column:3;grid-row:3;background:#fff;border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.rightCollapse{position:absolute;left:-13px;top:50%;width:26px;height:58px;border:1px solid #d8e0ea;background:#fff;border-radius:999px;box-shadow:0 8px 18px rgba(15,23,42,.14);z-index:80;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:900;opacity:0;transform:translateY(-50%);transition:opacity .18s ease,background .18s ease,color .18s ease}.right:hover .rightCollapse,.rightCollapse:focus{opacity:1}.rightCollapse:hover{background:#eff6ff;color:#1d4ed8}.app.right-collapsed .rightCollapse{opacity:1}.app.right-collapsed .rightCollapse span{transform:rotate(180deg)}.app.right-collapsed .panelHead,.app.right-collapsed .panel{display:none}.panelHead{height:78px;border-bottom:1px solid var(--line);padding:16px 20px;flex-shrink:0}.panelHead b{font-size:19px}.panelHead p{margin:4px 0 0;color:#64748b;font-size:14px}.panel{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px}.group{margin-bottom:18px}.label{font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#64748b;margin-bottom:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #dfe5ee;border-radius:12px;padding:12px;font:15px var(--font);line-height:1.45}.hint{font-size:14px;color:#64748b;line-height:1.6}.empty{padding:34px 18px;border:1px dashed #cbd5e1;border-radius:14px;text-align:center;color:#64748b;background:#fbfdff}.panelBtn{height:46px;width:100%;border:0;border-radius:11px;background:var(--red);color:#fff;font-weight:900;font-size:16px}.styleRow{display:flex;gap:10px}.miniBtn{width:42px;height:38px;border:1px solid #dfe5ee;background:#fff;border-radius:9px;font-weight:900}.miniBtn.active{border-color:#2580c8;color:#2580c8;background:#eff6ff}.toast{position:fixed;right:18px;top:18px;background:#111827;color:#fff;border-radius:11px;padding:13px 17px;z-index:9999;box-shadow:var(--shadow);font-weight:700}.uploadEmpty{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;color:#64748b}.uploadEmpty .big{font-size:48px;margin-bottom:10px}.uploadEmpty b{display:block;font-size:21px;color:#111827;margin-bottom:5px}.uploadEmpty span{display:block}.uploadEmptyBtn{margin-top:18px;height:46px;min-width:168px;border:0;border-radius:12px;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;font-weight:950;font-size:16px;box-shadow:0 6px 16px rgba(37,99,235,.24);cursor:pointer}.uploadEmptyBtn:hover{filter:brightness(.97);transform:translateY(-1px)}.uploadEmptyBtn:active{transform:translateY(0)}

.uploadModal{position:fixed;inset:0;z-index:9997;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.28);backdrop-filter:blur(5px)}
.uploadModal.show{display:flex}
.uploadModalBox{width:min(340px,calc(100vw - 48px));background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.26);padding:24px 22px;text-align:center;animation:uploadPop .18s ease-out}
.uploadSpinner{width:52px;height:52px;border-radius:999px;border:5px solid #dbeafe;border-top-color:#2563eb;margin:0 auto 16px;animation:uploadSpin .85s linear infinite}
.uploadModalTitle{font-size:21px;font-weight:950;color:#111827;margin-bottom:5px}
.uploadModalText{font-size:14px;color:#64748b;line-height:1.45;word-break:break-word}
.uploadProgressTrack{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:18px}
.uploadProgressBar{height:100%;width:38%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#2563eb,#60a5fa);animation:uploadSlide 1.05s ease-in-out infinite}
@keyframes uploadSpin{to{transform:rotate(360deg)}}
@keyframes uploadSlide{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
@keyframes uploadPop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

.uploadBrand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;font-weight:950;font-size:22px;letter-spacing:.02em;color:#0f172a}
.uploadBrand .heart{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:radial-gradient(circle at 35% 28%,#ffb4bd 0 18%,#ef4444 42%,#b91c1c 100%);color:#fff;text-shadow:0 2px 8px rgba(127,29,29,.35);box-shadow:0 10px 24px rgba(239,68,68,.25),inset 0 2px 5px rgba(255,255,255,.48);transform:translateY(-1px) scale(1.04)}
.loadingDocument .uploadModalBox{border-color:#bfdbfe;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.loadingDocument .uploadSpinner{border-color:#dbeafe;border-top-color:#1d4ed8}


@media(max-width:1300px){:root{--left:280px;--right:340px}.tool{min-width:96px}.select{width:175px}.mainnav{gap:20px}.fileBtn,.saveBtn{min-width:134px;padding:0 14px}}

.toolMini{border:1px solid var(--line);background:#fff;color:#374151;border-radius:12px;height:44px;min-width:92px;padding:0 12px;font-weight:800;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04)}.toolMini:hover{background:#f8fafc;border-color:#bfdbfe;color:#1d4ed8}.toolMini.primary{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.modalMask{position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}.modalMask.show{display:flex}.modalBox{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 60px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.28);border:1px solid #e5e7eb}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5e7eb}.modalHead b{font-size:19px}.modalClose{width:36px;height:36px;border:0;background:#f8fafc;border-radius:10px;font-size:21px;cursor:pointer}.modalBody{padding:20px}.modalFooter{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end}.field{margin-bottom:14px}.field label{display:block;font-size:14px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid #dbe2ea;border-radius:12px;padding:11px 12px;font:15px var(--font);outline:none}.field input:focus,.field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.sigPad{width:100%;height:180px;border:1.5px dashed #cbd5e1;border-radius:14px;background:#fff;touch-action:none}.hintBox{font-size:14px;line-height:1.55;color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-top:8px}.modalBtn{height:42px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;padding:0 16px;font-weight:800;cursor:pointer}.modalBtn.blue{background:#2563eb;color:#fff;border-color:#2563eb}.modalBtn.red{background:#ef2f2f;color:#fff;border-color:#ef2f2f}.mergeInputLabel{display:flex;align-items:center;justify-content:center;height:54px;border:1.5px dashed #cbd5e1;border-radius:14px;font-weight:800;color:#2563eb;cursor:pointer;background:#f8fafc}.fileList{font-size:14px;color:#64748b;line-height:1.6;margin-top:10px}.mainnav span{cursor:pointer}.mainnav span:hover{color:#2563eb}
.fontStep{width:40px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:900;font-size:19px;cursor:pointer;color:#334155}.fontStep:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.fontUpload{height:42px;min-width:96px;border:1px dashed #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;cursor:pointer;padding:0 12px}.fontUpload:hover{background:#dbeafe}.fontDebug{margin-top:8px;padding:9px 10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#64748b;line-height:1.45}.styleCard{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.styleTitle{font-weight:900;color:#111827;margin-bottom:10px}.styleActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.styleActions .settingsBtn{height:38px}.styleActions .settingsBtn.active{background:#2563eb;color:#fff;border-color:#2563eb}.styleSizeRow{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center}.styleColorRow{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}.swatch{height:34px;border:1px solid #dfe5ee;border-radius:10px;cursor:pointer;background:#fff}.swatch:hover{outline:2px solid #bfdbfe}.styleHelp{margin-top:10px;font-size:13px;color:#64748b;line-height:1.45}

.settingsPanel{display:flex;flex-direction:column;gap:12px}.settingsHero{border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fbff,#eef6ff);border-radius:16px;padding:16px}.settingsHero b{display:block;font-size:18px;color:#0f172a;margin-bottom:4px}.settingsHero span{font-size:14px;color:#64748b;line-height:1.45}.settingsCard{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.settingsTitle{display:flex;align-items:center;gap:8px;font-weight:900;color:#111827;margin-bottom:8px}.settingsDesc{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:10px}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settingsField{display:flex;flex-direction:column;gap:6px;margin-top:8px}.settingsField label{font-size:13px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.settingsField select,.settingsField input{width:100%;height:40px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;padding:0 10px;font:15px var(--font)}.settingsUpload{height:44px;width:100%;border:1px dashed #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer}.settingsUpload:hover{background:#dbeafe}.settingsBtn{height:40px;border:1px solid #dbe2ea;border-radius:11px;background:#fff;color:#334155;font-weight:900;cursor:pointer}.settingsBtn:hover{background:#f8fafc;border-color:#bfdbfe;color:#1d4ed8}.settingsBtn.blue{background:#2563eb;color:#fff;border-color:#2563eb}.settingsBtn.red{background:#fff1f2;color:#be123c;border-color:#fecdd3}.settingsList{font-size:14px;color:#64748b;line-height:1.55;max-height:86px;overflow:auto;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:9px 10px}.settingsSwitch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eef2f7}.settingsSwitch:first-of-type{border-top:0}.settingsSwitch span{font-size:14px;color:#334155;font-weight:800}.settingsSwitch input{width:18px;height:18px}.settingsNote{font-size:13px;color:#64748b;line-height:1.45;margin-top:8px}

.ctxMenu{position:fixed;z-index:9998;min-width:172px;background:#fff;border:1px solid #dbe2ea;border-radius:13px;box-shadow:0 18px 45px rgba(15,23,42,.22);padding:7px;display:none}
.ctxMenu.show{display:block}
.ctxMenu button{width:100%;height:42px;border:0;background:#fff;border-radius:10px;text-align:left;padding:0 13px;font-weight:900;color:#111827;cursor:pointer;display:flex;align-items:center;gap:10px}
.ctxMenu button:hover{background:#eff6ff;color:#1d4ed8}
.ctxMenu .ctxHint{padding:5px 13px 7px;font-size:13px;color:#64748b;border-top:1px solid #eef2f7;margin-top:5px}


/* ---------- Agentic AI panel: additive only, keeps original theme/layout intact ---------- */
.agentFab{position:fixed;right:18px;bottom:28px;z-index:1200;height:48px;min-width:118px;border:1px solid #bfdbfe;border-radius:999px;background:#fff;color:#1d4ed8;box-shadow:0 12px 30px rgba(15,23,42,.18);font-weight:950;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}
.agentFab:hover{background:#eff6ff;transform:translateY(-1px)}
.agentDrawer{position:fixed;right:18px;top:74px;bottom:auto;width:min(430px,calc(100vw - 36px));height:calc(100vh - 92px);min-width:390px;min-height:500px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);z-index:1190;background:#fff;border:1px solid #dbe2ea;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.24);display:none;flex-direction:column;overflow:hidden;resize:both}
.agentDrawer.show{display:flex}
.agentDrawer.agent-minimized{height:70px!important;min-height:70px!important;resize:none;overflow:hidden}
.agentDrawer.agent-minimized .agentStatusBar,.agentDrawer.agent-minimized .agentTabs,.agentDrawer.agent-minimized .agentBody,.agentDrawer.agent-minimized .agentComposer{display:none!important}
.agentDrawer.agent-maximized{resize:none}
.agentHead{height:70px;border-bottom:1px solid #e5e7eb;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;cursor:move;user-select:none}.agentHeadBtns,.agentHeadBtns *{cursor:pointer}
.agentTitle{display:flex;flex-direction:column;gap:2px;min-width:0}.agentTitle b{font-size:18px;color:#111827}.agentTitle span{font-size:14px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agentHeadBtns{display:flex;gap:8px}.agentIconBtn{width:36px;height:36px;border:1px solid #dbe2ea;border-radius:10px;background:#fff;color:#334155;font-weight:950;cursor:pointer}.agentIconBtn:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.agentStatusBar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #eef2f7;background:#f8fafc;font-size:14px;color:#64748b}
.agentDot{width:9px;height:9px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.12)}.agentDot.ok{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.13)}.agentDot.warn{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16)}.agentDot.bad{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.14)}
.agentTabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #e5e7eb;background:#fff}.agentTab{height:40px;border:0;background:#fff;color:#64748b;font-weight:900;font-size:14px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agentTab.active,.agentTab:hover{background:#eff6ff;color:#1d4ed8}
.agentBody{flex:1 1 auto;min-height:0;overflow:auto;padding:14px;background:#fff}.agentPane{display:none;min-height:0}.agentPane.active{display:block}
.agentMessages{display:flex;flex-direction:column;gap:10px;min-height:0;padding-bottom:4px}.agentMsg{border:1px solid #e5e7eb;border-radius:14px;padding:11px 12px;font-size:14px;line-height:1.5;background:#f8fafc;color:#334155}.agentMsg.user{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.agentMsg.ai{background:#fff}.agentMsg.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.agentMsg.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}
.agentMsg.loading{position:relative;overflow:hidden;border-color:#bfdbfe;background:linear-gradient(180deg,#f8fbff,#eef6ff);color:#334155}
.agentMsg.loading::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#2563eb;animation:agentPulseBar .9s ease-in-out infinite}
.agentMsg.loading .agentThinking{display:inline-flex;align-items:center;gap:8px;margin-top:2px}
.agentMsg.loading .agentSpinner{width:16px;height:16px;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:999px;animation:agentSpin .8s linear infinite;flex:0 0 auto}
.agentMsg.loading .agentDots{display:inline-flex;gap:3px;margin-left:2px;vertical-align:middle}
.agentMsg.loading .agentDots i{width:5px;height:5px;border-radius:999px;background:#2563eb;opacity:.38;animation:agentDot 1.05s ease-in-out infinite}
.agentMsg.loading .agentDots i:nth-child(2){animation-delay:.15s}.agentMsg.loading .agentDots i:nth-child(3){animation-delay:.3s}
@keyframes agentSpin{to{transform:rotate(360deg)}}
@keyframes agentDot{0%,80%,100%{transform:translateY(0);opacity:.32}40%{transform:translateY(-4px);opacity:1}}
@keyframes agentPulseBar{0%,100%{opacity:.35}50%{opacity:1}}
.agentMsg b{display:block;color:#111827;margin-bottom:3px}.agentMsg .next{margin-top:8px;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;color:#475569}.agentResultBox{margin-top:7px;padding:10px 11px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;white-space:pre-wrap;color:#111827}.agentCites{margin-top:7px;font-size:14px;color:#64748b}.agentStatusPill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:13px;font-weight:900;background:#eff6ff;color:#1d4ed8;margin:4px 0}
.agentComposer{border-top:1px solid #e5e7eb;padding:10px 12px 12px;background:#fff;display:grid;gap:8px;flex:0 0 auto;position:relative;z-index:2}.agentComposer textarea{width:100%;min-height:64px;max-height:120px;resize:vertical;border:1px solid #dbe2ea;border-radius:13px;padding:10px 12px;font:15px var(--font);outline:none}.agentComposer textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.agentQuickRow{display:flex;gap:8px;flex-wrap:wrap}.agentChip{border:1px solid #dbe2ea;background:#fff;border-radius:999px;height:34px;padding:0 11px;font-size:14px;font-weight:900;color:#475569;cursor:pointer}.agentChip:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.agentSendRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.agentSendBtn{height:42px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-weight:950;padding:0 16px;cursor:pointer;box-shadow:0 6px 16px rgba(37,99,235,.22)}.agentSendBtn:hover{background:#1d4ed8}.agentSmallBtn{height:38px;border:1px solid #dbe2ea;border-radius:11px;background:#fff;color:#334155;font-weight:900;padding:0 12px;cursor:pointer}.agentSmallBtn:hover{background:#f8fafc;border-color:#bfdbfe;color:#1d4ed8}
.agentProposal{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);margin-bottom:10px}.agentProposal b{display:block;margin-bottom:4px}.agentProposal .meta{font-size:14px;color:#64748b;line-height:1.45}.agentProposalActions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.agentSettingsGrid{display:grid;gap:10px}.agentField label{display:block;font-size:13px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.agentField input,.agentField select{width:100%;height:40px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;padding:0 10px;font:15px var(--font)}
.agentNote{font-size:14px;color:#64748b;line-height:1.5;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}

.agentPlanStep{border:1px solid #e2e8f0;border-radius:13px;background:#fff;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.agentPlanStep b{display:block;margin-bottom:4px}.agentPlanStep .meta{font-size:14px;color:#64748b;line-height:1.45}.agentDiffRow{border:1px solid #e2e8f0;border-radius:13px;background:#fff;margin-bottom:9px;overflow:hidden}.agentDiffHead{padding:9px 11px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:900;color:#334155}.agentDiffBody{padding:10px 11px;font-size:14px;line-height:1.5}.agentMinus{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:6px 8px;margin-bottom:6px;white-space:pre-wrap}.agentPlus{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:6px 8px;white-space:pre-wrap}.agentVersion{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff;margin-bottom:10px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.agentVersion b{display:block;margin-bottom:4px}.agentVersion .meta{font-size:14px;color:#64748b;line-height:1.45}.agentMono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:#64748b;word-break:break-all}




/* ---------- Page organizer: additive left-thumbnail actions ---------- */
.thumbCard{position:relative;overflow:hidden}
.thumbCard.dragging{opacity:.45;outline:2px dashed #2563eb;outline-offset:2px}
.thumbCard.drag-over{box-shadow:0 0 0 3px rgba(37,99,235,.25),0 8px 18px rgba(15,23,42,.08)}
.pageMiniMenu{position:absolute;right:8px;top:8px;width:30px;height:30px;border:1px solid #dbe2ea;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 4px 12px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:center;font-weight:950;color:#334155;opacity:0;transition:opacity .15s ease;z-index:5;cursor:pointer}
.thumbCard:hover .pageMiniMenu{opacity:1}
.pageMiniActions{position:absolute;right:8px;top:44px;display:none;z-index:6;background:#fff;border:1px solid #dbe2ea;border-radius:12px;box-shadow:0 14px 36px rgba(15,23,42,.18);padding:6px;min-width:128px}
.thumbCard.show-actions .pageMiniActions{display:block}
.pageMiniActions button{width:100%;height:34px;border:0;background:#fff;border-radius:9px;text-align:left;padding:0 10px;font-weight:900;color:#334155;cursor:pointer;font-size:14px}
.pageMiniActions button:hover{background:#eff6ff;color:#1d4ed8}
.pageMiniActions button.danger:hover{background:#fff1f2;color:#be123c}
.thumbDragHint{position:absolute;left:8px;top:8px;background:rgba(15,23,42,.72);color:#fff;border-radius:8px;padding:4px 7px;font-size:12px;font-weight:900;opacity:0;z-index:5}
.thumbCard:hover .thumbDragHint{opacity:.85}
.pageConfirmCard{border:1px solid #fecdd3;background:#fff1f2;border-radius:14px;padding:13px;color:#7f1d1d;line-height:1.5;margin-bottom:12px}.pageConfirmCard b{display:block;color:#991b1b;margin-bottom:3px}.extractPreview{max-height:180px;overflow:auto;white-space:pre-wrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-size:14px;line-height:1.5;color:#334155}

/* ---------- Compact grouped top menu: additive only, frees toolbar width ---------- */
.pdfMenuBar{gap:10px;align-items:center;overflow:visible}.pdfMenuGroup{position:relative;display:inline-flex}.pdfMenuBtn{height:38px;border:1px solid #dbe2ea;background:#fff;border-radius:999px;padding:0 14px;font-weight:900;color:#334155;cursor:pointer;white-space:nowrap}.pdfMenuBtn:hover,.pdfMenuGroup.open .pdfMenuBtn{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.pdfMenuList{position:absolute;top:46px;left:0;min-width:190px;background:#fff;border:1px solid #dbe2ea;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:7px;display:none;z-index:2100}.pdfMenuGroup.open .pdfMenuList{display:block}.pdfMenuList button{width:100%;height:38px;border:0;background:#fff;border-radius:10px;text-align:left;padding:0 12px;font-weight:900;color:#334155;cursor:pointer;white-space:nowrap}.pdfMenuList button:hover{background:#eff6ff;color:#1d4ed8}.pdfMenuList button.danger:hover{background:#fff1f2;color:#be123c}
.uploadModal{position:fixed;inset:0;z-index:9997;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.28);backdrop-filter:blur(5px)}
.uploadModal.show{display:flex}
.uploadModalBox{width:min(340px,calc(100vw - 48px));background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.26);padding:24px 22px;text-align:center;animation:uploadPop .18s ease-out}
.uploadSpinner{width:52px;height:52px;border-radius:999px;border:5px solid #dbeafe;border-top-color:#2563eb;margin:0 auto 16px;animation:uploadSpin .85s linear infinite}
.uploadModalTitle{font-size:21px;font-weight:950;color:#111827;margin-bottom:5px}
.uploadModalText{font-size:14px;color:#64748b;line-height:1.45;word-break:break-word}
.uploadProgressTrack{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:18px}
.uploadProgressBar{height:100%;width:38%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#2563eb,#60a5fa);animation:uploadSlide 1.05s ease-in-out infinite}
@keyframes uploadSpin{to{transform:rotate(360deg)}}
@keyframes uploadSlide{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
@keyframes uploadPop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:1300px){.pdfMenuBar{gap:6px}.pdfMenuBtn{padding:0 10px;font-size:14px}.pillTitle{display:none}}
.proResultList{max-height:260px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;padding:9px;margin-top:10px}.proResultItem{border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:8px 9px;margin-bottom:7px;font-size:14px;line-height:1.45}.proDiffGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proDiffFrame{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.proDiffFrame b{display:block;padding:8px 10px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.proDiffFrame img{display:block;width:100%;height:auto}
.obj.stamp .content{border:2px solid currentColor;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;background:rgba(255,255,255,.08);text-transform:uppercase}.obj.signature .content{font-weight:700;font-style:italic;background:transparent}

/* ---------- PDF Pro UI visibility/fix: explicit compact buttons + safe dropdown layer ---------- */
.header{position:relative;z-index:3200;overflow:visible}.tools{position:relative;z-index:120}.stageShell,.right,.left{z-index:1}.pdfMenuBar{display:flex;flex-wrap:nowrap}.pdfMenuList{z-index:5000}.proToolGroup{display:flex;align-items:stretch;border-left:1px solid var(--line);background:#fff;flex-shrink:0}.proTool{min-width:78px;border:0;border-right:1px solid var(--line);background:#fff;color:#475569;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:900;font-size:14px;cursor:pointer}.proTool:hover{background:#eff6ff;color:#1d4ed8}.proTool .ico{font-size:19px;line-height:1}.obj.watermark{pointer-events:auto}.obj.watermark .content{display:flex;align-items:center;justify-content:center;font-weight:900;text-transform:uppercase;background:transparent;white-space:nowrap;overflow:visible}.obj.stamp .content,.obj.signature .content{white-space:nowrap;overflow:visible}@media(max-width:1420px){.proTool{min-width:66px;font-size:13px}.proTool .ico{font-size:17px}}


.ocrLogoList{display:grid;grid-template-columns:1fr;gap:8px}.ocrLogoItem{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:9px}.ocrLogoThumb{width:82px;height:58px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.ocrLogoThumb img{max-width:100%;max-height:100%;object-fit:contain}



/* ---- v8 UI repair: compact dropdown menu + heart logo + stable floating agent ---- */
.logo .diamond{display:none!important}
/* v77 brand polish only: prettier web heart icon and tighter THAI♥PDF spacing. No editor logic changed. */
/* v78 brand polish only: move PDF slightly right from heart; no editor logic changed. */
.logo{gap:4px!important;letter-spacing:-.045em}.logo span:first-child{margin-right:-3px}.logo span:last-child{margin-left:2px}.logo .heartLogo{display:inline-flex!important;align-items:center;justify-content:center;position:relative;color:#ef2f2f;font-size:43px;line-height:.78;width:38px;height:34px;transform:scaleX(1.18) translateY(1px);margin:0 -3px 0 -2px;font-weight:950;letter-spacing:-.12em;text-shadow:0 1px 0 #ffb3b3,0 4px 8px rgba(239,47,47,.34),0 10px 18px rgba(127,29,29,.22);filter:drop-shadow(0 2px 1px rgba(255,255,255,.9))}.logo .heartLogo::before{content:'♥';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.70);color:#ff8585;opacity:.66;text-shadow:none;filter:blur(.12px);pointer-events:none}.logo .heartLogo::after{content:'';position:absolute;left:9px;top:6px;width:10px;height:6px;border-radius:999px;background:rgba(255,255,255,.76);transform:rotate(-25deg);filter:blur(.18px);pointer-events:none}
/* v79 brand polish only: make loading/upload heart match the header outline-heart style. No editor logic changed. */
.uploadBrand{gap:6px!important;letter-spacing:-.045em}.uploadBrand span:first-child{margin-right:-2px}.uploadBrand span:last-child{margin-left:4px}.uploadBrand .heart{display:inline-flex!important;align-items:center;justify-content:center;position:relative;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#ef2f2f;font-size:42px;line-height:.78;width:38px;height:34px;transform:scaleX(1.18) translateY(1px);margin:0 -1px 0 -1px;font-weight:950;letter-spacing:-.12em;text-shadow:0 1px 0 #ffb3b3,0 4px 8px rgba(239,47,47,.34),0 10px 18px rgba(127,29,29,.22);filter:drop-shadow(0 2px 1px rgba(255,255,255,.9))}.uploadBrand .heart::before{content:'♥';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.70);color:#ff8585;opacity:.66;text-shadow:none;filter:blur(.12px);pointer-events:none}.uploadBrand .heart::after{content:'';position:absolute;left:9px;top:6px;width:10px;height:6px;border-radius:999px;background:rgba(255,255,255,.76);transform:rotate(-25deg);filter:blur(.18px);pointer-events:none}

.pdfMenuBar{display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important;position:relative!important;z-index:1400!important}
.pdfMenuGroup{position:relative!important;display:inline-flex!important;align-items:center!important;overflow:visible!important}
/* v57: menu pill tuned down slightly only (File/Pages/Edit/Insert/Inspect). */
.pdfMenuBtn{height:42px!important;min-width:106px!important;padding:0 18px!important;border:1px solid #dbe3ee!important;border-radius:999px!important;background:#fff!important;color:#243247!important;font-weight:900!important;font-size:18px!important;line-height:1!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;cursor:pointer!important;white-space:nowrap!important}
.pdfMenuBtn:hover,.pdfMenuGroup.open .pdfMenuBtn{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
.pdfMenuList{display:none!important;position:absolute!important;left:0!important;top:calc(100% + 10px)!important;width:268px!important;max-height:calc(100vh - 150px)!important;overflow:auto!important;padding:12px!important;background:#fff!important;border:1px solid #dbe3ee!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(15,23,42,.18)!important;z-index:9999!important}
.pdfMenuGroup.open .pdfMenuList{display:block!important}
.pdfMenuList button{width:100%!important;height:44px!important;border:0!important;background:#fff!important;border-radius:12px!important;text-align:left!important;padding:0 14px!important;color:#334155!important;font-size:16px!important;font-weight:900!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important}
.pdfMenuList button:hover{background:#eff6ff!important;color:#1d4ed8!important}
.pdfMenuList .menuSep{height:1px!important;background:#e5e7eb!important;margin:8px 4px!important;border:0!important;padding:0!important}
/* focused fix: keep Agent drawer floating, draggable, resizable; do not force it collapsed/right-only */
.agentDrawer{position:fixed!important;z-index:1190!important;display:none;flex-direction:column!important;overflow:hidden!important;resize:both!important;width:min(430px,calc(100vw - 36px))!important;min-width:390px!important;min-height:500px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 92px)!important}
.agentDrawer.show{display:flex!important}
.agentDrawer.agent-minimized{height:70px!important;min-height:70px!important;resize:none!important;overflow:hidden!important}
.agentDrawer.agent-minimized .agentStatusBar,.agentDrawer.agent-minimized .agentTabs,.agentDrawer.agent-minimized .agentBody,.agentDrawer.agent-minimized .agentComposer{display:none!important}
.agentDrawer.agent-maximized{left:18px!important;right:auto!important;top:74px!important;width:calc(100vw - 36px)!important;height:calc(100vh - 92px)!important;max-width:calc(100vw - 36px)!important;max-height:calc(100vh - 92px)!important;resize:none!important}
.agentFab{position:fixed!important;right:18px!important;bottom:28px!important;z-index:1200!important}
@media(max-width:900px){.agentDrawer{min-width:0!important;width:calc(100vw - 24px)!important;right:12px!important;top:120px!important;height:calc(100vh - 144px)!important;max-height:calc(100vh - 144px)!important}.pdfMenuBtn{min-width:auto!important;font-size:16px!important;padding:0 14px!important}.pdfMenuBar{gap:7px!important}.pdfMenuList{width:250px!important}}
/* Keep Agent panel anchored to the right on open/minimize/maximize; never jump to the left edge. */
.agentDrawer.agent-maximized{right:18px!important;left:auto!important;top:74px!important;width:min(430px,calc(100vw - 36px))!important;height:calc(100vh - 92px)!important;max-width:calc(100vw - 36px)!important;max-height:calc(100vh - 92px)!important;resize:none!important}

/* Bottom-anchored compact Agent panel: normal/maximized states extend to the lower viewport edge. */
.agentDrawer.show:not(.agent-minimized){height:calc(100vh - 92px)!important;max-height:calc(100vh - 92px)!important}
.agentDrawer.agent-maximized{height:calc(100vh - 92px)!important;max-height:calc(100vh - 92px)!important}


/* Keep the AI Agent panel below the toolbar and anchored to the right. */
:root{--agent-top:calc(var(--top) + var(--tools));--agent-gap:18px}
.agentDrawer{top:var(--agent-top)!important;height:calc(100vh - var(--agent-top) - var(--agent-gap))!important;max-height:calc(100vh - var(--agent-top) - var(--agent-gap))!important}
.agentDrawer.show:not(.agent-minimized),.agentDrawer.agent-maximized{top:var(--agent-top)!important;height:calc(100vh - var(--agent-top) - var(--agent-gap))!important;max-height:calc(100vh - var(--agent-top) - var(--agent-gap))!important}
@media(max-width:900px){.agentDrawer{top:var(--agent-top)!important;height:calc(100vh - var(--agent-top) - 12px)!important;max-height:calc(100vh - var(--agent-top) - 12px)!important}}


/* v40: centered non-blocking delete confirmation, no backdrop */
.deleteConfirmBubble{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10020;width:min(330px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 55px rgba(15,23,42,.22);padding:14px 14px 12px;animation:deleteConfirmPop .12s ease-out}
.deleteConfirmBubble b{display:block;font-size:16px;color:#111827;margin-bottom:4px}
.deleteConfirmBubble p{margin:0 0 12px;color:#64748b;font-size:14px;line-height:1.45}
.deleteConfirmActions{display:flex;gap:8px;justify-content:flex-end}
.deleteConfirmActions button{height:36px;border-radius:10px;border:1px solid #dbe2ea;background:#fff;padding:0 13px;font-weight:900;cursor:pointer}
.deleteConfirmActions button:hover{background:#f8fafc}
.deleteConfirmActions .danger{background:#ef2f2f;color:#fff;border-color:#ef2f2f}
.deleteConfirmActions .danger:hover{background:#dc2626}
@keyframes deleteConfirmPop{from{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}



/* ---------- Soft NER/TAG overlay v3: non-invasive semantic background, no badge clutter ---------- */
.nerSoftLayer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}
.nerSoftMark{position:absolute;border-radius:4px;pointer-events:none;box-sizing:border-box;mix-blend-mode:multiply;background:var(--nerColor,rgba(148,163,184,.18));opacity:var(--nerOpacity,.12);box-shadow:inset 0 0 0 1px rgba(15,23,42,.02)}
.nerSoftMark.entity{opacity:.18;box-shadow:inset 0 -2px 0 rgba(15,23,42,.12), inset 0 0 0 1px rgba(15,23,42,.04)}
.nerSoftMark.pos{opacity:.065}
.nerSoftMark.structure{opacity:.12;height:3px!important;border-radius:999px}
.nerSoftTooltip{position:fixed;z-index:10050;display:none;max-width:280px;padding:6px 9px;border-radius:999px;background:#111827;color:#fff;font:800 13px/1.25 var(--font);box-shadow:0 10px 28px rgba(15,23,42,.25);pointer-events:none;white-space:nowrap;transform:translate(10px,-28px)}
.nerSoftTooltip b{color:#fff;margin-right:5px}.nerSoftTooltip span{opacity:.78;font-weight:700}.nerSoftPanel{display:grid;gap:12px}.nerSoftCard{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.nerSoftTitle{font-weight:950;color:#111827;margin-bottom:6px}.nerSoftDesc{font-size:14px;color:#64748b;line-height:1.55}.nerSoftSwitch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eef2f7}.nerSoftSwitch:first-child{border-top:0}.nerSoftSwitch span{font-size:14px;color:#334155;font-weight:850}.nerSoftSwitch input{width:18px;height:18px}.nerSoftStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nerSoftStat{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:10px;text-align:center}.nerSoftStat b{display:block;color:#111827;font-size:19px}.nerSoftStat span{display:block;color:#64748b;font-size:13px;font-weight:800;margin-top:2px}.nerSoftLegend{display:flex;gap:7px;flex-wrap:wrap}.nerSoftLegend i{font-style:normal;font-size:13px;font-weight:900;border-radius:999px;padding:5px 8px;color:#111827;background:#f8fafc;border:1px solid rgba(15,23,42,.08)}.nerSoftModeRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.nerSoftModeRow button{height:36px;border:1px solid #dbe2ea;border-radius:10px;background:#fff;font-weight:900;color:#334155;cursor:pointer}.nerSoftModeRow button:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.nerSoftModeRow button.active{background:#2563eb;color:#fff;border-color:#2563eb}

/* v4: user-adjustable NER/TAG color intensity; soft overlay keeps PDF layout intact */
.nerSoftMark{opacity:1!important}.nerSoftTune{display:grid;gap:10px}.nerSoftRange{display:grid;grid-template-columns:88px 1fr 42px;gap:10px;align-items:center}.nerSoftRange label{font-size:14px;font-weight:900;color:#475569}.nerSoftRange input[type=range]{width:100%;accent-color:#2563eb}.nerSoftRange output{font-size:14px;font-weight:900;color:#111827;text-align:right}.nerSoftColorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.nerSoftColorItem{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:7px 8px;background:#f8fafc}.nerSoftColorItem input{width:32px;height:28px;border:0;background:transparent;padding:0}.nerSoftColorItem span{font-size:14px;font-weight:900;color:#334155}.nerSoftPreview{height:34px;border-radius:10px;border:1px solid #e2e8f0;background:linear-gradient(90deg,rgba(6,182,212,.34),rgba(132,204,22,.34),rgba(168,85,247,.18));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#334155}


/* ---------- v81 non-breaking center fix + Grammar review UI (from 2index.html only) ---------- */
.modalMask.show{align-items:center!important;justify-content:center!important;padding:34px!important;overflow:hidden!important}
.modalBox.aiCenteredModal{width:min(760px,calc(100vw - 96px))!important;max-height:calc(100vh - 96px)!important;margin:auto!important;border-radius:22px!important;box-shadow:0 26px 90px rgba(15,23,42,.30)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.modalBox.aiCenteredModal .modalHead{padding:20px 24px!important;flex:0 0 auto!important}
.modalBox.aiCenteredModal .modalBody{padding:22px 24px 24px!important;overflow:auto!important;max-height:calc(100vh - 226px)!important;background:linear-gradient(180deg,#ffffff,#fbfdff)!important}
.modalBox.aiCenteredModal .modalFooter{padding:16px 24px!important;flex:0 0 auto!important;flex-wrap:wrap!important;background:#fff!important}
.modalBox.aiCenteredModal .nerSoftPanel{max-width:100%!important;margin:0 auto!important;gap:16px!important}
.modalBox.aiCenteredModal .nerSoftCard{border-radius:18px!important;padding:18px 20px!important}
@media(max-width:760px){.modalMask.show{padding:18px!important}.modalBox.aiCenteredModal{width:calc(100vw - 36px)!important;max-height:calc(100vh - 36px)!important}.modalBox.aiCenteredModal .modalBody{max-height:calc(100vh - 170px)!important;padding:18px!important}}
.grammarSoftLayer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:37;pointer-events:none;overflow:hidden}
.grammarSoftMark{position:absolute;border-radius:6px;box-sizing:border-box;pointer-events:auto;cursor:pointer;background:rgba(245,158,11,.18);box-shadow:inset 0 -2px 0 rgba(245,158,11,.75),0 0 0 1px rgba(245,158,11,.10)}
.grammarSoftMark.error{background:rgba(239,68,68,.16);box-shadow:inset 0 -2px 0 rgba(239,68,68,.78),0 0 0 1px rgba(239,68,68,.12)}
.grammarSoftMark.style{background:rgba(139,92,246,.14);box-shadow:inset 0 -2px 0 rgba(139,92,246,.72),0 0 0 1px rgba(139,92,246,.10)}
.grammarSoftMark.info{background:rgba(37,99,235,.12);box-shadow:inset 0 -2px 0 rgba(37,99,235,.62),0 0 0 1px rgba(37,99,235,.10)}
.grammarPopover{position:fixed;z-index:10080;width:min(390px,calc(100vw - 32px));background:#fff;border:1px solid #dbe2ea;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:14px;display:none;color:#111827}
.grammarPopover b{display:block;font-size:15px;margin-bottom:5px}.grammarPopover .gMeta{font-size:13px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.grammarPopover .gText{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:9px 10px;font-size:14px;line-height:1.45;margin-top:8px;white-space:pre-wrap}.grammarPopover .gWhy{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:12px;padding:9px 10px;font-size:14px;line-height:1.45;margin-top:8px;white-space:pre-wrap}.grammarPopover .gSuggest{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:12px;padding:9px 10px;font-size:14px;line-height:1.45;margin-top:8px;white-space:pre-wrap}.grammarPopover .gActions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.grammarPanel{display:grid;gap:14px}.grammarCard{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.grammarTitle{font-weight:950;color:#111827;font-size:19px;margin-bottom:6px}.grammarDesc{font-size:14px;color:#64748b;line-height:1.55}.grammarStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.grammarStat{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:10px;text-align:center}.grammarStat b{display:block;font-size:19px;color:#111827}.grammarStat span{font-size:13px;font-weight:900;color:#64748b}.grammarIssueList{display:grid;gap:10px;max-height:none;overflow:visible}.grammarPageGroup{display:grid;gap:8px;margin-top:8px}.grammarPageHeader{position:sticky;top:-1px;z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px;font-size:14px;font-weight:950;color:#334155;display:flex;align-items:center;justify-content:space-between}.grammarPageHeader span{color:#64748b;font-size:13px}.grammarIssue{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:11px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.grammarIssue:hover{border-color:#bfdbfe;background:#f8fbff;box-shadow:0 6px 16px rgba(15,23,42,.06)}.grammarIssue.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.12)}.grammarIssue b{display:block;font-size:14px;color:#111827;margin-bottom:3px}.grammarIssue .meta{font-size:13px;color:#64748b;font-weight:900;line-height:1.4}.grammarIssue .snippet{font-size:14px;color:#334155;margin-top:7px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:7px 8px;line-height:1.45;white-space:pre-wrap}.grammarIssue .why{font-size:14px;color:#7c2d12;margin-top:7px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:7px 8px;line-height:1.45}.grammarIssue .suggest{font-size:14px;color:#166534;margin-top:7px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:7px 8px;line-height:1.45}.grammarIssueActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.grammarIssueActions button{height:32px;border:1px solid #dbe2ea;background:#fff;border-radius:9px;padding:0 10px;font-size:13px;font-weight:950;cursor:pointer;color:#334155}.grammarIssueActions button:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.grammarIssueActions button.apply{background:#2563eb;color:#fff;border-color:#2563eb}.grammarIssueActions button.apply:hover{background:#1d4ed8;color:#fff}.grammarSwitch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eef2f7}.grammarSwitch:first-child{border-top:0}.grammarSwitch span{font-size:14px;color:#334155;font-weight:850}.grammarSwitch input{width:18px;height:18px}.grammarRightHint{border:1px dashed #cbd5e1;border-radius:14px;background:#fbfdff;color:#64748b;font-size:14px;line-height:1.5;padding:12px}.grammarSoftMark.active{outline:2px solid #1d4ed8;outline-offset:2px;background:rgba(37,99,235,.16)!important}.grammarSoftMark.flash{animation:grammarPulse .8s ease-in-out 2}@keyframes grammarPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}



/* ===== THAI LOVE PDF Landing Page ===== */
html.landing-mode, body.landing-mode{height:auto;min-height:100%;overflow:auto;background:#fff}
body.landing-mode .app, body.landing-mode .agentFab, body.landing-mode .agentDrawer{display:none!important}
body.editor-mode #landingPage{display:none!important}
#landingPage{min-height:100vh;background:#fff;color:#101828;font-family:var(--font);overflow-x:hidden}
.landingNav{height:86px;display:flex;align-items:center;gap:34px;padding:0 72px;border-top:1px solid #ffe0e0;background:rgba(255,255,255,.92);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}
.landingLogo{display:flex;align-items:center;font-weight:950;font-size:31px;letter-spacing:-.055em;color:#05070b;white-space:nowrap}.landingLogo .ai{margin-right:-2px}.landingLogo .pdf{margin-left:6px}.landingHeart{display:inline-flex;align-items:center;justify-content:center;position:relative;color:#ef2f2f;font-size:47px;line-height:.78;width:42px;height:36px;transform:scaleX(1.18) translateY(1px);margin:0 -2px;font-weight:950;text-shadow:0 1px 0 #ffb3b3,0 5px 10px rgba(239,47,47,.34),0 13px 22px rgba(127,29,29,.2)}.landingHeart:before{content:'♥';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.70);color:#ff8585;opacity:.62;text-shadow:none}.landingHeart:after{content:'';position:absolute;left:10px;top:6px;width:10px;height:6px;border-radius:999px;background:rgba(255,255,255,.75);transform:rotate(-25deg)}
.landingMenu{display:flex;gap:32px;font-size:17px;font-weight:900}.landingMenu a{color:#111827;text-decoration:none}.landingMenu a:hover{color:#ef2f2f}.landingActions{margin-left:auto;display:flex;gap:18px;align-items:center}.landingLink{font-weight:900;color:#111827;text-decoration:none}.landingLogin{border:0;background:#f5f5f5;border-radius:11px;padding:14px 20px;font-weight:950;color:#1f2937;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.landingLogin:hover{background:#eee}
.landingHero{max-width:1720px;margin:0 auto;padding:62px 72px 88px;display:grid;grid-template-columns:minmax(430px,.95fr) minmax(560px,1.1fr);gap:76px;align-items:center}.crumb{font-size:17px;color:#7a8496;margin-bottom:92px}.crumb b{color:#ff333b;font-weight:600}.eyebrow{color:#ff333b;font-size:16px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}.heroTitle{font-size:68px;line-height:.98;letter-spacing:-.06em;margin:0 0 26px;color:#111827;font-weight:950}.heroSub{font-size:33px;line-height:1.22;margin:0 0 42px;font-weight:850;color:#0f172a}.heroBullets{display:grid;gap:26px;margin-bottom:86px}.heroBullet{display:flex;align-items:center;gap:24px;font-size:30px;color:#0f172a}.check{width:43px;height:43px;border-radius:999px;background:#2f74d8;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:950;flex:0 0 auto}.heroSupport{color:#7a8496;font-size:18px;display:flex;gap:17px;flex-wrap:wrap}.heroSupport span+span{border-left:1px solid #b9c0cf;padding-left:17px}
.uploadCard{background:#fff;border-radius:46px;padding:45px;box-shadow:0 17px 55px rgba(15,23,42,.10);transform:scale(.94);transform-origin:center}.dropZone{min-height:640px;border:1.6px dashed #7c8796;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px}.dropZone h2{font-size:40px;line-height:1;margin:0 0 28px;font-weight:950;color:#0f172a}.pdfCloud{width:220px;height:158px;margin:0 auto 32px;position:relative}.pdfDoc{position:absolute;left:55px;top:0;width:96px;height:128px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;transform:rotate(-10deg);box-shadow:0 7px 18px rgba(15,23,42,.06)}.pdfDoc:after{content:'';position:absolute;right:0;top:0;border-left:34px solid transparent;border-bottom:58px solid transparent;border-top:58px solid #ff7a1a}.pdfDoc b{position:absolute;left:32px;top:47px;color:#ff5b21;font-size:25px;transform:rotate(9deg)}.cloud{position:absolute;left:18px;bottom:2px;width:178px;height:70px;border:3px solid #ff333b;border-top:0;border-radius:0 0 42px 42px}.cloud:before{content:'';position:absolute;left:-2px;bottom:32px;width:58px;height:58px;border:3px solid #ff333b;border-radius:999px;background:#fff}.cloud:after{content:'';position:absolute;left:50px;bottom:28px;width:90px;height:90px;border:3px solid #ff333b;border-radius:999px;background:#fff}.upCircle{position:absolute;left:91px;bottom:0;width:54px;height:54px;border-radius:999px;background:#ff333b;color:#fff;display:grid;place-items:center;font-size:29px;font-weight:950;z-index:2}.spark{position:absolute;color:#ff7a1a;font-size:29px;font-weight:900}.s1{left:25px;top:22px}.s2{right:25px;top:49px}.dropZone p{font-size:27px;margin:0 0 34px;color:#0f172a}.orLine{display:flex;align-items:center;gap:50px;color:#c7ced8;font-size:23px;font-weight:800;margin-bottom:37px}.orLine:before,.orLine:after{content:'';width:180px;height:1px;background:#d9dee7}.uploadHeroBtn{height:78px;border:0;border-radius:12px;background:#ff3a40;color:#fff;font-size:24px;font-weight:950;padding:0 46px;box-shadow:0 10px 28px rgba(255,58,64,.22);cursor:pointer}.uploadHeroBtn:hover{transform:translateY(-2px);filter:brightness(.98)}.limit{font-size:21px!important;color:#748095!important;margin:28px 0 0!important}
.section{max-width:1470px;margin:0 auto;padding:82px 42px}.sectionTitle{text-align:center;font-size:46px;line-height:1.08;margin:0 0 18px;font-weight:950;letter-spacing:-.035em;color:#222}.sectionLead{text-align:center;font-size:21px;margin:0 0 34px;color:#111827}.toolGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 18px;margin:32px auto 28px}.toolCard{min-height:148px;border:1px solid #dddfe5;border-radius:6px;background:#fff;padding:25px 58px 20px 22px;display:grid;grid-template-columns:46px 1fr;gap:20px;position:relative;transition:.16s}.toolCard:hover{border-color:#cbd5e1;box-shadow:0 14px 35px rgba(15,23,42,.08);transform:translateY(-2px)}.toolCard:after{content:'›';position:absolute;right:28px;top:24px;font-size:36px;line-height:1;color:#111827}.toolIcon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:950}.blue{background:#4597ee}.purple{background:#7755e8}.yellow{background:#ffb700}.pink{background:#dc5ce6}.teal{background:#19c4c4}.red{background:#ff333b}.toolCard b{display:block;font-size:20px;margin:3px 0 7px}.toolCard p{margin:0;font-size:17px;line-height:1.42;color:#111827}.center{text-align:center}.blueBtn{display:inline-flex;align-items:center;justify-content:center;height:50px;border-radius:6px;background:#055dff;color:#fff;text-decoration:none;font-size:19px;font-weight:950;padding:0 38px;box-shadow:0 9px 25px rgba(5,93,255,.20)}.trust{border-top:1px solid #e5e7eb}.benefitGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:76px 90px;margin-top:70px}.benefit{display:grid;gap:18px;align-content:start}.benefitArt{width:110px;height:88px;display:flex;align-items:center}.benefitArt .bubble{width:76px;height:58px;border-radius:18px;background:#eaf2ff;position:relative}.benefitArt .badge{display:inline-grid;place-items:center;min-width:82px;height:32px;border-radius:6px;background:#ff5b7a;color:#fff;font-weight:950;border:1px solid #fff;box-shadow:0 3px 8px rgba(15,23,42,.08)}.benefit h3{font-size:27px;line-height:1.18;margin:0;font-weight:950;color:#111}.benefit p{font-size:21px;line-height:1.55;margin:0;color:#111827}.plans{background:linear-gradient(180deg,#fff,#fbfdff)}.planGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px}.plan{border:1px solid #d9e1ec;border-radius:18px;padding:34px;background:#fff;position:relative;min-height:230px;box-shadow:0 8px 26px rgba(15,23,42,.04)}.plan.popular{border-color:#fecaca;background:linear-gradient(135deg,#fff,#fff5f5)}.planTag{position:absolute;right:18px;top:18px;color:#0b63ff;font-weight:950}.plan.popular .planTag{background:#ff3c79;color:#fff;border-radius:5px;padding:8px 11px;top:0;right:0}.plan h3{font-size:26px;margin:0 0 10px}.plan p{font-size:17px;line-height:1.5;color:#334155;margin:0 0 26px}.plan button{height:48px;width:100%;border-radius:8px;border:1px solid #b8c4d6;background:#fff;font-weight:950;font-size:17px}.plan.popular button{background:#ff333b;color:#fff;border-color:#ff333b}.brands{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;color:#b0b7c4;font-size:22px;font-weight:850;margin-top:42px}.landingDropOver .dropZone{border-color:#ff333b;background:#fffafa}
@media(max-width:1100px){.landingNav{padding:0 24px}.landingMenu{display:none}.landingHero{grid-template-columns:1fr;padding:36px 24px;gap:34px}.crumb{margin-bottom:38px}.heroTitle{font-size:52px}.heroSub{font-size:25px}.heroBullet{font-size:22px}.uploadCard{transform:none;padding:20px;border-radius:28px}.dropZone{min-height:480px}.toolGrid,.benefitGrid,.planGrid{grid-template-columns:1fr}.section{padding:54px 24px}.benefitGrid{gap:42px}.landingActions{gap:10px}.landingLink{display:none}}


/* v2 premium compact landing override: remove pricing, add video/demo showcase */
body.landing-mode #landingPage{background:radial-gradient(circle at 82% 8%,#fff1f1 0,#fff 28%,#fff 100%)}
.landingNav{height:74px!important;padding:0 58px!important;box-shadow:0 1px 0 rgba(15,23,42,.04)!important}.landingMenu{gap:28px!important;font-size:16px!important}.landingHero{max-width:1560px!important;padding:42px 58px 58px!important;grid-template-columns:minmax(390px,.9fr) minmax(520px,1fr)!important;gap:58px!important}.crumb{margin-bottom:62px!important}.heroTitle{font-size:58px!important}.heroSub{font-size:28px!important;margin-bottom:34px!important}.heroBullets{gap:20px!important;margin-bottom:52px!important}.heroBullet{font-size:25px!important;gap:20px!important}.check{width:40px!important;height:40px!important;font-size:28px!important}.heroSupport{font-size:16px!important}.uploadCard{padding:42px!important;border-radius:38px!important;transform:translateY(12px)!important;box-shadow:0 30px 90px rgba(15,23,42,.09),0 1px 0 rgba(15,23,42,.03)!important}.dropZone{min-height:500px!important;border-radius:26px!important}.dropZone h2{font-size:39px!important}.pdfArt{transform:scale(.92);margin-bottom:6px!important}.dropZone .dropText{font-size:27px!important}.uploadHeroBtn{height:74px!important;min-width:260px!important}.section{max-width:1360px!important;padding:62px 42px!important}.sectionTitle{font-size:40px!important}.sectionLead{font-size:19px!important}.toolGrid{gap:16px!important;margin-top:28px!important}.toolCard{min-height:126px!important;border-radius:14px!important;padding:22px 56px 18px 22px!important;box-shadow:0 8px 28px rgba(15,23,42,.035)!important}.benefitGrid{gap:48px 70px!important;margin-top:48px!important}.benefit h3{font-size:23px!important}.benefit p{font-size:18px!important}.benefitArt{width:94px!important;height:74px!important}.showcase{background:linear-gradient(180deg,#fff,#f8fbff)!important}.showcaseWrap{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch;margin-top:32px}.videoCard{border-radius:28px;min-height:390px;background:radial-gradient(circle at 72% 20%,rgba(255,51,59,.26),transparent 30%),linear-gradient(135deg,#101828,#172033 62%,#263248);box-shadow:0 28px 80px rgba(15,23,42,.20);position:relative;overflow:hidden;color:#fff;padding:34px;cursor:pointer}.videoCard:before{content:'';position:absolute;inset:32px;border:1px solid rgba(255,255,255,.16);border-radius:22px}.playBtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:999px;background:#fff;color:#ff333b;display:grid;place-items:center;font-size:40px;font-weight:950;box-shadow:0 20px 48px rgba(0,0,0,.28)}.playBtn:after{content:'▶';transform:translateX(4px)}.videoLabel{position:absolute;left:34px;bottom:34px}.videoLabel b{display:block;font-size:28px;letter-spacing:-.03em}.videoLabel span{display:block;color:#cbd5e1;margin-top:6px;font-size:16px}.demoSteps{display:grid;gap:14px}.demoStep{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:22px;box-shadow:0 12px 36px rgba(15,23,42,.055);display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}.stepNo{width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#ff4b55,#ef2f2f);color:#fff;display:grid;place-items:center;font-weight:950;font-size:21px;box-shadow:0 12px 24px rgba(239,47,47,.18)}.demoStep h3{margin:0 0 6px;font-size:21px;letter-spacing:-.02em}.demoStep p{margin:0;color:#475569;line-height:1.55;font-size:16px}.fxChips{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.fxChips span{height:34px;border-radius:999px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3;display:inline-flex;align-items:center;padding:0 13px;font-size:14px;font-weight:950}@media(max-width:1100px){.showcaseWrap{grid-template-columns:1fr}.landingHero{grid-template-columns:1fr!important;padding:34px 24px!important}.landingNav{padding:0 24px!important}.heroTitle{font-size:48px!important}.heroSub{font-size:24px!important}.dropZone{min-height:440px!important}.toolGrid,.benefitGrid{grid-template-columns:1fr!important}}



/* v3 compact premium landing: match reference scale, no giant upload box */
body.landing-mode #landingPage{background:#fff!important}
.landingNav{height:74px!important;padding:0 52px!important;border-top:0!important;border-bottom:1px solid #eef0f4!important;box-shadow:none!important}
.landingLogo{font-size:30px!important}.landingHeart{font-size:45px!important;width:40px!important}
.landingMenu{gap:25px!important;font-size:16px!important}.landingActions{gap:16px!important}.landingLogin{padding:14px 22px!important;border-radius:12px!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.compactHero{max-width:1680px!important;min-height:650px!important;margin:0 auto!important;padding:58px 82px 62px!important;display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:64px!important;align-items:center!important;background:#fff!important}
.compactCopy{padding-top:28px!important}.compactTitle{font-size:70px!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0 0 28px!important;font-weight:950!important;color:#202124!important}.compactSub{font-size:24px!important;line-height:1.5!important;max-width:670px!important;margin:0 0 34px!important;color:#101828!important;font-weight:500!important}.compactActions{display:flex!important;gap:20px!important;align-items:center!important;margin-bottom:26px!important}.primaryCta,.secondaryCta{height:48px!important;border-radius:5px!important;padding:0 22px!important;font-size:17px!important;font-weight:950!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;cursor:pointer!important}.primaryCta{border:0!important;background:#075dff!important;color:#fff!important;box-shadow:0 8px 20px rgba(5,93,255,.18)!important}.secondaryCta{border:1px solid #075dff!important;background:#fff!important;color:#075dff!important}.miniProof{display:flex!important;gap:10px!important;flex-wrap:wrap!important;color:#475569!important;font-size:14px!important;font-weight:850!important}.miniProof span{border:1px solid #e2e8f0!important;border-radius:999px!important;padding:8px 12px!important;background:#fff!important}
.heroVisual{position:relative!important;height:560px!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.visualShape{position:absolute!important;border-radius:20px!important;background:#eef4ff!important;opacity:.9!important}.visualShape.one{width:520px!important;height:350px!important;right:20px!important;top:68px!important;transform:rotate(-24deg)!important}.visualShape.two{width:350px!important;height:210px!important;left:120px!important;bottom:38px!important;transform:rotate(-21deg)!important;background:#f0f5ff!important}.editorMock{position:relative!important;width:560px!important;height:360px!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 20px 55px rgba(15,23,42,.12)!important;z-index:3!important;overflow:hidden!important}.mockTop{height:42px!important;border-bottom:1px solid #eef0f4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 14px!important;font-size:14px!important;color:#111827!important}.mockTop span{display:inline-block!important;width:14px!important;height:14px!important;border-radius:3px!important;background:linear-gradient(135deg,#ff3b40,#ffa900,#1ac5c5,#7755e8)!important;margin-right:6px!important;vertical-align:-2px!important}.mockTop em{font-style:normal!important;color:#94a3b8!important}.mockToolbar{height:28px!important;background:#f8fafc!important;border-bottom:1px solid #eef0f4!important;display:flex!important;gap:7px!important;align-items:center!important;justify-content:center!important}.mockToolbar i{width:16px!important;height:12px!important;border-radius:2px!important;background:#e5e7eb!important}.mockPage{position:absolute!important;left:58px!important;right:58px!important;top:100px!important;bottom:34px!important;background:#fff!important;box-shadow:0 0 0 1px #f1f5f9!important;padding:40px 42px!important}.line{height:7px!important;border-radius:999px!important;background:#e5e7eb!important;margin-bottom:12px!important}.w1{width:72%!important}.w2{width:72%!important}.w3{width:56%!important}.w4{width:88%!important}.w5{width:82%!important}.w6{width:92%!important}.w7{width:74%!important}.editBox{position:absolute!important;left:38px!important;top:105px!important;border:2px solid #1d66ff!important;color:#111827!important;padding:6px 8px!important;font-size:14px!important;background:#fff!important}.shapeBox{position:absolute!important;right:46px!important;top:66px!important;width:92px!important;height:76px!important;border:2px solid #1d66ff!important;background:#cfe0ff!important;border-radius:999px!important}.shapeBox:before,.shapeBox:after,.signBox:before,.signBox:after,.editBox:before,.editBox:after{content:'';position:absolute;width:6px;height:6px;background:#fff;border:2px solid #1d66ff}.shapeBox:before{left:-5px;top:-5px}.shapeBox:after{right:-5px;bottom:-5px}.signBox{position:absolute!important;left:150px!important;bottom:42px!important;width:118px!important;height:36px!important;border:2px solid #1d66ff!important;color:#ef3333!important;font-family:cursive!important;font-size:0!important}.signBox:after{content:'Signature';font-size:22px;position:absolute;left:13px;top:0;color:#ef3333;border:0;background:transparent;width:auto;height:auto}.floatingIcon{position:absolute!important;z-index:4!important;width:54px!important;height:54px!important;border-radius:7px!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:950!important;font-size:28px!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important}.floatingIcon.edit{background:#19c4c4!important;top:74px!important;left:222px!important}.floatingIcon.merge{background:#7755e8!important;top:132px!important;left:310px!important;font-size:23px!important}.floatingIcon.pen{background:#dc5ce6!important;left:72px!important;top:310px!important}.floatingIcon.jpg{background:#ffb700!important;right:80px!important;bottom:78px!important}.floatingIcon.word{background:#4597ee!important;right:18px!important;bottom:18px!important;font-size:31px!important}.visualUpload{position:absolute!important;z-index:5!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;height:48px!important;border:0!important;border-radius:6px!important;background:#ff333b!important;color:#fff!important;padding:0 26px!important;font-weight:950!important;font-size:17px!important;box-shadow:0 12px 28px rgba(239,47,47,.20)!important;cursor:pointer!important}.cursorArrow{position:absolute!important;z-index:6!important;right:235px!important;bottom:84px!important;width:0!important;height:0!important;border-left:28px solid #111!important;border-top:18px solid transparent!important;border-bottom:18px solid transparent!important;transform:rotate(48deg)!important}.section{max-width:1280px!important;padding:56px 42px!important}.sectionTitle{font-size:38px!important}.sectionLead{font-size:19px!important}.toolCard{min-height:116px!important}.uploadCard,.dropZone,.pdfCloud,.orLine,.uploadHeroBtn{ }
@media(max-width:1100px){.compactHero{grid-template-columns:1fr!important;padding:36px 24px!important;gap:26px!important}.compactTitle{font-size:48px!important}.compactSub{font-size:21px!important}.heroVisual{height:440px!important;transform:scale(.82);transform-origin:top center}.landingNav{padding:0 24px!important}.landingMenu{display:none!important}}


/* v6 hero top alignment: move headline down one comfortable line from v5 */
.compactHero{
  min-height:520px!important;
  padding:12px 72px 34px!important;
  align-items:start!important;
}
.compactCopy{
  padding-top:0!important;
  transform:translateY(42px)!important;
}
.compactTitle{
  margin-top:0!important;
  margin-bottom:22px!important;
}
.heroVisual{
  height:470px!important;
  transform:translateY(8px)!important;
}
.visualShape.one{top:8px!important}
.visualShape.two{bottom:12px!important}
.editorMock{transform:translateY(0)!important}
.floatingIcon.edit{top:18px!important}
.floatingIcon.merge{top:84px!important}
.floatingIcon.pen{top:260px!important}
.visualUpload{bottom:24px!important}
.cursorArrow{bottom:96px!important}
@media(max-width:1100px){
  .compactHero{padding:18px 24px 30px!important}
  .compactCopy{transform:none!important}
  .heroVisual{height:410px!important;transform:scale(.82) translateY(0)!important}
}



/* v8: two premium pre-footer sections with different layouts, not repeated box grid */
.workflowBand{max-width:none!important;margin:0!important;padding:0!important;background:linear-gradient(135deg,#fff7f7 0%,#ffffff 42%,#eef5ff 100%)!important;border-top:1px solid #eef2f7!important;border-bottom:1px solid #eef2f7!important;overflow:hidden!important;position:relative!important}
.workflowBand:before{content:'';position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:999px;background:rgba(239,47,47,.08)}
.workflowInner{max-width:1320px;margin:0 auto;padding:74px 42px;display:grid;grid-template-columns:.86fr 1.14fr;gap:58px;align-items:center;position:relative;z-index:1}
.workflowEyebrow,.enterpriseEyebrow{display:inline-flex;height:32px;align-items:center;border-radius:999px;padding:0 13px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3;font-size:14px;font-weight:950;margin-bottom:18px}
.workflowTitle,.enterpriseTitle{font-size:42px;line-height:1.08;letter-spacing:-.045em;margin:0 0 16px;color:#111827;font-weight:950}.workflowText,.enterpriseText{font-size:18px;line-height:1.7;color:#475569;margin:0;max-width:560px}
.workflowRail{position:relative;padding-left:28px}.workflowRail:before{content:'';position:absolute;left:52px;top:28px;bottom:28px;width:3px;border-radius:999px;background:linear-gradient(#ef2f2f,#2563eb)}
.flowItem{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;margin:0 0 22px;transform:translateX(var(--shift,0))}.flowItem:nth-child(2){--shift:28px}.flowItem:nth-child(3){--shift:56px}.flowItem:nth-child(4){--shift:28px;margin-bottom:0}.flowDot{width:58px;height:58px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 16px 34px rgba(15,23,42,.10);border:1px solid #e2e8f0;z-index:2}.flowContent{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.9);border-radius:22px;padding:20px 22px;box-shadow:0 16px 40px rgba(15,23,42,.055)}.flowContent b{display:block;font-size:21px;letter-spacing:-.02em;color:#111827;margin-bottom:6px}.flowContent span{display:block;color:#64748b;font-size:16px;line-height:1.55}
.enterpriseStrip{max-width:none!important;padding:0!important;margin:0!important;background:#ffffff!important}.enterpriseInner{max-width:1320px;margin:0 auto;padding:76px 42px 82px;display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center}.deviceStack{position:relative;min-height:360px}.deviceMain{position:absolute;left:0;top:20px;width:76%;height:290px;border-radius:28px;background:#0b1220;color:#fff;box-shadow:0 32px 90px rgba(15,23,42,.24);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.deviceTop{height:44px;display:flex;gap:8px;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.deviceTop i{width:10px;height:10px;border-radius:999px;background:#ef4444}.deviceTop i:nth-child(2){background:#f59e0b}.deviceTop i:nth-child(3){background:#22c55e}.metricLines{padding:26px}.metricBig{font-size:44px;font-weight:950;letter-spacing:-.05em;margin-bottom:12px}.metricBig small{font-size:16px;color:#93c5fd;letter-spacing:0}.metricBar{height:10px;border-radius:999px;background:rgba(255,255,255,.10);margin:14px 0;overflow:hidden}.metricBar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#60a5fa);width:var(--w)}.deviceCard{position:absolute;right:0;bottom:10px;width:42%;min-height:210px;border-radius:26px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 70px rgba(15,23,42,.16);padding:24px}.shieldIcon{width:62px;height:62px;border-radius:22px;background:linear-gradient(180deg,#ff4b55,#ef2f2f);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:950;box-shadow:0 16px 32px rgba(239,47,47,.22);margin-bottom:18px}.deviceCard b{font-size:21px;letter-spacing:-.02em}.deviceCard p{color:#64748b;line-height:1.55;font-size:15px;margin:8px 0 0}.enterpriseList{display:grid;gap:18px;margin-top:26px}.enterprisePoint{display:flex;gap:15px;align-items:flex-start}.enterprisePoint i{width:34px;height:34px;border-radius:999px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-style:normal;font-weight:950;flex:0 0 auto}.enterprisePoint b{display:block;color:#111827;font-size:18px;margin-bottom:3px}.enterprisePoint span{color:#64748b;line-height:1.5;font-size:16px}
@media(max-width:980px){.workflowInner,.enterpriseInner{grid-template-columns:1fr;padding:56px 24px}.flowItem,.flowItem:nth-child(2),.flowItem:nth-child(3),.flowItem:nth-child(4){transform:none}.workflowRail{padding-left:0}.workflowRail:before{left:29px}.deviceMain{position:relative;width:100%;left:auto}.deviceCard{position:relative;width:100%;right:auto;bottom:auto;margin-top:18px}.deviceStack{min-height:auto}}



/* v9 locked-agentic content: AI Agentic PDF narrative only, layout baseline v8 kept */
.agentTicker{overflow:hidden;margin-top:22px;border:1px solid #e2e8f0;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 10px 28px rgba(15,23,42,.045)}
.agentTickerTrack{display:flex;gap:10px;width:max-content;padding:9px 10px;animation:agentTickerMove 28s linear infinite}
.agentTicker span{height:34px;border-radius:999px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3;display:inline-flex;align-items:center;padding:0 14px;font-size:14px;font-weight:950;white-space:nowrap}
.agentTicker span:nth-child(2n){background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.agentTicker span:nth-child(3n){background:#f8fafc;color:#334155;border-color:#e2e8f0}
@keyframes agentTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.agenticMatrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.agenticMini{border:1px solid rgba(226,232,240,.92);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border-radius:20px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.045)}
.agenticMini b{display:block;font-size:18px;color:#111827;margin-bottom:6px;letter-spacing:-.02em}.agenticMini span{display:block;color:#64748b;font-size:15px;line-height:1.5}
.sectorRibbon{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sectorRibbon span{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:9px 12px;font-size:14px;font-weight:950;color:#334155;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.preFooterCta{max-width:1320px;margin:0 auto 38px;padding:0 42px}.preFooterBox{border-radius:32px;background:linear-gradient(135deg,#111827,#1e293b 55%,#7f1d1d);color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 28px 80px rgba(15,23,42,.20)}.preFooterBox b{display:block;font-size:32px;letter-spacing:-.045em;margin-bottom:6px}.preFooterBox span{color:#cbd5e1;font-size:17px}.preFooterActions{display:flex;gap:12px;flex-wrap:wrap}.preFooterActions button,.preFooterActions a{height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;padding:0 20px;font-weight:950;text-decoration:none;white-space:nowrap}.preFooterActions button{background:#ff333b;color:#fff}.preFooterActions a{background:rgba(255,255,255,.08);color:#fff}
@media(max-width:980px){.agenticMatrix{grid-template-columns:1fr}.preFooterBox{flex-direction:column;align-items:flex-start}.preFooterCta{padding:0 24px}}

/* v7 footerbar detail: premium landing footer, no editor logic changed */
.landingFooter{background:#0b1220;color:#e5e7eb;margin-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.footerInner{max-width:1280px;margin:0 auto;padding:54px 42px 28px}
.footerTop{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:34px;align-items:start}
.footerBrand{display:flex;align-items:center;font-weight:950;font-size:30px;letter-spacing:-.055em;color:#fff;margin-bottom:14px}.footerBrand .ai{margin-right:-2px}.footerBrand .pdf{margin-left:6px}.footerBrand .landingHeart{font-size:42px;width:38px;height:32px}
.footerAbout{color:#a8b3c7;line-height:1.65;font-size:16px;max-width:360px;margin:0 0 18px}
.footerTrust{display:flex;gap:9px;flex-wrap:wrap}.footerTrust span{height:30px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;display:inline-flex;align-items:center;padding:0 11px;font-size:14px;font-weight:900;color:#dbeafe}
.footerCol h4{margin:4px 0 14px;color:#fff;font-size:16px;letter-spacing:.02em}.footerCol a{display:block;color:#a8b3c7;text-decoration:none;font-size:15px;line-height:2.05}.footerCol a:hover{color:#fff}
.footerCta{margin-top:34px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(255,51,59,.14),rgba(37,99,235,.12));border-radius:22px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.footerCta b{display:block;color:#fff;font-size:22px;letter-spacing:-.03em;margin-bottom:4px}.footerCta span{color:#a8b3c7;font-size:15px}.footerCta button{height:46px;border:0;border-radius:11px;background:#ff333b;color:#fff;padding:0 22px;font-weight:950;box-shadow:0 12px 28px rgba(239,47,47,.22);cursor:pointer;white-space:nowrap}
.footerBottom{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#7f8da3;font-size:14px;flex-wrap:wrap}.footerBottomLinks{display:flex;gap:18px;flex-wrap:wrap}.footerBottomLinks a{color:#7f8da3;text-decoration:none}.footerBottomLinks a:hover{color:#fff}
@media(max-width:980px){.footerTop{grid-template-columns:1fr 1fr}.footerCta{align-items:flex-start;flex-direction:column}.footerInner{padding:44px 24px 24px}}
@media(max-width:620px){.footerTop{grid-template-columns:1fr}.footerBottom{align-items:flex-start;flex-direction:column}}


/* v10 premium trust icons: polished non-box artwork for benefits section */
.premiumBenefit{position:relative;padding:6px 8px 8px 0}.premiumBenefit .premiumIcon{width:118px!important;height:92px!important;position:relative;display:block!important;filter:drop-shadow(0 18px 22px rgba(15,23,42,.08))}.premiumBenefit .premiumIcon:before{content:'';position:absolute;inset:18px 12px 4px 6px;border-radius:24px;background:linear-gradient(135deg,#eef5ff,#ffffff);transform:rotate(-8deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.premiumBenefit .premiumIcon:after{content:'';position:absolute;right:0;top:0;width:28px;height:28px;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.usersIcon i{position:absolute;border-radius:999px;background:linear-gradient(180deg,#cfe0ff,#7da8ff);box-shadow:0 6px 16px rgba(37,99,235,.16)}.usersIcon i:nth-of-type(1){left:28px;top:18px;width:22px;height:22px}.usersIcon i:nth-of-type(2){left:52px;top:12px;width:26px;height:26px}.usersIcon i:nth-of-type(3){left:78px;top:19px;width:22px;height:22px}.usersIcon .miniBadge{position:absolute;left:7px;bottom:9px;z-index:2;min-width:82px;height:32px;border-radius:9px;background:linear-gradient(180deg,#ff6b86,#ff4368);color:#fff;font-weight:950;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 24px rgba(255,67,104,.20)}
.ratingIcon i{position:absolute;left:32px;top:12px;width:58px;height:54px;border-radius:16px;background:linear-gradient(180deg,#eff6ff,#dbeafe);transform:rotate(-9deg)}.ratingIcon span{position:absolute;left:12px;bottom:12px;z-index:2;height:30px;min-width:96px;border-radius:9px;background:linear-gradient(180deg,#ffc52f,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;letter-spacing:1px;box-shadow:0 12px 24px rgba(245,158,11,.18)}
.appsIcon i{position:absolute;width:38px;height:38px;border-radius:12px;background:#fff;box-shadow:0 14px 28px rgba(15,23,42,.10)}.appsIcon .chrome{left:12px;top:22px;background:conic-gradient(#16a34a 0 34%,#facc15 0 66%,#ef4444 0 100%)}.appsIcon .chrome:after{content:'';position:absolute;inset:10px;border-radius:999px;background:#2563eb;border:4px solid #fff}.appsIcon .gmail{left:52px;top:8px;transform:rotate(12deg)}.appsIcon .gmail:after{content:'M';position:absolute;inset:0;display:grid;place-items:center;color:#ef4444;font-weight:950;font-size:22px}.appsIcon .drive{left:64px;top:48px;transform:rotate(-12deg);background:linear-gradient(135deg,#eff6ff,#fff)}.appsIcon .drive:after{content:'◆';position:absolute;inset:0;display:grid;place-items:center;color:#2563eb;font-size:24px}.appsIcon:after{background:#14b8a6;box-shadow:0 0 0 7px rgba(20,184,166,.10)}
.supportIcon i{position:absolute;left:48px;top:10px;width:44px;height:52px;border-radius:16px;background:linear-gradient(180deg,#e0ecff,#ffffff)}.supportIcon i:after{content:'';position:absolute;right:-8px;top:16px;width:24px;height:18px;border-radius:8px;background:#fff;border:2px solid #dbeafe}.supportIcon span{position:absolute;left:8px;bottom:12px;z-index:2;height:33px;min-width:74px;border-radius:9px;background:linear-gradient(180deg,#2f7cff,#075dff);display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px;box-shadow:0 14px 24px rgba(5,93,255,.20)}
.lockIcon i{position:absolute;left:28px;top:16px;width:66px;height:48px;border-radius:16px;background:linear-gradient(180deg,#dbeafe,#fff)}.lockIcon span{position:absolute;left:16px;bottom:14px;z-index:2;width:54px;height:39px;border-radius:11px;background:linear-gradient(180deg,#2563eb,#075dff);display:grid;place-items:center;color:#fff;font-size:21px;box-shadow:0 14px 24px rgba(5,93,255,.18)}.lockIcon:after{background:linear-gradient(180deg,#ff6b86,#ff4368);box-shadow:0 0 0 7px rgba(255,67,104,.09)}
.isoIcon span{position:absolute;left:10px;top:16px;width:86px;height:58px;border-radius:999px;background:#fff;color:#ef4444;border:2px dashed #fecaca;display:grid;place-items:center;text-align:center;font-weight:950;font-size:16px;line-height:1.05;box-shadow:0 14px 28px rgba(239,68,68,.09);transform:rotate(-8deg)}.isoIcon:after{background:#fff7ed;box-shadow:0 0 0 7px rgba(249,115,22,.08)}
.premiumBenefit:hover .premiumIcon{transform:translateY(-3px);transition:transform .18s ease}.premiumBenefit:hover h3{color:#075dff}
@media(max-width:1100px){.premiumBenefit .premiumIcon{width:108px!important;height:84px!important}}


/* v11 logo spacing: move heart slightly right for balanced THAI LOVE PDF spacing. */
.logo .heartLogo{margin-left:4px!important;margin-right:4px!important;transform:translateX(3px) scaleX(1.18) translateY(1px)!important}
.uploadBrand .heart{margin-left:4px!important;margin-right:4px!important;transform:translateX(3px) scaleX(1.18) translateY(1px)!important}



/* v15 hero semantic PDF rebuild: only right-side hero visual changed. */
.heroVisual.semanticPdfHero{
  height:500px!important;
  transform:translateY(-4px)!important;
  align-items:center!important;
  justify-content:center!important;
}
.semanticPdfHero .visualShape.one{
  width:520px!important;height:330px!important;right:24px!important;top:26px!important;
  border-radius:28px!important;background:linear-gradient(135deg,#edf4ff,#f7fbff)!important;
  transform:rotate(-23deg)!important;opacity:.88!important;
}
.semanticPdfHero .visualShape.two{
  width:360px!important;height:190px!important;left:118px!important;bottom:34px!important;
  border-radius:26px!important;background:linear-gradient(135deg,#f1f6ff,#fff)!important;
  transform:rotate(-18deg)!important;opacity:.9!important;
}
.semanticPdfHero .pdfWorkflowCard{
  position:relative!important;z-index:4!important;width:610px!important;min-height:398px!important;
  border-radius:24px!important;background:rgba(255,255,255,.96)!important;
  border:1px solid #e6ebf2!important;box-shadow:0 28px 75px rgba(15,23,42,.14)!important;
  overflow:hidden!important;backdrop-filter:blur(10px)!important;
}
.pdfWorkflowTop{height:54px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #edf1f6!important;background:linear-gradient(180deg,#fff,#f9fbff)!important}
.pdfMiniBrand{display:flex!important;align-items:center!important;gap:9px!important;font-size:15px!important;font-weight:950!important;color:#111827!important;letter-spacing:-.02em!important}.pdfMiniBrand i{width:20px!important;height:20px!important;border-radius:5px!important;background:linear-gradient(135deg,#ff343b,#ffb000 42%,#19c4c4 70%,#7755e8)!important;box-shadow:0 5px 13px rgba(15,23,42,.12)!important}.pdfTopMeta{display:flex!important;align-items:center!important;gap:8px!important}.pdfLimitPill{height:28px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#fff1f2!important;border:1px solid #fecdd3!important;color:#be123c!important;padding:0 10px!important;font-size:14px!important;font-weight:950!important}.pdfLock{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#eff6ff!important;color:#075dff!important;font-size:14px!important}
.pdfSemanticBody{position:relative!important;display:grid!important;grid-template-columns:1fr 178px!important;gap:18px!important;padding:22px 22px 18px!important}.pdfStack{position:relative!important;height:252px!important}.pdfSheet.back{position:absolute!important;inset:14px 12px 0 22px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid #e6edf7!important;transform:rotate(3deg)!important}.pdfSheet.main{position:absolute!important;inset:0 26px 14px 0!important;border-radius:14px!important;background:#fff!important;border:1px solid #e5eaf2!important;box-shadow:0 18px 45px rgba(15,23,42,.10)!important;overflow:hidden!important}.pdfSheetHead{height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px!important;border-bottom:1px solid #edf1f6!important;background:#fbfdff!important}.pdfBadge{height:22px!important;border-radius:6px!important;background:#ff333b!important;color:#fff!important;display:inline-flex!important;align-items:center!important;padding:0 8px!important;font-weight:950!important;font-size:13px!important}.pageNo{font-size:13px!important;color:#94a3b8!important;font-weight:900!important}.pdfLines{padding:22px 26px 0!important}.pdfLine{height:7px!important;border-radius:999px!important;background:#e5e7eb!important;margin-bottom:12px!important}.pdfLine.l1{width:74%!important}.pdfLine.l2{width:90%!important}.pdfLine.l3{width:64%!important}.pdfLine.l4{width:82%!important}.pdfLine.l5{width:55%!important}.redactLine{width:56%!important;height:13px!important;border-radius:3px!important;background:#111827!important;margin:14px 0 12px!important;box-shadow:9px 0 0 #111827,18px 0 0 #111827!important}.highlightLine{width:70%!important;height:12px!important;border-radius:3px!important;background:linear-gradient(90deg,rgba(255,193,7,.38),rgba(255,193,7,.16))!important;margin-bottom:13px!important}.signatureStamp{position:absolute!important;left:190px!important;bottom:35px!important;height:40px!important;min-width:128px!important;border:2px solid #ff333b!important;border-radius:9px!important;color:#ff333b!important;display:grid!important;place-items:center!important;font-family:cursive!important;font-size:23px!important;transform:rotate(-3deg)!important;background:rgba(255,255,255,.74)!important}.aiDetectBox{position:absolute!important;right:28px!important;top:104px!important;width:94px!important;height:64px!important;border:2px solid #075dff!important;border-radius:12px!important;background:rgba(7,93,255,.10)!important}.aiDetectBox:before{content:'AI detected'!important;position:absolute!important;left:50%!important;top:-28px!important;transform:translateX(-50%)!important;height:22px!important;white-space:nowrap!important;border-radius:999px!important;background:#075dff!important;color:#fff!important;padding:0 9px!important;font:900 13px/22px var(--font)!important}.aiDetectBox:after{content:''!important;position:absolute!important;right:-5px!important;bottom:-5px!important;width:8px!important;height:8px!important;background:#fff!important;border:2px solid #075dff!important;border-radius:2px!important}
.pdfSidePanel{display:grid!important;gap:10px!important;align-content:start!important}.aiStatusCard{border:1px solid #e5eaf2!important;border-radius:16px!important;background:linear-gradient(180deg,#f8fbff,#fff)!important;padding:13px!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important}.aiStatusCard b{display:block!important;font-size:15px!important;color:#111827!important;margin-bottom:5px!important}.aiStatusCard p{margin:0!important;font-size:14px!important;line-height:1.45!important;color:#64748b!important}.aiMeter{height:8px!important;border-radius:999px!important;background:#eaf1ff!important;overflow:hidden!important;margin-top:10px!important}.aiMeter span{display:block!important;height:100%!important;width:78%!important;background:linear-gradient(90deg,#19c4c4,#075dff)!important;border-radius:999px!important}.flowMini{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.flowMini span{height:38px!important;border-radius:11px!important;border:1px solid #e5eaf2!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:950!important;color:#334155!important}.flowMini span.active{background:#111827!important;color:#fff!important;border-color:#111827!important}.semanticChips{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:6!important}.semanticChip{position:absolute!important;height:34px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e5eaf2!important;box-shadow:0 14px 28px rgba(15,23,42,.10)!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;font-size:14px!important;font-weight:950!important;color:#111827!important}.semanticChip i{width:9px!important;height:9px!important;border-radius:999px!important;background:var(--chip,#075dff)!important}.semanticChip.redact{left:-34px!important;top:86px!important;--chip:#ff333b}.semanticChip.ocr{right:-28px!important;top:108px!important;--chip:#19c4c4}.semanticChip.sign{left:50px!important;bottom:18px!important;--chip:#ffb000}.semanticChip.compare{right:36px!important;bottom:20px!important;--chip:#7755e8}.uploadDropPanel{position:relative!important;z-index:7!important;margin:0 22px 20px!important;border:1.5px dashed #c7d2e5!important;border-radius:18px!important;padding:15px 18px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.uploadDropPanel b{display:block!important;color:#111827!important;font-size:18px!important;margin-bottom:3px!important}.uploadDropPanel span{display:block!important;color:#64748b!important;font-size:14px!important;font-weight:850!important}.visualUpload{position:static!important;transform:none!important;height:46px!important;min-width:132px!important;border-radius:11px!important;padding:0 20px!important;background:linear-gradient(180deg,#ff4b55,#ef2f2f)!important;box-shadow:0 14px 30px rgba(239,47,47,.20)!important}.semanticPdfHero .cursorArrow,.semanticPdfHero .floatingIcon{display:none!important}
@media(max-width:1100px){.heroVisual.semanticPdfHero{height:auto!important;transform:scale(.88)!important;transform-origin:top center!important}.semanticPdfHero .pdfWorkflowCard{width:min(610px,100vw - 24px)!important}.pdfSemanticBody{grid-template-columns:1fr!important}.pdfSidePanel{grid-template-columns:1fr 1fr!important}.semanticChip{display:none!important}}



/* v17 safety fix: restore visible hero upload button; do not change other sections. */
.semanticPdfHero .uploadDropPanel{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(132px,auto)!important;
  align-items:center!important;
  gap:16px!important;
  overflow:hidden!important;
}
.semanticPdfHero .uploadDropPanel > div{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
}
.semanticPdfHero .uploadDropPanel:after{
  content:'Upload → Analyze → Edit → Export'!important;
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  z-index:2!important;
  white-space:nowrap!important;
  align-self:end!important;
  padding-bottom:3px!important;
  pointer-events:none!important;
}
.semanticPdfHero .visualUpload{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:4!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  min-width:142px!important;
  height:50px!important;
  border:0!important;
  color:#fff!important;
  background:linear-gradient(180deg,#ff4d57,#ef2f2f)!important;
}
.semanticPdfHero .visualUpload:before{z-index:0!important}
.semanticPdfHero .visualUpload{color:#fff!important}
.semanticPdfHero .visualUpload::first-letter{color:#fff!important}
@media(max-width:900px){
  .semanticPdfHero .uploadDropPanel{grid-template-columns:1fr!important}
  .semanticPdfHero .uploadDropPanel:after{display:none!important}
  .semanticPdfHero .visualUpload{width:100%!important}
}



/* v18: replace only the hero upload drop zone with the requested premium strip. */
.semanticPdfHero .premiumDropPanel{
  min-height:118px!important;
  margin:0 22px 20px!important;
  padding:0 28px!important;
  display:grid!important;
  grid-template-columns:150px minmax(260px,1fr) 150px!important;
  align-items:center!important;
  gap:18px!important;
  border:1.5px dashed #aac4ff!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 36px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
}
.semanticPdfHero .premiumDropPanel:before,
.semanticPdfHero .premiumDropPanel:after{display:none!important;content:none!important}
.semanticPdfHero .premiumDropPanel:hover{transform:translateY(-1px)!important;border-color:#8db3ff!important;box-shadow:0 18px 42px rgba(15,23,42,.075),0 0 0 4px rgba(37,99,235,.045)!important}
.semanticPdfHero .dropCenter{position:relative!important;z-index:3!important;text-align:center!important;display:grid!important;place-items:center!important;gap:7px!important}
.semanticPdfHero .dropCenter b{display:block!important;margin:0!important;color:#111827!important;font-size:21px!important;line-height:1.05!important;font-weight:950!important}
.semanticPdfHero .dropCenter b:before{display:none!important;content:none!important}
.semanticPdfHero .dropCenter span{display:block!important;color:#64748b!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important}
.semanticPdfHero .dropCenter small{display:block!important;color:#7b8aa3!important;font-size:13px!important;font-weight:800!important;margin-top:1px!important}
.semanticPdfHero .premiumDropPanel .visualUpload{
  position:relative!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:44px!important;
  min-width:190px!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#ff4a55 0%,#ef2f2f 100%)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  box-shadow:0 14px 30px rgba(239,47,47,.28),0 7px 16px rgba(239,47,47,.16)!important;
  animation:uploadPulse 2.8s ease-in-out infinite!important;
  cursor:pointer!important;
}
.semanticPdfHero .premiumDropPanel .visualUpload i{font-style:normal!important;font-size:16px!important;line-height:1!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))!important}
.semanticPdfHero .premiumDropPanel .visualUpload:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.35) 45%,transparent 70%)!important;transform:translateX(-120%)!important;animation:buttonSheen 3.4s ease-in-out infinite!important;pointer-events:none!important}
.semanticPdfHero .dropIllustration{position:relative!important;width:138px!important;height:92px!important;justify-self:start!important;z-index:2!important}
.semanticPdfHero .dropIllustration .folder{position:absolute!important;left:30px!important;bottom:20px!important;width:58px!important;height:40px!important;border-radius:9px!important;background:linear-gradient(180deg,#8da9ff,#5f7ff0)!important;box-shadow:0 16px 28px rgba(84,111,223,.22)!important}
.semanticPdfHero .dropIllustration .folder:before{content:''!important;position:absolute!important;left:8px!important;top:-10px!important;width:30px!important;height:16px!important;border-radius:8px 8px 3px 3px!important;background:#a9bdff!important}
.semanticPdfHero .dropIllustration .pdfMini{position:absolute!important;left:56px!important;top:17px!important;width:34px!important;height:42px!important;border-radius:5px!important;background:#fff!important;border:1px solid #e7edf8!important;box-shadow:0 12px 24px rgba(15,23,42,.08)!important;color:#ff333b!important;font-size:10px!important;font-weight:950!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:8px!important;transform:rotate(9deg)!important}
.semanticPdfHero .dropIllustration .pdfMini:before{content:''!important;position:absolute!important;right:0!important;top:0!important;border-top:12px solid #ff6a2a!important;border-left:12px solid transparent!important;border-radius:0 4px 0 0!important}
.semanticPdfHero .cloud{position:absolute!important;background:#eef5ff!important;border:1px solid #d7e5ff!important;box-shadow:0 10px 20px rgba(37,99,235,.08)!important}
.semanticPdfHero .cloud.c1{left:8px!important;top:28px!important;width:48px!important;height:18px!important;border-radius:999px!important}
.semanticPdfHero .cloud.c1:before{content:''!important;position:absolute!important;left:9px!important;top:-8px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#f3f8ff!important;border:1px solid #d7e5ff!important}
.semanticPdfHero .cloud.c2{right:8px!important;bottom:24px!important;width:48px!important;height:18px!important;border-radius:999px!important}
.semanticPdfHero .cloud.c2:before{content:''!important;position:absolute!important;left:14px!important;top:-9px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#f3f8ff!important;border:1px solid #d7e5ff!important}
.semanticPdfHero .spark{position:absolute!important;width:8px!important;height:8px!important;background:#d9e7ff!important;transform:rotate(45deg)!important;border-radius:2px!important;animation:softFloat 4.2s ease-in-out infinite!important}
.semanticPdfHero .spark.s1{left:0!important;bottom:20px!important}.semanticPdfHero .spark.s2{right:20px!important;top:10px!important;animation-delay:.8s!important}
.semanticPdfHero .dropIllustration:after{content:''!important;position:absolute!important;left:104px!important;top:42px!important;width:88px!important;height:36px!important;border-top:2px dashed #7aa2ff!important;border-radius:50%!important;transform:rotate(12deg)!important;opacity:.75!important}
.semanticPdfHero .dropIllustration:before{content:'›'!important;position:absolute!important;left:184px!important;top:64px!important;color:#7aa2ff!important;font-size:25px!important;font-weight:900!important;transform:rotate(-18deg)!important;opacity:.85!important}
.semanticPdfHero .dropPlane{position:relative!important;width:138px!important;height:86px!important;justify-self:end!important;z-index:2!important}
.semanticPdfHero .dropPlane span{position:absolute!important;right:36px!important;top:22px!important;width:56px!important;height:42px!important;background:linear-gradient(135deg,#c9ddff,#8fb4ff)!important;clip-path:polygon(0 45%,100% 0,64% 100%,45% 58%)!important;opacity:.75!important;filter:drop-shadow(0 10px 18px rgba(37,99,235,.12))!important;transform:rotate(-12deg)!important}
.semanticPdfHero .dropPlane:before{content:''!important;position:absolute!important;left:-10px!important;bottom:18px!important;width:88px!important;height:38px!important;border-bottom:2px dashed #8eb1ff!important;border-radius:50%!important;opacity:.72!important}
.semanticPdfHero .dropPlane:after{content:''!important;position:absolute!important;left:18px!important;bottom:24px!important;width:22px!important;height:22px!important;border:1.5px dashed #9dbbff!important;border-radius:999px!important;opacity:.72!important}
@keyframes softFloat{0%,100%{transform:translateY(0) rotate(45deg);opacity:.55}50%{transform:translateY(-6px) rotate(45deg);opacity:1}}
@media(max-width:1100px){.semanticPdfHero .premiumDropPanel{grid-template-columns:1fr!important;padding:18px 20px!important}.semanticPdfHero .dropIllustration,.semanticPdfHero .dropPlane{display:none!important}.semanticPdfHero .premiumDropPanel .visualUpload{width:100%!important;max-width:260px!important}}


/* v19: Dropzone moved OUTSIDE the PDF mockup. Keep mockup clean; full-width premium upload band below hero. */
.landingDropSection{max-width:1470px;margin:-18px auto 34px;padding:0 42px;position:relative;z-index:3}.standaloneDropPanel{position:relative!important;min-height:142px!important;border:1.6px dashed #b8ccff!important;border-radius:22px!important;background:linear-gradient(90deg,#ffffff 0%,#fbfdff 48%,#fff8f8 100%)!important;box-shadow:0 20px 58px rgba(15,23,42,.075),inset 0 0 0 1px rgba(255,255,255,.75)!important;display:grid!important;grid-template-columns:220px minmax(320px,1fr) 220px!important;align-items:center!important;gap:20px!important;padding:24px 48px!important;overflow:hidden!important}.standaloneDropPanel:hover{border-color:#82a9ff!important;box-shadow:0 24px 72px rgba(15,23,42,.10),0 0 0 5px rgba(37,99,235,.045)!important}.standaloneDropPanel:before{content:'';position:absolute;left:182px;top:28px;width:154px;height:62px;border-top:2px dashed #7aa2ff;border-radius:50%;transform:rotate(14deg);opacity:.72}.standaloneDropPanel:after{content:'›';position:absolute;left:319px;top:65px;color:#7aa2ff;font-size:30px;font-weight:950;transform:rotate(-18deg);opacity:.85}.standaloneDropPanel .dropCenter{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:8px}.standaloneDropPanel .dropCenter b{font-size:28px;line-height:1.05;font-weight:950;color:#111827;letter-spacing:-.025em}.standaloneDropPanel .dropCenter span{font-size:15px;font-weight:900;color:#5e6c83}.standaloneDropPanel .dropCenter small{font-size:14px;font-weight:850;color:#7c8aa0}.standaloneDropPanel .visualUpload{position:relative!important;overflow:hidden!important;height:58px!important;min-width:260px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,#ff4651,#ef2f2f)!important;color:#fff!important;font-size:22px!important;font-weight:950!important;box-shadow:0 18px 40px rgba(239,47,47,.27),0 0 0 1px rgba(255,255,255,.28) inset!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;transition:transform .18s ease,box-shadow .18s ease!important}.standaloneDropPanel .visualUpload:hover{transform:translateY(-2px)!important;box-shadow:0 24px 50px rgba(239,47,47,.34),0 0 0 1px rgba(255,255,255,.32) inset!important}.standaloneDropPanel .visualUpload:before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.34) 45%,transparent 70%)!important;transform:translateX(-120%)!important;animation:buttonSheen 3.4s ease-in-out infinite!important}.standaloneDropPanel .visualUpload i{font-style:normal!important;font-size:19px!important;position:relative;z-index:1}.standaloneDropPanel .visualUpload{color:#fff!important}.standaloneDropPanel .dropIllustration{position:relative;width:170px;height:110px;z-index:2}.standaloneDropPanel .dropIllustration .folder{position:absolute;left:45px;bottom:24px;width:74px;height:52px;border-radius:12px;background:linear-gradient(180deg,#8aa8ff,#5f7ff0);box-shadow:0 20px 34px rgba(84,111,223,.22)}.standaloneDropPanel .dropIllustration .folder:before{content:'';position:absolute;left:10px;top:-12px;width:38px;height:20px;border-radius:10px 10px 4px 4px;background:#a9bdff}.standaloneDropPanel .dropIllustration .pdfMini{position:absolute;left:80px;top:16px;width:42px;height:52px;border-radius:7px;background:#fff;border:1px solid #e7edf8;box-shadow:0 12px 24px rgba(15,23,42,.08);color:#ff333b;font-size:11px;font-weight:950;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;transform:rotate(9deg)}.standaloneDropPanel .dropIllustration .pdfMini:before{content:'';position:absolute;right:0;top:0;border-top:14px solid #ff6a2a;border-left:14px solid transparent;border-radius:0 5px 0 0}.standaloneDropPanel .cloud{position:absolute;background:#eef5ff;border:1px solid #d7e5ff;box-shadow:0 10px 20px rgba(37,99,235,.08)}.standaloneDropPanel .cloud.c1{left:8px;top:28px;width:54px;height:20px;border-radius:999px}.standaloneDropPanel .cloud.c1:before{content:'';position:absolute;left:10px;top:-9px;width:18px;height:18px;border-radius:50%;background:#f3f8ff;border:1px solid #d7e5ff}.standaloneDropPanel .cloud.c2{right:8px;bottom:28px;width:58px;height:21px;border-radius:999px}.standaloneDropPanel .cloud.c2:before{content:'';position:absolute;left:16px;top:-10px;width:19px;height:19px;border-radius:50%;background:#f3f8ff;border:1px solid #d7e5ff}.standaloneDropPanel .spark{position:absolute;width:8px;height:8px;background:#d9e7ff;transform:rotate(45deg);border-radius:2px;animation:softFloat 4.2s ease-in-out infinite}.standaloneDropPanel .spark.s1{left:2px;bottom:22px}.standaloneDropPanel .spark.s2{right:20px;top:10px;animation-delay:.8s}.standaloneDropPanel .dropPlane{position:relative;width:170px;height:100px;justify-self:end;z-index:2}.standaloneDropPanel .dropPlane span{position:absolute;right:42px;top:18px;width:72px;height:54px;background:linear-gradient(135deg,#c9ddff,#8fb4ff);clip-path:polygon(0 45%,100% 0,64% 100%,45% 58%);opacity:.75;filter:drop-shadow(0 10px 18px rgba(37,99,235,.12));transform:rotate(-12deg)}.standaloneDropPanel .dropPlane:before{content:'';position:absolute;left:-2px;bottom:17px;width:112px;height:44px;border-bottom:2px dashed #8eb1ff;border-radius:50%;opacity:.72}.standaloneDropPanel .dropPlane:after{content:'';position:absolute;left:38px;bottom:24px;width:26px;height:26px;border:1.5px dashed #9dbbff;border-radius:999px;opacity:.72}.landingDropOver .standaloneDropPanel{border-color:#ff333b!important;background:linear-gradient(90deg,#fff,#fff8f8)!important;box-shadow:0 25px 80px rgba(239,47,47,.13),0 0 0 6px rgba(239,47,47,.045)!important}@media(max-width:1100px){.landingDropSection{margin:10px auto 26px;padding:0 24px}.standaloneDropPanel{grid-template-columns:1fr!important;padding:24px!important}.standaloneDropPanel:before,.standaloneDropPanel:after,.standaloneDropPanel .dropIllustration,.standaloneDropPanel .dropPlane{display:none!important}.standaloneDropPanel .visualUpload{width:100%!important;max-width:320px!important}}



/* v24 FIX: rebuild hero upload area as ONE clean integrated box only. No duplicate dropzone. */
#landingPage .landingHero.compactHero{align-items:flex-start!important;}
#landingPage .heroVisual.semanticPdfHero{height:auto!important;min-height:0!important;overflow:visible!important;}
#landingPage .semanticPdfHero .pdfWorkflowCard{
  width:650px!important;
  min-height:560px!important;
  padding-bottom:22px!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid #e5edf8!important;
  box-shadow:0 34px 90px rgba(15,23,42,.10)!important;
}
#landingPage .semanticPdfHero .pdfWorkflowCard::after{display:none!important;}
#landingPage .pdfSemanticBody{
  grid-template-columns:minmax(0,1.4fr) 210px!important;
  gap:24px!important;
  padding:20px 28px 0!important;
  min-height:310px!important;
  align-items:center!important;
}
#landingPage .pdfStack{transform:scale(.92)!important;transform-origin:center left!important;}
#landingPage .pdfSidePanel{transform:scale(.92)!important;transform-origin:center right!important;}
#landingPage .semanticChips{inset:auto 34px 118px 34px!important;height:40px!important;pointer-events:none!important;}
#landingPage .semanticChip{transform:scale(.88)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;}
#landingPage .semanticChip.redact{left:0!important;top:-210px!important;}
#landingPage .semanticChip.ocr{right:-24px!important;top:-184px!important;}
#landingPage .semanticChip.sign{left:34px!important;bottom:4px!important;}
#landingPage .semanticChip.compare{right:24px!important;bottom:4px!important;}
#landingPage .inlineUnifiedDrop{
  position:relative!important;
  z-index:12!important;
  margin:14px 28px 0!important;
  min-height:106px!important;
  width:auto!important;
  border:1.6px dashed #b8ccff!important;
  border-radius:22px!important;
  background:linear-gradient(90deg,#ffffff 0%,#fbfdff 52%,#fff7f7 100%)!important;
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) 176px!important;
  align-items:center!important;
  gap:16px!important;
  padding:17px 20px!important;
  box-shadow:0 16px 44px rgba(15,23,42,.055), inset 0 0 0 1px rgba(255,255,255,.72)!important;
  overflow:hidden!important;
  text-align:left!important;
}
#landingPage .inlineUnifiedDrop::before{
  content:''!important;position:absolute!important;left:94px!important;top:22px!important;width:106px!important;height:42px!important;border-top:2px dashed #8db0ff!important;border-radius:50%!important;transform:rotate(15deg)!important;opacity:.55!important;
}
#landingPage .inlineUnifiedDrop::after{
  content:''!important;position:absolute!important;right:18px!important;bottom:14px!important;width:58px!important;height:44px!important;background:linear-gradient(135deg,#c9ddff,#8fb4ff)!important;clip-path:polygon(0 45%,100% 0,64% 100%,45% 58%)!important;opacity:.42!important;transform:rotate(-12deg)!important;z-index:0!important;
}
#landingPage .inlineDropIcon{
  position:relative!important;z-index:2!important;width:70px!important;height:62px!important;border-radius:17px!important;background:linear-gradient(180deg,#8aa8ff,#5f7ff0)!important;box-shadow:0 16px 30px rgba(84,111,223,.22)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:28px!important;
}
#landingPage .inlineDropIcon::before{content:'↑'!important;font-weight:950!important;line-height:1!important;}
#landingPage .inlineDropIcon::after{content:''!important;position:absolute!important;right:-4px!important;top:-12px!important;width:34px!important;height:42px!important;border-radius:6px!important;background:#fff!important;border:1px solid #e7edf8!important;box-shadow:0 10px 20px rgba(15,23,42,.08)!important;transform:rotate(9deg)!important;}
#landingPage .inlineDropIcon .pdfTag{position:absolute!important;right:2px!important;top:-2px!important;z-index:3!important;font-size:10px!important;color:#ff333b!important;background:transparent!important;font-weight:950!important;transform:rotate(9deg)!important;}
#landingPage .inlineDropText{position:relative!important;z-index:2!important;min-width:0!important;display:block!important;}
#landingPage .inlineDropText b{display:block!important;font-size:23px!important;line-height:1.05!important;font-weight:950!important;color:#111827!important;letter-spacing:-.02em!important;margin:0 0 6px!important;white-space:nowrap!important;}
#landingPage .inlineDropText span{display:block!important;font-size:14px!important;font-weight:900!important;color:#5e6c83!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#landingPage .inlineDropText small{display:block!important;margin-top:7px!important;font-size:14px!important;font-weight:850!important;color:#8190a8!important;white-space:nowrap!important;}
#landingPage .inlineUploadBtn{
  position:relative!important;z-index:3!important;height:54px!important;width:100%!important;border:0!important;border-radius:15px!important;background:linear-gradient(180deg,#ff4651,#ef2f2f)!important;color:#fff!important;font-size:19px!important;font-weight:950!important;box-shadow:0 18px 40px rgba(239,47,47,.26)!important;cursor:pointer!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;overflow:hidden!important;
}
#landingPage .inlineUploadBtn::before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.34) 45%,transparent 70%)!important;transform:translateX(-120%)!important;animation:buttonSheen 3.6s ease-in-out infinite!important;}
#landingPage .inlineUploadBtn:hover{transform:translateY(-1px)!important;box-shadow:0 22px 48px rgba(239,47,47,.32)!important;}
#landingPage .landingDropSection{display:none!important;}
@media(max-width:1100px){
  #landingPage .semanticPdfHero .pdfWorkflowCard{width:min(650px,calc(100vw - 32px))!important;min-height:auto!important;}
  #landingPage .pdfSemanticBody{grid-template-columns:1fr!important;padding:18px!important;}
  #landingPage .pdfSidePanel{display:none!important;}
  #landingPage .inlineUnifiedDrop{grid-template-columns:1fr!important;text-align:center!important;margin:14px!important;}
  #landingPage .inlineDropIcon{margin:0 auto!important;}
  #landingPage .inlineDropText b,#landingPage .inlineDropText span,#landingPage .inlineDropText small{white-space:normal!important;}
}

#landingUploadOverlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 16%,rgba(255,51,64,.12),transparent 32%),radial-gradient(circle at 22% 78%,rgba(37,99,235,.15),transparent 34%),rgba(248,251,255,.52);backdrop-filter:blur(12px) saturate(1.06);-webkit-backdrop-filter:blur(12px) saturate(1.06);opacity:0;transition:opacity .34s ease;overflow:hidden;color:#111827}
#landingUploadOverlay.show{display:flex;opacity:1}
/* v47: index handoff shows only a soft blurred surface, no duplicate loading card. */
#landingUploadOverlay.landingSurfaceOnly{background:radial-gradient(circle at 70% 16%,rgba(255,51,64,.10),transparent 32%),radial-gradient(circle at 22% 78%,rgba(37,99,235,.12),transparent 34%),rgba(248,251,255,.38)!important;backdrop-filter:blur(5px) saturate(1.03)!important;-webkit-backdrop-filter:blur(5px) saturate(1.03)!important}
#landingUploadOverlay.landingSurfaceOnly:before{inset:18px!important;border-color:rgba(219,226,238,.32)!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02))!important}
#landingUploadOverlay.landingSurfaceOnly .landingUploadScene,#landingUploadOverlay.landingSurfaceOnly .landingCurtainStatus{display:none!important}
#landingUploadOverlay.landingSurfaceOnly .landingSurfaceGlow{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),rgba(219,234,254,.12),rgba(255,241,242,.12));opacity:.9;pointer-events:none}

#landingUploadOverlay:before{content:'';position:absolute;inset:26px;border:1px solid rgba(219,226,238,.50);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02));pointer-events:none}
.landingUploadScene{position:relative;z-index:2;width:min(520px,calc(100vw - 42px));display:flex;align-items:center;justify-content:center;padding:18px}.landingCurtainStatus{width:100%;display:grid;gap:12px;justify-items:center;padding:25px 26px 22px;border:1px solid rgba(219,234,254,.78);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(248,251,255,.72));box-shadow:0 30px 90px rgba(15,23,42,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-weight:950;position:relative;overflow:hidden}.landingCurtainStatus:before{content:'';position:absolute;left:-80px;top:-100px;width:220px;height:220px;border-radius:999px;background:rgba(255,51,64,.10)}.landingCurtainStatus:after{content:'';position:absolute;right:-92px;bottom:-116px;width:240px;height:240px;border-radius:999px;background:rgba(37,99,235,.10)}.landingCurtainStatus>*{position:relative;z-index:1}.landingCurtainStatus .landingUploadBrand{margin:0;font-size:24px}.landingCurtainStatus .landingHeart{font-size:36px}.landingCurtainStatus p{margin:0;color:#64748b;font-size:15px;white-space:normal;text-align:center}.landingCurtainLine{width:100%;max-width:330px;height:7px;border-radius:999px;background:#eaf1fb;overflow:hidden}.landingCurtainLine i{display:block;height:100%;width:44%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#135cff,#60a5fa);animation:landingUploadSlide 1s ease-in-out infinite}
@media(max-width:840px){.landingUploadScene{grid-template-columns:1fr;padding:18px}.landingUploadPreview{display:none}.landingUploadModal{width:min(420px,calc(100vw - 42px));margin:0 auto}}
/* v52: seamless single-upload landing → editor handoff. */
html.landingHandoffBusy, html.landingHandoffBusy *{cursor:progress!important}
#tlpSeamlessHandoff{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(241,245,249,.88);backdrop-filter:blur(12px) saturate(1.04);-webkit-backdrop-filter:blur(12px) saturate(1.04);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;padding:20px}
#tlpSeamlessHandoff.show{opacity:1;visibility:visible}
.tlpHandoffCard{width:min(520px,calc(100vw - 36px));padding:28px 30px 26px;border-radius:24px;border:1px solid rgba(203,213,225,.9);background:rgba(255,255,255,.97);box-shadow:0 32px 90px rgba(15,23,42,.18)}
.tlpHandoffTop{display:flex;align-items:center;gap:15px}.tlpHandoffLogo{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#fff5f5,#fff);display:grid;place-items:center;position:relative;border:1px solid #fee2e2;flex:none}.tlpHandoffLogo:before,.tlpHandoffLogo:after{content:'';position:absolute;border-radius:50%;border:3px solid transparent}.tlpHandoffLogo:before{width:48px;height:48px;border-top-color:#2563eb;border-right-color:#bfdbfe;animation:tlpHandoffOrbit 1.15s linear infinite}.tlpHandoffLogo:after{width:35px;height:35px;border-bottom-color:#ef4444;border-left-color:#fecaca;animation:tlpHandoffOrbit .82s linear infinite reverse}.tlpHandoffHeart{font-size:25px;color:#ef3434;position:relative;z-index:2;filter:drop-shadow(0 3px 6px rgba(239,52,52,.22))}.tlpHandoffCopy{min-width:0}.tlpHandoffBrand{font-size:14px;font-weight:950;color:#334155}.tlpHandoffTitle{font-size:21px;line-height:1.25;font-weight:950;color:#0f172a;margin-top:3px}.tlpHandoffDetail{font-size:14px;line-height:1.45;color:#64748b;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlpHandoffProgressRow{display:flex;align-items:end;justify-content:space-between;margin-top:22px;gap:16px}.tlpHandoffPhase{font-size:13px;font-weight:850;color:#475569}.tlpHandoffPct{font-size:27px;font-weight:950;letter-spacing:-.04em;color:#1d4ed8;line-height:1}.tlpHandoffTrack{height:9px;margin-top:9px;border-radius:999px;background:#e8eef7;overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}.tlpHandoffBar{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .16s ease}.tlpHandoffMeta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;color:#64748b;font-size:12.5px}.tlpHandoffMeta b{color:#334155;font-weight:850}@keyframes tlpHandoffOrbit{to{transform:rotate(360deg)}}
@media(max-width:600px){.tlpHandoffCard{padding:22px}.tlpHandoffTitle{font-size:18px}.tlpHandoffPct{font-size:23px}}
/* Landing-only guest quota prompt. Intentionally scoped to index.html; editor quota UI is untouched. */
#tlpGuestQuotaPrompt{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(100,116,139,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
#tlpGuestQuotaPrompt.show{opacity:1;visibility:visible}.tlpQuotaCard{width:min(625px,calc(100vw - 32px));overflow:hidden;border:1px solid #dbe2ea;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.24)}.tlpQuotaHead{display:flex;align-items:center;gap:17px;padding:27px 30px 22px}.tlpQuotaIcon{width:56px;height:56px;display:grid;place-items:center;flex:none;border:1px solid #fecaca;border-radius:18px;background:#fff5f5;color:#ef3434;font-size:26px;font-weight:950}.tlpQuotaHeadCopy{min-width:0}.tlpQuotaTitle{margin:0;color:#0f172a;font-size:24px;line-height:1.18;font-weight:950;letter-spacing:-.035em}.tlpQuotaMeta{margin-top:5px;color:#64748b;font-size:14px}.tlpQuotaBody{padding:4px 30px 26px}.tlpQuotaMetric{display:flex;align-items:baseline;gap:10px;padding:17px 18px;border:1px solid #fecaca;border-radius:18px;background:#fff7f7;color:#b42318}.tlpQuotaValue{font-size:27px;line-height:1;font-weight:950;letter-spacing:-.035em}.tlpQuotaMetricLabel{font-size:14px;font-weight:900}.tlpQuotaMessage{margin:20px 0 0;color:#172033;font-size:17px;line-height:1.65}.tlpQuotaNote{margin-top:18px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#64748b;font-size:14px;line-height:1.5}.tlpQuotaActions{display:flex;justify-content:flex-end;gap:10px;padding:19px 30px 25px;border-top:1px solid #e5e7eb}.tlpQuotaBtn{height:50px;min-width:122px;padding:0 18px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;color:#334155;font-size:16px;font-weight:950;cursor:pointer}.tlpQuotaBtn:hover{background:#f8fafc}.tlpQuotaBtn.primary{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.20)}.tlpQuotaBtn.primary:hover{background:#1d4ed8}.tlpQuotaBtn:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}@media(max-width:600px){#tlpGuestQuotaPrompt{padding:14px}.tlpQuotaCard{border-radius:22px}.tlpQuotaHead{padding:22px 20px 18px}.tlpQuotaTitle{font-size:21px}.tlpQuotaBody{padding:3px 20px 20px}.tlpQuotaMessage{font-size:15px}.tlpQuotaActions{padding:16px 20px 20px}.tlpQuotaBtn{flex:1;min-width:0}}



  html, body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-behavior:smooth!important;
  }
  body.landing-mode{
    position:relative!important;
    background:#fff!important;
    touch-action:auto!important;
  }
  #landingPage{
    min-height:100vh!important;
    overflow:visible!important;
  }
  #landingPage main{
    display:block!important;
    overflow:visible!important;
  }
  #landingPage .landingNav{
    position:sticky!important;
    top:0!important;
  }



  @media (min-width:1101px){
    #landingPage .heroVisual.semanticPdfHero{
      margin-top:32px!important;
    }
  }



  @media (min-width:1101px){
    #landingPage .semanticPdfHero .pdfWorkflowCard{
      min-height:528px!important;
    }
  }



  @media (min-width:1101px){
    #landingPage .landingNav .landingLogo .landingHeart{
      position:relative!important;
      left:3px!important;
    }
    #landingPage .compactCopy{
      transform:translateY(72px)!important;
    }
    #landingPage .compactTitle{
      font-size:68px!important;
    }
  }



  @media (min-width:1101px){
    /* v52 exact request: move only the visible heart artwork +3px, not AI/PDF layout. */
    #landingPage .landingNav .landingLogo .landingHeart{
      left:auto!important;
      transform:translateX(3px) scaleX(1.18) translateY(1px)!important;
    }
    /* v52 exact request: reduce headline 6-8px and move the copy block down one line. */
    #landingPage .compactCopy{
      transform:translateY(104px)!important;
    }
    #landingPage .compactTitle{
      font-size:62px!important;
    }
  }



  @media (min-width:1101px){
    /* v54: fine tune from v53 by pulling the landing heart back left 1px; AI/PDF text stays fixed. */
    #landingPage .landingNav .landingLogo .landingHeart{
      transform:translateX(4px) scaleX(1.18) translateY(1px)!important;
    }
  }



  #landingPage .footerBrand{
    gap:0!important;
  }
  #landingPage .footerBrand .ai{
    margin-right:-2px!important;
  }
  #landingPage .footerBrand .landingHeart{
    position:relative!important;
    left:0!important;
    transform:translateX(4px) scaleX(1.18) translateY(1px)!important;
    margin-left:0!important;
    margin-right:1px!important;
    width:38px!important;
  }
  #landingPage .footerBrand .pdf{
    margin-left:5px!important;
  }



  #landingPage .landingHeart{font-size:0!important;text-shadow:none!important;filter:none!important;overflow:visible!important}
  #landingPage .landingHeart::before,#landingPage .landingHeart::after{display:none!important;content:none!important}
  #landingPage .tlpHeartSvg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 8px rgba(185,28,28,.22));pointer-events:none}
  .tlpLang{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
  .tlpLangBtn{height:40px;min-width:66px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#334155;font:900 14px/1 var(--font);cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);-webkit-tap-highlight-color:transparent}
  .tlpLangBtn:hover,.tlpLang.open .tlpLangBtn{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}
  .tlpLangBtn:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}
  .tlpLangFlag{font-size:21px;line-height:1}.tlpLangCode{letter-spacing:.03em}.tlpLangChevron{font-size:14px;color:#94a3b8;transform:translateY(-1px)}
  .tlpLangMenu{position:absolute;right:0;top:calc(100% + 9px);width:230px;padding:7px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 18px 50px rgba(15,23,42,.18);display:none;z-index:6000}
  .tlpLang.open .tlpLangMenu{display:block}
  .tlpLangMenu button{width:100%;min-height:48px;border:0;background:#fff;border-radius:11px;padding:7px 10px;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:7px;text-align:left;color:#334155;cursor:pointer;font-family:var(--font)}
  .tlpLangMenu button:hover,.tlpLangMenu button.active{background:#f8fafc}.tlpLangMenu button>span:first-child{font-size:21px;text-align:center}.tlpLangMenu b{display:block;font-size:14px}.tlpLangMenu small{display:block;margin-top:2px;font-size:12px;color:#64748b;font-weight:700}.tlpLangMenu i{font-style:normal;color:#2563eb;font-weight:950;opacity:0}.tlpLangMenu button.active i{opacity:1}
  .tlpLangStatus{border-top:1px solid #eef2f7;margin-top:4px;padding:8px 9px 5px;color:#94a3b8;font-size:12px;line-height:1.35;white-space:normal}
  @media(max-width:700px){
    #landingPage .landingNav{height:64px!important;padding:0 13px!important;gap:8px!important;overflow:visible!important}
    #landingPage .landingLogo{font-size:21px!important;letter-spacing:-.045em!important;flex:0 1 auto;min-width:0}
    #landingPage .landingLogo .ai{margin-right:0!important}
    #landingPage .landingLogo .pdf{margin-left:3px!important}
    #landingPage .landingNav .landingLogo .landingHeart{width:29px!important;height:27px!important;margin:0 1px!important;left:auto!important;transform:none!important}
    #landingPage .landingActions{margin-left:auto!important;gap:7px!important;min-width:0;flex:0 0 auto}
    #landingPage .landingActions>.landingLink{display:none!important}
    #landingPage .landingLogin{height:38px!important;padding:0 11px!important;border-radius:10px!important;font-size:14px!important;white-space:nowrap}
    .tlpLangBtn{width:40px;min-width:40px;height:38px;padding:0;border-radius:10px}.tlpLangCode,.tlpLangChevron{display:none}.tlpLangFlag{font-size:21px}.tlpLangMenu{right:0;width:min(230px,calc(100vw - 26px))}
  }
  @media(max-width:390px){
    #landingPage .landingNav{padding:0 10px!important}
    #landingPage .landingLogo{font-size:19px!important}
    #landingPage .landingNav .landingLogo .landingHeart{width:25px!important;height:24px!important}
    #landingPage .landingLogin{width:38px!important;padding:0!important;font-size:0!important;position:relative}
    #landingPage .landingLogin::before{content:'↗';font-size:19px;line-height:1;color:#1f2937}
  }



  #landingPage .tlpYoutubeCard{padding:0!important;background:#0f172a!important;cursor:default!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:390px!important}
  #landingPage .tlpYoutubeCard:before{display:none!important}
  #landingPage .tlpYoutubeFrame{display:block!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;border:0!important;background:#000!important}
  #landingPage .tlpVideoDescription{padding:20px 24px 22px!important;background:linear-gradient(180deg,#111827,#0f172a)!important;color:#fff!important}
  #landingPage .tlpVideoDescription b{display:block!important;font-size:21px!important;line-height:1.3!important;margin-bottom:8px!important}
  #landingPage .tlpVideoDescription span{display:block!important;color:#e2e8f0!important;font-size:15px!important;line-height:1.6!important}
  #landingPage .tlpVideoDescription small{display:block!important;color:#94a3b8!important;font-size:14px!important;line-height:1.55!important;margin-top:7px!important}
  @media(max-width:700px){#landingPage .tlpVideoDescription{padding:16px 18px 18px!important}#landingPage .tlpVideoDescription b{font-size:18px!important}}

/* I LOVE VPS: content-specific illustrations only. Original landing styles above are unchanged. */
#landingPage .landingNav .landingLogo .ai,#landingPage .footerBrand .ai {margin-right:3px!important}
#landingPage .landingNav .landingLogo .pdf,#landingPage .footerBrand .pdf {margin-left:6px!important}
#landingPage .compactTitle{font-size:58px!important;line-height:1.1!important;letter-spacing:-.045em!important}
#landingPage .compactSub{font-size:22px!important;line-height:1.6!important}
#landingPage .vpsHeroCard{overflow:hidden!important}
#landingPage .vpsHeroCard .pdfSemanticBody{grid-template-columns:minmax(0,1.45fr) 198px!important;min-height:296px!important;align-items:center!important}
#landingPage .vpsRack{width:100%;height:270px;max-width:355px;padding:24px 18px 16px;display:flex;flex-direction:column;gap:9px;position:relative;margin:0 auto;border:1px solid #dbe2ea;border-radius:18px;background:linear-gradient(145deg,#f6f9ff,#edf3ff);box-shadow:inset 0 0 0 1px #fff,0 20px 44px rgba(15,23,42,.09)}
#landingPage .vpsRackHead{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:950;color:#334155;margin-bottom:6px}
#landingPage .vpsRackHead span{color:#64748b;font-size:12px;font-weight:800}
#landingPage .vpsUnit{height:45px;background:linear-gradient(180deg,#29354d,#111d33);border:1px solid #384761;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:0 4px 8px rgba(15,23,42,.12);color:#dce7fa}
#landingPage .vpsUnit .unitNo{font-size:12px;white-space:nowrap;font-weight:900;letter-spacing:.03em;margin-right:auto}
#landingPage .led{width:7px;height:7px;flex:none;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.65)}
#landingPage .led.blueLed{background:#60a5fa;box-shadow:0 0 8px rgba(96,165,250,.45)}
#landingPage .unitSlots{display:flex;gap:4px}.unitSlots i{width:4px;height:15px;background:#536581;border-radius:5px}
#landingPage .vpsRackBase{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:12px;font-weight:850;margin-top:6px}
#landingPage .vpsRackBase strong{color:#2563eb}
#landingPage .vpsHeroCard .aiStatusCard{min-height:120px!important}
#landingPage .vpsHeroCard .aiMeter span{width:66%!important}
#landingPage .vpsHeroCard .flowMini span{font-size:13px!important}
#landingPage .vpsHeroCard .inlineUnifiedDrop{grid-template-columns:68px minmax(0,1fr) 166px!important}
#landingPage .vpsHeroCard .inlineDropText b{font-size:20px!important}
#landingPage .vpsHeroCard .inlineDropText span{font-size:13px!important}
#landingPage .vpsHeroCard .inlineDropIcon::after{content:'VPS'!important;display:flex;justify-content:center;align-items:center;color:#ef2f2f;font-size:11px;font-weight:950}
#landingPage .vpsHeroCard .inlineDropIcon .pdfTag{display:none!important}
#landingPage .vpsHeroCard .inlineUploadBtn{text-decoration:none;font-size:17px!important}
#landingPage .vpsHeroCard .inlineUnifiedDrop::before,#landingPage .vpsHeroCard .inlineUnifiedDrop::after{display:none!important}
#landingPage .vpsDemoVisual{cursor:default;min-height:390px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:35px}
#landingPage .vpsDemoVisual::before{pointer-events:none}
#landingPage .vpsConsole{position:relative;z-index:1;border:1px solid rgba(255,255,255,.17);background:rgba(2,6,23,.64);border-radius:18px;padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.18)}
#landingPage .consoleTop{font-size:14px;color:#cbd5e1;display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:12px}
#landingPage .consoleTop b{font-size:16px;color:#fff}
#landingPage .consolePill{color:#86efac;font-size:13px;font-weight:800;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);padding:6px 9px;border-radius:99px}
#landingPage .consoleMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
#landingPage .consoleMetric{padding:12px 7px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);font-size:13px;color:#cbd5e1;text-align:center}
#landingPage .consoleMetric strong{display:block;color:#fff;font-size:21px;margin-bottom:3px}
#landingPage .consoleProgress{height:8px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden;margin:14px 0}.consoleProgress>i{display:block;background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;width:62%;border-radius:99px}
#landingPage .consoleNote{font-size:13px;color:#cbd5e1;line-height:1.5;margin-top:14px}
#landingPage .showcase .demoStep{min-height:99px}
#landingPage .plan .planTag{border-radius:6px}
#landingPage .plan .planTag.is-preview{background:#eff6ff;color:#1d4ed8;padding:7px 10px}
#landingPage .plan h3{margin-right:40px}
#landingPage .plan .planBtn{display:flex;align-items:center;justify-content:center;text-decoration:none;height:48px;width:100%;border-radius:8px;border:1px solid #b8c4d6;background:#fff;font-weight:950;font-size:16px;color:#172033}
#landingPage .plan.popular .planBtn{background:#ff333b;color:#fff;border-color:#ff333b}
#landingPage .plan .planBtn:hover{filter:brightness(.97)}
#landingPage .plan .planMeta{color:#64748b;font-size:14px;line-height:1.5;margin:5px 0 20px}
#landingPage .pricingNote{text-align:center;color:#64748b;font-size:14px;line-height:1.7;margin:22px auto 0;max-width:730px}
#landingPage .supportLink{text-decoration:none;color:#fff}
#landingPage .tlpLang{z-index:60}
@media(max-width:1100px){#landingPage .compactTitle{font-size:45px!important}#landingPage .vpsHeroCard .pdfSemanticBody{grid-template-columns:1fr!important}#landingPage .vpsHeroCard .pdfSidePanel{display:none!important}#landingPage .vpsHeroCard .inlineUnifiedDrop{grid-template-columns:1fr!important}}
@media(max-width:700px){#landingPage .compactTitle{font-size:38px!important}#landingPage .compactSub{font-size:19px!important}#landingPage .vpsRack{height:264px}#landingPage .vpsHeroCard .inlineDropText b{white-space:normal!important}#landingPage .vpsDemoVisual{padding:16px}#landingPage .consoleMetrics{grid-template-columns:1fr 1fr 1fr}#landingPage .consoleMetric strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){#landingPage *,#landingPage *::before,#landingPage *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

#landingPage .vpsHeroCard .inlineDropText span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#landingPage a.toolCard{text-decoration:none;color:inherit}#landingPage a.toolCard:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}

/* Separate plan badges and headings, preserving original card colors and spacing. */
#landingPage .plan h3{padding-top:31px!important;margin-right:0!important}
#landingPage .vpsPortalIcon i{position:absolute;display:block;z-index:2}
#landingPage .vpsPortalIcon .screen{left:16px;top:17px;width:80px;height:52px;border-radius:10px;background:linear-gradient(140deg,#2563eb,#60a5fa);border:5px solid #e0eaff;box-shadow:0 13px 25px rgba(37,99,235,.18)}
#landingPage .vpsPortalIcon .screen::after{content:'VPS';position:absolute;inset:0;display:grid;place-items:center;font-weight:950;font-size:18px;color:#fff}
#landingPage .vpsPortalIcon .vm{right:2px;top:2px;width:37px;height:32px;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.12)}
#landingPage .vpsPortalIcon .vm::after{content:'VM';position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#ef3340;font-weight:950}
#landingPage .vpsPortalIcon .cloud{left:4px;bottom:3px;width:36px;height:28px;border-radius:11px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.11)}
#landingPage .vpsPortalIcon .cloud::after{content:'☁';position:absolute;inset:0;display:grid;place-items:center;font-size:21px;color:#2563eb}

/* Index navbar: payment reporting entry even when links collapse on mobile. */
#landingPage .landingActions .paymentQuick{display:none;white-space:nowrap;text-decoration:none;color:#1d4ed8;font-size:14px;font-weight:850}
@media(max-width:1100px){#landingPage .landingActions .paymentQuick{display:inline-flex}}
@media(max-width:380px){#landingPage .landingActions .paymentQuick{font-size:12px}}

/* V7.3.3: longer brand label only; preserves the original landing layout and palette. */
#landingPage .landingNav .landingLogo { font-size:clamp(17px,2vw,26px)!important;letter-spacing:-.045em!important; }
#landingPage .footerBrand { font-size:clamp(18px,2vw,27px)!important; }
@media(max-width:540px){#landingPage .landingNav .landingLogo {font-size:17px!important;letter-spacing:-.055em!important;}#landingPage .landingNav .landingLogo .landingHeart{width:22px!important;height:22px!important;} }