:root{--ink:#17243d;--muted:#6a758a;--blue:#3457e5;--blue-dark:#2646c4;--line:#e1e5ee;--paper:#f5f7fb;--cream:var(--paper);--white:#fff;--navy:#203457;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--shadow:0 12px 40px #1b2a4710;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit}button{color:inherit}button:disabled{cursor:not-allowed}button:disabled,a[aria-disabled=true]{opacity:.5}[hidden]{display:none!important}:focus-visible{outline:3px solid #6d87ee;outline-offset:4px}.frame{width:min(1184px,calc(100% - 72px));margin-inline:auto}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.skip{position:fixed;left:16px;top:-70px;z-index:100;padding:12px 18px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:8px}.skip:focus{top:12px}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.eyebrow{font-size:10px;line-height:1.4;font-weight:750;letter-spacing:1.8px;text-transform:uppercase}.brand,.bar nav,.foot-brand{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;flex:none}.brand svg{flex:none}.brand strong{font:700 35px/1 var(--serif);letter-spacing:-1.6px}.brand span{font-size:10px;letter-spacing:.1px;color:var(--muted);align-self:flex-end;margin:0 0 4px 1px}.site-header{background:#ffffffed;border-bottom:1px solid var(--line)}.bar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}.bar nav{gap:7px;margin-left:auto;margin-right:22px}.nav-link{padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none;border-radius:7px;color:#59657c}.nav-link:hover{color:var(--ink);background:#f1f4fa}.nav-link[aria-current=page]{background:#edf1ff;color:var(--blue)}.nav-new{font-size:9px;font-weight:750;letter-spacing:.7px;color:var(--blue);background:#e8edff;border-radius:4px;padding:3px 5px;margin-left:5px;vertical-align:1px}.offline{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce5e1;background:#f2f7f4;color:#527463;border-radius:30px;padding:7px 11px;white-space:nowrap;font-size:10px;font-weight:600}.offline i{height:5px;width:5px;background:#5c9374;border-radius:50%}.cta,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 20px;min-height:48px;border-radius:8px;border:1px solid transparent;font:650 13px/1.4 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}.cta{background:var(--blue);color:white;box-shadow:0 3px 8px #3457e51b}.cta:hover{background:var(--blue-dark);box-shadow:0 5px 12px #3457e52a}.cta svg,.button-secondary svg{height:18px;width:18px;flex:none}.button-secondary{background:white;border-color:var(--line);color:var(--ink)}.button-secondary:hover{background:#f7f9ff;border-color:#bbc7e8}.sample{background:none;border:0;color:#536784;font:600 12px/1.4 var(--sans);cursor:pointer;padding:10px 5px;text-decoration:none}.sample:hover{text-decoration:underline;color:var(--blue)}.actionrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px}.text-link{font-size:12px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;gap:10px;color:var(--blue)}.text-link:hover{text-decoration:underline}.muted{color:var(--muted)}
/* Workspace home */
.home-main{padding-top:38px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.workspace-label{display:flex;align-items:center;gap:9px;color:#68758b;font-size:10px;font-weight:700;letter-spacing:1.45px}.workspace-label svg{width:14px;height:14px;color:#8e9ab0}.welcome-note{font-size:11px;color:#68758b}.home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);align-items:center;min-height:354px;border:1px solid #dce3f0;border-radius:20px;background:#edf2fc;overflow:hidden;padding:38px 46px;position:relative}.hero-copy{position:relative;z-index:2;padding-block:8px}.hero-kicker{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#56709f;font-size:10px;font-weight:750;letter-spacing:1.4px}.hero-kicker span{width:20px;height:1px;background:#95a9ce}.hero-copy h1{font-size:clamp(42px,4.5vw,62px);line-height:1.06;letter-spacing:-3.3px;font-weight:550;margin:0 0 19px;max-width:660px}.hero-copy h1 em{font:italic 1.1em/.95 var(--serif);letter-spacing:-3.2px;color:var(--blue)}.hero-copy p{font-size:14px;line-height:1.75;color:#62718c;max-width:360px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-actions .quiet-action{font-size:12px;font-weight:650;color:#4c607f;text-decoration:none;padding:12px 0}.hero-actions .quiet-action:hover{text-decoration:underline}.hero-actions .quiet-action span{margin-left:5px}.hero-proof{display:flex;align-items:center;gap:8px;margin-top:21px;font-size:10px;color:#7a889e}.hero-proof svg{height:13px;width:13px}.document-scene{height:320px;position:relative;min-width:0;isolation:isolate}.scene-orbit{position:absolute;width:300px;height:300px;border:1px solid #d2ddee;border-radius:50%;top:4px;right:8px}.scene-orbit:after{content:'';position:absolute;inset:34px;border:1px solid #dbe4f2;border-radius:50%}.scene-dots{position:absolute;top:34px;right:9px;width:11px;height:11px;border:3px solid #d1dcf4;border-radius:50%}.scene-paper-back{position:absolute;background:#d6e0f2;width:206px;height:268px;border:1px solid #c4d0e5;border-radius:9px;top:25px;right:64px;transform:rotate(9deg);box-shadow:0 16px 28px #334d7620}.scene-document{position:absolute;top:18px;right:80px;width:225px;height:282px;background:#fff;border:1px solid #dbe2ed;border-radius:9px;box-shadow:0 16px 38px #3b507325;padding:21px;transform:rotate(-5deg)}.scene-document-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.scene-mini-logo{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#536783}.scene-mini-logo i{height:13px;width:13px;border-radius:3px;background:#3457e5}.scene-document-top small{color:#a0aabc;font-size:6px;font-weight:650;letter-spacing:.8px}.scene-title{font-size:14px;font-weight:700;letter-spacing:-.4px;margin-bottom:6px}.scene-caption{font-size:6px;color:#8e9ab0;letter-spacing:.2px}.scene-line{height:3px;background:#e8edf4;margin-top:7px;border-radius:3px}.scene-line.wide{width:100%}.scene-line.medium{width:81%}.scene-line.short{width:56%}.scene-divider{height:1px;background:#edf0f5;margin:17px 0 12px}.scene-label{color:#8794aa;font-size:6px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.scene-name{border-bottom:1px solid #d9e1ef;color:#4c617f;font-size:9px;padding:4px 0 5px;margin-bottom:12px}.scene-signature{height:45px;border:1px dashed #a8b9ef;background:#f8faff;border-radius:3px;margin-top:5px;display:flex;align-items:center;justify-content:center;color:#3553b3;font:italic 22px var(--serif);letter-spacing:-1.2px}.scene-date{font-size:6px;color:#a0aabd;margin-top:10px}.scene-signed{position:absolute;right:11px;bottom:24px;background:white;border:1px solid #dbe2ed;border-radius:10px;box-shadow:0 10px 25px #314a7022;display:flex;align-items:center;gap:10px;padding:13px 17px;transform:rotate(2deg);z-index:4}.scene-signed-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e9f5ed;color:#45815e;font-size:14px}.scene-signed strong{display:block;font-size:10px;font-weight:700;color:#3e536f}.scene-signed small{display:block;font-size:8px;color:#9aa5b6;margin-top:2px}.scene-pen{position:absolute;width:12px;height:136px;right:41px;top:88px;border-radius:4px 4px 1px 1px;transform:rotate(35deg);background:#314c90;box-shadow:3px 4px 6px #324b7019;border-left:3px solid #5271b1;z-index:3}.scene-pen:after{content:'';position:absolute;bottom:-15px;left:-3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:16px solid #6e82af}.scene-format{position:absolute;left:28px;top:62px;width:47px;height:55px;display:grid;place-items:center;border:1px solid #d8e0f0;border-radius:7px;background:#fff;box-shadow:0 8px 18px #35527714;color:#5b7aaf;font-size:12px;font-weight:750;transform:rotate(-12deg)}
.home-tools{padding:34px 0 38px;scroll-margin-top:24px}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:19px}.sectionhead h2{font-size:22px;line-height:1.25;letter-spacing:-.7px;font-weight:600;margin:0}.sectionhead .section-subtitle{font-size:11px;color:#68758b}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.home-tool{display:flex;position:relative;flex-direction:column;align-items:flex-start;min-height:180px;padding:22px 21px;background:white;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.home-tool:hover{transform:translateY(-3px);border-color:#b8c7e8;box-shadow:0 7px 20px #29446e0b}.home-tool .card-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;margin-bottom:20px}.card-icon svg{width:23px;height:23px;stroke-width:1.6;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.home-tool h3{margin:0 0 5px;font-size:14px;font-weight:650;letter-spacing:-.25px}.home-tool p{font-size:11px;line-height:1.65;color:#68758b;margin:0;max-width:210px}.home-tool .card-arrow{position:absolute;right:20px;top:26px;color:#9eacc1;font-size:17px;transition:transform .15s}.home-tool:hover .card-arrow{transform:translate(2px,-2px);color:var(--blue)}.home-feature{grid-column:span 2;background:var(--navy);border-color:var(--navy);padding:24px 26px;overflow:hidden;min-height:180px;color:white;flex-direction:row;justify-content:space-between;gap:20px}.home-feature:hover{border-color:#4e6d9c;background:#263d63}.home-feature .card-icon{margin-bottom:15px;background:#385179;color:#d6e2ff;width:33px;height:33px;border-radius:8px}.home-feature .card-icon svg{width:20px;height:20px}.home-feature h3{font-size:21px;letter-spacing:-.65px;margin-bottom:6px}.home-feature p{color:#a6b6d1;max-width:270px;font-size:12px}.feature-copy{position:relative;z-index:1}.feature-tag{position:absolute;right:23px;top:24px;display:inline-flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1px;font-weight:650;color:#c0d0ed;background:#2c456b;border:1px solid #496087;padding:4px 6px;border-radius:4px}.feature-tag i{height:4px;width:4px;background:#98b5fb;border-radius:50%}.feature-arrow{align-self:flex-end;display:grid;place-items:center;min-width:35px;height:35px;border-radius:50%;border:1px solid #5a6e8e;color:#c5d7f5;font-size:19px;margin-bottom:3px}.feature-stroke{position:absolute;right:42px;bottom:39px;width:120px;height:60px;border-top:1px solid #53698d;transform:rotate(-14deg);border-radius:50%;opacity:.4}.feature-stroke:before{content:'';position:absolute;inset:-10px 0 0 5px;border-top:1px solid #53698d;border-radius:50%;transform:rotate(18deg)}.blue{background:#edf2ff;color:#567ae2}.green{background:#eaf5ee;color:#4a8b66}.orange{background:#fff1e8;color:#ca8c61}.purple{background:#f2edfb;color:#9a7ac4}.red{background:#fceced;color:#cf7884}.teal{background:#e8f4f4;color:#5a969b}.how-section{border-top:1px solid var(--line);padding:29px 0 37px;display:grid;grid-template-columns:1fr 2.2fr;gap:40px}.how-intro h2{font:italic 29px/1.2 var(--serif);letter-spacing:-.6px;font-weight:400;margin:0 0 8px}.how-intro p{font-size:11px;color:#68758b;margin:0;max-width:230px;line-height:1.7}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.how-step .step-number{font-size:10px;font-weight:700;color:#9aa7bd;letter-spacing:1px}.how-step h3{font-size:12px;font-weight:650;margin:9px 0 5px}.how-step p{font-size:11px;color:#68758b;line-height:1.6;margin:0}.privacy-strip{background:#edf2f8;border:1px solid #e1e7ef;border-radius:10px;display:flex;align-items:center;gap:13px;padding:17px 20px;margin-bottom:36px}.privacy-strip>svg{height:20px;width:20px;color:#7b91b2;flex:none}.privacy-strip strong{font-size:11px;font-weight:650;display:block}.privacy-strip p{font-size:11px;color:#68758b;line-height:1.6;margin:2px 0 0}.privacy-strip .text-link{margin-left:auto;white-space:nowrap;font-size:11px}
/* Converter */
.converter-main{padding-top:30px}.topkey{display:flex;align-items:center;gap:10px;color:#68758b;margin:0 0 24px;font-size:10px;font-weight:650;letter-spacing:.5px}.topkey a{color:#68758b;text-decoration:none}.topkey a:hover{color:var(--blue)}.topkey .edition{color:#526d98}.slash{color:#b1bbca}.work{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(270px,1fr);gap:36px;align-items:start}.primary h1{font-size:clamp(40px,4.7vw,60px);font-weight:550;line-height:1.08;letter-spacing:-2.6px;margin:0 0 13px}.primary h1 em{font:italic 1.13em/.95 var(--serif);color:#7591c5;letter-spacing:-2px;font-weight:400}.intro{font-size:14px;line-height:1.7;color:#68758b;margin:0 0 27px;max-width:560px}.drop{border:1.5px dashed #c0cce3;border-radius:14px;background:#fff;min-height:282px;display:grid;text-align:center;align-items:center;justify-items:stretch;padding:30px 25px;transition:background .15s,border-color .15s;box-shadow:0 5px 18px #2c467b04}.drop.drag{background:#edf2ff;border-color:var(--blue)}.upload-icon{width:55px;height:55px;border-radius:14px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;margin:0 auto 16px}.upload-icon svg{width:27px;height:27px}.drop h2{font-size:20px;letter-spacing:-.6px;font-weight:550;line-height:1.3;margin:10px 0 8px}.drop p{margin:0 0 21px;font-size:11px;line-height:1.6;color:#68758b;overflow-wrap:anywhere}.drop .eyebrow{font-size:9px;font-weight:700;letter-spacing:1.2px}.drop .cta{min-height:45px;padding:11px 20px}.drop .sample{font-size:11px}.under{display:flex;align-items:center;gap:7px;color:#68758b;font-size:10px;line-height:1.5;margin-top:14px}.under svg{color:#8c9bb0;flex:none}.converter-aside{padding-top:7px}.art{position:relative;height:235px;overflow:hidden;background:#e9effb;border:1px solid #dce4f3;border-radius:14px;color:#7189af}.art-top,.art-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:650;letter-spacing:1px;z-index:3}.art-top{top:16px}.art-bottom{bottom:15px;font-size:7px;color:#91a1bb}.art-bottom span:last-child{font-size:16px}.paper{position:absolute;box-shadow:0 12px 22px #2b477820;border-radius:6px}.paper-back{width:106px;height:137px;left:calc(50% - 91px);top:53px;transform:rotate(-8deg);background:#fff;color:#6d85af;border:1px solid #cfdaee;padding:12px}.paper-index{font-size:5px;font-weight:750;letter-spacing:.7px}.paper-back #from-mark{font:600 45px/1.1 var(--sans);padding:14px 0 4px}.lines b,.front-lines b{display:block;width:69%;height:2px;background:currentColor;opacity:.25;margin-top:6px}.lines b:nth-child(2){width:88%}.paper-front{width:103px;height:130px;left:calc(50% - 5px);top:70px;padding:13px 11px;background:#375bd2;color:#ecf0ff;transform:rotate(9deg)}.paper-front #to-mark{font:550 28px/1 var(--sans);letter-spacing:-1px;margin-top:24px}.fold{position:absolute;top:0;right:0;width:22%;height:18%;background:#7690e5;border-radius:0 5px 0 4px}.note{margin-top:17px;background:white;border:1px solid var(--line);padding:17px 18px;border-radius:10px}.note .eyebrow{color:#68758b;font-size:8px;letter-spacing:1px}.note p{margin:7px 0 0;font-size:11px;color:#68758b;line-height:1.8}.aside-sign{display:block;border:1px solid #d7e1f7;border-radius:10px;padding:16px 18px;margin-top:12px;background:#edf3ff;text-decoration:none;position:relative}.aside-sign strong{display:block;color:#5b75a8;font-size:11px;font-weight:650}.aside-sign p{font-size:10px;line-height:1.6;color:#5c6e89;max-width:240px;margin:4px 20px 0 0}#tools{scroll-margin-top:24px}.converter-tools{border-top:1px solid var(--line);margin:33px 0 0;padding:25px 0 31px}.converter-tools .sectionhead h2{font-size:19px}.sectionhead .eyebrow{color:#68758b;font-size:8px;letter-spacing:1.25px}#catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:9px;padding:15px 16px;text-decoration:none;color:#44526a;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.tool:hover{border-color:#b9c9e5;background:#fbfcff}.tool[aria-current=page]{border-color:#a7b9ef;background:#eef2ff;color:#4366c0}.tool small{display:block;font-size:9px;color:#68758b;font-weight:500;line-height:1.8}.tool .icon{display:grid;place-items:center;flex:none;width:33px;height:36px;border-radius:7px;font:650 17px/1 var(--sans)}.tool[aria-current=page] .arrow{color:#7990cf}.sign-inline{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #dce4f2;background:#eaf0fa;padding:14px 17px;border-radius:9px;font-size:11px;color:#68758b}.sign-inline strong{color:#5f7397;font-weight:650}.sign-inline a{font-size:10px;white-space:nowrap}#help{scroll-margin-top:24px;border-top:1px solid var(--line);padding:24px 0 38px}#help .sectionhead h2{font-size:19px}.faqs{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start}.faqs details{border-bottom:1px solid var(--line);font-size:12px}.faqs summary{padding:15px 2px;cursor:pointer;line-height:1.5;font-weight:600;color:#60708a}.faqs details p{margin:0 4px 18px;line-height:1.8;color:#68758b;font-size:11px;max-width:68ch}details summary{cursor:pointer}.error{font-size:12px;color:#a35f58;background:#fbefec;border:1px solid #efd9d4;border-radius:8px;padding:12px 14px;line-height:1.65}.done{display:grid;place-items:center;background:#e8f4ed;color:#679b7b;border-radius:50%;width:44px;height:44px;margin:0 auto 16px;font-size:19px}.spinner{display:inline-block;width:30px;height:30px;border:2px solid #d9e1f3;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(1turn)}}#files{padding:0;list-style:none;text-align:left;max-height:260px;overflow:auto;margin:0 0 21px}#files li{display:flex;align-items:center;gap:9px;padding:11px 4px;border-bottom:1px solid #edf0f6;font-size:12px}#files .filename{flex:1;min-width:0;overflow-wrap:anywhere;color:#60708a}#files .bytes{color:#68758b;font-size:9px;white-space:nowrap}#files button{cursor:pointer;border:1px solid #dfe5f0;background:white;border-radius:5px;padding:4px 7px;min-width:32px;min-height:32px;font-size:12px;color:#7989a2}#files button:hover{border-color:#b5c5e7;color:var(--blue)}#files button:disabled{opacity:.35;cursor:default}#files .fileactions{display:flex;gap:4px}#warnings{margin-top:19px;text-align:left;border:1px solid #eadfbe;background:#fffbf0;border-radius:8px;padding:11px 13px;font-size:11px;color:#a08b59}#warnings summary{font-weight:650;line-height:1.5}#warnings ul{padding-left:17px;margin:9px 0 0;max-height:240px;overflow:auto}#warnings li{margin:7px 0;line-height:1.65}#saved{font-size:11px;color:#739282;margin:16px 0 0}.downloadhelp{margin-top:14px}.downloadhelp summary{font-size:10px;color:#68758b}.downloadhelp p{font-size:10px;line-height:1.7;padding:10px 0 0;margin:0;color:#68758b}.site-footer{border-top:1px solid var(--line);background:#f5f7fb}.foot{padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.foot-brand{gap:8px}.foot-brand b{font:700 23px/1 var(--serif);letter-spacing:-1px}.foot-brand span{font-size:9px;color:#68758b}.foot-note{font-size:10px;color:#68758b;flex:1;margin-left:23px}.foot details{max-width:60%;font-size:10px;color:#68758b}.foot details summary{min-height:30px;display:flex;align-items:center}.credit{font-size:10px;color:#68758b;text-decoration:none}.credit:hover{text-decoration:underline}pre{max-height:230px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:12px}
@media(min-width:1500px){.home-hero{min-height:380px}.document-scene{height:330px}.hero-copy h1{font-size:64px}}
@media(max-width:1050px){.frame{width:calc(100% - 48px)}.bar{gap:18px}.bar nav{margin-right:4px;gap:1px}.nav-link{padding:9px 10px}.home-hero{padding:30px;grid-template-columns:1.2fr 1fr}.hero-copy h1{font-size:51px;letter-spacing:-2.6px}.document-scene{transform:scale(.9);transform-origin:center right;margin-left:-35px}.home-grid{gap:11px}.home-tool{padding:20px 17px}.home-feature{padding:23px}.home-tool p{font-size:10px}.work{gap:26px;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr)}.primary h1{font-size:49px}.art{height:222px}.how-section{grid-template-columns:1fr 2.5fr;gap:25px}.how-grid{gap:20px}}
@media(max-width:800px){.bar{height:74px}.brand strong{font-size:31px}.brand svg{width:32px;height:32px}.brand span{display:none}.offline{font-size:9px;padding:6px 9px}.bar nav{gap:0}.nav-link{font-size:11px}.nav-new{display:none}.home-main{padding-top:27px}.home-hero{grid-template-columns:1fr 1fr;padding:27px}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-copy p{font-size:12px;max-width:290px}.document-scene{transform:scale(.78);margin-left:-82px;margin-right:-15px;transform-origin:right center}.hero-actions{gap:13px}.hero-actions .cta{padding:12px 15px;font-size:11px}.hero-actions .quiet-action{font-size:11px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature{grid-column:span 2;min-height:160px}.home-feature .card-icon{margin-bottom:12px}.home-tool:not(.home-feature){min-height:171px}.home-tool p{font-size:11px}.how-section{display:block}.how-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:20px}.how-intro h2{font-size:25px}.how-intro p{font-size:10px}.privacy-strip .text-link{display:none}.work{display:block}.primary h1{font-size:50px}.intro{margin-bottom:23px}.drop{min-height:274px}.converter-aside{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px;padding:0}.converter-aside .art{display:none}.note,.aside-sign{margin:0}.converter-tools{margin-top:29px}#catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.tool{padding:12px;gap:9px;font-size:11px}.tool .icon{width:27px;height:32px;font-size:15px}.tool small{font-size:8px}.foot-note{display:none}}
@media(max-width:560px){.frame{width:calc(100% - 32px)}.bar{height:70px;gap:10px}.brand{gap:7px}.brand strong{font-size:30px}.brand svg{width:30px;height:30px}.bar nav{margin:0 0 0 auto}.nav-link{padding:8px;font-size:10px}.nav-help{display:none}.bar .offline{display:none}.welcome-row{margin-bottom:16px}.workspace-label{font-size:8px;letter-spacing:1.1px}.welcome-note{font-size:9px}.home-main{padding-top:23px}.home-hero{display:block;padding:26px 23px 24px;min-height:0;border-radius:15px}.hero-copy{padding:0}.hero-kicker{font-size:8px;margin-bottom:16px;letter-spacing:1.1px}.hero-copy h1{font-size:44px;line-height:1.08;letter-spacing:-2.1px;margin-bottom:16px}.hero-copy h1 em{letter-spacing:-2px}.hero-copy p{font-size:12px;max-width:290px;margin-bottom:21px;line-height:1.75}.hero-actions{gap:16px}.hero-actions .cta{min-height:44px;font-size:11px;padding:12px 16px;gap:10px}.hero-actions .quiet-action{font-size:10px}.hero-proof{font-size:9px;margin-top:18px}.document-scene{height:230px;transform:scale(.7);transform-origin:top center;margin:22px -5px -40px}.scene-document{right:calc(50% - 110px)}.scene-paper-back{right:calc(50% - 126px)}.scene-orbit{right:calc(50% - 158px)}.scene-pen{right:calc(50% - 150px)}.scene-signed{right:calc(50% - 162px);bottom:0}.scene-format{left:calc(50% - 153px)}.scene-dots{right:calc(50% - 173px)}.home-tools{padding:27px 0}.sectionhead{margin-bottom:15px;gap:10px}.sectionhead h2{font-size:19px;letter-spacing:-.6px}.sectionhead .section-subtitle{font-size:9px}.home-grid{gap:10px}.home-tool{border-radius:11px;padding:17px 15px}.home-tool:not(.home-feature){min-height:165px}.home-tool .card-icon{width:33px;height:33px;border-radius:8px;margin-bottom:17px}.home-tool .card-icon svg{height:21px;width:21px}.home-tool h3{font-size:12px;letter-spacing:-.2px}.home-tool p{font-size:10px;line-height:1.6}.home-tool .card-arrow{font-size:14px;right:14px;top:20px}.home-feature{padding:22px;min-height:168px}.home-feature h3{font-size:20px}.home-feature p{font-size:11px;max-width:245px}.feature-tag{right:18px;top:20px;font-size:7px}.feature-arrow{min-width:30px;height:30px;font-size:16px}.how-section{padding:24px 0}.how-intro{display:block;margin-bottom:23px}.how-intro h2{font-size:25px}.how-intro p{max-width:none;font-size:10px}.how-grid{gap:18px}.how-step h3{font-size:10px}.how-step p{font-size:9px;line-height:1.7}.privacy-strip{padding:14px;align-items:flex-start;gap:10px;margin-bottom:26px}.privacy-strip strong,.privacy-strip p{font-size:10px}.privacy-strip>svg{height:17px;width:17px;margin-top:2px}.converter-main{padding-top:22px}.topkey{margin-bottom:20px;font-size:9px}.primary h1{font-size:43px;letter-spacing:-2px}.intro{font-size:12px;line-height:1.8;margin:12px 0 22px}.drop{padding:26px 15px;border-radius:11px;min-height:280px}.drop h2{font-size:18px}.drop p{font-size:10px;margin-bottom:20px}.drop .cta{min-height:44px;font-size:12px;padding-inline:17px}.drop .sample{min-height:44px}.actionrow{gap:3px 12px}.under{font-size:9px;align-items:flex-start;gap:6px;margin-top:12px}.under svg{height:13px;width:13px}.converter-aside{display:block;margin-top:20px}.note{padding:14px 16px}.note p{font-size:10px}.aside-sign{margin-top:10px;padding:14px 16px}.aside-sign p{max-width:none;padding-right:20px}.converter-tools{margin-top:25px;padding-block:23px}.converter-tools .sectionhead h2,#help .sectionhead h2{font-size:18px}#catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool{min-height:65px;padding:12px 10px;font-size:10px;gap:8px}.tool .icon{width:26px;height:31px;font-size:14px}.tool small{font-size:8px}.sign-inline{align-items:flex-start;gap:10px;padding:13px;font-size:10px}.sign-inline a{font-size:9px}.faqs{grid-template-columns:1fr}.faqs summary{font-size:11px;padding-block:16px}.faqs details p{font-size:10px}#help{padding:23px 0 28px}#files li{gap:6px;flex-wrap:wrap}#files li .filename{flex-basis:46%;font-size:11px}#files button{min-width:34px;min-height:40px}#files .bytes{font-size:8px}#warnings{font-size:10px;padding:10px}#saved{font-size:10px}.foot{padding-block:22px;gap:15px}.foot-brand b{font-size:22px}.foot-brand span{font-size:8px}.foot details,.credit{font-size:9px}.foot details{max-width:54%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.spinner{animation:none}}

.footer-links{display:flex;align-items:center;gap:18px;flex:none}.footer-links a{font-size:10px;color:#68758b;text-decoration:none;padding:7px 0}.footer-links a:hover{color:var(--blue);text-decoration:underline}@media(max-width:560px){.footer-links{gap:13px}.footer-links a{font-size:9px}}
.site-header{position:relative;z-index:20}.bar{position:relative}.bar .nav-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.nav-convert{position:relative;flex:none}.nav-convert>summary{list-style:none;gap:6px}.nav-convert>summary::-webkit-details-marker{display:none}.nav-convert>summary::marker{content:''}.nav-convert[open]>summary,.nav-convert[data-current=true]>summary{background:#edf1ff;color:var(--blue)}.nav-convert-panel{position:absolute;right:0;top:calc(100% + 10px);width:270px;max-width:calc(100vw - 32px);padding:9px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #20345424;z-index:25}.nav-menu-label{display:block;padding:8px 10px 10px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--muted)}.nav-convert-link{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border-radius:7px;color:var(--ink);font-size:12px;font-weight:600;text-decoration:none}.nav-convert-link:hover,.nav-convert-link[aria-current=page]{background:#f0f4ff;color:var(--blue)}.nav-tool-icon{display:grid;place-items:center;width:28px;height:30px;border-radius:6px;flex:none;font-size:14px;font-weight:650}.nav-convert-link:last-child{margin-top:5px;border-top:1px solid var(--line);border-radius:0 0 7px 7px;padding-top:12px}@media(max-width:560px){.nav-convert{position:static}.nav-convert-panel{left:0;right:0;top:calc(100% - 3px);width:auto;max-width:none}.nav-convert>summary{gap:4px}}

@media(max-width:800px){.bar .nav-help{display:none}}
@media(max-width:380px){.bar{height:auto;min-height:70px;flex-wrap:wrap;gap:3px 10px;padding-block:12px 5px}.bar>nav{flex-basis:100%;justify-content:space-between;margin:0}.bar .nav-link{font-size:12px;padding-inline:12px}.nav-convert-panel{top:calc(100% + 3px)}}

/* Separate conversion jobs keep their own status, result, and review notes. */
.conversion-mode{border:0;padding:0;margin:0 0 20px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.conversion-mode legend{font-size:10px;font-weight:650;color:#68758b;padding:0;margin-bottom:8px}.conversion-mode label{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:8px;min-height:44px;padding:9px 13px;font-size:11px;font-weight:600;cursor:pointer}.conversion-mode label:has(input:checked){background:#edf2ff;border-color:#a7b9ef;color:var(--blue)}.conversion-mode input{accent-color:var(--blue);margin:0;width:14px;height:14px}.conversion-mode p{flex-basis:100%;font-size:10px;line-height:1.6;color:#68758b;margin:1px 0 0}.batch-workspace{min-width:0;text-align:left}.batch-workspace>h2,.batch-workspace>.eyebrow,.batch-workspace>#batch-summary{text-align:center}.batch-workspace>#batch-summary{margin-bottom:16px}.batch-actions{justify-content:flex-start;gap:6px 12px;margin-bottom:18px}.batch-actions .button-secondary{font-size:11px;min-height:44px;padding:10px 14px}.batch-workspace progress{display:block;width:100%;height:6px;accent-color:var(--blue);margin:0 0 18px}#batch-files{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-height:640px;overflow:auto;overscroll-behavior:contain;scroll-padding:10px}.batch-file{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcff}.batch-file[data-status=working]{border-color:#9bb1ef;background:#f3f6ff}.batch-file[data-status=failed]{border-color:#efd9d4;background:#fff8f6}.batch-file[data-status=needs-space]{border-color:#eadfbe;background:#fffbf0}.batch-file[data-status=released]{background:#f6f8fb}.batch-file-heading{display:flex;align-items:baseline;gap:12px}.batch-name{font-size:12px;font-weight:650;line-height:1.6;overflow-wrap:anywhere;min-width:0;flex:1}.batch-input-size{font-size:9px;color:#68758b;white-space:nowrap;flex:none}.drop .batch-file-status{font-size:11px;line-height:1.65;margin:5px 0 0}.batch-file[data-status=failed] .batch-file-status{color:#9b554b}.batch-file[data-status=ready] .batch-file-status{color:#50735f}.drop .batch-output-name{margin:5px 0 3px;font-size:10px;color:#596f94;overflow-wrap:anywhere}.batch-file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:0 15px;margin-top:4px}.batch-file-actions .sample{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;margin:0;font-size:11px}.batch-notes{margin-top:8px;border-top:1px solid #e5e9f2;padding-top:10px;font-size:10px;color:#806e42}.batch-notes summary{font-weight:650;line-height:1.6}.batch-notes ul{margin:9px 0 0;padding-left:16px;max-height:200px;overflow:auto}.batch-notes li{margin:6px 0;line-height:1.65}.drop #batch-memory{margin:15px 0 5px;font-size:10px}.drop .batch-save-help{margin:12px 0 0;font-size:10px;line-height:1.7}.batch-workspace [aria-busy=true]{cursor:progress}@media(max-width:560px){.conversion-mode{gap:7px;margin-bottom:17px}.conversion-mode label{padding-inline:10px;font-size:10px}.conversion-mode p{font-size:10px}.batch-file{padding:12px}.batch-name{font-size:11px}.batch-file-heading{gap:7px}.batch-actions{gap:4px 10px}.batch-actions .cta{font-size:11px}.batch-file-actions{gap:0 12px}.batch-file-actions .sample{font-size:10px}.drop .batch-file-status{font-size:10px}#batch-files{max-height:none}}


/* Fill & Sign workspace */
[hidden]{display:none!important}.sign-main{padding-top:24px;padding-bottom:38px}.sign-breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-bottom:28px}.sign-breadcrumb a{color:inherit;text-decoration:none}.sign-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.sign-intro .eyebrow{margin:0 0 12px;color:var(--blue)}.sign-intro h1{margin:0 0 12px;font:500 clamp(38px,4.1vw,60px)/1.08 var(--serif,Georgia,serif);letter-spacing:-2.6px;color:var(--ink)}.sign-intro h1 em{font-weight:400;color:var(--blue)}.sign-intro>div>p:last-child{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.sign-steps{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px;color:var(--muted)}.sign-steps span{display:flex;align-items:center;gap:7px}.sign-steps b{display:grid;place-items:center;border:1px solid #d8dfed;border-radius:50%;width:24px;height:24px;font:500 11px var(--sans)}.sign-steps i{height:1px;width:15px;background:#d8dfed}.sign-upload{display:grid;grid-template-columns:1.08fr 1fr;min-height:470px;padding:0;overflow:hidden;background:white;border:1px solid var(--line);border-radius:18px}.sign-upload.drag{outline:3px solid #98adff;outline-offset:3px}.sign-upload-copy{padding:48px clamp(28px,4vw,58px)}.sign-tool-icon{width:58px;height:58px;display:grid;place-items:center;background:#edf0ff;border-radius:15px;color:var(--blue);margin-bottom:24px}.sign-tool-icon svg{width:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sign-upload h2{font:500 31px/1.2 var(--serif,Georgia,serif);letter-spacing:-1px;margin:0 0 15px;max-width:380px}.sign-upload-copy>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:385px;margin:0 0 24px}.sign-upload-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.sign-upload-copy .sign-limits{font-size:11px;letter-spacing:.15px;margin:16px 0 26px}.sign-private{display:flex;align-items:center;gap:7px;color:#6b788c;font-size:11px}.sign-private svg,.editor-privacy-note svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;flex:none}.sign-preview-art{background:#eff2fb;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#c5cee3 .8px,transparent .8px);background-size:16px 16px}.sample-paper{width:280px;background:white;padding:30px;box-shadow:0 22px 50px #24365d17;border:1px solid #e1e5ef;transform:rotate(4deg);border-radius:3px}.paper-label{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#77839c}.sample-paper h3{font:500 28px Georgia,serif;letter-spacing:-1px;margin:13px 0 28px}.sample-line-label{font-size:7px;letter-spacing:1.2px;color:#7d879c;margin-top:18px;font-weight:600}.sample-filled{font-size:12px;border-bottom:1px solid #dce2ef;color:#56699a;padding:8px 0}.sample-signature{font:italic 29px Georgia,serif;color:#3457b1;border-bottom:1px solid #dce2ef;padding:12px 0 6px}.sample-paper-footer{display:flex;justify-content:space-between;font-size:7px;color:#7b879e;margin-top:30px}.sample-paper-footer span:first-child{color:#3f8061}.art-badge{position:absolute;right:20px;bottom:36px;background:white;box-shadow:0 8px 30px #2b3b6520;border:1px solid #e1e5ef;border-radius:10px;padding:13px 17px;font-size:12px;font-weight:600;transform:rotate(-3deg);display:flex;align-items:center;gap:9px}.art-badge span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e6f3ec;color:#3a8961}.sign-footnote{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7b879c;margin-top:20px}.sign-loading{text-align:center;padding:80px 20px;background:white;border:1px solid var(--line);border-radius:16px}.sign-loading h2{font:500 28px var(--serif,Georgia,serif)}.sign-loading p{font-size:14px;color:var(--muted)}.sign-error,.signature-error{background:#fff0ed;border:1px solid #f0c8bf;color:#9b392c;border-radius:8px;padding:13px 16px;line-height:1.6;font-size:13px}.sign-editor{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.editor-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;border-bottom:1px solid var(--line)}.editor-file{display:flex;gap:12px;align-items:center;min-width:0}.file-badge{font-size:10px;font-weight:800;color:#b65e55;background:#fff0ed;border:1px solid #efd8d3;border-radius:5px;padding:10px 6px;flex:none}.editor-file strong{display:block;font-size:13px;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-file div>span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.editor-top-actions{display:flex;gap:12px;align-items:center;flex:none}.editor-top-actions .cta{padding:10px 16px;font-size:12px}.editor-quiet{border:0;background:none;color:#66728a;font:500 12px var(--sans);cursor:pointer;padding:8px 4px}.editor-quiet:hover{color:var(--blue)}.editor-grid{display:grid;grid-template-columns:94px minmax(0,1fr) 218px;min-height:690px}.editor-pages{border-right:1px solid var(--line);padding:17px 10px;background:#fbfcfe;display:flex;flex-direction:column;max-height:770px}.rail-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7d879b;font-weight:700;margin:0 2px 16px}.page-list{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:2px;flex:1}.page-thumb{height:82px;min-height:82px;border:1px solid #e0e5ef;background:white;border-radius:4px;position:relative;cursor:pointer;color:#74829c;font-size:14px;box-shadow:0 2px 4px #11224405}.page-thumb:before,.page-thumb:after{content:'';position:absolute;left:14px;right:14px;height:1px;background:#e4e8f1;top:20px;box-shadow:0 6px #e4e8f1,0 12px #e4e8f1}.page-thumb:after{right:27px;top:38px;box-shadow:none}.page-thumb span{position:absolute;left:0;right:0;bottom:10px;font-size:9px}.page-thumb[aria-current=page]{border:2px solid var(--blue);color:var(--blue);background:#f5f7ff}.page-navigation{display:flex;gap:7px;margin-top:14px}.page-navigation button{width:32px;height:29px;border:1px solid #dfe5ef;border-radius:4px;background:white;color:#62718b;cursor:pointer}.page-navigation button:disabled{opacity:.35;cursor:default}.editor-document{min-width:0;display:flex;flex-direction:column;background:#eaf0f6}.document-toolbar{background:white;border-bottom:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.annotation-tools{display:flex;gap:3px;align-items:center}.annotation-tool{border:1px solid transparent;border-radius:6px;background:transparent;color:#66728a;display:flex;align-items:center;gap:5px;padding:8px 7px;font:500 11px var(--sans);cursor:pointer}.annotation-tool>span:first-child{font-size:17px;line-height:16px;width:17px;text-align:center;color:#526481}.annotation-tool svg:not(.folio-action-flower){width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.annotation-tool:hover{background:#f6f8fc}.annotation-tool[aria-pressed=true]{background:#eef2ff;border-color:#d7dffe;color:var(--blue)}.annotation-tool[aria-pressed=true]>span:first-child{color:var(--blue)}.signature-tool{color:#3658c9}.annotation-tool .text-icon{font-family:Georgia,serif;font-weight:bold}.document-actions{display:flex;gap:4px;align-items:center}.document-actions>button{border:0;background:none;color:#687791;font-size:20px;line-height:25px;width:26px;cursor:pointer}.document-actions>button:disabled{opacity:.3}.zoom-control select{border:1px solid #e2e7f0;background:white;border-radius:5px;font:500 10px var(--sans);color:#66738b;padding:6px 4px;max-width:85px}.placement-hint{font-size:10px;color:#64718a;line-height:1.6;padding:10px 18px;background:#f4f7fc;border-bottom:1px solid #e0e7f0}.canvas-pane{position:relative;flex:1;min-height:560px;max-height:700px;padding:28px;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start}.page-stage{position:relative;box-shadow:0 4px 18px #23334e20;background:white;margin:0 auto;flex:none;line-height:0;touch-action:pan-x pan-y pinch-zoom}.page-stage canvas{display:block;width:100%;height:100%}.page-stage.placing{cursor:crosshair}.form-overlay,.marks-overlay{position:absolute;inset:0;pointer-events:none;line-height:normal}.pdf-field-control{position:absolute;pointer-events:auto;border:1px solid #8ba7f4;border-radius:2px;background:#eff4ffed;color:#17243d;padding:1px 4px;box-sizing:border-box;min-width:8px;min-height:8px;outline-offset:2px;font-family:Arial,sans-serif}.pdf-field-control:hover{border-color:var(--blue);background:#e5edff}.pdf-field-control:focus{outline:2px solid #5579e6;background:white}.pdf-field-control[type=checkbox],.pdf-field-control[type=radio]{appearance:auto;accent-color:var(--blue);margin:0;padding:0}.pdf-field-control.signature-slot{font-size:9px;color:var(--blue);cursor:pointer}.pdf-mark{position:absolute;pointer-events:auto;cursor:grab;box-sizing:border-box;min-width:5px;min-height:5px;border:1px solid transparent;user-select:none;touch-action:none;line-height:1.2;outline:none}.pdf-mark.is-selected{border:1px solid #3767ee;box-shadow:0 0 0 3px #3865e91c;background:#eff4ff32}.pdf-mark:not(.is-selected):hover{border:1px dashed #7095ed}.pdf-mark:focus-visible{outline:2px solid #3667e8;outline-offset:4px}.pdf-mark-content{display:block;width:100%;height:100%;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-family:Arial,sans-serif;line-height:1.2;color:#202a3d}.pdf-mark-content img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pdf-mark-content.checkmark{display:grid;place-items:center}.pdf-mark-content.checkmark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.resize-handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:#3767ee;border:2px solid white;border-radius:2px;cursor:nwse-resize;touch-action:none;display:none}.is-selected .resize-handle{display:block}.page-render-status{position:absolute;inset:40px 20px auto;text-align:center;background:#ffffffdf;padding:12px;font-size:12px;border-radius:6px;color:#60718d;z-index:5}.document-bottom{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid #dfe6f0;font-size:9px;color:#76859d;background:#f9fbfe}.editor-inspector{border-left:1px solid var(--line);padding:20px 17px;display:flex;flex-direction:column;gap:22px;max-height:770px;overflow:auto}.inspector-empty{padding:10px 0}.inspector-symbol{display:grid;place-items:center;background:#f0f3fb;color:#6379ab;border-radius:10px;width:37px;height:37px;font-size:21px;margin-bottom:16px}.inspector-empty h3{font:500 20px/1.25 var(--serif,Georgia,serif);letter-spacing:-.5px;margin:0 0 10px}.inspector-empty p,.property-help{color:#7a859a;font-size:11px;line-height:1.7;margin:0}.inspector-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.inspector-heading h3{font-size:12px;font-weight:650;margin:0;color:#34425e}.inspector-heading>span{font-size:10px;color:#8290a7;background:#f0f3f8;padding:3px 6px;border-radius:4px}.property-field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px;font-size:11px;font-weight:550;color:#68758e}.property-field input,.property-field textarea,.property-field select{font:400 13px/1.45 var(--sans);padding:9px;border:1px solid #dce3ef;border-radius:6px;color:#23324e;background:#fff;min-width:0;width:100%;box-sizing:border-box;resize:vertical}.property-field input:focus,.property-field textarea:focus,.property-field select:focus{outline:2px solid #afbeff;outline-offset:1px}.mark-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0;margin-top:15px}.danger-text{color:#b25350}.property-help{border-top:1px solid var(--line);padding-top:12px;font-size:10px}.existing-fields{border-top:1px solid var(--line);padding-top:18px}.field-link{width:100%;text-align:left;display:flex;align-items:center;gap:6px;padding:7px 0;border:0;background:none;color:#66758e;font:400 10px var(--sans);cursor:pointer;overflow-wrap:anywhere}.field-link:before{content:'□';font-size:15px;color:#97a8c2}.field-link.is-filled:before{content:'✓';color:#429573}.field-link:hover{color:var(--blue)}.field-fallback{margin-top:8px}.editor-privacy-note{display:flex;gap:7px;border-top:1px solid var(--line);padding-top:14px;color:#8390a5;margin-top:auto}.editor-privacy-note p{font-size:9px;line-height:1.6;margin:0}.folio-dialog{border:1px solid #dde3ef;border-radius:17px;width:min(520px,calc(100% - 32px));padding:28px;color:var(--ink);background:white;box-shadow:0 30px 100px #15244340;max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box}.folio-dialog::backdrop{background:#15213e77;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.dialog-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--blue);margin:0 0 9px}.dialog-heading h2{font:500 34px/1.1 var(--serif,Georgia,serif);letter-spacing:-1.4px;margin:0}.dialog-close{border:0;background:#f2f5fa;width:29px;height:29px;border-radius:50%;color:#6b7a92;font:22px var(--sans);cursor:pointer;flex:none}.signature-tabs{display:flex;gap:4px;background:#f2f5fa;border-radius:8px;padding:4px;margin-bottom:23px}.signature-tabs button{flex:1;padding:9px;border:0;background:none;border-radius:6px;color:#718099;font:600 12px var(--sans);cursor:pointer}.signature-tabs button[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 1px 5px #1421390b}.signature-style-options{display:flex;gap:8px;margin-bottom:13px}.signature-style-options button{border:1px solid #dfe5ef;background:white;padding:6px 12px;color:#76849a;font-size:11px;border-radius:5px;cursor:pointer}.signature-style-options button[aria-pressed=true]{border-color:#8da4ec;background:#f3f6ff;color:var(--blue)}.signature-preview{height:110px;display:flex;align-items:center;justify-content:center;background:#fafbfe;border:1px dashed #cfd8eb;border-radius:7px;font:italic 37px Georgia,serif;color:#3155be;overflow:hidden;padding:10px;text-align:center;overflow-wrap:anywhere}.signature-preview:empty:before{content:'Your signature will appear here';font:12px var(--sans);color:#9aa6b8}.draw-instruction{font-size:12px;color:#7a879d;margin:0 0 12px}#signature-canvas{width:100%;height:180px;border:1px dashed #cbd6e9;border-radius:7px;background:linear-gradient(to bottom,transparent 74%,#dde5f2 74%,#dde5f2 74.5%,transparent 74.5%);touch-action:none;display:block}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.dialog-footer p{font-size:9px;line-height:1.6;color:#8390a5;max-width:220px;margin:0}.dialog-footer .cta{flex:none;padding:11px 16px;font-size:12px}.export-explanation{font-size:14px;line-height:1.6;color:#68768d}.flatten-choice{display:flex;gap:10px;padding:16px 12px;background:#f7f9fc;border:1px solid #e0e6f0;border-radius:8px;margin:20px 0 12px}.flatten-choice input{margin:3px 0 0;accent-color:var(--blue);width:16px;height:16px}.flatten-choice strong{display:block;font-size:12px;font-weight:600}.flatten-choice small{display:block;font-size:11px;line-height:1.6;color:#7e8ba0;margin-top:5px}.export-format-note{font-size:11px;line-height:1.65;color:#8390a5;margin:14px 0 20px}.wide-button{display:flex;width:100%;justify-content:center;box-sizing:border-box;margin-top:12px}#export-ready,#export-working{text-align:center;padding-top:4px}#export-ready h3,#export-working h3{font:500 24px var(--serif,Georgia,serif);letter-spacing:-.5px;margin:15px 0 10px}#export-filename{font-size:12px;color:#728098;overflow-wrap:anywhere}.ready-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#2b9661;background:#e6f6ed;margin:0 auto;font-size:23px}.save-status{font-size:11px;line-height:1.6;color:#65866f}.editor-collapsed-intro .sign-intro{display:none}.editor-collapsed-intro .sign-breadcrumb{margin-bottom:17px}.sign-main:has(.sign-editor:not([hidden])){width:min(1400px,calc(100% - 48px))}.sign-main:has(.sign-editor:not([hidden])) .sign-intro{display:none}.sign-main:has(.sign-editor:not([hidden])) .sign-footnote{display:none}
@media(max-width:1150px){.editor-grid{grid-template-columns:75px minmax(0,1fr) 188px}.editor-inspector{padding:18px 13px}.document-toolbar{padding:8px}.annotation-tool{padding:7px 5px}.annotation-tool>span:last-child{font-size:10px}.sign-steps{display:none}.canvas-pane{padding:22px}.page-thumb{height:72px;min-height:72px}}
@media(max-width:850px){.editor-grid{grid-template-columns:62px minmax(0,1fr)}.editor-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line);max-height:none;padding:18px;gap:18px}.editor-privacy-note{grid-column:1/-1;margin:0}.existing-fields{border:0;padding:0}.inspector-empty{padding:0}.editor-pages{padding:14px 6px;max-height:730px}.page-thumb{height:65px;min-height:65px}.page-thumb:before{left:10px;right:10px}.rail-heading{font-size:7px}.rail-heading span{display:none}.page-navigation{gap:4px}.page-navigation button{width:23px}.sign-upload-copy{padding:32px}.sample-paper{width:235px;padding:25px}.art-badge{font-size:10px;bottom:26px;right:12px;padding:10px}.editor-file strong{max-width:270px}.editor-topbar{padding:14px}.editor-file div>span{font-size:10px}.canvas-pane{min-height:470px;max-height:650px}.sign-main:has(.sign-editor:not([hidden])){width:calc(100% - 24px)}}
@media(max-width:650px){.sign-main{padding-top:18px}.sign-breadcrumb{font-size:10px;margin-bottom:22px}.sign-intro{margin-bottom:23px}.sign-intro h1{font-size:38px;letter-spacing:-1.8px}.sign-intro>div>p:last-child{font-size:13px}.sign-upload{display:block;min-height:0;border-radius:12px}.sign-upload-copy{padding:29px 24px}.sign-upload h2{font-size:27px}.sign-upload-copy>p{font-size:13px}.sign-preview-art{display:none}.sign-tool-icon{width:48px;height:48px;margin-bottom:20px}.sign-upload-actions{gap:14px}.sign-upload-actions .cta{font-size:12px}.sign-upload-actions .sample{font-size:11px}.sign-footnote{font-size:10px;flex-direction:column;gap:7px}.editor-topbar{gap:10px;align-items:flex-start}.editor-file{gap:7px}.editor-file strong{max-width:160px;font-size:11px}.editor-file div>span{font-size:9px}.file-badge{padding:7px 4px;font-size:8px}.editor-top-actions{flex-direction:column-reverse;gap:4px;align-items:flex-end}.editor-top-actions .cta{font-size:11px;padding:8px 12px}.editor-top-actions .editor-quiet{font-size:9px;padding:4px 0}.editor-grid{display:flex;flex-direction:column;min-height:0}.editor-pages{border-right:0;border-bottom:1px solid var(--line);padding:9px 12px;display:flex;flex-direction:row;gap:10px;align-items:center;max-height:65px}.rail-heading{margin:0;font-size:8px}.page-list{flex-direction:row;gap:6px;overflow:auto;padding:0}.page-thumb{height:31px;min-height:31px;width:26px;min-width:26px}.page-thumb:before,.page-thumb:after{display:none}.page-thumb span{bottom:auto;position:static;font-size:10px}.page-navigation{margin:0;flex:none}.page-navigation button{height:27px}.document-toolbar{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:8px;gap:10px}.annotation-tools{gap:0;flex:none}.annotation-tool{padding:8px 6px;min-height:36px}.annotation-tool>span:last-child{font-size:9px}.annotation-tool>span:first-child{font-size:15px}.annotation-tool svg{width:15px;height:15px}.document-actions{margin-left:auto}.document-actions>button{width:22px;font-size:18px}.zoom-control{display:none}.canvas-pane{padding:15px;min-height:380px;max-height:600px}.placement-hint{font-size:9px;padding:8px 12px}.editor-inspector{display:block;padding:18px}.editor-inspector>div+div{margin-top:20px}.editor-inspector .property-field{max-width:none}.inspector-empty{display:none}.existing-fields{margin-top:0!important}.field-link{font-size:11px;padding:9px 0}.editor-privacy-note{padding-top:13px}.document-bottom{font-size:8px;padding:8px 12px}.folio-dialog{padding:22px;border-radius:13px}.dialog-heading h2{font-size:29px}.signature-preview{font-size:32px}.dialog-footer{gap:15px}.dialog-footer p{font-size:8px}.dialog-footer .cta{padding:10px 13px;font-size:11px}.sign-main .sign-error{font-size:12px}.sign-main:has(.sign-editor:not([hidden])){width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){.sign-editor *, .folio-dialog *{scroll-behavior:auto}}

.editor-file>div{min-width:0}

/* Local reusable layouts and deliberately empty editor positions. */
.layout-tools{border:1px solid #dde5f5;border-radius:9px;background:#f8faff;padding:12px}
.layout-tools .inspector-heading{margin-bottom:10px;gap:6px}
.layout-tools .inspector-heading h3{font-size:11px}
.layout-tools .inspector-heading>span{font-size:7px;letter-spacing:.3px;padding:4px;white-space:nowrap}
.layout-tools>.button-secondary{width:100%;font-size:11px;padding:9px 7px}
.layout-tools>p{font-size:10px;line-height:1.6;color:#65748b;margin:10px 0 0}
.layout-tools>.editor-quiet{font-size:10px;padding:9px 0 0;text-align:left}
.pdf-mark.is-empty-layout{border:1px dashed #7392db;background:#edf3ffb8}
.pdf-mark.is-empty-layout.is-selected{border-style:solid}
.pdf-mark-content.layout-placeholder{display:grid;place-items:center;font:500 11px/1.2 var(--sans,Arial,sans-serif);color:#5879b9!important;white-space:nowrap;word-break:normal;pointer-events:none}
.mark-check-choice{display:flex;align-items:center;gap:9px;font-size:12px;color:#34425e;margin:0 0 14px}
.mark-check-choice input{width:16px;height:16px;accent-color:var(--blue)}
.mark-slot-help{font-size:10px;line-height:1.6;padding:9px 10px;background:#f0f5ff;border-radius:6px;color:#4e6b9c;margin:0 0 14px}
#mark-today{font-size:11px;margin-bottom:12px;padding:8px 10px;width:100%}
.layout-dialog{width:min(610px,calc(100% - 32px))}
.layout-intro{font-size:13px;line-height:1.7;color:#61708a;margin:0 0 12px}
.layout-document-note,.layout-save-note{font-size:11px;line-height:1.65;color:#6b7b94;margin:0 0 15px}
.layout-message{font-size:12px;line-height:1.6;padding:11px 13px;border:1px solid #c9e3d6;border-radius:7px;background:#f0faf4;color:#2c7451}
.layout-message.is-error{background:#fff2ee;border-color:#f0c8bf;color:#9b392c}
.layout-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.layout-section-heading h3,.layout-save-panel h3{font-size:13px;font-weight:650;color:#33445f;margin:0}
.layout-empty{font-size:12px;color:#7b889d;padding:15px 0;margin:0}
.saved-layout-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.saved-layout{padding:13px 14px;border:1px solid #dfe6f2;border-radius:9px;background:#fbfcff}
.saved-layout-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.saved-layout-heading strong{font-size:12px;overflow-wrap:anywhere;min-width:0}
.saved-layout-detail{font-size:10px;color:#8290a5;flex:none}
.saved-layout-note{font-size:10px;line-height:1.6;color:#6a7d99;margin:7px 0 10px}
.saved-layout-note.is-mismatch{color:#91601b}
.saved-layout-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.saved-layout-actions .button-secondary{font-size:11px;padding:8px 12px}
.saved-layout-actions .button-secondary:disabled{opacity:.5;cursor:not-allowed}
.saved-layout-actions .editor-quiet{font-size:11px}
.layout-save-panel{margin-top:21px;padding-top:20px;border-top:1px solid var(--line)}
.layout-save-panel h3{margin-bottom:15px}
.layout-consent{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #dce5f4;border-radius:8px;background:#f7faff;color:#475f87}
.layout-consent input{margin:3px 0 0;flex:none;width:16px;height:16px;accent-color:var(--blue)}
.layout-consent strong{display:block;font-size:12px;font-weight:600}
.layout-consent small{display:block;font-size:10px;line-height:1.7;margin-top:6px;color:#6a7a94}
.layout-storage-note{font-size:10px;line-height:1.7;color:#8290a6;margin:19px 0 0}
.export-layout-note{font-size:12px;line-height:1.65;padding:11px 13px;background:#f4f7ff;border:1px solid #dce4f6;border-radius:7px;color:#536d9c}
@media(max-width:850px){.layout-tools{grid-column:1/-1}.layout-tools>.button-secondary{width:auto;min-width:180px}.layout-tools>p{display:inline-block;margin:0 0 0 12px}.layout-tools>.editor-quiet{display:block}}
@media(max-width:650px){.layout-tools>p{display:block;margin:10px 0 0}.layout-tools>.button-secondary{width:100%}.saved-layout-heading{display:block}.saved-layout-detail{display:block;margin-top:5px}.layout-dialog{padding:22px}.layout-dialog .dialog-heading h2{font-size:27px}}

.page-keyboard-help{margin:0;padding:0 18px 10px;background:#f4f7fc;border-bottom:1px solid #e0e7f0;color:#64718a;font-size:10px;line-height:1.6}.sign-editor .placement-hint{border-bottom:0;padding-bottom:3px}.dimension-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-stage:focus-visible{outline:3px solid #5579e6;outline-offset:5px}@media(max-width:650px){.page-keyboard-help{font-size:9px;padding:0 12px 8px}}

.page-navigation {
  flex-wrap: wrap;
  justify-content: center;
}

.page-navigation .folio-direction-action,
.document-actions .folio-direction-action {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 44px;
  min-height: 44px;
  padding: 4px;
  font: 600 10px/1 var(--sans);
}

.layout-tools > #layout-next-empty {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 650px) {
  .page-navigation { flex-wrap: nowrap; }
  .sign-editor .document-toolbar { flex-wrap: wrap; }
  .sign-editor .annotation-tools { flex: 0 1 auto; flex-wrap: wrap; }
  .editor-top-actions .editor-quiet { min-height: 44px; }
}
.sign-field-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  padding: 5px 16px;
  background: #f3f6ef;
  color: #2b4a3e;
  font-size: 11px;
}
.sign-field-legend, .sign-field-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 10px;
}
.sign-field-legend span { display: inline-flex; align-items: center; gap: 5px; }
.sign-field-legend i { width: 12px; height: 12px; border-radius: 2px; background: white; }
.sign-field-legend .embedded { border: 1px solid #136a54; background: #dff1e6; }
.sign-field-legend .placed { border: 1px dashed #545154; }
.sign-field-nav { margin-inline-start: auto; }
.sign-field-nav .editor-quiet { min-height: 34px; color: #136a54; font-size: 11px; }
.sign-field-nav .editor-quiet:disabled { color: #627368; cursor: default; }
.sign-field-nav [role="status"] { font-weight: 650; min-inline-size: 62px; }
.field-link[aria-current="true"] { color: #136a54; font-weight: 700; }

.sign-editor .pdf-field-control { border-color: #5d8d77; background: #eff9f2e8; }
.sign-editor .pdf-field-control:hover { border-color: #136a54; background: #e1f3e8; }
.sign-editor .pdf-field-control:focus { outline-color: #136a54; background: white; }
.sign-editor .pdf-mark:not(.is-empty-layout) { border: 1px dashed #625c64a6; }
.sign-editor .pdf-mark.is-selected { border-color: #136a54; background: #ebf4ed55; box-shadow: 0 0 0 2px #136a5426; }
.sign-editor .pdf-mark:focus-visible { outline-color: #136a54; }
.sign-editor .pdf-mark.is-empty-layout { border-color: #5b927a; background: #e4f3e7d4; }
.sign-editor .pdf-mark-content.layout-placeholder { color: #136a54 !important; }
.signature-placement-ghost {
  position: absolute;
  pointer-events: none;
  opacity: .55;
  z-index: 3;
  background: #ecf9f1b8;
  border: 1px dashed #136a54;
  border-radius: 4px;
}
.signature-placement-ghost canvas { display: block; width: 100%; height: 100%; object-fit: contain; }
.signature-nudge { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin: 8px 0 12px; }
.signature-nudge > span { font-size: 11px; color: #466256; width: 100%; }
.signature-nudge button {
  width: 34px;
  min-height: 34px;
  background: #edf4ed;
  color: #13523f;
  border: 1px solid #bdd5c6;
  border-radius: 5px;
  font-size: 17px;
  cursor: pointer;
}
.signature-nudge button:hover { background: #e1f0e3; }
#signature-canvas {
  background: linear-gradient(to bottom, transparent 73.8%, #8ab39a80 74%, #8ab39a80 74.5%, transparent 74.7%),
    linear-gradient(to right, #e9f3eb 0 8%, transparent 8% 92%, #e9f3eb 92% 100%), #fff;
  border-color: #a9c4b1;
}

.saved-layout-heading { align-items: center; flex-wrap: wrap; justify-content: flex-start; }
.saved-layout-detail { margin-inline-start: auto; }
.saved-layout-thumbnail, .saved-layout-preview-page {
  display: block;
  background: white;
  border: 1px solid #cbd8cb;
  box-shadow: 0 2px 4px #14231f14;
}
.saved-layout-thumbnail { width: 31px; height: 37px; padding: 3px; }
.saved-layout-thumbnail circle { fill: #136a54; }
.saved-layout-preview-page { width: auto; height: 150px; max-width: 100%; }
.saved-layout-preview-page rect { fill: #e4f3e7; stroke: #136a54; stroke-width: .9px; stroke-dasharray: 2 1; }
.saved-layout-preview-page [data-kind="date"] { fill: #f5f3dc; }
.saved-layout-preview-page [data-kind="check"] { fill: #d6eddc; }
.saved-layout-match {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 7px;
  border-radius: 4px;
  background: #e9ede6;
  color: #3f5147;
  font-size: 10px;
  font-weight: 650;
}
.saved-layout-match.is-match { background: #ddf0df; color: #175641; }
.saved-layout-match.is-mismatch { background: #f8e9db; color: #7d4230; }
.saved-layout-preview {
  margin: 9px 0;
  padding: 8px 9px;
  border: 1px solid #d5e1d5;
  border-radius: 6px;
  color: #36584a;
  font-size: 11px;
}
.saved-layout-preview > summary { cursor: pointer; font-weight: 650; }
.saved-layout-preview > div { display: grid; justify-items: start; gap: 9px; margin-top: 9px; }
.saved-layout-preview select { margin-inline-start: 6px; padding: 4px; }
.saved-layout-preview p { margin: 0; }
.layout-receipt { color: #285b48; line-height: 1.6; font-size: 12px; }

.export-field-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.export-field-examples > div {
  display: grid;
  align-content: start;
  gap: 6px;
  border: 1px solid #d8e2d8;
  border-radius: 6px;
  padding: 10px;
  color: #314c41;
  font-size: 11px;
}
.export-field-examples > div.is-current { border-color: #136a54; background: #f2f7ee; }
.example-form-value, .example-paper-value { padding: 5px 7px; }
.example-form-value { border: 1px solid #83a892; background: #e8f5eb; border-radius: 3px; }
.example-paper-value { border-bottom: 1px solid #a8afa6; }
.export-field-examples small { font-size: 10px; line-height: 1.4; }

@media (max-width: 650px) {
  .sign-field-bar { padding-inline: 10px; }
  .sign-field-nav { margin-inline-start: 0; }
  .sign-field-nav .editor-quiet, .signature-nudge button { min-height: 44px; }
  .signature-nudge button { width: 44px; }
  .saved-layout-heading { display: flex; }
  .saved-layout-detail { margin-top: 0; }
}


.info-main{max-width:900px;padding-top:38px;padding-bottom:74px}.info-back{display:inline-block;color:#6a758a;text-decoration:none;font-size:12px;margin-bottom:38px}.info-back:hover{color:var(--blue)}.info-main>.eyebrow{color:var(--blue);font-size:10px;letter-spacing:1.7px}.info-main h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;line-height:1.12;margin:14px 0 20px}.info-lead{font-size:17px;line-height:1.75;color:#6a758a;max-width:700px;margin:0 0 35px}.info-content{background:white;border:1px solid var(--line);border-radius:18px;padding:36px 42px;color:#53617a;font-size:14px;line-height:1.85}.info-content h2{color:var(--ink);font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:33px 0 13px}.info-content h2:first-child{margin-top:0}.info-content h3{color:var(--ink);font-size:16px;margin:25px 0 8px}.info-content p{margin:0 0 16px}.info-content a{color:var(--blue);text-underline-offset:3px}.info-content ul,.info-content ol{padding-left:24px;margin:10px 0 20px}.info-content li{padding-left:3px;margin-bottom:9px}.info-content strong{color:#34425e;font-weight:650}.info-content .info-note{background:#f3f6fe;border-radius:9px;padding:16px 20px}.info-content .updated{font-size:12px;color:#77869d;margin-top:30px}.info-content details{border-bottom:1px solid var(--line);padding:15px 0}.info-content summary{color:var(--ink);font-weight:600;cursor:pointer}.info-content details p{margin:12px 0 4px}.info-content table{width:100%;border-collapse:collapse;margin:15px 0 25px;font-size:13px}.info-content th,.info-content td{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}.info-content th{color:var(--ink);background:#f7f9fc}.info-content kbd{font:12px var(--sans);background:#f1f4f9;border:1px solid #dce3ef;border-radius:4px;padding:2px 5px;color:#3d4f71}@media(max-width:600px){.info-main{padding-top:25px;padding-bottom:40px}.info-back{margin-bottom:25px}.info-content{padding:24px 20px}.info-main h1{letter-spacing:-1.2px}.info-lead{font-size:15px}.info-content table{font-size:11px}.info-content td,.info-content th{padding:8px 5px}}
.help-finder { padding-block-end: 18px; border-bottom: 1px solid #d6dfd2; }
.help-finder form { margin-bottom: 14px; }
.help-finder label { display: block; margin-bottom: 5px; font-weight: 650; color: #254237; }
.help-finder form > div { display: flex; gap: 7px; align-items: stretch; }
.help-finder input {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  border: 1px solid #91aa9c;
  border-radius: 6px;
  padding: 8px 10px;
  font: inherit;
}
.help-finder input:focus-visible { outline: 2px solid #136a54; outline-offset: 2px; }
.help-finder nav { display: flex; flex-wrap: wrap; gap: 6px; }
.help-finder nav a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 3px 8px;
  border: 1px solid #c7d8c8;
  border-radius: 6px;
  color: #135b45;
  background: #f5f8f1;
  font-size: 12px;
  text-decoration: none;
}
.help-finder nav a:hover { background: #e6f2e6; text-decoration: underline; }
.help-finder #help-search-status { margin: 5px 0 0; font-size: 12px; }
.help-finder #help-search-status:empty { display: none; }
.help-finder #help-no-results { margin: 12px 0 0; }
.help-topic { padding: 18px 0 8px; scroll-margin-top: 84px; }
.help-topic + .help-topic { border-top: 1px solid #e1e7dc; }
.help-topic .help-try { color: #25483a; font-size: 13px; }
.help-figure {
  margin: 14px 0;
  padding: 11px;
  border: 1px solid #d5e1d2;
  background: #f7f9f2;
  border-radius: 8px;
}
.help-figure figcaption { font-size: 13px; font-weight: 650; color: #234639; margin-bottom: 8px; }
.help-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.help-examples > div {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 4px;
  padding: 9px;
  min-width: 0;
  border: 1px solid #e0e7dd;
  border-radius: 6px;
  background: white;
}
.help-examples small { font-size: 11px; line-height: 1.4; }
.help-form-value, .help-paper-value { padding: 2px 5px; font-size: 11px; }
.help-form-value { border: 1px solid #7bac94; background: #e5f3e9; border-radius: 3px; }
.help-paper-value { border-bottom: 1px solid #a0ac9e; }
.help-sheet {
  width: 28px;
  height: 36px;
  border: 1px solid #8fa696;
  border-radius: 2px;
  background: repeating-linear-gradient(to bottom, white 0 4px, #bfcebf 4px 5px, white 5px 7px);
  background-size: 65% 70%;
  background-position: center;
  background-repeat: no-repeat;
}
.help-sheet.illustration-photo { box-shadow: inset 0 -17px #71a18f; }
.help-sheet.illustration-compressed { box-shadow: inset 0 -17px #adba96; }
.help-sheet.illustration-scan { background-color: #f3f2e7; }
.help-sheet.illustration-searchable { box-shadow: inset 0 -7px #dbf36e; }
@media (max-width: 500px) { .help-finder nav a { min-height: 44px; } }


.plans-preview{padding:18px 22px;border:1px solid #d7e1ff;border-radius:12px;background:#f2f6ff;margin-bottom:28px}
.plans-preview>strong{display:block;color:#3457e5;font-size:12px;letter-spacing:.5px;margin-bottom:5px}
.plans-preview p{margin:0;font-size:13px;line-height:1.7}
.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.plan-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:25px 22px;background:#fbfcff}
.plan-card.plan-featured{border:1px solid #a6b8ff;background:#f7f9ff;box-shadow:0 8px 22px #3457e508}
.plan-card .plan-label{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#6c7b96;margin-bottom:14px}
.info-content .plan-card h2{font-size:25px;margin:0 0 17px}
.info-content .plan-price{display:flex;align-items:baseline;gap:9px;color:var(--ink);font-size:42px;font-weight:750;letter-spacing:-1.5px;line-height:1.2;margin:0 0 12px}
.plan-price span{font-size:12px;letter-spacing:0;font-weight:500;color:#6c7890}
.plan-card .plan-annual{font-size:12px;line-height:1.65}
.plan-annual>span{display:block;margin-top:4px;font-size:11px;color:#73819b}
.plan-card>p{font-size:13px;line-height:1.7}
.plan-card ul{padding-left:18px;font-size:12px;line-height:1.6;margin:6px 0 24px}
.plan-card li{margin-bottom:10px}
.info-content .plan-action{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;font-weight:650;color:#3457e5;border:1px solid #c9d5fa;border-radius:8px;padding:12px 13px;margin-top:auto;background:white;font-size:12px;line-height:1.5}
.info-content .plan-action:hover{border-color:#3457e5;background:#f0f4ff}
.info-content .plan-featured .plan-action{background:#3457e5;border-color:#3457e5;color:white}
.info-content .plan-featured .plan-action:hover{background:#2747cc}
.info-content .plans-caption{font-size:11px;line-height:1.7;color:#78849a;margin:17px 0 29px}
.repeat-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 14px}
.repeat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;text-decoration:none;transition:border-color .15s,transform .15s}
.repeat-card:hover{border-color:#b8c7f8;transform:translateY(-2px)}
.repeat-card small{color:#3457e5;font-size:9px;font-weight:700;letter-spacing:1.3px}
.repeat-card h3{color:var(--ink);font-size:20px;letter-spacing:-.5px;margin:10px 0}
.repeat-card p{font-size:12px;line-height:1.7;color:#738099;margin:0;max-width:430px}
@media(max-width:600px){.plans-grid,.repeat-work{grid-template-columns:1fr}.plan-card{padding:23px 20px}.plans-preview{padding:16px 18px}.repeat-card{padding:21px}.info-content .plan-price{font-size:38px}}

.plan-card.plan-featured {
  border: 2px solid #3457e5;
  background: #f5f8ff;
  box-shadow: 0 12px 30px #3457e514;
}

.plan-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-bottom: 13px;
}

.plan-card .plan-label-row .plan-label { margin: 0; }

.plan-best-value {
  padding: 4px 9px;
  border-radius: 100px;
  background: #e0e8ff;
  color: #223ca7;
  font-size: 11px;
  font-weight: 700;
}

.plan-check { color: #1f6943; font-weight: 800; }

.plans-preview { background: #edf4e9; border-color: #c9dbc9; }
.info-content .plan-card .plan-label-row h2 { margin: 0; }
.plan-card { background: #fffefb; }
.plan-card.plan-featured { background: #f5f5ef; border: 1px solid #c6d0c1; box-shadow: none; }
.plan-availability {
  display: inline-block;
  border-radius: 100px;
  padding: 3px 8px;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 650;
  white-space: nowrap;
}
.plan-availability.is-available { background: #dff0db; color: #154d39; }
.plan-availability.is-planned { background: #ebe9df; color: #58503d; }
.info-content .plan-card:not(.plan-featured) .plan-action { color: white; background: #136a54; border-color: #136a54; }
.info-content .plan-card:not(.plan-featured) .plan-action:hover { color: white; background: #105741; border-color: #105741; }
.info-content .plan-comparison-wrap { overflow-x: auto; }
.info-content .plan-comparison { min-width: 460px; }
.info-content .plan-comparison thead .plan-availability { display: table; margin-top: 4px; }
.info-content .plan-comparison td, .info-content .plan-comparison th { min-width: 83px; }


@media (max-width: 720px), (pointer: coarse) {
  .footer-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-inline: 10px;
  }
}

.brand .brand-atlas,
.foot-brand .brand-atlas {
  color: #34486a;
  font: 650 11px/1.15 var(--sans, system-ui, sans-serif);
  letter-spacing: .015em;
  white-space: nowrap;
}

.brand .brand-atlas {
  margin-inline-start: -3px;
}

.plan-comparison {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0 0 32px;
  font-size: .92rem;
}

.plan-comparison th,
.plan-comparison td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e1e5ee;
  padding: 12px 8px;
  overflow-wrap: anywhere;
}

.plan-comparison thead th {
  color: #203457;
  background: #f1f5ff;
}

.plan-comparison th:first-child {
  width: 36%;
}

@media (max-width: 720px), (pointer: coarse) {
  #page-prev,
  #page-next,
  #editor-undo,
  #editor-redo,
  #editor-replace,
  #editor-clear {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  .editor-top-actions,
  .document-actions,
  .page-navigation {
    flex-wrap: wrap;
  }
}

@media (max-width: 540px) {
  .brand .brand-atlas {
    margin-inline-start: -4px;
    font-size: 9px;
  }

  .plan-comparison {
    font-size: .84rem;
  }
}

.nav-pdf-tools .nav-convert-link:last-child {
  margin-top: 0;
  border-top: 0;
  border-radius: 7px;
  padding-top: 8px;
}

@media (max-width: 520px) {
  .bar {
    height: auto;
    flex-wrap: wrap;
    gap: 3px 10px;
    padding-block: 12px 5px;
  }

  .bar > nav {
    flex: 1 0 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
  }

  .bar .nav-link {
    padding-inline: 7px;
  }

  .brand .brand-atlas {
    display: inline;
  }
}

@media (max-width: 420px) {
  .foot {
    flex-wrap: wrap;
    gap: 7px 12px;
  }
}

.site-footer .footer-tools {
  width: min(440px, 100%);
  min-width: 0;
  color: #34486a;
}

.footer-tools strong {
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
}

.footer-tools ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-tools a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  font-size: 12px;
  text-decoration: none;
}

.footer-tools a:hover { text-decoration: underline; }
.site-footer .foot:has(.footer-tools) { align-items: flex-start; flex-wrap: wrap; }
.site-footer .foot:has(.footer-tools) .foot-note { display: none; }

@media (max-width: 720px), (pointer: coarse) {
  .footer-tools a { min-height: 44px; }
  .site-footer .foot:has(.footer-tools) { gap: 12px 20px; }
  .site-footer .footer-tools { order: -1; width: 100%; }
}


.home-drop-zone {
  align-items: center;
  background: #f7f9ff;
  border: 1.5px dashed #8ba1f0;
  border-radius: 16px;
  color: #1b2e72;
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 12px;
  min-height: 90px;
  padding: 14px 16px;
  text-align: left;
  width: min(100%, 34rem);
}

.home-drop-zone:not(:disabled):hover,
.home-drop-zone.is-dragging {
  background: #e9efff;
  border-color: #3457e5;
}

.home-drop-zone:focus-visible,
.home-pdf-choices button:focus-visible {
  outline: 2px solid #3457e5;
  outline-offset: 3px;
}

.home-drop-zone:disabled {
  cursor: wait;
}

@media (hover: none), (pointer: coarse) {
  .folio-drop-hint {
    display: none;
  }
}

.home-drop-icon {
  align-items: center;
  background: #e5ecff;
  border-radius: 12px;
  color: #3457e5;
  display: flex;
  flex: 0 0 42px;
  height: 42px;
  justify-content: center;
}

.home-drop-icon svg {
  fill: none;
  height: 22px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
  width: 22px;
}

.home-drop-copy {
  display: grid;
  gap: 3px;
  line-height: 1.35;
}

.home-drop-copy small {
  color: #48557e;
  font-size: .83rem;
}

.home-drop-copy u {
  text-underline-offset: 2px;
}

.hero-copy p.home-privacy-copy {
  color: #48557e;
  font-size: .89rem;
  margin: -2px 0 18px;
}

.hero-copy p.home-drop-status {
  color: #48557e;
  font-size: .89rem;
  margin: 10px 0 0;
}

.hero-copy p.home-drop-status:empty {
  margin: 0;
}

.home-pdf-choices:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.home-pdf-choices button {
  background: #fff;
  border: 1px solid #b9c8ff;
  border-radius: 9px;
  color: #1b2e72;
  cursor: pointer;
  font: inherit;
  font-size: .82rem;
  font-weight: 650;
  min-height: 44px;
  padding: 6px 10px;
}

.home-pdf-choices button:hover {
  background: #eef3ff;
}

.home-pdf-choices button:disabled {
  cursor: wait;
}


.result-main {
  display: grid;
  gap: 20px;
  justify-items: center;
}

.result-details {
  min-width: 0;
}

#resultname {
  overflow-wrap: anywhere;
}

.result-preview {
  width: 154px;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
  color: var(--muted);
  text-align: center;
}

.result-preview-page {
  display: grid;
  place-items: center;
  height: 148px;
}

.result-preview[aria-busy="true"] .result-preview-page::before {
  content: "…";
}

.result-preview canvas {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background: white;
  box-shadow: 0 2px 7px #1b2a4720;
}

.result-preview figcaption {
  margin-top: 8px;
  font-size: 11px;
}

.result-preview-picker:not([hidden]) {
  display: grid;
  gap: .2rem;
  margin-top: .35rem;
  font-size: 11px;
}

.result-preview-picker select {min-block-size: 36px}

.result-next {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 8px;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.result-next .eyebrow {
  margin-right: 4px;
  color: var(--muted);
}

.result-next .button-secondary {
  min-height: 44px;
  padding: 8px 14px;
  font-size: 12px;
  color: var(--blue);
}

@media (min-width: 700px) {
  .result-main:has(.result-preview:not([hidden])) {
    grid-template-columns: 154px minmax(0, 1fr);
    align-items: center;
    justify-items: stretch;
    text-align: left;
  }

  .result-main:has(.result-preview:not([hidden])) .result-details {
    grid-column: 2;
    grid-row: 1;
  }

  .result-main:has(.result-preview:not([hidden])) .done {
    margin-left: 0;
  }

  .result-main:has(.result-preview:not([hidden])) .actionrow,
  .result-main:has(.result-preview:not([hidden])) .result-next {
    justify-content: flex-start;
  }
}


.pdf-tools {
  color: #53617a;
}
.pdf-tools [hidden] {
  display: none;
}
.pdf-tools .cta {
  color: #fff;
  min-height: 44px;
  text-decoration: none;
}
.pdf-tools .button-secondary,
.pdf-tools .sample {
  min-height: 44px;
}
.pdf-tool-drop {
  background: #f7f9ff;
  border: 1px dashed #98b2f3;
  border-radius: 14px;
  padding: 32px 20px;
  text-align: center;
}
.pdf-tool-drop[data-dragging] {
  border-color: var(--blue);
  background: #edf3ff;
}
.pdf-tool-file-icon {
  display: inline-grid;
  place-items: center;
  height: 46px;
  width: 46px;
  background: #e8efff;
  border-radius: 12px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 750;
}
.pdf-tool-drop h2 {
  margin-top: 14px;
}
.pdf-tool-file,
.pdf-tool-section-header,
.pdf-tool-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  flex-wrap: wrap;
}
.pdf-tool-file,
.pdf-tool-settings,
.pdf-tool-note,
.pdf-tool-result,
.pdf-tool-progress {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 18px;
  margin: 0 0 16px;
}
.pdf-tool-file p,
.pdf-tool-progress p,
.pdf-tools .pdf-tool-note,
.pdf-tools .pdf-tool-privacy,
.pdf-tool-settings p:last-child {
  margin: 0;
}
.pdf-tool-file strong,
.pdf-tool-result p {
  overflow-wrap: anywhere;
}
.pdf-tool-actions,
.pdf-tool-page-actions {
  display: flex;
  align-items: center;
  gap: 6px 10px;
  flex-wrap: wrap;
}
.pdf-tool-actions button,
.pdf-tool-progress button {
  margin: 0;
}
.pdf-tool-export,
.pdf-tool-result {
  margin-top: 16px;
}
.pdf-tool-settings legend,
.pdf-tool-settings label {
  color: var(--ink);
  font-weight: 650;
}
.pdf-tool-settings legend {
  padding: 0 6px;
}
.pdf-tool-settings label {
  display: block;
}
.pdf-tool-settings input[type="radio"] {
  accent-color: var(--blue);
}
.pdf-tool-settings input[type="text"],
.pdf-tool-settings input[type="number"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  margin: 5px 0 8px;
  padding: 7px 11px;
  font: inherit;
  border: 1px solid #94a6c3;
  border-radius: 7px;
  color: var(--ink);
}
.pdf-tool-settings input[type="number"] {
  max-width: 8rem;
}
.pdf-tool-split-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 0 18px;
  margin-bottom: 10px;
}
.pdf-tool-split-modes label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  cursor: pointer;
}
.pdf-tool-section-header h2 {
  margin: 0;
}
.pdf-tools .pdf-tool-pages {
  max-height: 28rem;
  overflow: auto;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.pdf-tools .pdf-tool-pages li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 14px;
  margin: 0;
  padding: 6px 3px;
  border-top: 1px solid var(--line);
}
.pdf-tool-page-actions button {
  min-width: 44px;
  min-height: 44px;
  padding: 0 7px;
  background: #f7f9ff;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 7px;
  font: inherit;
  cursor: pointer;
}
.pdf-tools button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.pdf-tools .pdf-tool-note {
  background: #f7f9ff;
  margin-bottom: 16px;
}
.pdf-tool-form-note p {
  margin: 0;
}
.pdf-tool-form-note button {
  margin-top: 8px;
}
.pdf-tools .pdf-tool-privacy {
  color: #526380;
  font-size: 13px;
  margin-top: 16px;
}
@media (max-width: 480px) {
  .pdf-tool-file,
  .pdf-tool-settings,
  .pdf-tool-note,
  .pdf-tool-result,
  .pdf-tool-progress {
    padding-inline: 12px;
  }
}

.pdf-tool-page-summary {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pdf-tool-page-drag {
  display: grid;
  place-items: center;
  align-self: stretch;
  min-width: 28px;
  color: #53617a;
  font-size: 22px;
  cursor: grab;
  user-select: none;
}
.pdf-tool-pages [data-reordering] {
  opacity: .5;
}
.pdf-tool-pages [data-drop-edge="before"] {
  box-shadow: inset 0 2px var(--blue);
}
.pdf-tool-pages [data-drop-edge="after"] {
  box-shadow: inset 0 -2px var(--blue);
}
.pdf-tool-thumbnail {
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  place-items: center;
  width: 76px;
  height: 76px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
}
.pdf-tool-thumbnail:empty::before {
  content: "PDF";
  color: var(--muted);
  font-size: 10px;
}
.pdf-tool-thumbnail canvas {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background: white;
  box-shadow: 0 1px 5px #1b2a4720;
  transform: rotate(var(--thumbnail-rotation, 0deg));
}

.pdf-tool-page-labels { display: grid; gap: 2px; }
.pdf-tool-page-labels span, .pdf-tool-range-pages span { font-size: .82rem; }
.pdf-tool-rotation { color: var(--pb-accent, #136a54); font-weight: 700; }
.pdf-tool-range-status { min-height: 1.5em; }
.pdf-tool-range-pages {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  list-style: none;
  margin: 8px 0 0;
  padding: 3px 0 7px;
}
.pdf-tool-range-pages li {
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 90px;
  margin: 0;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 10px;
}
.pdf-tool-range-pages [data-selected] {
  background: #e9f6df;
  border-color: var(--pb-accent, #136a54);
  color: var(--pb-ink, #14231f);
  font-weight: 700;
}
.pdf-tool-move-dialog {
  width: min(23rem, calc(100% - 2rem));
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--pb-paper, #f6f4ee);
  color: var(--pb-ink, #14231f);
}
.pdf-tool-move-dialog::backdrop { background: #14231f66; }
.pdf-tool-move-dialog h2 { margin: 0 0 12px; }
.pdf-tool-move-dialog .pdf-tool-actions { margin-top: 14px; }

.pdf-tool-organize-import,
.next-pdf-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin-block: 12px;
}
.pdf-tool-organize-import p { flex-basis: 100%; margin: 0; }
.pdf-tool-thumbnail[data-blank]::before { content: 'Blank'; }
.next-pdf-control { display: grid; gap: 6px; margin-block: 10px; }
.next-pdf-controls .next-pdf-control { max-width: 120px; margin: 0; }
.next-pdf-canvas {
  display: block;
  max-width: 100%;
  height: auto;
  margin-block: 12px;
  box-shadow: 0 0 0 1px var(--line);
  touch-action: none;
  cursor: crosshair;
}
.next-pdf-canvas[hidden] { display: none; }
.next-pdf-details { margin-block: 14px; }
.next-pdf-details summary { cursor: pointer; }
.next-pdf-review {
  padding: 14px;
  border: 1px solid #d5dbc8;
  border-radius: 12px;
  background: var(--pb-paper, #f6f4ee);
}
.next-pdf-review h3 { margin-block: 0 8px; }
.next-pdf-mark-list {
  padding-inline-start: 1.5rem;
  max-height: 14rem;
  overflow-y: auto;
}
.next-pdf-mark-list li { padding: 4px 0; }
.next-pdf-mark-list button { margin-inline-start: 8px; }
.next-pdf-confirm { display: flex; gap: 8px; align-items: start; color: var(--ink); }
.next-pdf-confirm input { flex: 0 0 auto; accent-color: var(--pb-accent, #136a54); }
.next-pdf-bookmarks { padding-inline-start: clamp(8px, 2vw, 16px); list-style: none; }
.next-pdf-bookmarks li { margin-block: 5px; }
.next-pdf-bookmarks details {
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.next-pdf-bookmarks details > summary { cursor: pointer; overflow-wrap: anywhere; }
.next-pdf-bookmark-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 7.5rem);
  gap: 8px;
}
.next-pdf-bookmark-fields input { min-width: 0; }
.next-pdf-bookmark-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.next-pdf-table-preview { max-height: 18rem; overflow: auto; margin-block: 10px; }
.next-pdf-table-preview table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.next-pdf-table-preview caption { padding-block: 4px; text-align: start; }
.next-pdf-table-preview :is(th, td) { min-width: 4.5rem; padding: 5px 8px; border: 1px solid var(--line); text-align: start; overflow-wrap: anywhere; }
.next-pdf-table-preview th { background: var(--pb-paper, #f6f4ee); color: var(--ink); }
@media (max-width: 500px) {
  .next-pdf-bookmark-fields { grid-template-columns: minmax(0, 1fr); }
  .next-pdf-bookmarks { padding-inline-start: 5px; }
  .next-pdf-bookmarks details { padding: 5px; }
}

.pdf-tool-compare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pdf-tool-compare-grid figure { margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }
.pdf-tool-compare-grid figcaption { margin-block-end: 8px; font-weight: 600; }
.pdf-tool-compare-grid canvas { display: block; max-width: 100%; height: auto; margin: auto; }
.pdf-tool-result > #pdf-tool-compare { margin: 8px; }


.pro-waitlist {
  display: grid;
  gap: 8px;
  margin-top: 24px;
}

.pro-waitlist label {
  font-size: 14px;
  font-weight: 700;
}

.pro-waitlist input {
  box-sizing: border-box;
  min-height: 44px;
  width: 100%;
  border: 1px solid #8490a3;
  border-radius: 8px;
  padding: 9px 12px;
  font: inherit;
}

.pro-waitlist input:disabled,
.pro-waitlist button:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.pro-waitlist .plan-action {
  border: 0;
  cursor: pointer;
  margin: 0;
  text-align: center;
  min-height: 44px;
}

.pro-waitlist p {
  margin: 0;
  font-size: 13px;
}

.pro-waitlist [data-waitlist-status]:empty {
  display: none;
}

.info-content .plan-featured .pro-waitlist .plan-action {
  justify-content: center;
  color: #12553f;
  background: #f2f7ef;
  border: 1px solid #8bb6a1;
}
.info-content .plan-featured .pro-waitlist .plan-action:hover:not(:disabled) { background: #e0f0e3; }
.pro-waitlist input:focus-visible { outline: 2px solid #136a54; outline-offset: 2px; }
.pro-waitlist input[aria-invalid="true"] { border-color: #9b4a33; }
.pro-waitlist [data-waitlist-status]:not(:empty) {
  border-inline-start: 2px solid #749385;
  padding: 4px 0 4px 9px;
  color: #38584b;
  font-weight: 600;
}
.pro-waitlist [data-waitlist-status][data-state="error"] { border-color: #a24f36; color: #813c2b; }
.pro-waitlist [data-waitlist-status][data-state="success"] { border-color: #136a54; color: #13543d; }


/* Shared visual language for the hosted workspace. */
body[data-folio-ui] {
  --ink: #161a31;
  --muted: #5d6479;
  --navy: #242945;
  --blue: #4238e3;
  --blue-dark: #3329b9;
  --line: #e0e3ef;
  --paper: #f7f8fc;
  --shadow: 0 14px 32px #2226530d;
  --accent-soft: #eeecff;
  --radius: 20px;
}

[data-folio-ui] .site-header {
  border-bottom: 1px solid var(--line);
  background: #fff;
}

[data-folio-ui] .bar { min-height: 72px; }
[data-folio-ui] .brand { gap: 9px; white-space: nowrap; }
[data-folio-ui] .brand > svg { width: 34px; height: 34px; }
[data-folio-ui] .brand > svg rect { fill: var(--blue); }
[data-folio-ui] .brand strong { color: var(--ink); font: 760 28px/1 var(--sans); letter-spacing: -0.07em; }
[data-folio-ui] .brand .brand-atlas { margin: 0 0 0 -4px; color: var(--muted); font-size: 11px; }
[data-folio-ui] .bar .nav-link { border-radius: 9px; font-weight: 650; }
[data-folio-ui] .bar .offline { border-color: #dce9e3; background: #f4faf7; color: #315a47; }
[data-folio-ui] .nav-convert-panel { box-shadow: 0 16px 32px #22265317; }
[data-folio-ui] .nav-convert-link:hover,
[data-folio-ui] .nav-convert-link[aria-current=page] { background: var(--accent-soft); }
[data-folio-ui] :focus-visible { outline: 3px solid #5d50ec; outline-offset: 3px; }

.nav-chevron {
  flex: none;
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nav-convert[open] > summary .nav-chevron { transform: rotate(180deg); }
.mobile-menu { display: none; }

@media (max-width: 760px) {
  [data-folio-ui] .bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 44px auto;
    gap: 0;
    height: auto;
    min-height: 66px;
    padding-block: 11px;
  }
  [data-folio-ui] .bar > :is(.desktop-nav, .offline) { display: none; }
  [data-folio-ui] .bar > .brand { justify-self: start; }
  .mobile-menu { display: block; }
  .mobile-menu > summary {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding-inline: 12px;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
    list-style: none;
    cursor: pointer;
  }
  .mobile-menu > summary::-webkit-details-marker { display: none; }
  .mobile-menu > summary::marker { content: ''; }
  .mobile-menu > summary:hover,
  .mobile-menu[open] > summary { background: var(--accent-soft); color: var(--blue); }
  .mobile-menu > summary svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
  }
  .mobile-menu:not([open]) > .mobile-nav { display: none; }
  [data-folio-ui] .bar .mobile-menu[open] > .mobile-nav {
    display: grid;
    gap: 2px;
    margin: 11px 0 0;
    padding-top: 8px;
    border-top: 1px solid var(--line);
  }
  [data-folio-ui] .bar .mobile-nav .nav-link {
    display: flex;
    justify-content: space-between;
    padding-inline: 12px;
    font-size: 14px;
  }
  [data-folio-ui] .mobile-nav .nav-convert-panel {
    position: static;
    width: auto;
    max-width: none;
    margin: 3px 0 4px;
    box-shadow: none;
  }
}

[data-folio-ui] .site-footer { border-top: 1px solid var(--line); background: #fff; }
[data-folio-ui] .site-footer .foot {
  display: grid;
  grid-template-columns: minmax(8rem, .6fr) minmax(0, 1.6fr) minmax(7rem, .6fr);
  gap: 24px 36px;
  align-items: start;
  padding-block: 32px 24px;
}
[data-folio-ui] .foot-brand { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
[data-folio-ui] .foot-brand b { font: 750 25px/1 var(--sans); letter-spacing: -0.06em; }
[data-folio-ui] .footer-tools { width: 100%; }
[data-folio-ui] .footer-tools ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px 14px; }
[data-folio-ui] .footer-links { display: grid; gap: 3px; justify-content: start; margin: 0; }
[data-folio-ui] .footer-links a, [data-folio-ui] .footer-tools a { min-height: 32px; font-size: 13px; }
[data-folio-ui] .site-footer .credit { color: var(--muted); grid-column: 1/-1; }

/* Home */
.home-page[data-folio-ui] .home-main { padding-block: 35px 68px; }
.folio-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1.16fr) minmax(0,1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 70px);
  overflow: hidden;
  min-height: 382px;
  padding: clamp(30px, 4.8vw, 68px);
  border: 1px solid #e4e2fa;
  border-radius: 28px;
  background: radial-gradient(ellipse at 100% 0%, #e6dfff 0%, transparent 56%),
    linear-gradient(125deg, #fff 18%, #f6f3ff 68%, #eceaff 100%);
}
.folio-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 50%;
  opacity: .3;
  background: radial-gradient(#a297df 1px, transparent 1px) 0 0 / 16px 16px;
  mask-image: linear-gradient(110deg, transparent 0%, #000 100%);
}
.folio-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: #5149a9;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .11em;
}
.folio-kicker > span { width: 7px; height: 7px; border-radius: 2px; background: #6556ef; }
.folio-hero h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(40px, 5.2vw, 77px);
  font-weight: 760;
  line-height: .99;
  letter-spacing: -.073em;
}
.folio-hero h1 em { color: var(--blue); font-style: normal; }
.folio-intro {
  max-width: 32rem;
  margin: 21px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 1.65vw, 20px);
  line-height: 1.5;
}
.folio-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 20px; margin-top: 16px; }
.folio-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.folio-secondary:hover { text-decoration: underline; text-underline-offset: 3px; }
.folio-hero-trust { display: inline-flex; align-items: center; gap: 6px; color: #454c64; font-size: 12px; font-weight: 650; }
.folio-hero-trust svg, .folio-start-icon svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.folio-action-flower {
  display: inline-block;
  flex: none;
  width: 17px;
  height: 17px;
  overflow: visible;
  transform-origin: center;
  vertical-align: -.22em;
  pointer-events: none;
  fill: var(--flower-petal);
  stroke: none;
}
.folio-action-flower circle { fill: var(--flower-center, #edb346); }
[data-flower-tone="violet"] { --flower-petal: #7350c9; --flower-light: #e1cfff; }
[data-flower-tone="teal"] { --flower-petal: #147b69; --flower-light: #8ff1d7; }
[data-flower-tone="pink"] { --flower-petal: #ad3f77; --flower-light: #ffbee0; }
[data-flower-tone="amber"] { --flower-petal: #97600d; --flower-light: #ffdb83; --flower-center: #f78f6d; }
[data-flower-tone="blue"] { --flower-petal: #3363c4; --flower-light: #a9d9ff; }
[data-flower-tone="lime"] { --flower-petal: #5f741a; --flower-light: #d7ee9b; }
:is(.cta, .plan-featured .plan-action, .folio-picker-label) .folio-action-flower {
  fill: var(--flower-light);
  --flower-center: #fff2d3;
}
.nav-convert-link > .folio-action-flower,
.tool > .folio-action-flower { margin-inline-start: auto; }
.tool > .folio-action-flower { width: 15px; height: 15px; }
.info-back .folio-action-flower { margin-inline-end: 4px; }
.aside-sign > .folio-action-flower { position: absolute; right: 18px; top: 18px; }
summary[data-flower-action] { list-style: none; }
summary[data-flower-action]::-webkit-details-marker { display: none; }
summary[data-flower-action]::marker { content: ''; }
summary[data-flower-action]:not(.nav-link) > .folio-action-flower { margin-inline-start: 5px; }
details[open] > summary[data-flower-action] > .folio-action-flower circle { fill: var(--flower-petal); }
.folio-direction-action:not([hidden]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.folio-direction-action > .folio-action-flower { width: 13px; height: 13px; }

@media (prefers-reduced-motion: no-preference) {
  [data-flower-action]:not(:disabled):is(:hover, :focus-visible) .folio-action-flower {
    animation: folio-flower-bloom 560ms cubic-bezier(.2,.75,.3,1);
  }
}

@keyframes folio-flower-bloom {
  0% { rotate: 0deg; scale: 1; }
  38% { rotate: -12deg; scale: .88; }
  72% { rotate: 44deg; scale: 1.24; }
  100% { rotate: 60deg; scale: 1; }
}

.folio-start {
  min-width: 0;
  padding: clamp(17px, 2.2vw, 27px);
  border: 1px solid #fff;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 21px 48px #3e2c9a1c, 0 0 0 1px #e5e0f7;
}
.folio-start-top { display: flex; gap: 12px; align-items: center; margin-bottom: 17px; }
.folio-start-icon {
  display: grid;
  flex: 0 0 44px;
  height: 44px;
  place-items: center;
  border-radius: 12px;
  background: var(--accent-soft);
  color: var(--blue);
}
.folio-start-icon svg { width: 23px; height: 23px; }
.folio-start h2 { margin: 0; color: var(--ink); font-size: 19px; line-height: 1.25; letter-spacing: -.035em; }
.folio-start-top p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.folio-start .home-drop-zone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 126px;
  padding: 15px;
  border: 1px dashed #a39ae6;
  border-radius: 14px;
  background: #f7f5ff;
  text-align: center;
}
.folio-start .home-drop-zone:not(:disabled):hover,
.folio-start .home-drop-zone.is-dragging { border-color: var(--blue); background: #eeebff; }
.folio-picker-label {
  display: inline-flex;
  min-height: 49px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding-inline: 23px;
  border-radius: 10px;
  background: var(--blue);
  box-shadow: 0 5px 12px #4238e336;
  color: #fff;
  font-size: 15px;
  font-weight: 740;
}
.folio-drop-hint { color: var(--muted); font-size: 13px; }
.folio-formats { margin: 12px 0 0; color: var(--muted); font-size: 12px; text-align: center; }
.folio-start .home-drop-status { margin: 8px 0 0; color: #30395b; font-size: 13px; }
.folio-start .home-drop-status:empty { margin: 0; }
.folio-start .home-pdf-choices button { border-color: #d9d4fa; color: var(--blue-dark); }
.folio-start .home-pdf-choices button:hover { background: var(--accent-soft); }

.home-page[data-folio-ui] .home-tools { margin: 41px 0 0; scroll-margin-top: 18px; }
.folio-section-heading { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 6px 20px; }
.folio-section-heading .folio-kicker { margin-bottom: 7px; }
.folio-section-heading h2, .folio-privacy h2 {
  margin: 0;
  color: var(--ink);
  font: 750 clamp(31px, 4.1vw, 48px)/1.05 var(--sans);
  letter-spacing: -.06em;
}
.folio-section-heading > p { margin: 0 0 3px; color: var(--muted); font-size: 14px; }
.folio-tool-group { margin-top: 22px; }
.folio-tool-group > h3 { margin: 0 0 11px; color: var(--ink); font-size: 16px; font-weight: 730; letter-spacing: -.02em; }
.folio-tool-group .home-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 11px; }
.folio-tool-group .home-tool {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 143px;
  padding: 16px 14px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
  box-shadow: none;
  text-decoration: none;
}
.folio-tool-group .home-tool:hover { border-color: #bdb5f8; background: #fcfbff; box-shadow: var(--shadow); }
.folio-tool-group .home-tool > .folio-action-flower {
  position: absolute;
  inset-inline-end: 15px;
  top: 17px;
}
.folio-tool-group .card-icon { width: 40px; height: 40px; margin: 0 0 13px; border-radius: 11px; }
.folio-tool-group .card-icon svg { width: 22px; height: 22px; }
.folio-tool-group .home-tool h4 { margin: 0; color: var(--ink); font-size: 15px; font-weight: 730; line-height: 1.25; letter-spacing: -.025em; }
.folio-tool-group .home-tool p { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.4; }
.folio-tool-group .card-icon.blue { background: #e9edff; color: #3c4db6; }
.folio-tool-group .card-icon.green { background: #e4f6ee; color: #227357; }
.folio-tool-group .card-icon.orange { background: #fff1e7; color: #ae4e1f; }
.folio-tool-group .card-icon.purple { background: #f1eaff; color: #7140ad; }
.folio-tool-group .card-icon.red { background: #ffecef; color: #ad3652; }
.folio-tool-group .card-icon.teal { background: #e5f5f8; color: #276b7c; }
.home-page[data-folio-ui] .repeat-work { margin-top: 23px; }
.home-page[data-folio-ui] .repeat-card { padding: 19px 22px; border-radius: 15px; }
.home-page[data-folio-ui] .repeat-card h3 { margin: 6px 0; font-size: 18px; }
.home-page[data-folio-ui] .repeat-card p { color: var(--muted); font-size: 13px; }

.folio-privacy {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  align-items: center;
  gap: 30px;
  margin-top: 37px;
  padding: clamp(22px, 4vw, 49px);
  border: 1px solid #e6e2ff;
  border-radius: 22px;
  background: #f0edff;
}
.folio-privacy-copy > p:not(.folio-kicker) { max-width: 30rem; margin: 12px 0 6px; color: #545b76; }
.folio-steps { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.folio-steps li { display: flex; align-items: center; gap: 12px; padding: 10px 13px; border-radius: 11px; background: #fffc; }
.folio-steps li > span { color: var(--blue-dark); font: 740 12px/1.2 var(--mono); }
.folio-steps strong { display: block; color: var(--ink); font-size: 14px; }
.folio-steps p { margin: 2px 0 0; color: var(--muted); font-size: 13px; }

@media (max-width: 1040px) {
  .folio-tool-group .home-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .home-page[data-folio-ui] .home-main { padding-block: 23px 40px; }
  .folio-hero { grid-template-columns: 1fr; gap: 19px; padding: 28px; border-radius: 20px; }
  .folio-hero h1 { font-size: clamp(38px, 8.3vw, 66px); }
  .folio-intro { margin-top: 14px; }
  .folio-hero-actions { margin-top: 10px; }
  .folio-start .home-drop-zone { min-height: 105px; }
  .home-page[data-folio-ui] .home-tools { margin-top: 29px; }
  .folio-privacy { grid-template-columns: 1fr; gap: 16px; }
  [data-folio-ui] .site-footer .foot { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px 24px; }
  [data-folio-ui] .footer-tools { grid-column: 1/-1; order: 0; }
  [data-folio-ui] .footer-links { grid-column: 2; grid-row: 1; }
}
@media (max-width: 560px) {
  [data-folio-ui] .footer-tools ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  [data-folio-ui] .footer-tools a, [data-folio-ui] .footer-links a { min-height: 44px; }
  .folio-hero { padding: 21px; }
  .folio-tool-group .home-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .folio-tool-group .home-tool { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body[data-folio-ui]) { scroll-behavior: auto; }
  [data-folio-ui] .home-tool,
  [data-folio-ui] .repeat-card { transition: none; }
}


/* The focused workspaces use the same palette as the public home page. */
:where(.converter-main, .sign-main, .info-main) {
  --workspace-accent: #4238e3;
  --workspace-text: #161a31;
  --workspace-muted: #505773;
  --workspace-border: #dfe2ef;
  --workspace-tint: #f3f2ff;
  --workspace-shadow: 0 16px 42px #2223480b, 0 2px 6px #22234807;
}

.converter-main :is(.cta, .sample, .button-secondary),
.sign-upload-actions :is(.cta, .sample),
.info-main :is(.cta, .sample, .button-secondary, .plan-action) {
  min-height: 44px;
  font-size: .875rem;
}

.converter-main :is(.cta, .button-secondary),
.sign-upload-actions .cta,
.info-main :is(.cta, .button-secondary, .plan-action) {
  border-radius: 10px;
}

.converter-main :is(.sample, .topkey a),
.sign-upload-actions .sample,
.info-main .sample {
  color: var(--workspace-muted);
}

:is(.converter-main, .info-main, .sign-upload-actions) :is(a, button, input, summary):focus-visible {
  outline: 2px solid var(--workspace-accent, #4238e3);
  outline-offset: 3px;
}

/* Converter */
.converter-main {
  padding-top: clamp(24px, 4vw, 50px);
}

.converter-main .topkey {
  margin-bottom: 22px;
  font-size: .75rem;
}

.converter-main .topkey .edition {
  color: var(--workspace-accent);
}

.converter-main .primary h1,
.sign-intro h1,
.info-main h1 {
  color: var(--workspace-text);
  font: 670 clamp(2.3rem, 5.4vw, 4.125rem)/1.08 var(--sans);
  letter-spacing: -.062em;
  text-wrap: balance;
}

.converter-main .primary h1 em,
.sign-intro h1 em {
  color: var(--workspace-accent);
  font: inherit;
}

.converter-main .intro,
.sign-intro > div > p:last-child,
.info-main .info-lead {
  color: var(--workspace-muted);
  font-size: clamp(.95rem, 1.6vw, 1.075rem);
  line-height: 1.65;
}

.converter-main .conversion-mode {
  margin-bottom: 15px;
}

.converter-main .conversion-mode label {
  background: #fff;
  border-color: var(--workspace-border);
  font-size: .8125rem;
}

.converter-main .conversion-mode label:has(input:checked) {
  color: var(--workspace-accent);
  background: var(--workspace-tint);
  border-color: #c3bdff;
}

.converter-main .conversion-mode p,
.converter-main .under {
  color: var(--workspace-muted);
  font-size: .75rem;
}

.converter-main .drop {
  min-height: 300px;
  padding: clamp(19px, 4vw, 34px);
  border: 1px solid var(--workspace-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--workspace-shadow);
}

.converter-main .drop:has(:where(#empty:not([hidden]))) {
  border: 1px dashed #a9a2e0;
  background: linear-gradient(180deg, #fff 62%, #f9f8ff 100%);
}

.converter-main .drop.drag {
  border-color: var(--workspace-accent);
  background: var(--workspace-tint);
}

.converter-main .drop h2 {
  color: var(--workspace-text);
  font-size: clamp(1.25rem, 2.4vw, 1.5rem);
  font-weight: 660;
}

.converter-main :is(.drop p, .note p, .aside-sign p, .faqs p) {
  color: var(--workspace-muted);
  font-size: .875rem;
}

.converter-main :is(.upload-icon, .done) {
  border-radius: 15px;
}

.converter-main .upload-icon {
  background: var(--workspace-tint);
  color: var(--workspace-accent);
}

.converter-main .art {
  border-color: var(--workspace-border);
  border-radius: 20px;
  background: linear-gradient(145deg, #efedff, #f8f7ff);
  color: #504884;
}

.converter-main .paper-front {
  background: #4238e3;
}

.converter-main :is(.note, .aside-sign, .tool, .faqs details) {
  border-color: var(--workspace-border);
  border-radius: 12px;
  background-color: #fff;
}

.converter-main .tool {
  min-height: 67px;
  font-size: .875rem;
}

.converter-main .tool:hover {
  border-color: #b9b0fa;
  background: #faf9ff;
}

.converter-main :is(.converter-tools .sectionhead h2, #help .sectionhead h2) {
  font-size: clamp(1.25rem, 2.5vw, 1.55rem);
  color: var(--workspace-text);
}

.converter-main .faqs summary {
  min-height: 44px;
  font-size: .875rem;
}

/* Fill & Sign landing. The active editor keeps its own layout. */
.sign-main:has(#sign-empty:not([hidden])) .sign-breadcrumb {
  margin-top: 8px;
  font-size: .75rem;
}

.sign-intro .sign-steps b {
  color: var(--workspace-accent);
  background: var(--workspace-tint);
  border-color: #dcd8fc;
}

.sign-upload {
  border-radius: 20px;
  border-color: var(--workspace-border);
  box-shadow: var(--workspace-shadow);
}

.sign-upload.drag {
  outline-color: #9b8ef5;
}

.sign-upload .sign-tool-icon {
  color: var(--workspace-accent);
  background: var(--workspace-tint);
}

.sign-upload h2 {
  color: var(--workspace-text);
  font: 650 clamp(1.5rem, 3vw, 2.125rem)/1.15 var(--sans);
  letter-spacing: -.045em;
}

.sign-upload-copy > p,
.sign-upload-copy .sign-limits,
.sign-footnote {
  color: var(--workspace-muted);
}

.sign-preview-art {
  background-color: #f1efff;
  background-image: radial-gradient(#c8c3ec .8px, transparent .8px);
}

.sign-preview-art .sample-paper {
  border-radius: 8px;
  border-color: #e2dff4;
  box-shadow: 0 22px 50px #2821551e;
}

/* Help, privacy and the PDF workspaces */
.info-main {
  padding-block: clamp(25px, 4vw, 49px) clamp(44px, 8vw, 82px);
}

.info-main .info-back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-bottom: 22px;
  color: var(--workspace-muted);
}

.info-main > .eyebrow {
  color: var(--workspace-accent);
}

.info-main .info-content {
  color: var(--workspace-muted);
  background: #fff;
  border: 1px solid var(--workspace-border);
  border-radius: 20px;
  padding: clamp(18px, 4vw, 42px);
  box-shadow: var(--workspace-shadow);
  font-size: .9375rem;
}

.info-main .info-content h2 {
  color: var(--workspace-text);
  font-weight: 660;
}

.info-content:has(.pdf-tools) {
  padding: clamp(16px, 3vw, 30px);
}

.pdf-tools .pdf-tool-drop {
  padding: clamp(24px, 5vw, 46px) 16px;
  border-color: #a9a2e0;
  border-radius: 16px;
  background: linear-gradient(180deg, #fdfcff, var(--workspace-tint));
}

.pdf-tools .pdf-tool-drop[data-dragging] {
  border-color: var(--workspace-accent);
  background: #ece9ff;
}

.pdf-tools .pdf-tool-file-icon {
  color: var(--workspace-accent);
  background: #e9e6ff;
}

.pdf-tools :is(.pdf-tool-file, .pdf-tool-settings, .pdf-tool-note, .pdf-tool-progress, .pdf-tool-result) {
  border-color: var(--workspace-border);
  border-radius: 14px;
}

.pdf-tools .pdf-tool-result {
  background: #f7fbf8;
  border-color: #cfe4d7;
}

.pdf-tools .pdf-tool-settings input:is([type="text"], [type="number"]) {
  border-color: #a9aec8;
  border-radius: 9px;
}

.pdf-tools .pdf-tool-page-actions button {
  background: #fff;
  border-color: var(--workspace-border);
  border-radius: 9px;
}

.pdf-tools .pdf-tool-page-actions button:not(:disabled):hover {
  background: var(--workspace-tint);
  color: var(--workspace-accent);
}

/* Pricing and waitlist */
.info-main:has(.plans-grid) {
  max-width: 1010px;
}

.info-main .info-content:has(.plans-grid) {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.plans-preview {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
  padding: 14px 17px;
  background: #fff;
  border-color: var(--workspace-border);
}

.plans-preview strong {
  display: block;
  color: var(--workspace-text);
  font-size: .875rem;
}

.plans-preview p {
  margin: 0;
  font-size: .8125rem;
}

.plan-status-mark {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin: 9px 0 0 3px;
  border-radius: 50%;
  background: #22854f;
  box-shadow: 0 0 0 4px #dcefe3;
}

.plans-grid {
  gap: clamp(16px, 2.6vw, 25px);
}

.plan-card,
.plan-card.plan-featured {
  min-width: 0;
  padding: clamp(20px, 3.6vw, 33px);
  border: 1px solid var(--workspace-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--workspace-shadow);
}

.plan-card.plan-featured {
  border-color: #a79bf6;
  background: linear-gradient(155deg, #f4f1ff, #fff 68%);
}

.plan-card .plan-label-row {
  min-height: 25px;
  margin-bottom: 16px;
}

.plan-card .plan-label-row .plan-label {
  color: var(--workspace-muted);
  font-size: .75rem;
  letter-spacing: .015em;
}

.plan-availability {
  padding: 3px 9px;
  border-radius: 999px;
  background: #edf7ef;
  color: #226244;
  font-size: .6875rem;
  font-weight: 700;
}

.plan-featured .plan-availability {
  background: #eae5ff;
  color: #4835a1;
}

.info-content .plan-card h2 {
  margin: 0 0 12px;
  font-size: 1.65rem;
  letter-spacing: -.035em;
}

.info-content .plan-price {
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0;
  margin-bottom: 6px;
  color: var(--workspace-text);
  font-size: clamp(2.55rem, 6vw, 3.55rem);
  letter-spacing: -.06em;
  line-height: 1.04;
}

.plan-price span,
.plan-annual > span {
  color: var(--workspace-muted);
  font-size: .8125rem;
}

.plan-card :is(.plan-description, .plan-annual) {
  margin: 6px 0 14px;
  font-size: .875rem;
}

.info-content .plan-feature-list {
  display: grid;
  gap: 11px;
  list-style: none;
  margin: 0 0 25px;
  padding: 18px 0 0;
  border-top: 1px solid var(--workspace-border);
  font-size: .875rem;
}

.plan-feature-list li {
  position: relative;
  margin: 0;
  padding: 0 0 0 23px;
  line-height: 1.5;
}

.plan-feature-list li::before {
  position: absolute;
  top: .37em;
  left: .2em;
  width: .72em;
  height: .41em;
  border-bottom: 2px solid var(--workspace-accent);
  border-left: 2px solid var(--workspace-accent);
  transform: rotate(-45deg);
  content: "";
}

.plan-card .plan-action {
  border-color: #c3baf1;
  color: var(--workspace-accent);
}

.plan-card .plan-action:hover {
  border-color: var(--workspace-accent);
  background: var(--workspace-tint);
}

.plan-card.plan-featured .plan-action {
  justify-content: center;
  border-color: transparent;
  background: var(--workspace-accent);
  color: #fff;
}

.plan-card.plan-featured .plan-action:hover:not(:disabled) {
  background: #3227bf;
}

.plan-card .pro-waitlist {
  gap: 8px;
  margin-top: auto;
}

.plan-card .pro-waitlist input {
  border-color: #a9aec8;
  border-radius: 10px;
  background: #fff;
  color: var(--workspace-text);
}

.plan-card .pro-waitlist p {
  margin: 0;
  font-size: .75rem;
}

.plan-card .pro-waitlist input:disabled {
  background: #f0f0f6;
}

.plan-card.plan-featured .pro-waitlist .plan-action:disabled {
  background: #dedaf8;
  color: #48416f;
  opacity: 1;
}

.plan-section,
.plan-trial {
  margin-top: clamp(24px, 5vw, 42px);
}

.plan-section-lead {
  font-size: .875rem;
}

.plan-comparison-wrap,
.plan-questions {
  border: 1px solid var(--workspace-border);
  border-radius: 16px;
  background: #fff;
}

.plan-comparison-wrap {
  overflow: hidden;
}

.plan-comparison-wrap .plan-comparison {
  margin: 0;
  font-size: clamp(.75rem, 1.6vw, .875rem);
}

.plan-comparison th,
.plan-comparison td {
  padding: clamp(9px, 2.2vw, 15px);
  border-color: var(--workspace-border);
  line-height: 1.5;
}

.plan-comparison thead th {
  background: #f0eefc;
  color: var(--workspace-text);
}

.plan-comparison tbody th {
  background: transparent;
}

.plan-comparison tbody tr:last-child > * {
  border-bottom: 0;
}

.plan-comparison tbody td:last-child {
  color: #4835a1;
}

.plan-trial {
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid #d9d3fa;
  border-radius: 16px;
  background: var(--workspace-tint);
}

.plan-trial p {
  max-width: 65ch;
  margin: 0;
}

.plan-questions {
  padding: clamp(18px, 3vw, 28px);
}

.plan-questions details {
  padding: 0;
}

.plan-questions details:last-child {
  border-bottom: 0;
}

.plan-questions summary {
  min-height: 44px;
  padding-block: 12px;
  line-height: 1.45;
}

.plan-questions details p {
  margin-top: 0;
  margin-bottom: 14px;
}

@media (max-width: 600px) {
  .converter-main .drop {
    min-height: 275px;
  }

  .info-main .info-back {
    margin-bottom: 14px;
  }

  .plan-comparison th:first-child {
    width: 42%;
  }
}


body[data-folio-ui] {
  --ink: #172039;
  --muted: #535b70;
  --navy: #26324e;
  --blue: #2349cb;
  --blue-dark: #1838a4;
  --line: #dddacf;
  --paper: #f8f5ed;
  --accent-soft: #eaf0ff;
  --shadow: 0 14px 32px #3d33140c;
}

[data-folio-ui] :is(.converter-main, .sign-main, .info-main) {
  --workspace-accent: var(--blue);
  --workspace-text: var(--ink);
  --workspace-muted: var(--muted);
  --workspace-border: var(--line);
  --workspace-tint: var(--accent-soft);
}

[data-folio-ui] :is(.site-header, .site-footer) { background: #fffdf7; }
[data-folio-ui] .bar { gap: 15px; }
[data-folio-ui] .bar > .desktop-nav { margin-inline: auto 0; }
[data-folio-ui] .brand {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px 9px;
  direction: ltr;
}

[data-folio-ui] .brand > svg { grid-row: 1 / span 2; }
[data-folio-ui] .brand strong { font-size: 25px; letter-spacing: -.045em; }
[data-folio-ui] .brand .brand-atlas { display: block; margin: 0; font-size: 10px; }
[data-folio-ui] :focus-visible { outline-color: var(--blue); }
[data-folio-ui] .nav-convert-panel { inset-inline: auto 0; max-height: min(66vh, 32rem); overflow: auto; overscroll-behavior: contain; }

.pagebend-language { position: relative; flex: 0 0 auto; }
.pagebend-language > summary {
  display: flex;
  gap: .4rem;
  align-items: center;
  min-height: 44px;
  min-width: 44px;
  padding-inline: .6rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
  font-size: .78rem;
  font-weight: 720;
}
.pagebend-language > summary::-webkit-details-marker { display: none; }
.pagebend-language > summary::marker { content: ""; }
.pagebend-language[open] > summary { color: var(--blue); background: var(--accent-soft); }
.pagebend-language svg { width: 16px; height: 16px; stroke: currentColor; }
.pagebend-language-menu {
  position: absolute;
  z-index: 40;
  inset-block-start: calc(100% + .5rem);
  inset-inline-end: 0;
  display: grid;
  min-width: 9rem;
  padding: .3rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 36px #20345424;
}
.pagebend-language-menu button {
  min-height: 44px;
  padding: .45rem .75rem;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  text-align: start;
}
.pagebend-language-menu button:is(:hover, [aria-pressed="true"]) { color: var(--blue-dark); background: var(--accent-soft); }

[data-folio-ui] .folio-hero {
  border-color: #dfd8c8;
  background: radial-gradient(ellipse at 92% 9%, #dce6ff 0%, transparent 52%),
    linear-gradient(120deg, #fffcf4 10%, #f9f3e5 76%, #e9efff 100%);
}

[data-folio-ui] .folio-hero::after {
  inset-inline: 48% 0;
  background-image: radial-gradient(#6183ce 1px, transparent 1px);
}

[data-folio-ui] .folio-hero h1 em { color: var(--blue); }
[data-folio-ui] .folio-kicker { color: var(--blue-dark); }
[data-folio-ui] .folio-kicker > span { background: var(--blue); }
[data-folio-ui] .folio-start { border-color: #ece3d2; box-shadow: 0 20px 48px #28386716; }
[data-folio-ui] .folio-start .home-drop-zone { border-color: #8fa7df; background: #f2f5ff; }
[data-folio-ui] .folio-start .home-drop-zone:not(:disabled):hover,
[data-folio-ui] .folio-start .home-drop-zone.is-dragging { background: #e8efff; border-color: var(--blue); }
[data-folio-ui] .folio-picker-label { box-shadow: 0 5px 12px #2349cb30; }
[data-folio-ui] .folio-hero-trust { color: #365248; }

.pagebend-sample {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: .5rem;
  margin-top: .55rem;
  border-top: 1px solid var(--line);
  font-size: .8rem;
  color: var(--muted);
}
.pagebend-sample a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 44px;
  color: var(--blue-dark);
  font-weight: 720;
  text-underline-offset: .18em;
}
.pagebend-sample svg { width: 14px; height: 14px; }

.pagebend-match { margin-block: .75rem; }
.pagebend-match-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .25rem .5rem;
}
.pagebend-match-heading h3 { margin: 0; font-size: .9rem; color: var(--ink); }
#home-match-file { min-width: 0; color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; }
[data-folio-ui] .home-pdf-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 19.75rem;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 3px;
}
[data-folio-ui] .home-pdf-choices button {
  display: grid;
  align-content: center;
  gap: .2rem;
  padding: .5rem .65rem;
  min-height: 62px;
  border-color: #dbe4f9;
  text-align: start;
}
[data-folio-ui] .home-pdf-choices button[data-recommended] {
  order: -1;
  border-color: #8fa7df;
  background: #edf2ff;
}
[data-folio-ui] .home-pdf-choices button small { color: var(--muted); font-weight: 450; line-height: 1.35; }
[data-folio-ui] .home-pdf-choices button[hidden] { display: none; }

.pagebend-quick {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .25rem 1rem;
  padding: .85rem 0 0;
}
.pagebend-quick h2 { margin: 0; color: var(--muted); font-size: .75rem; font-weight: 700; letter-spacing: .03em; }
.pagebend-quick > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.pagebend-quick a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .35rem .8rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fffdf7;
  color: var(--ink);
  font-size: .83rem;
  font-weight: 650;
  text-decoration: none;
}
.pagebend-quick a:hover { border-color: var(--blue); color: var(--blue-dark); }

[data-folio-ui] .home-tool .card-icon strong { font-size: 19px; line-height: 1; }
[data-folio-ui] .folio-tool-group .home-tool:hover { border-color: #9fb2e6; background: #fdfdff; }
[data-folio-ui] .folio-privacy { border-color: #dbe2f5; background: #eaf0ff; }

[dir="rtl"] :is(.folio-kicker, .folio-hero h1, .folio-section-heading h2, .folio-privacy h2, .folio-tool-group .home-tool h4) {
  letter-spacing: normal;
  line-height: 1.3;
}
[dir="rtl"] .nav-new { margin-inline: .3em 0; }

@media (max-width: 1080px) {
  [data-folio-ui] .bar > .offline { display: none; }
  [data-folio-ui] .bar > .desktop-nav { gap: 3px; }
  [data-folio-ui] .bar > .desktop-nav .nav-link { padding-inline: .55rem; }
}
@media (max-width: 760px) {
  [data-folio-ui] .bar { gap: 0; }
  .pagebend-language { position: absolute; inset-inline-end: 6.25rem; inset-block-start: 11px; }
  [data-folio-ui] .mobile-nav .nav-convert-panel { max-height: min(46vh, 22rem); }
}
@media (max-width: 400px) {
  [data-folio-ui] .brand strong { font-size: 22px; }
  .pagebend-language { inset-inline-end: 5.65rem; }
  .pagebend-language > summary { padding-inline: .4rem; }
}
@media (max-width: 335px) {
  [data-folio-ui] .bar { grid-template-columns: minmax(0, 1fr) auto; }
  .pagebend-language { grid-column: 2; grid-row: 1; position: relative; inset: auto; margin-inline-end: 5rem; }
  [data-folio-ui] .bar > .mobile-menu { grid-column: 1 / -1; }
  [data-folio-ui] .brand > svg { width: 28px; height: 28px; }
}
.pagebend-language-menu small {
  padding: .35rem .65rem .45rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .7rem;
  line-height: 1.45;
}


[data-tool-catalog] {
  --catalog-accent: var(--blue, #3457e5);
  --catalog-border: var(--line, #e1e5ee);
  --catalog-ink: var(--ink, #17243d);
  --catalog-muted: var(--muted, #6a758a);
  --catalog-surface: var(--white, #fff);
}

[data-tool-catalog] [hidden] {
  display: none !important;
}

[data-tool-catalog] [data-catalog-controls] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 1rem 1.5rem;
  margin: 1rem 0 0.65rem;
  padding: clamp(0.875rem, 2.4vw, 1.25rem);
  border: 1px solid var(--catalog-border);
  border-radius: 1rem;
  background: var(--catalog-surface);
}

[data-tool-catalog] [data-catalog-controls] label {
  display: grid;
  flex: 1 1 16rem;
  gap: 0.35rem;
  max-width: 32rem;
  min-width: 0;
  color: var(--catalog-ink);
  font-size: 0.875rem;
  font-weight: 650;
}

[data-tool-catalog] [data-catalog-search] {
  width: 100%;
  min-width: 0;
  min-height: 2.875rem;
  padding: 0.6rem 0.85rem;
  border: 1px solid var(--catalog-border);
  border-radius: 0.75rem;
  background: var(--catalog-surface);
  color: var(--catalog-ink);
  font-size: 1rem;
  font-weight: 450;
}

[data-tool-catalog] [data-catalog-search]::placeholder {
  color: var(--catalog-muted);
  opacity: 1;
}

[data-tool-catalog] [data-catalog-filters] {
  display: flex;
  flex: 1 1 15rem;
  flex-wrap: wrap;
  gap: 0.4rem;
  min-width: 0;
}

[data-tool-catalog] :is([data-catalog-filter], [data-catalog-reset]) {
  min-height: 2.875rem;
  padding: 0.45rem 0.85rem;
  border: 1px solid var(--catalog-border);
  border-radius: 999px;
  background: var(--catalog-surface);
  color: var(--catalog-ink);
  font-size: 0.875rem;
  font-weight: 650;
  cursor: pointer;
}

[data-tool-catalog] [data-catalog-filter][aria-pressed="true"] {
  border-color: var(--catalog-accent);
  background: var(--catalog-accent);
  color: #fff;
}

[data-tool-catalog] :is([data-catalog-filter], [data-catalog-reset]):hover {
  border-color: var(--catalog-accent);
}

[data-tool-catalog] :is([data-catalog-search], [data-catalog-filter], [data-catalog-reset]):focus-visible {
  outline: 2px solid var(--catalog-accent);
  outline-offset: 3px;
}

[data-tool-catalog] [data-catalog-count] {
  margin: 0 0 1rem;
  color: var(--catalog-muted);
  font-size: 0.875rem;
}

[data-tool-catalog] [data-catalog-count]:empty {
  display: none;
}

[data-tool-catalog] [data-catalog-empty] {
  padding: clamp(1.25rem, 3.5vw, 2.25rem);
  border: 1px dashed var(--catalog-border);
  border-radius: 1rem;
  background: var(--catalog-surface);
  color: var(--catalog-ink);
  text-align: center;
}

[data-tool-catalog] [data-catalog-empty] p {
  margin: 0 0 0.75rem;
}

@media (max-width: 36rem) {
  [data-tool-catalog] [data-catalog-controls] {
    gap: 0.75rem;
  }

  [data-tool-catalog] :is([data-catalog-controls] label, [data-catalog-filters]) {
    flex-basis: 100%;
  }
}

[data-tool-catalog] .catalog-search-field { position: relative; display: grid; }
[data-tool-catalog] .catalog-search-field svg {
  position: absolute;
  inset-inline-start: .85rem;
  inset-block-start: 50%;
  width: 19px;
  height: 19px;
  translate: 0 -50%;
  color: var(--catalog-muted);
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  pointer-events: none;
}
[data-tool-catalog] [data-catalog-search] { padding-inline-start: 2.55rem; }
[data-tool-catalog] [data-catalog-controls] { align-items: center; background: #fffef9; }
[data-tool-catalog] [data-catalog-filters] { flex-basis: 26rem; align-self: end; }
[data-tool-catalog] [data-catalog-filter] { min-height: 44px; }
[data-tool-catalog] .home-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 12.1rem), 1fr)); }
@media (max-width: 560px) {
  [data-tool-catalog] .home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

[data-tool-catalog] #find-tool, [data-tool-catalog] .folio-tool-group { scroll-margin-top: 5rem; }
[data-tool-catalog] [data-catalog-filter] { display: inline-flex; gap: .4rem; align-items: center; }
[data-tool-catalog] [data-catalog-filter] small { padding: .1rem .3rem; border-radius: .4rem; background: #e8f0e6; color: #28553e; font-size: .67rem; font-variant-numeric: tabular-nums; }
[data-tool-catalog] :is([data-catalog-view],[data-catalog-query]) { min-height: 44px; padding: .45rem .72rem; border: 1px solid var(--line); border-radius: .6rem; color: var(--ink); background: #fff; cursor: pointer; font: inherit; font-size: .8rem; font-weight: 690; }
[data-tool-catalog] [data-catalog-view][aria-pressed="true"] { color: var(--blue-dark); border-color: var(--blue); background: #edf5e4; }
[data-tool-catalog] [data-catalog-empty] > div { display: flex; justify-content: center; gap: .45rem; flex-wrap: wrap; }
.pb-catalog-jump { display: flex; gap: .35rem 1rem; flex-wrap: wrap; margin-block: .35rem .7rem; }
.pb-catalog-jump a { display: inline-flex; align-items: center; min-height: 40px; font-size: .81rem; color: var(--blue-dark); text-underline-offset: .2em; }
.pb-catalog-jump a[aria-current] { font-weight: 750; text-decoration-thickness: 2px; }
[data-tool-catalog] .home-tool { display: flex; flex-direction: column; min-width: 0; align-items: start; }
[data-tool-catalog] .home-tool p { margin-block-end: .55rem; }
.pb-tool-format { display: inline-flex; max-width: 100%; margin-block-start: auto; padding: .16rem .36rem; border-radius: .3rem; background: #eaf1e5; color: #315844; text-align: start; font: 680 .66rem/1.25 var(--sans); }
.pb-tool-format > span { overflow-wrap: anywhere; }
.pb-tool-reason { display: block; margin-block-start: .3rem; color: var(--muted); font-size: .71rem; }
[data-tool-catalog].pb-catalog-list .home-grid { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
[data-tool-catalog].pb-catalog-list .home-tool { display: grid; grid-template-columns: 36px minmax(8rem,.65fr) minmax(10rem,1fr) minmax(7rem,.42fr); align-items: center; gap: .22rem .8rem; min-height: 0; padding: .62rem .8rem; }
[data-tool-catalog].pb-catalog-list .home-tool .card-icon { width: 34px; height: 34px; margin: 0; }
[data-tool-catalog].pb-catalog-list .home-tool h4, [data-tool-catalog].pb-catalog-list .home-tool p { margin: 0; }
[data-tool-catalog].pb-catalog-list .pb-tool-format { grid-column: 4; justify-self: start; margin: 0; }
[data-tool-catalog].pb-catalog-list .pb-tool-reason { grid-column: 2 / -1; }
[data-tool-catalog].pb-catalog-list .folio-action-flower { display: none; }
@media (max-width: 630px) {
  [data-tool-catalog].pb-catalog-list .home-tool { grid-template-columns: 34px minmax(0, 1fr) auto; }
  [data-tool-catalog].pb-catalog-list .home-tool h4 { grid-column: 2; }
  [data-tool-catalog].pb-catalog-list .home-tool p { grid-column: 2 / -1; grid-row: 2; }
  [data-tool-catalog].pb-catalog-list .pb-tool-format { grid-column: 3; grid-row: 1; max-width: 7rem; }
}


.extra-workspace {
  color: var(--muted, #53617a);
}

.extra-workspace [hidden] {
  display: none !important;
}

.extra-workspace .cta,
.extra-workspace .button-secondary {
  min-height: 44px;
}

.extra-workspace .cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.extra-drop {
  padding: clamp(1.25rem, 5vw, 3rem);
  text-align: center;
  background: var(--wash, #f7f9ff);
  border: 1px dashed var(--blue, #3457e5);
  border-radius: 18px;
}

.extra-drop[data-dragging] {
  outline: 2px solid var(--blue, #3457e5);
  outline-offset: 2px;
}

.extra-format {
  display: inline-grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  font-size: .8125rem;
  font-weight: 750;
  border-radius: 12px;
  color: var(--blue, #3457e5);
  background: #e8efff;
}

.extra-workspace .extra-drop h2 {
  margin: .8rem 0 .35rem;
}

.extra-workspace .extra-drop p {
  margin: 0 0 1rem;
}

.extra-selected,
.extra-result,
.extra-settings {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid var(--line, #cdd7eb);
  border-radius: 14px;
}

.extra-selected,
.extra-result,
.extra-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .65rem 1rem;
}

.extra-selected > div,
.extra-result > div {
  min-width: 0;
}

.extra-selected strong,
.extra-result p {
  overflow-wrap: anywhere;
}

.extra-kicker {
  display: block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.extra-workspace .extra-selected p,
.extra-workspace .extra-result p,
.extra-workspace .extra-result h2 {
  margin: 0;
}

.extra-settings legend {
  padding-inline: .35rem;
  color: var(--ink, #17243d);
  font-weight: 700;
}

.extra-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr));
  gap: .9rem;
}

.extra-grid .extra-field-wide {
  grid-column: 1 / -1;
}

.extra-field {
  display: block;
  min-width: 0;
  color: var(--ink, #17243d);
  font-weight: 650;
}

.extra-field span,
.extra-workspace .extra-grid > p {
  color: var(--muted, #53617a);
  font-weight: 400;
}

.extra-workspace .extra-grid > p {
  margin: -.55rem 0 0;
  font-size: .875rem;
}

.extra-field input,
.extra-field select {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: .3rem;
  padding: .5rem .65rem;
  color: var(--ink, #17243d);
  font: inherit;
  font-weight: 450;
  background: var(--surface, #fff);
  border: 1px solid var(--line, #cdd7eb);
  border-radius: 8px;
}

.extra-workspace .extra-progress,
.extra-workspace .extra-status,
.extra-workspace .extra-error,
.extra-workspace .extra-result {
  margin-top: 1rem;
}

.extra-workspace .extra-status:empty {
  margin: 0;
}

.extra-workspace .extra-error {
  padding: .65rem .85rem;
  color: #8a2438;
  background: #fff2f4;
  border: 1px solid #f2c7d0;
  border-radius: 8px;
}

.extra-workspace .extra-privacy {
  margin: 1.25rem 0 0;
  font-size: .85rem;
}

.extra-privacy span {
  color: #227c58;
}

@media (max-width: 32rem) {
  .extra-actions {
    justify-content: flex-start;
  }
}
.extra-page-preview {
  margin-block: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--pb-paper, #f6f4ee);
}
.extra-page-preview h2 { margin: 0; }
.extra-page-preview p { margin-block: 6px; }
.extra-page-preview canvas:not([hidden]) {
  display: block;
  width: min(100%, 400px);
  height: auto;
  margin-inline: auto;
  background: #fff;
  box-shadow: 0 0 0 1px var(--line);
}


.next-workspace {
  --next-line: var(--pb-line, #d8dfd7);
  --next-paper: var(--pb-surface, #fffefa);
  --next-ink: var(--pb-ink, #14231f);
  --next-accent: var(--pb-primary, #136a54);
  color: var(--next-ink);
  font: 400 1rem/1.5 var(--font-body, system-ui, sans-serif);
}
.info-main:has(.next-workspace) {max-width: 1260px}
.info-main:has(.next-workspace) .info-content {max-width: none}
.next-layout {display:grid;grid-template-columns:minmax(190px, .9fr) minmax(0, 2fr) minmax(220px, 1fr);gap:1rem;align-items:start}
.next-panel,.next-actionbar {background:var(--next-paper);border:1px solid var(--next-line);border-radius:18px;padding:1rem;min-width:0}
.next-panel h2,.next-guide h2 {margin:0 0 .7rem;font:700 1.16rem/1.3 system-ui,sans-serif;letter-spacing:-.02em}
.next-panel p,.next-panel li {line-height:1.45}
.next-panel > p {font-size:.82rem;color:#56586a;margin:0 0 .8rem}
.next-file-panel {border-style:dashed}
.next-preview-panel {min-height:200px}
.next-preview-panel :is(img,canvas,video) {display:block;max-inline-size:100%;height:auto;border-radius:8px}
.next-preview-panel audio {inline-size:100%}
.next-fields {min-width:0;padding:0;margin:0;border:0;display:grid;gap:.85rem}
.next-field {display:grid;gap:.3rem;font-size:.88rem;font-weight:650}
.next-field :is(input:not([type=checkbox]),select,textarea) {inline-size:100%;background:white;color:#24263b;border:1px solid #c6c6ce;border-radius:8px;padding:.55rem .65rem;font:inherit}
.next-field-number {display:flex;align-items:center;gap:.45rem}
.next-field-number input {text-align:end;font-variant-numeric:tabular-nums;min-inline-size:0}
.next-field-number .next-unit {min-inline-size:2.4em;text-align:start;font-size:.8em;color:var(--next-ink)}
.next-field input[type=checkbox] {inline-size:1.25rem;block-size:1.25rem}
.next-field textarea {min-block-size:100px}
.next-buttons,.next-next {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.next-buttons button,.next-next button,.next-actionbar .cta,.next-result .cta {min-block-size:44px}
.next-presets {margin:.85rem 0 .45rem;display:grid;gap:.3rem;justify-items:start}
.next-link {border:none;background:none;text-decoration:underline;text-underline-offset:.2em;padding:.35rem 0;color:var(--next-accent);min-height:34px;cursor:pointer;text-align:start}
.next-link:disabled {cursor:default;color:#6b6d77;text-decoration:none}
.next-jobs {list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.4rem}
.next-job {border-top:1px solid var(--next-line);padding:.45rem 0;display:grid;gap:.3rem}
.next-job-file {display:grid;gap:.1rem;overflow-wrap:anywhere}
.next-job-file small {color:#56586a}
.next-job-error {color:#9e302e!important}
.next-job-actions {display:flex;gap:.4rem;align-items:center;justify-content:space-between;font-size:.78rem}
.next-job-state {font-weight:650}
.next-small {min-height:36px;padding:.3rem .5rem;font-size:.78rem}
.next-actionbar {margin-top:1rem;display:grid;gap:.45rem}
.next-actionbar p {margin:0;font-size:.88rem}
.next-actionbar [role=alert] {color:#9e302e}
.next-actionbar progress {inline-size:100%;accent-color:var(--next-accent)}
.next-action-hint {color:var(--next-ink)}
[data-next-stage]:not([data-next-stage=choose]) [data-next-pick],
[data-next-stage=choose] [data-next-run],
[data-next-stage=result] [data-next-run],
[data-next-stage=changed] :is([data-next-download],[data-next-mobile-download]) {
  color:var(--next-accent);background:transparent;border:1px solid var(--next-line);box-shadow:none;
}
.next-result {margin-top:.65rem}
.next-result-meta {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem;overflow-wrap:anywhere}
.next-result-meta span,.next-previews span {color:#56586a;font-size:.8rem}
.next-previews {margin:.65rem 0;display:flex;gap:.7rem;align-items:flex-start}
.next-previews > div {flex:1;min-width:0;display:grid;gap:.3rem}
.next-result-shell {border-block-start:1px solid var(--next-line);margin-block-start:1rem;padding-block-start:.85rem}
.next-result-shell h3 {margin:0;font-size:1rem}
.next-panel-heading {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .75rem}
.next-panel-heading button {font-size:.84rem}
.next-focus-preview .next-layout {display:block}
.next-focus-preview :is(.next-file-panel,.next-settings-panel) {display:none}
.next-focus-preview .next-preview-viewport {max-block-size:75vh}
.next-focus-preview .next-preview-viewport canvas {max-block-size:72vh;inline-size:auto;object-fit:contain}
.next-preview-viewport {max-block-size:25rem;overflow:auto;border:1px solid var(--next-line);border-radius:10px;padding:.35rem;background:#f3f5f0;min-inline-size:0}
.next-preview-viewport:empty {display:none}
.next-preview-viewport:is([data-actual-size],[data-zoomed]) :is(img,canvas) {max-inline-size:none;max-block-size:none;inline-size:auto;object-fit:initial}
.next-preview-viewport[data-transparency] {background-color:#f5f5f4;background-image:conic-gradient(#dedfdc 25%,transparent 0 50%,#dedfdc 0 75%,transparent 0);background-size:20px 20px}
.next-preview-options {display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-block:.6rem;font-size:.82rem}
.next-preview-options label {display:flex;align-items:center;gap:.3rem;min-block-size:36px}
.next-preview-options select {min-block-size:36px;max-inline-size:100%;padding-inline:.4rem}
.next-preview-options button {font-size:inherit;min-block-size:36px}
.next-split-frame {display:grid;position:relative;isolation:isolate;direction:ltr;overflow:hidden;border-radius:8px;cursor:ew-resize;touch-action:pan-y}
.next-split-frame img {grid-area:1/1;inline-size:100%;block-size:auto;pointer-events:none}
.next-split-frame img + img {clip-path:inset(0 50% 0 0)}
.next-split-frame .next-divider {position:absolute;inset-block:0;left:50%;border-inline-start:2px solid white;box-shadow:0 0 0 1px #14231f80;pointer-events:none}
.next-split-control {display:grid;gap:.2rem;max-inline-size:24rem;margin-block:.5rem}
.next-split-control input {inline-size:100%;min-block-size:28px;accent-color:var(--next-accent)}
.next-result-sample {margin:0;max-block-size:15rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.45}
.next-earlier {display:inline-block;background:#f4e8cc;border:1px solid #d8bc80;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:650;margin:.35rem 0}
.next-settings-panel summary {cursor:pointer;overflow-wrap:anywhere;font-weight:650}
[data-next-settings] > summary {font-size:1.14rem;margin-block-end:.75rem}
[data-next-settings] > summary small,.next-advanced summary small {display:block;font-size:.78rem;font-weight:400;color:var(--next-ink);margin-block-start:.15rem}
.next-advanced {border-block-start:1px solid var(--next-line);padding-block-start:.5rem}
.next-advanced[open] summary {margin-block-end:.65rem}
.next-defaults {font-size:.78rem;color:var(--next-ink);margin-block-start:.1rem}
.next-defaults p {margin:.2rem 0}
[data-next-preset-mark] {background:var(--pb-highlight, #e8f2cf);border-radius:999px;padding:.1rem .5rem;color:#203714}
.next-handoff-note {font-size:.9rem;background:#edf4ec;border:1px solid var(--next-line, #d8dfd7);border-radius:9px;padding:.55rem .75rem;overflow-wrap:anywhere}
.next-result-detail {white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:20rem;overflow:auto}
.next-next {margin-top:.75rem}
.next-next strong {flex-basis:100%;font-size:.85rem}
.next-guide {margin:2rem 0}
.next-workspace :focus-visible {outline:3px solid var(--next-accent);outline-offset:3px}
.next-workspace [hidden] {display:none!important}
.pagebend-offline {margin:1rem 0;font:400 .87rem/1.4 system-ui,sans-serif}
.pagebend-offline > div {display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.pagebend-offline button {min-height:44px}
@media (max-width: 980px) {
  .next-layout {grid-template-columns:minmax(165px, 1fr) minmax(0, 2fr)}
  .next-settings-panel {grid-column:1/-1}
}
@media (max-width: 640px) {
  .next-layout {display:flex;flex-direction:column;gap:.65rem}
  .next-panel {width:100%;box-sizing:border-box}
  .next-file-panel {order:0}.next-settings-panel {order:1}.next-preview-panel {order:2;min-height:0}
  .next-actionbar {position:sticky;bottom:0;z-index:4;border-radius:14px 14px 0 0;padding:.65rem .7rem calc(.65rem + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 18px #252a3d12}
  .next-actionbar .cta {flex:1;justify-content:center}
  .next-job-actions button {min-height:44px}
}
.info-main:has(.next-workspace) .info-content {background:none;border:none;padding:0}
.extra-compare {grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%}
.extra-compare figure {min-width:0;margin:0}
.extra-compare img {width:100%;height:auto;object-fit:contain;border-radius:6px}
.extra-compare figcaption {font-size:.85rem}
.next-mobile-download,.pagebend-mobile-action {display:none}
@media (max-width:640px) {
  .next-mobile-download:not([hidden]) {display:inline-flex}
  .pagebend-mobile-action:not([hidden]) {display:flex;position:fixed;inset:auto 0 0;z-index:6;justify-content:center;padding:.55rem .8rem calc(.55rem + env(safe-area-inset-bottom,0px));background:#fffdfa;border-top:1px solid #e2ded3;box-shadow:0 -3px 18px #252a3d12}
  .pagebend-mobile-action button {min-height:44px;justify-content:center;max-width:28rem;width:100%}
}


.next-media-preview {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: min(48vh, 420px);
  border-radius: var(--pb-radius, 12px);
}
video.next-media-preview { background: #14231f; }
.next-media-editor { display: grid; gap: .65rem; min-width: 0; }
.next-media-editor [hidden], .next-media-presets[hidden] { display: none; }
.next-media-waveform-slot:empty, .next-media-controls:empty, .next-media-facts:empty { display: none; }
.next-media-waveform {
  display: block;
  width: 100%;
  height: 76px;
  background: #e8eee6;
  border: 1px solid #b7c7bd;
  border-radius: var(--pb-radius, 12px);
}
.next-media-wave-selection { fill: #dbf36e; }
.next-media-wave-line { fill: none; stroke: #136a54; stroke-width: 1px; }
.next-media-wave-shade { fill: #25392d; opacity: .28; }
.next-media-fade-envelope { fill: none; stroke: #14231f; stroke-width: 2px; stroke-dasharray: 4 2; }
.next-media-fade-note, .next-media-facts, .next-media-output-note, .next-crop-readout {
  margin: 0;
  color: var(--pb-ink, #14231f);
  font-size: .875rem;
  font-variant-numeric: tabular-nums;
}
.next-media-facts, .next-media-output-note {
  padding: .6rem .75rem;
  border: 1px solid #c6d4c9;
  border-radius: 10px;
  background: #f0f4eb;
}
.next-media-output-note { max-width: 52ch; margin-block: .35rem; }
.next-media-edit-controls { display: grid; gap: .65rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.next-media-controls {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.next-media-controls button, .next-media-frames button {
  min-height: 44px;
  border: 1px solid #8aa497;
  padding: .4rem .8rem;
  background: #fff;
  color: var(--pb-ink, #14231f);
  border-radius: 8px;
  font: inherit;
  cursor: pointer;
}
.next-media-controls button:first-child {
  border-color: #136a54;
  color: #136a54;
  font-weight: 700;
}
.next-media-controls button:disabled { opacity: .6; cursor: not-allowed; }
.next-media-frames {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .3rem;
  direction: ltr;
}
.next-media-frames button {
  display: grid;
  padding: 3px;
  gap: 2px;
  text-align: center;
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
}
.next-media-frames button:hover, .next-media-controls button:not(:disabled):hover { background: #f0f4eb; }
.next-media-frames canvas { width: 100%; height: auto; border-radius: 5px; }
.next-media-timeline { position: relative; min-height: 62px; padding-block-start: 2.5rem; }
.next-media-track {
  position: absolute;
  inset: 17px 17px auto;
  height: 8px;
  overflow: hidden;
  border-radius: 99px;
  background: #cbd9cf;
}
.next-media-track-chosen {
  position: absolute;
  inset: 0 calc(100% - var(--range-end, 100%)) 0 var(--range-start, 0%);
  background: #136a54;
}
.next-media-timeline[data-valid="false"] .next-media-track-chosen { background: #a04c34; }
.next-media-handle {
  appearance: none;
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  height: 43px;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}
.next-media-handle:focus-visible { z-index: 1; outline: 2px solid #136a54; outline-offset: 2px; border-radius: 6px; }
.next-media-handle::-webkit-slider-runnable-track { height: 38px; background: transparent; }
.next-media-handle::-moz-range-track { height: 38px; background: transparent; }
.next-media-handle::-webkit-slider-thumb {
  appearance: none;
  width: 34px;
  height: 38px;
  border: 7px solid transparent;
  border-radius: 13px;
  background: #136a54 padding-box;
  pointer-events: auto;
  cursor: ew-resize;
}
.next-media-handle::-moz-range-thumb {
  box-sizing: border-box;
  width: 34px;
  height: 38px;
  border: 7px solid transparent;
  border-radius: 13px;
  background: #136a54 padding-box;
  pointer-events: auto;
  cursor: ew-resize;
}
.next-media-handle:nth-of-type(2)::-webkit-slider-thumb { background-color: #516834; }
.next-media-handle:nth-of-type(2)::-moz-range-thumb { background-color: #516834; }
.next-media-axis { display: flex; justify-content: space-between; font-size: .75rem; font-variant-numeric: tabular-nums; }
.next-media-timestamps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: .65rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.next-media-timestamps .next-field-number input { min-height: 44px; }
.next-media-presets { display: grid; gap: .45rem; padding: 0; margin: 0; min-width: 0; border: 0; }
.next-media-presets legend { margin-bottom: .35rem; font-weight: 700; }
.next-media-preset {
  display: flex;
  align-items: start;
  gap: .55rem;
  padding: .55rem .65rem;
  border: 1px solid #a5b8ac;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}
.next-media-preset:has(input:checked) { border-color: #136a54; background: #eef6d8; }
.next-media-preset:focus-within { outline: 2px solid #136a54; outline-offset: 2px; }
.next-media-preset input { margin: .22rem 0 0; accent-color: #136a54; }
.next-media-preset span { display: grid; gap: .15rem; }
.next-media-preset small { color: #3d5246; }
.next-crop-guide { display: grid; justify-items: center; gap: .55rem; margin: 0; min-width: 0; }
.next-crop-canvas-wrap { position: relative; overflow: hidden; max-width: 100%; line-height: 0; border-radius: 10px; background: #dfebe2; }
.next-crop-canvas-wrap canvas { display: block; max-width: 100%; height: auto; }
.next-crop-frame {
  position: absolute;
  display: grid;
  align-items: start;
  justify-items: start;
  overflow: hidden;
  border: 2px solid #dbf36e;
  box-shadow: 0 0 0 9999px #14231f88;
  pointer-events: none;
}
.next-crop-frame::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent calc(33.333% - .5px), #fff9 33.333%, transparent calc(33.333% + .5px), transparent calc(66.667% - .5px), #fff9 66.667%, transparent calc(66.667% + .5px)),
    linear-gradient(transparent calc(33.333% - .5px), #fff9 33.333%, transparent calc(33.333% + .5px), transparent calc(66.667% - .5px), #fff9 66.667%, transparent calc(66.667% + .5px));
}
.next-crop-frame[hidden] { display: none; }
.next-crop-frame span {
  position: relative;
  max-width: calc(100% - .4rem);
  margin: .2rem;
  padding: .2rem .4rem;
  overflow: hidden;
  border-radius: 5px;
  background: #14231f;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.15;
  font-size: .75rem;
  font-weight: 700;
}
.next-crop-readout { text-align: center; }
@media (max-width: 370px) {
  .next-media-timestamps { grid-template-columns: 1fr; }
  .next-media-axis span:nth-child(even) { display: none; }
}


body[data-folio-ui] {
  --pb-paper: #f6f4ee;
  --pb-surface: #fffef9;
  --pb-inset: #e9eee7;
  --pb-ink: #14231f;
  --pb-muted: #465b52;
  --pb-green: #136a54;
  --pb-green-dark: #0b4e3c;
  --pb-green-wash: #e8f2e9;
  --pb-lime: #dbf36e;
  --pb-line: #cad7ce;
  --pb-control: 10px;
  --pb-card: 16px;
  --pb-panel: 24px;
  --pb-raised: 0 12px 30px #1636291c;
  --pb-quick: 130ms;
  --pb-menu: 180ms;
  --pb-panel-motion: 240ms;
  --pb-success: #226244;
  --pb-warning: #87530e;
  --pb-danger: #9a382f;
  --ink: var(--pb-ink);
  --muted: var(--pb-muted);
  --navy: var(--pb-ink);
  --blue: var(--pb-green);
  --blue-dark: var(--pb-green-dark);
  --line: var(--pb-line);
  --paper: var(--pb-paper);
  --accent-soft: var(--pb-green-wash);
  --shadow: 0 3px 0 #253e2c0a;
  background: var(--pb-paper);
  color: var(--pb-ink);
}

[data-folio-ui] :is(.site-header, .site-footer) { background: var(--pb-surface); }
[data-folio-ui] .brand { align-items: center; column-gap: 10px; }
[data-folio-ui] .brand > svg { width: 38px; height: 38px; }
[data-folio-ui] .brand strong { font-size: clamp(1.35rem, 1.6vw, 1.7rem); line-height: 1; letter-spacing: -.045em; }
[data-folio-ui] .brand .brand-atlas { color: var(--pb-muted); font-size: .625rem; letter-spacing: .01em; }
[data-folio-ui] .foot-brand > svg { width: 27px; height: 27px; vertical-align: middle; margin-inline-end: .35rem; }
[data-folio-ui] :is(.info-main, .converter-main, .sign-main) { --workspace-shadow: 0 2px 0 #253e2c0b; }
[data-folio-ui] :is(.info-main, .converter-main, .sign-main) h1 { font-size: clamp(2.1rem, 5vw, 3.65rem); }
[data-folio-ui] :is(.folio-privacy h2, .folio-section-heading h2) { font-size: clamp(1.85rem, 3vw, 2.85rem); }
[data-folio-ui] :is(.info-content > p, .info-content > ol, .info-content > ul, .info-lead, .next-guide > p) { max-inline-size: 67ch; }
[data-folio-ui] :is(.eyebrow, .folio-kicker, .plan-label, .nav-menu-label) { text-transform: none; letter-spacing: .025em; }
[data-folio-ui] :is(.meta, .tool-tip, .next-file-panel > p, .next-guide, .sign-limits, .plan-description, .home-tool p) { color: var(--pb-muted); }
[data-folio-ui] :is(input[type='number'], .next-job-file, .next-result-meta, .batch-summary, .pdf-page-meta, .plan-price) { font-variant-numeric: tabular-nums; }
[data-folio-ui] :is(.cta, .plan-action, .button-secondary, .pdf-button, .folio-primary, .folio-secondary) {
  gap: .45rem;
  border-radius: var(--pb-control);
  transition: color var(--pb-quick), background-color var(--pb-quick), border-color var(--pb-quick), box-shadow var(--pb-quick);
}
[data-folio-ui] :is(.cta, .plan-action, .folio-primary):not(:disabled, [aria-disabled='true'], .waitlist-action) {
  background: var(--pb-green);
  border-color: var(--pb-green);
  color: white;
  box-shadow: none;
}
[data-folio-ui] :is(.cta, .plan-action, .folio-primary):not(:disabled, [aria-disabled='true'], .waitlist-action):hover { background: var(--pb-green-dark); }
[data-folio-ui] :is(.cta, .button-secondary, .plan-action) > svg { flex-shrink: 0; }
[data-folio-ui] :is(.home-tool, .plan-card, .repeat-card, .next-panel, .pdf-tool, .info-note) { border-radius: var(--pb-card); box-shadow: none; }
[data-folio-ui] :is(.folio-hero, .folio-privacy, .folio-dialog) { border-radius: var(--pb-panel); }
[data-folio-ui] :is(.folio-dialog, .nav-convert-panel, .pagebend-language-menu, .pagebend-mobile-action) { box-shadow: var(--pb-raised); }
[data-folio-ui] :focus-visible { outline: 3px solid var(--pb-green); outline-offset: 3px; }

[data-folio-ui] .folio-hero {
  border-color: var(--pb-line);
  background: radial-gradient(ellipse at 98% 4%, #e5edce 0%, transparent 54%), linear-gradient(119deg, #fffcf4, #edf2e8);
  isolation: isolate;
}
[data-folio-ui] .folio-hero::after { background-image: radial-gradient(#46735c 1px, transparent 1px); opacity: .11; inset-inline-start: 71%; }
[data-folio-ui] .folio-hero h1 { font-size: clamp(2.5rem, 5.35vw, 4.85rem); color: var(--pb-ink); }
[data-folio-ui] .folio-hero h1 em { color: var(--pb-green); }
[data-folio-ui] .folio-kicker { color: var(--pb-green-dark); }
[data-folio-ui] .folio-kicker > span { background: var(--pb-lime); border: 1px solid var(--pb-green); }
[data-folio-ui] .folio-start { background: var(--pb-surface); border: 1px solid var(--pb-line); border-radius: var(--pb-card); box-shadow: none; }
[data-folio-ui] .folio-start .home-drop-zone { border-color: #789989; background: #f5faf2; }
[data-folio-ui] .folio-start .home-drop-zone:is(:hover, .is-dragging) { background: #ebf5e2; border-color: var(--pb-green); }
[data-folio-ui] .folio-picker-label { background: var(--pb-green); box-shadow: none; }
[data-folio-ui] .folio-privacy { background: var(--pb-green-wash); border-color: var(--pb-line); }
[data-folio-ui] .folio-tool-group .home-tool:hover { border-color: #89aa96; background: #fbfdf7; }
[data-folio-ui] .home-pdf-choices button { border-color: var(--pb-line); }
[data-folio-ui] .home-pdf-choices button[data-recommended] { border-color: #8caf9c; background: var(--pb-green-wash); }
[data-folio-ui] .card-icon { background: var(--pb-green-wash); color: var(--pb-green-dark); }
[data-folio-ui] .card-icon svg { width: 24px; height: 24px; }
[data-folio-ui] :is(.card-icon.violet, .card-icon.teal) { background: #eff4da; }
[data-folio-ui] .pagebend-quick a > span:first-child > svg { width: 14px; height: 14px; vertical-align: middle; }
[data-folio-ui] .pagebend-language-menu button[aria-pressed='true']::after { content: '✓'; margin-inline-start: .45rem; color: var(--pb-green); }
[data-folio-ui] .pagebend-language > summary, [data-folio-ui] .pagebend-language-menu { border-radius: var(--pb-control); }

[data-folio-ui] :is(.next-preview-panel, .pdf-preview-stage, .editor-viewport) { background: var(--pb-inset); }
[data-folio-ui] :is(.next-file-panel, .next-settings-panel, .next-result) { background: var(--pb-surface); }
[data-folio-ui] :is(.next-actionbar, .pagebend-mobile-action) { min-block-size: 3rem; }
[data-folio-ui] :is(.next-preview-panel, .next-settings-panel) { padding: clamp(.8rem, 2vw, 1.2rem); }
[data-folio-ui] :is(.next-workspace video, .next-workspace [data-next-preview] > img) { max-inline-size: 100%; }
[data-folio-ui] :is(.next-next, .next-result-meta, .next-job-state) { color: var(--pb-ink); }
[data-folio-ui] :is(.next-job-error, .pdf-error, .signature-error) { color: var(--pb-danger); }
[data-folio-ui] :is(.next-result [data-next-result-name], .pdf-tool [data-pdf-tool-filename]) { overflow-wrap: anywhere; }
[data-folio-ui] .next-result:not([hidden]) { border-inline-start: 3px solid var(--pb-green); }
[data-folio-ui] :is(.next-preview-panel, .next-result) :is(label, .next-overlay-label) { color: var(--pb-ink); }
[data-folio-ui] .folio-action-flower { opacity: .72; }
[data-folio-ui] .folio-start:has(.is-dragging) .folio-picker-label { outline: 2px solid var(--pb-lime); outline-offset: 2px; }
[data-folio-ui] .folio-start:has(#home-selection:not([hidden])) .folio-picker-label { animation: pb-fold-confirm var(--pb-panel-motion) ease-out; }
[data-folio-ui] .folio-dialog[open] { animation: pb-dialog-appear var(--pb-menu) ease-out; }
@keyframes pb-dialog-appear { from { opacity: .65; translate: 0 4px; } to { opacity: 1; translate: 0 0; } }
@keyframes pb-fold-confirm { from { box-shadow: 4px 4px 0 var(--pb-lime); } to { box-shadow: none; } }

[data-folio-ui] .pb-offline { display: grid; justify-items: stretch; gap: .8rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--pb-line); border-radius: var(--pb-card); background: var(--pb-surface); }
[data-folio-ui] .pb-offline h2 { margin: 0; font-size: 1.25rem; }
[data-folio-ui] .pb-offline-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: .75rem; }
[data-folio-ui] .pb-offline-options > div { display: grid; align-content: start; justify-items: start; gap: .4rem; padding: .8rem; border: 1px solid var(--pb-line); border-radius: var(--pb-control); }
[data-folio-ui] .pb-offline p { margin: 0; color: var(--pb-muted); }
[data-folio-ui] .pb-offline-state { font-weight: 680; }
[data-folio-ui] .pb-offline details { border-top: 1px solid var(--pb-line); padding-block-start: .55rem; }
[data-folio-ui] .pb-offline summary { padding-block: .35rem; cursor: pointer; font-weight: 680; }
[data-folio-ui] .pb-offline li { margin-block: .4rem; }
[data-folio-ui] .pb-offline li > .button-secondary { margin-inline-start: .55rem; min-height: 36px; padding: .25rem .55rem; }
[data-folio-ui] .pb-privacy-flow { counter-reset: privacy-step; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: .75rem; max-inline-size: none; padding: 0; list-style: none; }
[data-folio-ui] .pb-privacy-flow li { counter-increment: privacy-step; display: grid; align-content: start; gap: .3rem; margin: 0; padding: .9rem; border: 1px solid var(--pb-line); border-radius: var(--pb-card); background: var(--pb-surface); }
[data-folio-ui] .pb-privacy-flow li::before { content: counter(privacy-step); display: grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: 50%; background: var(--pb-lime); color: var(--pb-ink); font-weight: 750; }
[data-folio-ui] .pb-privacy-flow li span { color: var(--pb-muted); }

@media (max-width: 520px) {
  [data-folio-ui] .brand > svg { width: 32px; height: 32px; }
  [data-folio-ui] .folio-hero h1 { font-size: clamp(2.25rem, 10vw, 3.2rem); }
  [data-folio-ui] .folio-hero::after { inset-inline-start: 78%; }
  [data-folio-ui] :is(.folio-hero, .folio-privacy) { border-radius: var(--pb-card); }
}
@media (prefers-reduced-motion: reduce) {
  [data-folio-ui] :is(.folio-dialog, .cta, .home-tool, .home-drop-zone, .nav-convert-panel, .folio-picker-label) { animation: none !important; transition: none; }
}


.pb-nav { align-items: center; }
.pb-nav .nav-link[aria-current], .pb-tools-menu[data-current] > summary {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .4em;
}
.pb-nav-find { display: inline-flex; align-items: center; gap: .45rem; }
.pb-nav-find svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; }
.pb-tools-menu { position: relative; }
.pb-tools-menu > summary { display: flex; align-items: center; gap: .4rem; cursor: pointer; list-style: none; }
.pb-tools-menu > summary::-webkit-details-marker, .pb-tools-menu > summary::marker { display: none; content: ''; }
.pb-tools-menu[open] .nav-chevron { rotate: 180deg; }
.pb-tools-panel {
  position: absolute;
  z-index: 40;
  inset-block-start: calc(100% + .5rem);
  inset-inline-end: 0;
  translate: var(--pb-menu-nudge, 0px) 0;
  width: min(650px, calc(100vw - 24px));
  max-height: min(65dvh, 31rem);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 20px 45px #14231f22;
}
.pb-tool-groups, .pb-footer-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1rem; }
.pb-nav-group h2, .pb-footer-tools h2, .pb-footer-help h2 { margin: 0; font-size: .83rem; font-weight: 740; }
.pb-nav-group > a, .pb-nav-group h2 a, .pb-nav-all, .pb-footer-tools a, .pb-footer-help a {
  display: flex;
  align-items: center;
  min-height: 35px;
  color: var(--ink);
  text-decoration: none;
  font-size: .82rem;
}
.pb-nav-group > a { padding-inline: .5rem; border-radius: .35rem; }
.pb-nav-group > a:is(:hover,[aria-current]), .pb-nav-all:hover { background: var(--accent-soft); color: var(--blue-dark); }
.pb-nav-group h2 a, .pb-nav-all, .pb-footer-tools h2 a { color: var(--blue-dark); font-weight: 740; }
.pb-nav-all { justify-content: space-between; padding-inline: .65rem; margin-block-end: .4rem; border-block-end: 1px solid var(--line); border-radius: .35rem; }
.pb-nav-all::after { content: '↗'; }
.pb-footer-help { display: grid; align-content: start; gap: .55rem; }
.pb-footer-help h2 { color: var(--blue-dark); }
.pb-footer-tools a:hover, .pb-footer-help a:hover { text-decoration: underline; text-underline-offset: .2em; }
.pb-mobile-menu-title { display: none; }
.pagebend-language-menu button[aria-pressed="true"]::after { content: '✓'; margin-inline-start: .6rem; }
.pb-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .55rem; padding-block: .55rem 0; color: var(--muted); font-size: .78rem; }
.pb-breadcrumb a { color: var(--blue-dark); text-underline-offset: .15em; padding-block: .3rem; }
.pb-breadcrumb a::after { content: '/'; display: inline-block; margin-inline-start: .55rem; color: var(--muted); text-decoration: none; }
.pb-breadcrumb span { font-weight: 680; }

[data-folio-ui] .folio-hero { background: radial-gradient(ellipse at 92% 12%, #e2f0d5 0%, transparent 62%), linear-gradient(130deg, #fffdf7, #f6f4ee 74%); border-color: #dce5d6; }
[data-folio-ui] .folio-hero::after { opacity: .18; background-image: radial-gradient(#57866a 1px, transparent 1px); }
[data-folio-ui] .folio-hero h1 { font-size: clamp(40px, 4.8vw, 72px); line-height: 1.04; }
.pb-hero-link { display: inline-flex; align-items: center; min-height: 38px; color: var(--blue-dark); font-size: .88rem; font-weight: 700; text-underline-offset: .22em; }
[data-folio-ui] .folio-start { border-color: #dbe3d8; background: #fffefb; box-shadow: 0 18px 34px #14231f12; }
[data-folio-ui] .folio-start .home-drop-zone { border-color: #90ae98; background: #f0f6ee; }
[data-folio-ui] .folio-start .home-drop-zone:is(:hover,.is-dragging):not(:disabled) { border-color: #136a54; background: #e3f0df; }
[data-folio-ui] .folio-start .home-drop-zone.is-dragging { outline: 2px solid #136a54; outline-offset: 2px; }
[data-folio-ui] .folio-picker-label { box-shadow: none; background: #136a54; color: #fff; }
.pb-picker-privacy { color: var(--muted); font-size: .76rem; margin: .7rem 0 .25rem; }
.pb-picker-privacy a { color: var(--blue-dark); text-underline-offset: .18em; }
.pb-format-details { color: var(--muted); font-size: .75rem; }
.pb-format-details summary { cursor: pointer; width: fit-content; }
.pb-format-details p { margin: .35rem 0 0; font-size: .72rem; line-height: 1.5; overflow-wrap: anywhere; text-align: start; }
.pb-sample-tag { padding: .15rem .38rem; border-radius: .3rem; color: #244333; background: #dff19b; font-size: .68rem; font-weight: 740; }
.pagebend-sample a { min-height: 37px; }
.pb-selection, .pb-intake-notes { margin-block: .55rem; padding: .6rem .7rem; border-radius: .65rem; font-size: .78rem; }
.pb-selection { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .35rem; background: #edf4ec; border: 1px solid #d1e0d3; }
.pb-selection[hidden], .pb-intake-notes[hidden], .pb-recent[hidden] { display: none; }
.pb-selection > div { display: flex; gap: .4rem; align-items: center; min-width: 0; flex-wrap: wrap; }
.pb-selection #home-match-file { color: var(--ink); font-size: .79rem; }
.pb-selection #home-selection-meta { color: var(--muted); unicode-bidi: isolate; }
.pb-selection button, .pb-more-tools, .pb-recent button, .pb-mobile-menu-title button {
  min-height: 37px;
  border: 1px solid var(--line);
  border-radius: .45rem;
  padding-inline: .55rem;
  color: var(--blue-dark);
  background: #fff;
  cursor: pointer;
  font: inherit;
  font-size: .77rem;
  font-weight: 680;
}
.pb-intake-notes { list-style: none; color: #793e2a; background: #f9ece4; border: 1px solid #efcfbd; overflow-wrap: anywhere; }
.pb-intake-notes li + li { margin-block-start: .25rem; }
.pagebend-match .home-pdf-choices { grid-template-columns: minmax(0, 1fr); max-height: min(20rem, 50vh); }
.pagebend-match .home-pdf-choices > section:not([hidden]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }
.pagebend-match .home-pdf-choices > section > h4 { grid-column: 1 / -1; font-size: .74rem; margin: .4rem 0 0; color: var(--muted); }
[data-folio-ui] .pagebend-match .home-pdf-choices button { border-color: #d6e2d5; min-width: 0; }
[data-folio-ui] .pagebend-match .home-pdf-choices button[data-recommended] { background: #edf5e4; border-color: #9ebf9e; }
.pb-match-chip, .pb-match-output { justify-self: start; width: fit-content; padding: .12rem .35rem; border-radius: .25rem; font-size: .67rem; }
.pb-match-chip { background: #dbf36e; color: #22341b; }
.pb-match-output { background: #f0f3ee; color: #415646; direction: ltr; }
.pb-more-tools { margin-top: .5rem; }
.pagebend-quick a { gap: .45rem; }
.pagebend-quick a > [aria-hidden="true"] { display: grid; place-items: center; width: 22px; height: 22px; color: #136a54; background: #e7f0e1; border-radius: .35rem; font-size: .75rem; font-weight: 730; }
.pagebend-quick .card-icon svg { width: 15px; height: 15px; }
.pb-recent { border-block-start: 1px solid var(--line); margin-block-start: .65rem; }
.pb-recent button { align-self: center; background: transparent; }
[data-folio-ui] .pb-home-process { grid-template-columns: minmax(10rem, .65fr) minmax(0, 2fr); align-items: center; gap: 1rem; margin-top: 1.4rem; padding: 1rem 1.15rem; background: #edf3e8; border-color: #d7e3d3; }
.pb-home-process .folio-privacy-copy h2 { font-size: clamp(19px, 2vw, 25px); }
.pb-home-process .folio-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pb-home-process .folio-steps li { align-items: start; min-height: 100%; }
.pb-home-example { display: grid; grid-template-columns: minmax(10rem,.9fr) minmax(0, 1.8fr); gap: 1.25rem; align-items: center; margin-block: 1rem 1.6rem; padding: 1.05rem 1.15rem; border: 1px solid var(--line); border-radius: 1rem; background: #fffdf7; }
.pb-home-example h2 { margin: 0; color: var(--ink); font-size: clamp(19px, 2vw, 25px); }
.pb-home-example p { margin-block: .25rem; color: var(--muted); font-size: .83rem; }
.pb-example-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.pb-example-pair figure { position: relative; margin: 0; min-width: 0; border: 1px solid var(--line); border-radius: .6rem; overflow: hidden; background: #f6f4ee; }
.pb-example-sample { position: absolute; inset-block-start: .35rem; inset-inline-end: .35rem; }
.pb-example-pair img { display: block; width: 100%; height: auto; }
.pb-example-pair figcaption { display: flex; flex-wrap: wrap; gap: .2rem .5rem; align-items: center; justify-content: space-between; padding: .35rem .55rem; background: #fff; color: var(--ink); font-size: .76rem; }
.pb-example-pair figcaption a { color: var(--blue-dark); text-underline-offset: .15em; }

@media (max-width: 760px) {
  [data-folio-ui] .bar .mobile-menu[open] > .pb-nav { position: fixed; z-index: 50; inset: 0; align-content: start; align-items: stretch; gap: .5rem; margin: 0; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); overflow: auto; background: #f6f4ee; }
  .pb-mobile-menu-title { display: flex; align-items: center; justify-content: space-between; }
  .pb-mobile-menu-title button { min-height: 44px; }
  .mobile-nav .pb-tools-panel { position: static; width: 100%; max-height: none; box-shadow: none; }
  body:has(.mobile-menu[open]) { overflow: hidden; }
  [data-folio-ui] .site-footer .foot { grid-template-columns: 1fr 1fr; }
  .pb-footer-tools { grid-column: 1 / -1; }
  .pb-footer-help { grid-column: 2; grid-row: 1 / 3; }
  .pb-footer-tools a, .pb-footer-help a, .pb-nav-group > a, .pb-nav-group h2 a { min-height: 44px; }
  .home-page[data-folio-ui] .home-main { padding-block-start: .8rem; }
  [data-folio-ui] .folio-hero { gap: .65rem; padding: 1rem; min-height: 0; }
  [data-folio-ui] .folio-hero h1 { font-size: clamp(32px, 7.7vw, 54px); }
  .folio-hero .folio-kicker { margin-block-end: .4rem; }
  .folio-hero .folio-intro { margin-block: .35rem; }
  .folio-hero .folio-hero-actions { margin-block-start: 0; }
  .folio-hero .folio-start { padding: .75rem; }
  .folio-hero .folio-start-top { margin-block-end: .45rem; }
  [data-folio-ui] .folio-hero .folio-start .home-drop-zone { min-height: 67px; padding: .35rem; }
  [data-folio-ui] .pb-home-process, .pb-home-example { grid-template-columns: 1fr; }
}

@media (max-width: 440px) {
  .pagebend-match .home-pdf-choices > section:not([hidden]), .pb-home-process .folio-steps { grid-template-columns: 1fr; }
  .pb-tool-groups { gap: .45rem; }
  .pagebend-sample { justify-content: start; }
}


.pagebend-queue-tally {
  position: sticky;
  inset-block-start: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .4rem;
  margin-block: .45rem;
  padding: .5rem .65rem;
  border: 1px solid var(--pb-line, #cbd5ca);
  border-radius: 10px;
  background: var(--pb-surface, #fffef9);
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
}
.pagebend-queue-tally[hidden], .pagebend-queue-review[hidden], .pagebend-queue-stage[hidden] { display: none; }
.pagebend-queue-review { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-block: .35rem; }
.pagebend-queue-review button, .pagebend-queue-tally button { min-block-size: 36px; }
.pagebend-queue-stage { display: block; color: var(--pb-muted, #4a5d55); font-size: .85rem; overflow-wrap: anywhere; }
.pagebend-queue-badge {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .32rem;
  inline-size: fit-content;
  max-inline-size: 100%;
  padding: .2rem .48rem;
  border: 1px solid #cbd5ca;
  border-radius: 999px;
  background: #f1f3ee;
  color: #334b3f;
  font-size: .74rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.pagebend-queue-badge[data-queue-state="working"] { background: #e2eee8; border-color: #90b8a8; color: #0e503f; }
.pagebend-queue-badge:is([data-queue-state="ready"],[data-queue-state="saved"]) { background: #e9f3ce; border-color: #adc582; color: #304b13; }
.pagebend-queue-badge:is([data-queue-state="space"],[data-queue-state="requested"]) { background: #f4ebd2; border-color: #d3b677; color: #58441a; }
.pagebend-queue-badge[data-queue-state="failed"] { background: #f9eae3; border-color: #d19d8b; color: #753321; }
:is(.batch-file,.next-job)[data-status="working"] {
  border: 1px solid var(--pb-accent, #136a54);
  border-inline-start-width: 4px;
  border-radius: 10px;
  background: #eff5ef;
  padding-inline: .55rem;
}
.pagebend-filename { unicode-bidi: isolate; overflow-wrap: anywhere; min-inline-size: 0; max-inline-size: 100%; }
.pagebend-filename-toggle {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  text-align: start;
  text-decoration: underline dotted;
  text-underline-offset: .2em;
  overflow-wrap: anywhere;
  max-inline-size: 100%;
  cursor: pointer;
}
.pagebend-filename-toggle[aria-expanded="true"] { display: inline; }
.pagebend-inline-confirm {
  inline-size: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-block-start: .55rem;
  padding: .65rem;
  border: 1px solid #cbac71;
  border-radius: 9px;
  background: #f8f1e2;
  color: #483919;
}
.pagebend-inline-confirm p { flex-basis: 100%; margin: 0; overflow-wrap: anywhere; }
.pagebend-inline-confirm button { min-block-size: 38px; }
.pagebend-recovery { border: 1px solid #dbb5a8; border-radius: 9px; background: #fff4ed; padding: .6rem .7rem; overflow-wrap: anywhere; }
.pagebend-recovery p { margin: 0; }
.pagebend-recovery :is(a,summary) { margin-block-start: .28rem; }
.pagebend-recovery a { display: inline-block; }
.pagebend-field-hint { display: block; margin-block: .2rem; color: var(--pb-muted, #465c52); font-size: .8rem; font-weight: 400; line-height: 1.5; }
.pagebend-field-hint[hidden] { display: none; }
.pagebend-field-error:not([hidden]) { display: block; color: #753321; font-size: .82rem; line-height: 1.5; }
.pagebend-recovery[data-kind="memory"] { background: #f9f1df; border-color: #d3b677; }
.pagebend-recovery[data-kind="storage"] { background: #f2f5ed; border-color: #9eb4a2; }
[data-next-progress]:indeterminate {
  appearance: none;
  block-size: .48rem;
  border: 0;
  border-radius: 999px;
  background: repeating-linear-gradient(135deg,#c4dcd0 0 7px,#e7efe9 7px 14px);
}
[data-next-progress]:indeterminate::-webkit-progress-bar { background: transparent; }
[data-next-progress]:indeterminate::-moz-progress-bar { background: transparent; }
.pagebend-region-jumps { position: relative; display: flex; flex-wrap: wrap; gap: .45rem; max-block-size: 0; overflow: hidden; }
.pagebend-region-jumps:focus-within { max-block-size: none; overflow: visible; margin-block-end: .7rem; }
.pagebend-shortcut-help { margin-block: .28rem; font-size: .8rem; }
.pagebend-shortcut-help summary { cursor: pointer; }
.pagebend-shortcut-help p { max-inline-size: 42ch; margin-block: .28rem 0; line-height: 1.45; }
.pagebend-mobile-action:not([hidden]) { flex-direction: column; align-items: center; gap: .2rem; }
.pagebend-mobile-save-help,.pagebend-next-save-help { color: var(--pb-muted, #465c52); font-size: .75rem; line-height: 1.35; }
.pagebend-next-save-help { display: none; }
.pagebend-pan-control { display: none; }
[data-pagebend-pan] #page-stage :is(.form-overlay,.marks-overlay,.pdf-mark) { pointer-events: none; }
[data-pagebend-pan] :is(.next-pdf-canvas,#page-stage) { touch-action: pan-x pan-y pinch-zoom; }
.pagebend-pan-control[aria-pressed="true"] { background: #e9f3ce; border-color: #136a54; color: #164b3c; }

body :is(a,button,input,select,summary,textarea,[tabindex]):focus-visible {
  outline: 2px solid var(--pb-focus, #136a54);
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fffef9;
}
:root[dir="rtl"] :is(.next-workspace,.batch-workspace,.pagebend-queue-tally,.pagebend-recovery) {
  font-family: Tahoma, "Noto Sans Arabic", Arial, sans-serif;
  line-height: 1.65;
  letter-spacing: normal;
}
:root[dir="rtl"] :is(.next-workspace,.batch-workspace) :is(h1,h2,h3,small,strong,button,label,legend) { letter-spacing: normal; }
:root[dir="rtl"] :is(.next-workspace,.batch-workspace) :is(canvas,video,audio,.next-preview-viewport,.next-media-timeline) { direction: ltr; }
:root[dir="rtl"] .next-workspace [data-directional-icon] { transform: scaleX(-1); }
:root:is([lang="fr"],[lang="ar"]) :is(.next-workspace,.batch-workspace) :is(button,summary,a,.pagebend-queue-badge) { white-space: normal; overflow-wrap: anywhere; }

@media (max-width: 700px) {
  .editor-pages .page-list { gap: 8px; padding-block: .2rem; scroll-snap-type: x proximity; }
  .editor-pages .page-thumb { min-inline-size: 48px; min-block-size: 44px; scroll-snap-align: nearest; }
  .editor-pages .rail-heading { white-space: nowrap; }
  .pdf-tools .pdf-tool-range-pages { display: flex; overflow-x: auto; gap: .5rem; padding-block-end: .4rem; }
  .pdf-tools .pdf-tool-range-pages > li { flex: 0 0 5rem; }
  .editor-grid :is(.document-actions,.annotation-tools,.page-navigation,.mark-actions) { gap: .45rem; }
  .editor-grid :is(.document-actions,.annotation-tools,.page-navigation,.mark-actions) > button { min-inline-size: 44px; min-block-size: 44px; }
  .next-advanced { padding: .55rem; border: 1px solid var(--pb-line, #cbd5ca); border-radius: 10px; background: #f2f5ec; }
  .next-advanced summary { min-block-size: 44px; align-content: center; }
  .next-advanced[open] {
    position: fixed;
    z-index: 10;
    inset-inline: .65rem;
    inset-block-end: calc(5.1rem + env(safe-area-inset-bottom,0px));
    max-block-size: min(55dvh, 28rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-shadow: 0 9px 34px #14231f30;
  }
  .pagebend-next-save-help:not([hidden]) { display: block; }
  [data-pagebend-keyboard] .next-actionbar { position: static; }
}
@media (pointer: coarse) {
  .pagebend-pan-control { display: inline-flex; min-block-size: 44px; margin-block-end: .4rem; }
  .next-job-actions button, .batch-file-actions :is(button,a) { min-block-size: 44px; }
}
@media (orientation: portrait) and (max-width: 640px) {
  .next-media-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .next-media-controls button { min-inline-size: 0; white-space: normal; }
  .next-media-timeline { margin-block: .4rem; }
}
@media (orientation: landscape) and (max-height: 530px) and (max-width: 980px) {
  .next-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr); gap: .55rem; }
  .next-file-panel { grid-column: 1/-1; }
  .next-settings-panel { grid-column: 2; }
  .next-preview-panel { grid-column: 1; grid-row: 2; min-block-size: auto; }
  .next-panel,.next-actionbar { padding: .55rem; }
  .next-actionbar { position: static; }
}
@media (forced-colors: active) {
  body :is(a,button,input,select,summary,textarea,[tabindex]):focus-visible { outline: 2px solid Highlight; box-shadow: none; }
  :is(.pagebend-queue-badge,.pagebend-queue-tally,.pagebend-recovery,.pagebend-inline-confirm,.next-panel) { border: 1px solid CanvasText; }
  :is([aria-pressed="true"],[aria-current="page"],.batch-file[data-status="working"],.next-job[data-status="working"]) { outline: 2px solid Highlight; outline-offset: 1px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body :is(.next-workspace,.batch-workspace,.editor-grid,.site-header,.home-main) *,
  body :is(.next-workspace,.batch-workspace,.editor-grid,.site-header,.home-main) *::before,
  body :is(.next-workspace,.batch-workspace,.editor-grid,.site-header,.home-main) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}