:root{--violet:#5134f5;--violet2:#765eff;--violetSoft:#f1eeff;--navy:#11113d;--text:#2c2b43;--muted:#716f82;--line:#e7e4ef;--mist:#f7f6fb;--white:#fff;--green:#118b63;--red:#d4445f;--shadow:0 18px 55px rgba(30,22,88,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.top-strip{background:#17133f;color:#ded9ff;font-size:12px}.top-strip .shell{height:34px;display:flex;align-items:center;justify-content:center;gap:35px}.top-strip span{white-space:nowrap}.site-header{position:sticky;z-index:50;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:74px;display:flex;align-items:center}.brand{display:flex;align-items:center}.brand img{width:176px;height:64px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto;font-size:14px;font-weight:700;color:#3a3850}.main-nav>a:hover,.tools-menu-button:hover{color:var(--violet)}.tools-menu-wrap{position:relative}.tools-menu-button{border:0;background:transparent;color:inherit;font-weight:700;padding:25px 0}.tools-menu-button span{margin-left:4px}.mega-menu{position:absolute;top:58px;left:50%;width:min(980px,90vw);padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px rgba(20,15,70,.16);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.18s}.mega-menu.open{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-menu section{min-width:0}.mega-menu h3{margin:0 0 10px;color:var(--navy);font-size:13px}.mega-menu a{display:block;padding:6px 0;color:#6c6980;font-size:12px;font-weight:600}.mega-menu a:hover{color:var(--violet)}.header-cta{margin-left:28px;padding:11px 16px;border-radius:10px;background:var(--violet);color:#fff;font-size:13px;font-weight:800}.mobile-menu{display:none}.button{min-height:44px;padding:0 18px;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:.18s}.button.primary{background:var(--violet);color:#fff;box-shadow:0 12px 30px rgba(81,52,245,.22)}.button.primary:hover{background:#4125df;transform:translateY(-1px)}.button.soft{background:var(--violetSoft);color:var(--violet)}.button.white{background:#fff;color:var(--violet)}.button.large{min-height:52px;padding-inline:22px;font-size:15px}.home-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfaff,#fff);border-bottom:1px solid #f1eff7}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.hero-orb.one{width:420px;height:420px;background:radial-gradient(circle,#e4ddff,transparent 68%);right:-80px;top:-120px}.hero-orb.two{width:300px;height:300px;background:radial-gradient(circle,#d7f7ef,transparent 65%);left:-120px;bottom:-120px}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;position:relative}.hero-copy{padding:70px 0}.hero-pill{width:max-content;max-width:100%;padding:8px 12px;border:1px solid #ddd7ff;border-radius:999px;background:#f5f2ff;color:#5845c9;font-size:12px;font-weight:800}.hero-pill span{margin-right:6px}.hero-copy h1{margin:22px 0 18px;color:var(--navy);font-size:64px;line-height:1.02;letter-spacing:-3.8px}.hero-copy h1 em{font-style:normal;color:var(--violet)}.hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-stats{display:flex;margin-top:34px}.hero-stats div{min-width:120px;padding-right:24px;margin-right:24px;border-right:1px solid var(--line)}.hero-stats div:last-child{border-right:0}.hero-stats b,.hero-stats span{display:block}.hero-stats b{color:var(--navy);font-size:19px}.hero-stats span{margin-top:2px;color:#898699;font-size:11px}.hero-visual{height:460px;position:relative}.visual-board{position:absolute;inset:35px 20px 28px 10px;border:1px solid #dad4ff;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(48,35,130,.16);overflow:hidden}.visual-top{height:46px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#f8f6ff;border-bottom:1px solid #ece8ff}.visual-top>span{width:8px;height:8px;border-radius:50%;background:#d0cae7}.visual-top b{margin-left:6px;color:#716d8c;font-size:10px}.visual-pages{height:290px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#f8f7fd,#f0eff8)}.mini-page{width:105px;height:145px;padding:16px;border-radius:8px;background:#fff;border:1px solid #dedbea;box-shadow:0 10px 22px rgba(33,25,82,.1);transform-origin:center}.mini-page.p1{transform:rotate(-7deg)}.mini-page.p3{transform:rotate(7deg)}.mini-page strong{display:block;color:#e24b62;font-size:18px}.mini-page i{display:block;height:5px;margin-top:12px;border-radius:4px;background:#e9e7f0}.mini-page i:nth-of-type(2){width:82%}.mini-page i:nth-of-type(3){width:65%}.visual-actions{height:62px;display:flex;gap:9px;align-items:center;justify-content:center;background:#fff}.visual-actions span{padding:8px 10px;border-radius:8px;background:#f1eeff;color:#5b47c5;font-size:10px;font-weight:800}.floating-card{position:absolute;padding:13px 16px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 35px rgba(30,22,88,.12)}.floating-card b,.floating-card span{display:block}.floating-card b{font-size:12px;color:var(--navy)}.floating-card span{margin-top:4px;color:#888499;font-size:9px}.floating-card.left{left:-20px;top:45px}.floating-card.right{right:-5px;bottom:17px}.popular-section,.feature-section,.faq-section,.tool-info{padding:92px 0}.section-heading>span{color:var(--violet);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px}.section-heading h2{margin:10px 0 12px;color:var(--navy);font-size:39px;line-height:1.12;letter-spacing:-1.4px}.section-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.section-heading.centered{text-align:center;max-width:740px;margin-inline:auto}.section-heading.split{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading.split>p{max-width:470px;text-align:right}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.tool-card{position:relative;min-width:0;padding:19px;display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:15px;background:#fff;transition:.18s}.tool-card:hover{transform:translateY(-3px);border-color:#cfc6ff;box-shadow:0 15px 35px rgba(40,31,100,.09)}.tool-card.featured{min-height:132px}.tool-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:var(--violetSoft);color:var(--violet);font-size:21px;font-weight:900}.large-icon{width:58px;height:58px;flex-basis:58px;font-size:25px}.tool-card h3{margin:3px 0 7px;color:var(--navy);font-size:15px}.tool-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.6}.tool-card p strong{color:#5f5b70}.tool-arrow{position:absolute;right:14px;top:14px;color:#a29db6;font-size:16px}.all-tools-section{padding:95px 0;background:var(--mist);border-block:1px solid var(--line)}.tool-filter{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 24px}.tool-filter button{padding:8px 12px;border:1px solid #dedbe9;border-radius:999px;background:#fff;color:#6d697e;font-size:11px;font-weight:800}.tool-filter button.active{border-color:var(--violet);background:var(--violet);color:#fff}.all-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-tool{min-height:158px;padding:20px;display:block}.home-tool .tool-icon{margin-bottom:15px}.home-tool h3{font-size:16px}.home-tool p{font-size:10.5px}.tool-title-line{display:flex;gap:8px;align-items:center}.tool-title-line h3{margin:0 0 7px}.new-badge{padding:3px 6px;border-radius:999px;background:#e3f8f0;color:#087756;font-size:8px;font-weight:900;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:42px}.feature-grid article{padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff}.feature-grid i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--violetSoft);color:var(--violet);font-style:normal;font-size:20px}.feature-grid h3{margin:18px 0 9px;color:var(--navy);font-size:16px}.feature-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.security-section{background:#17133f;color:#fff}.security-grid{min-height:570px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:80px}.security-art{height:380px;position:relative;border-radius:24px;background:linear-gradient(145deg,#27215e,#1c1748);border:1px solid rgba(255,255,255,.11);overflow:hidden}.shield{position:absolute;left:50%;top:50%;width:140px;height:165px;display:grid;place-items:center;transform:translate(-50%,-54%);border:2px solid #8977ff;border-radius:72px 72px 78px 78px;color:#8e7dff;font-size:65px}.shield span{position:absolute;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#35c58f;color:#102f24;font-size:20px;bottom:-10px;right:4px}.secure-step{position:absolute;min-width:180px;padding:12px 15px;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.07)}.secure-step>b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#6e58fa}.secure-step strong,.secure-step em{display:block}.secure-step strong{font-size:11px}.secure-step em{margin-top:3px;color:#aaa3d1;font-size:8px;font-style:normal}.secure-step.s1{left:28px;top:28px}.secure-step.s2{right:26px;top:147px}.secure-step.s3{left:34px;bottom:30px}.security-copy>span{color:#9b8aff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px}.security-copy h2{margin:12px 0 17px;font-size:42px;line-height:1.12;letter-spacing:-1.5px}.security-copy>p{margin:0;color:#c3bedc;font-size:14px;line-height:1.75}.security-copy ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px;color:#e6e3f3;font-size:12px}.faq-list{max-width:820px;margin:38px auto 0;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;padding:20px 3px;display:flex;justify-content:space-between;gap:20px;color:var(--navy);font-size:14px;font-weight:800;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-style:normal;color:var(--violet)}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{margin:-5px 0 20px;padding-right:50px;color:var(--muted);font-size:12px;line-height:1.75}.cta-section{margin-block:80px;padding:42px 45px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:24px;background:linear-gradient(135deg,#5134f5,#7158f8);color:#fff}.cta-section span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px}.cta-section h2{margin:8px 0 7px;font-size:31px}.cta-section p{margin:0;color:#e5e1ff;font-size:12px}.site-footer{padding-top:62px;background:#11102c;color:#d8d4eb}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px;padding-bottom:50px}.footer-brand img{width:180px;height:68px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.footer-brand p{max-width:340px;color:#8f8ba8;font-size:11px;line-height:1.75}.footer-grid h3{margin:10px 0 14px;color:#fff;font-size:12px}.footer-grid a{display:block;padding:5px 0;color:#9995b0;font-size:11px}.footer-grid a:hover{color:#fff}.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#807c98;font-size:10px}
/* Tool page */
.tool-hero{background:linear-gradient(180deg,#f7f5ff,#fff);padding:34px 0 105px;border-bottom:1px solid #eeeaf8}.back-link{display:inline-block;margin-bottom:28px;color:#736e89;font-size:11px;font-weight:750}.tool-hero-copy{display:flex;gap:22px;align-items:center}.tool-hero-icon{width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border-radius:24px;background:var(--violet);color:#fff;font-size:36px;font-weight:900;box-shadow:0 18px 42px rgba(81,52,245,.24)}.tool-kicker{color:var(--violet);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.3px}.tool-hero h1{margin:7px 0 6px;color:var(--navy);font-size:48px;letter-spacing:-2px}.tool-hero p{margin:0;color:var(--muted);font-size:14px}.hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;color:#777286;font-size:10px;font-weight:700}.workspace-section{position:relative;z-index:4;margin-top:-70px}.workspace-card{overflow:hidden;border:1px solid #ddd8f0;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(29,23,88,.12)}.workspace-top{height:63px;display:grid;grid-template-columns:repeat(3,1fr);background:#fbfaff;border-bottom:1px solid var(--line)}.workspace-top span{display:flex;gap:10px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.workspace-top span:last-child{border-right:0}.workspace-top b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--violetSoft);color:var(--violet);font-size:10px}.workspace-top em{font-style:normal;color:#686476;font-size:10px;font-weight:800}.drop-zone{margin:28px;min-height:290px;padding:38px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #cbc4ee;border-radius:17px;background:#fbfaff;text-align:center;transition:.18s}.drop-zone.dragover{border-color:var(--violet);background:#f3f0ff}.drop-zone.has-file{min-height:170px;padding:26px}.drop-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--violetSoft);color:var(--violet);font-size:28px;font-weight:900}.drop-zone h2{margin:16px 0 6px;color:var(--navy);font-size:22px}.drop-zone p{margin:0 0 16px;color:var(--muted);font-size:11px}.drop-zone small{margin-top:13px;color:#9995a6;font-size:9px}.selected-file-bar{margin:0 28px 18px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.selected-file-bar div{min-width:0}.selected-file-bar b,.selected-file-bar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-bar b{color:var(--navy);font-size:11px}.selected-file-bar span{margin-top:3px;color:#9995a6;font-size:9px}.selected-file-bar button{border:0;background:#fff2f5;color:var(--red);padding:7px 9px;border-radius:8px;font-size:9px;font-weight:850}.preview-toolbar{margin:0 28px 12px;display:flex;align-items:center;justify-content:space-between;gap:18px}.preview-toolbar b,.preview-toolbar span{display:block}.preview-toolbar b{color:var(--navy);font-size:12px}.preview-toolbar span{margin-top:3px;color:#9793a3;font-size:9px}.preview-toolbar-actions{display:flex;gap:7px}.preview-toolbar-actions button{padding:7px 9px;border:1px solid #ded9ee;border-radius:8px;background:#fff;color:#6c6684;font-size:9px;font-weight:800}.page-preview-grid{margin:0 28px 24px;padding:16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;max-height:610px;overflow:auto;border:1px solid var(--line);border-radius:15px;background:#f6f5fa}.page-card{position:relative;min-width:0;padding:9px 9px 8px;border:2px solid transparent;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(30,25,70,.06);transition:.15s;user-select:none}.page-card.selected{border-color:var(--violet);box-shadow:0 9px 22px rgba(81,52,245,.15)}.page-card.removed{opacity:.38;filter:grayscale(1)}.page-card.dragging{opacity:.45}.page-canvas-wrap{position:relative;width:100%;aspect-ratio:var(--page-ratio, .707);display:grid;place-items:center;overflow:hidden;border:1px solid #e5e2ec;border-radius:7px;background:#fff}.page-canvas-wrap canvas,.page-canvas-wrap img{display:block;max-width:100%;max-height:100%;transition:transform .2s}.page-card .page-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px;color:#777384;font-size:9px;font-weight:800}.page-card .page-label span:last-child{color:#a09cab;font-weight:600}.page-hover-actions{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-55%);display:flex;gap:5px;opacity:0;transition:.15s}.page-card:hover .page-hover-actions,.page-card:focus-within .page-hover-actions{opacity:1}.page-card:hover .page-canvas-wrap:after{content:"";position:absolute;inset:0;background:rgba(16,12,50,.28)}.page-hover-actions button{width:31px;height:31px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:#fff;color:#3d3752;box-shadow:0 4px 12px rgba(0,0,0,.14);font-size:13px;font-weight:900}.page-hover-actions button.danger{color:var(--red)}.page-hover-actions button.active{background:var(--violet);color:#fff}.page-card .selection-check{position:absolute;z-index:4;left:14px;top:14px;width:24px;height:24px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#cbc6d8;color:#fff;font-size:11px;box-shadow:0 4px 9px rgba(0,0,0,.16)}.page-card.selected .selection-check{background:var(--violet)}.tool-options{margin:0 28px 25px;padding:19px;border:1px solid var(--line);border-radius:14px;background:#fbfaff}.options-heading{display:flex;gap:12px;align-items:center;margin-bottom:16px}.options-heading>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--violet);color:#fff;font-size:11px;font-weight:900}.options-heading b,.options-heading em{display:block}.options-heading b{color:var(--navy);font-size:11px}.options-heading em{margin-top:3px;color:#9995a6;font-size:8px;font-style:normal}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option-grid label{display:grid;gap:6px}.option-grid label.wide{grid-column:1/-1}.option-grid label>span{color:#5d596c;font-size:9px;font-weight:800}.option-grid input,.option-grid select,.option-grid textarea{width:100%;border:1px solid #dad6e7;border-radius:9px;background:#fff;color:#25233c;outline:none;font-size:10px}.option-grid input,.option-grid select{height:40px;padding:0 10px}.option-grid textarea{padding:10px;resize:vertical;line-height:1.5}.option-grid input:focus,.option-grid select:focus,.option-grid textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(81,52,245,.08)}.option-grid small{color:#9995a6;font-size:8px;line-height:1.45}.no-options{grid-column:1/-1;display:flex;gap:10px;align-items:center;padding:12px;border-radius:9px;background:#f0f8f5;color:#4b7667;font-size:10px}.no-options span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#1baf7a;color:#fff}.no-options p{margin:0}.workspace-error{margin:0 28px 22px;padding:14px;display:flex;gap:12px;align-items:center;border:1px solid #f2ccd5;border-radius:12px;background:#fff5f7}.workspace-error i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-style:normal;font-weight:900}.workspace-error b,.workspace-error span{display:block}.workspace-error b{color:#8f2d43;font-size:10px}.workspace-error span{margin-top:3px;color:#a56170;font-size:9px}.progress-panel{margin:0 28px 22px;padding:18px;border:1px solid #ddd6ff;border-radius:13px;background:#f7f5ff}.progress-panel>div:first-child{display:flex;justify-content:space-between}.progress-panel b{color:var(--navy);font-size:10px}.progress-panel span{color:var(--violet);font-size:10px;font-weight:900}.progress-track{height:7px;margin-top:11px;overflow:hidden;border-radius:999px;background:#e4dfff}.progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),#8b76ff);transition:width .2s}.progress-panel p{margin:9px 0 0;color:#8f8b9c;font-size:8px}.workspace-result{margin:0 28px 23px;padding:18px;display:grid;gap:10px;border:1px solid #bee9d9;border-radius:14px;background:#f1fcf8}.result-head{display:flex;gap:12px;align-items:center}.result-check{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#19ad79;color:#fff;font-size:18px;font-weight:900}.result-head b,.result-head span{display:block}.result-head b{color:#0b6847;font-size:12px}.result-head span{margin-top:3px;color:#628679;font-size:9px}.download-item{padding:11px;display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #d5eee5;border-radius:10px;background:#fff}.download-item div{min-width:0}.download-item b,.download-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-item b{color:#293e36;font-size:10px}.download-item span{margin-top:3px;color:#81998f;font-size:8px}.download-item a{padding:9px 12px;border-radius:8px;background:var(--violet);color:#fff;font-size:9px;font-weight:900}.workspace-action{padding:0 28px 30px;display:flex;flex-direction:column;align-items:center}.process-button{min-width:260px;min-height:53px;border:0;border-radius:12px;background:var(--violet);color:#fff;font-size:13px;font-weight:900;box-shadow:0 13px 30px rgba(81,52,245,.23)}.process-button:disabled{background:#c7c3d5;box-shadow:none;cursor:not-allowed}.process-button:not(:disabled):hover{background:#4125df;transform:translateY(-1px)}.workspace-action small{margin-top:9px;color:#9a96a7;font-size:8px}.tool-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.tool-benefits article{padding:26px;border:1px solid var(--line);border-radius:16px}.tool-benefits i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--violetSoft);color:var(--violet);font-style:normal;font-size:19px}.tool-benefits h3{margin:17px 0 8px;color:var(--navy);font-size:15px}.tool-benefits p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.7}.related-section{padding:85px 0;background:var(--mist);border-top:1px solid var(--line)}.related-section .section-heading a{color:var(--violet);font-size:11px;font-weight:850}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.not-found{padding:120px 0;text-align:center}.not-found h1{font-size:48px;color:var(--navy)}.not-found p{color:var(--muted)}
@media(max-width:1100px){.main-nav{gap:20px}.header-cta{display:none}.mega-menu{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:25px}.hero-copy h1{font-size:56px}.popular-grid{grid-template-columns:repeat(3,1fr)}.all-tools-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.page-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.shell{width:min(100% - 28px,720px)}.top-strip .shell{gap:15px}.top-strip span:nth-child(3){display:none}.site-header{position:sticky}.header-inner{height:68px}.brand img{width:154px;height:58px}.mobile-menu{margin-left:auto;width:42px;height:42px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:#fff}.mobile-menu span{width:20px;height:2px;background:var(--navy);transition:.2s}.mobile-menu.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu.open span:nth-child(2){opacity:0}.mobile-menu.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:absolute;left:0;right:0;top:68px;padding:10px 14px 16px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(17,11,70,.1)}.main-nav.open{display:flex}.main-nav>a,.tools-menu-button{width:100%;padding:12px 8px;text-align:left}.tools-menu-wrap{width:100%}.mega-menu{position:static;width:100%;max-height:420px;overflow:auto;margin:3px 0 8px;padding:14px;display:none;grid-template-columns:repeat(2,1fr);opacity:1;visibility:visible;transform:none;box-shadow:none}.mega-menu.open{display:grid;transform:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-bottom:45px}.hero-copy{padding:55px 0 15px;text-align:center}.hero-pill{margin-inline:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{width:min(560px,100%);margin-inline:auto}.popular-grid{grid-template-columns:repeat(2,1fr)}.all-tools-grid{grid-template-columns:repeat(3,1fr)}.security-grid{grid-template-columns:1fr;gap:40px}.security-art{order:2}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}.tool-hero{padding-bottom:90px}.page-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.shell{width:min(100% - 22px,560px)}.top-strip{font-size:10px}.top-strip span:nth-child(2){display:none}.hero-copy h1{font-size:44px;letter-spacing:-2.6px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-stats div{min-width:0;flex:1;padding-right:10px;margin-right:10px}.hero-visual{height:350px}.visual-board{inset:20px 0}.mini-page{width:82px;height:116px}.floating-card{display:none}.popular-section,.feature-section,.faq-section,.tool-info{padding:70px 0}.popular-grid{grid-template-columns:1fr}.section-heading.split{display:block}.section-heading.split>p{text-align:left;margin-top:12px}.section-heading h2{font-size:32px}.all-tools-section{padding:70px 0}.all-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-tool{min-height:172px;padding:14px}.home-tool .tool-icon{width:50px;height:50px;flex-basis:50px;font-size:22px}.home-tool h3{font-size:14px}.home-tool p{font-size:9px}.tool-filter{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.tool-filter button{white-space:nowrap}.feature-grid{grid-template-columns:1fr}.security-grid{padding-block:60px}.security-copy h2{font-size:35px}.security-art{height:330px}.secure-step{min-width:150px}.cta-section{margin-block:60px;padding:31px 24px;display:block}.cta-section .button{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:8px;flex-direction:column}.tool-hero{padding:24px 0 72px}.tool-hero-copy{display:block;text-align:center}.tool-hero-icon{margin:0 auto 16px}.tool-hero h1{font-size:40px}.hero-trust{justify-content:center}.workspace-section{margin-top:-45px}.workspace-card{border-radius:16px}.workspace-top{display:none}.drop-zone{margin:14px;min-height:250px;padding:28px 15px}.selected-file-bar,.preview-toolbar,.page-preview-grid,.tool-options,.workspace-error,.progress-panel,.workspace-result{margin-left:14px;margin-right:14px}.preview-toolbar{align-items:flex-start}.preview-toolbar-actions{display:none}.page-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px;max-height:520px}.page-hover-actions{opacity:1;top:auto;bottom:35px;transform:translateX(-50%)}.page-card:hover .page-canvas-wrap:after{display:none}.page-hover-actions button{width:27px;height:27px;font-size:11px}.option-grid{grid-template-columns:1fr}.workspace-action{padding-left:14px;padding-right:14px}.process-button{width:100%;min-width:0}.tool-benefits{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.tool-card.featured{min-height:105px}}


/* 2026-08-22 UI reliability and icon update */
[hidden]{display:none!important}
.home-tool.is-filter-hidden{display:none!important}
.tool-icon i,.tool-hero-icon i,.drop-icon i{line-height:1;font-size:1em}
.tools-menu-button{display:flex;align-items:center;gap:7px}
.tools-menu-button>i{color:var(--violet);font-size:16px}
.mega-menu{width:min(900px,calc(100vw - 32px));padding:16px;grid-template-columns:repeat(4,minmax(145px,1fr));column-gap:18px;row-gap:12px;max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain}
.mega-menu section{align-self:start}
.mega-menu h3{margin:0 0 6px;display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.25}
.mega-menu h3 i{width:17px;flex:0 0 17px;color:var(--violet);font-size:15px;text-align:center}
.mega-menu a{padding:4px 3px;display:flex;align-items:center;gap:8px;border-radius:7px;font-size:11px;line-height:1.25}
.mega-menu a:hover{background:var(--violetSoft)}
.mega-menu .mega-tool-icon{width:17px;flex:0 0 17px;color:#8a80c8;font-size:12px;text-align:center}
.workspace-error[hidden],.progress-panel[hidden],.workspace-result[hidden],.selected-file-bar[hidden],.preview-toolbar[hidden],.page-preview-grid[hidden]{display:none!important}
.workspace-result{scroll-margin-top:110px}
.download-item a.download-button{min-width:132px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;font-size:10px;white-space:nowrap;box-shadow:0 8px 18px rgba(81,52,245,.18)}
.download-item a.download-button:hover{background:#4125df;transform:translateY(-1px)}
.workspace-error>i{font-size:13px}
@media(max-width:1100px){.mega-menu{width:min(820px,calc(100vw - 28px));grid-template-columns:repeat(3,minmax(150px,1fr));column-gap:14px;row-gap:10px}}
@media(max-width:820px){.tools-menu-button{justify-content:flex-start}.mega-menu{width:100%;max-height:55vh;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.mega-menu h3{font-size:11px}.mega-menu a{font-size:10px;padding:4px 2px}}
@media(max-width:520px){.mega-menu{grid-template-columns:1fr}.download-item{align-items:stretch;flex-direction:column}.download-item a.download-button{width:100%}}

/* 2026-08-23 multi-file previews and highlighted tool choices */
.add-files-row{margin:0 28px 18px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.add-files-row .button{min-height:38px;font-size:10px}.add-files-row span{color:#8d899b;font-size:9px}.preview-toolbar-actions .preview-mode-button.active{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 6px 14px rgba(81,52,245,.18)}
.file-preview-grid{margin:0 28px 24px;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:15px;background:#f6f5fa}.file-preview-card{position:relative;min-width:0;padding:10px;border:2px solid transparent;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(30,25,70,.06);transition:.15s;user-select:none}.file-preview-card:hover{border-color:#cfc6ff;box-shadow:0 11px 26px rgba(81,52,245,.12)}.file-preview-card.dragging{opacity:.42}.file-card-visual{height:180px;display:grid;place-items:center;overflow:hidden;border:1px solid #e5e2ec;border-radius:8px;background:linear-gradient(145deg,#fff,#f2f0fa)}.file-card-visual canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 5px 16px rgba(20,17,54,.12)}.file-card-visual>i{font-size:72px}.file-card-visual>i.pdf{color:#e04457}.file-card-visual>i.word{color:#2b579a}.file-card-visual>i.powerpoint{color:#d24726}.file-card-visual>i.excel{color:#217346}.file-remove{position:absolute;z-index:3;right:17px;top:17px;width:31px;height:31px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--red);box-shadow:0 5px 15px rgba(25,20,65,.2);font-size:21px;font-weight:800;line-height:1;opacity:0;transform:scale(.88);transition:.15s}.file-preview-card:hover .file-remove,.file-preview-card:focus-within .file-remove{opacity:1;transform:scale(1)}.file-card-label{padding:9px 2px 2px}.file-card-label b,.file-card-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-label b{color:var(--navy);font-size:10px}.file-card-label span{margin-top:4px;color:#9995a6;font-size:8px}
.choice-field{min-width:0;margin:0;padding:0;border:0}.choice-field.wide{grid-column:1/-1}.choice-field>legend{margin-bottom:7px;color:#5d596c;font-size:9px;font-weight:800}.choice-field>small{display:block;margin-top:7px;color:#9995a6;font-size:8px}.choice-cards{display:grid;gap:10px}.choice-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid .choice-cards label{position:relative;display:block}.choice-cards input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.choice-cards label>span{min-height:68px;padding:12px;display:flex;flex-direction:column;justify-content:center;border:1px solid #dcd8e8;border-radius:11px;background:#fff;transition:.15s}.choice-cards label:hover>span{border-color:#bdb3fa}.choice-cards input:checked+span{border-color:var(--violet);background:var(--violetSoft);box-shadow:0 0 0 3px rgba(81,52,245,.08)}.choice-cards b{color:var(--navy);font-size:10px}.choice-cards input:checked+span b{color:var(--violet)}.choice-cards small{margin-top:5px;color:#8d899b;font-size:8px;line-height:1.4}.option-grid .check-option{padding:12px;display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid #ddd8eb;border-radius:10px;background:#fff}.check-option>input{width:18px;height:18px;padding:0;accent-color:var(--violet)}.check-option>span b,.check-option>span small{display:block}.check-option>span b{color:var(--navy);font-size:10px}.check-option>span small{margin-top:3px;color:#918d9e;font-size:8px}
@media(max-width:900px){.file-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.file-card-visual{height:155px}}
@media(max-width:640px){.add-files-row,.file-preview-grid{margin-left:14px;margin-right:14px}.add-files-row{align-items:stretch;flex-direction:column}.add-files-row .button{width:100%}.add-files-row span{text-align:center}.preview-toolbar{flex-direction:column}.preview-toolbar-actions{width:100%;display:flex!important;overflow:auto}.preview-toolbar-actions button{white-space:nowrap}.file-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}.file-card-visual{height:130px}.file-remove{opacity:1;right:14px;top:14px}.choice-cards.two,.choice-cards.three{grid-template-columns:1fr}}

/* 2026-08-26 advanced signing, redaction and live previews */
.advanced-pdf-editor{margin:0 28px 24px;min-height:650px;display:grid;grid-template-columns:170px minmax(360px,1fr) 235px;overflow:hidden;border:1px solid #ded9ee;border-radius:16px;background:#f6f5fa}
.editor-thumbnails,.editor-tools{padding:15px;background:#fff}.editor-thumbnails{border-right:1px solid var(--line)}.editor-tools{border-left:1px solid var(--line)}
.editor-panel-title b,.editor-panel-title span{display:block}.editor-panel-title b{color:var(--navy);font-size:12px}.editor-panel-title span{margin-top:3px;color:#9995a6;font-size:8px}
#editor-thumbnail-list{margin-top:13px;display:grid;gap:10px;max-height:570px;overflow:auto}.editor-thumbnail{padding:7px;border:2px solid transparent;border-radius:9px;background:#f7f6fb;text-align:center}.editor-thumbnail.active{border-color:var(--violet);background:var(--violetSoft)}.editor-thumbnail canvas{display:block;width:100%;height:auto;max-height:145px;object-fit:contain;background:#fff}.editor-thumbnail span{display:block;margin-top:6px;color:#746f84;font-size:8px;font-weight:800}
.editor-stage{min-width:0;padding:15px;display:flex;flex-direction:column}.editor-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.editor-stage-top b{color:var(--navy);font-size:11px}.editor-stage-top span{color:#8f8a9d;font-size:8px}.editor-page-shell{min-height:570px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto;border:1px solid #e2deeb;border-radius:12px;background:#dddbe4}.editor-page{position:relative;width:min(100%,520px);aspect-ratio:.707;background:#fff;box-shadow:0 15px 35px rgba(25,19,67,.16);touch-action:none}.editor-page>canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.editor-tool-list{margin-top:13px;display:grid;gap:8px}.editor-tool-list>button{min-height:45px;padding:9px 10px;display:flex;align-items:center;gap:9px;border:1px solid #ded9eb;border-radius:10px;background:#fff;color:#514b67;font-size:9px;font-weight:850;text-align:left}.editor-tool-list>button:hover,.editor-tool-list>button.active{border-color:var(--violet);background:var(--violetSoft);color:var(--violet)}.editor-tool-list>button i{width:22px;color:var(--violet);font-size:13px;text-align:center}.page-card .page-hover-actions{width:calc(100% - 16px);justify-content:center;flex-wrap:wrap}
.placed-object{position:absolute;z-index:5;min-width:45px;min-height:24px;display:flex;align-items:center;justify-content:center;border:1px dashed transparent;transform-origin:center;cursor:move;user-select:none;touch-action:none}.placed-object.selected{border-color:var(--violet);background:rgba(81,52,245,.05)}.placed-object img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.placed-object .placed-text{width:100%;padding:3px;color:#151562;font-size:clamp(10px,2.4vw,28px);line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden}.placed-object.signature-font .placed-text{font-style:italic}.placed-object .resize-handle{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--violet);cursor:nwse-resize}.placed-object:not(.selected) .resize-handle{display:none}
.selected-object-panel{margin-top:15px;padding:12px;border:1px solid #ded9eb;border-radius:11px;background:#fbfaff}.selected-object-panel>b{color:var(--navy);font-size:9px}.object-action-grid{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.object-action-grid button{min-height:32px;padding:5px;border:1px solid #ddd8e8;border-radius:7px;background:#fff;color:#5e586e;font-size:7.5px;font-weight:800}.object-action-grid button.danger{grid-column:1/-1;color:var(--red)}.selected-object-panel label{margin-top:10px;display:grid;gap:5px}.selected-object-panel label span{color:#716b80;font-size:8px;font-weight:800}.selected-object-panel input{width:100%;accent-color:var(--violet)}.edit-signature-details{width:100%;min-height:38px;margin-top:14px;font-size:8px}
.redact-unit-picker{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.redact-unit-picker button{padding:7px 3px;border:1px solid #ded9eb;background:#fff;color:#746e83;font-size:7px;font-weight:850}.redact-unit-picker button:first-child{border-radius:8px 0 0 8px}.redact-unit-picker button:last-child{border-radius:0 8px 8px 0}.redact-unit-picker button.active{border-color:var(--violet);background:var(--violet);color:#fff}.redact-box{position:absolute;z-index:6;border:1px solid #111;background:#080808;cursor:pointer}.redact-box.full-page{inset:0!important;width:100%!important;height:100%!important}.redact-box.pending{opacity:.65}.redact-help{margin-top:15px;padding:11px;display:flex;gap:8px;border-radius:9px;background:#fff5f7;color:#874052}.redact-help i{margin-top:2px}.redact-help p{margin:0;font-size:8px;line-height:1.45}
.detail-modal{width:min(760px,calc(100vw - 28px));max-height:90vh;padding:0;overflow:auto;border:0;border-radius:19px;background:#fff;box-shadow:0 30px 90px rgba(17,11,61,.3)}.detail-modal::backdrop{background:rgba(15,11,47,.65);backdrop-filter:blur(3px)}.detail-modal form{padding:22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-head span{color:var(--violet);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.modal-head h2{margin:6px 0 0;color:var(--navy);font-size:25px}.modal-close{width:34px;height:34px;border:0;border-radius:50%;background:#f2f0f8;color:#625d70;font-size:21px}.modal-tabs{margin:20px 0 16px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.modal-tabs button{padding:11px;border:0;border-bottom:2px solid transparent;background:#fff;color:#858092;font-size:10px;font-weight:850}.modal-tabs button.active{border-color:var(--violet);color:var(--violet)}.signature-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.signature-methods button{padding:10px;border:1px solid #ddd9e8;border-radius:9px;background:#fff;color:#625c72;font-size:8px;font-weight:800}.signature-methods button.active{border-color:var(--violet);background:var(--violetSoft);color:var(--violet)}.signature-method-panel{margin-top:14px}.signature-method-panel>label:first-child{display:grid;gap:6px}.signature-method-panel label span,.modal-color span{color:#5d586c;font-size:8px;font-weight:850}.signature-method-panel input[type=text]{height:42px;padding:0 11px;border:1px solid #dad6e7;border-radius:9px}.signature-font-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:205px;overflow:auto}.signature-font-grid button{height:49px;overflow:hidden;border:1px solid #ddd9e7;border-radius:8px;background:#fff;color:#171641;font-size:18px}.signature-font-grid button.active{border-color:var(--violet);background:var(--violetSoft);box-shadow:0 0 0 2px rgba(81,52,245,.08)}.draw-toolbar{display:flex;justify-content:space-between;margin-bottom:7px;color:#6d677b;font-size:8px;font-weight:800}.draw-toolbar button{border:0;background:transparent;color:var(--red);font-size:8px;font-weight:850}#signature-draw-canvas{display:block;width:100%;height:190px;border:1px dashed #bcb5d7;border-radius:10px;background:#fff;touch-action:none}.upload-signature-box{min-height:125px;padding:18px;display:grid!important;place-items:center;gap:8px;border:2px dashed #c8c0e7;border-radius:11px;background:#fbfaff;color:#6657bd;text-align:center}.upload-signature-box i{font-size:26px}.upload-signature-box input{max-width:100%;font-size:8px}.signature-method-panel>img,[data-sign-panel="stamp"]>img{display:block;max-width:260px;max-height:150px;margin:12px auto}.modal-color{margin-top:13px;display:flex;align-items:center;justify-content:space-between}.modal-color input{width:60px;height:34px;border:0;background:transparent}.modal-choice{margin:20px 0 0;padding:0;border:0}.modal-choice legend{margin-bottom:8px;color:#5d586c;font-size:9px;font-weight:850}.modal-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:9px}.modal-actions .button{min-width:100px;font-size:9px}
.page-selection-options{margin-top:18px;display:grid;gap:9px}.page-selection-options label{padding:11px;display:flex;gap:9px;align-items:flex-start;border:1px solid #ded9e9;border-radius:9px}.page-selection-options label:has(input:checked){border-color:var(--violet);background:var(--violetSoft)}.page-selection-options input[type=radio]{accent-color:var(--violet)}.page-selection-options b,.page-selection-options small{display:block}.page-selection-options b{color:var(--navy);font-size:9px}.page-selection-options small{margin-top:3px;color:#8b8698;font-size:7.5px}.page-selection-options>input[type=text]{height:39px;padding:0 10px;border:1px solid #dad6e7;border-radius:8px}
.page-card.blank-page .page-canvas-wrap{background:repeating-linear-gradient(135deg,#fff,#fff 12px,#faf9fd 12px,#faf9fd 24px)}.page-card.blank-page .page-canvas-wrap:before{content:"Blank page";color:#aaa5b3;font-size:9px;font-weight:850}.page-card.jpg-live .page-canvas-wrap{padding:var(--jpg-preview-margin,0);background:#fff}.page-card.jpg-live .page-canvas-wrap img{width:100%;height:100%;object-fit:contain}
@media(max-width:950px){.advanced-pdf-editor{grid-template-columns:135px minmax(300px,1fr) 200px}.editor-page-shell{padding:12px}.signature-font-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.advanced-pdf-editor{margin-left:14px;margin-right:14px;grid-template-columns:90px minmax(0,1fr);min-height:560px}.editor-tools{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}.editor-tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-page-shell{min-height:420px}.object-action-grid{grid-template-columns:repeat(5,1fr)}.object-action-grid button.danger{grid-column:auto}.signature-font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.advanced-pdf-editor{grid-template-columns:72px minmax(0,1fr)}.editor-thumbnails,.editor-stage,.editor-tools{padding:9px}.editor-page-shell{min-height:330px;padding:6px}.editor-stage-top{display:block}.editor-stage-top span{display:block;margin-top:3px}.editor-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-methods{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}

/* 2026-08-27 high-resolution previews and full PDF editing studios */
.page-canvas-wrap canvas,.file-card-visual canvas{width:100%;height:100%;object-fit:contain;image-rendering:auto}.editor-page>canvas.editor-page-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:auto}.editor-page>canvas.editor-page-background.sharp{z-index:0}.editor-page>*:not(canvas.editor-page-background){z-index:2}
.format-smart-bar{grid-column:1/-1;margin:0;padding:11px;display:grid;grid-template-columns:1.5fr .7fr 42px 42px 42px .8fr;gap:8px;align-items:end;border:1px solid #ddd8eb;border-radius:11px;background:#fff}.format-smart-bar legend{padding:0 5px;color:#5d596c;font-size:9px;font-weight:850}.format-smart-bar .format-toggle{display:block}.format-smart-bar .format-toggle input{position:absolute;width:1px;height:1px;opacity:0}.format-smart-bar .format-toggle b,.format-smart-bar .format-toggle i,.format-smart-bar .format-toggle u{height:40px;display:grid;place-items:center;border:1px solid #dad6e7;border-radius:9px;background:#fff;color:#49445b;font-size:13px;font-style:normal;text-decoration:none}.format-smart-bar .format-toggle input:checked+*{border-color:var(--violet);background:var(--violetSoft);color:var(--violet)}.live-preview-note{grid-column:1/-1;padding:11px;display:flex;align-items:center;gap:9px;border:1px solid #ead3d8;border-radius:9px;background:#fff7f8;color:#7e5360;font-size:8.5px;line-height:1.45}.live-preview-note i.fa-circle{color:#ed233f;font-size:12px}.watermark-image-setting[hidden],.watermark-text-setting[hidden]{display:none!important}
.live-tool-overlay{position:absolute;z-index:2;pointer-events:none}.page-number-live{display:flex;align-items:center;gap:4px;max-width:88%;white-space:nowrap}.page-number-live .placement-dot,.watermark-live>.placement-dot{width:10px;height:10px;flex:0 0 10px;border:2px solid #fff;border-radius:50%;background:#ed1f3a;box-shadow:0 1px 5px rgba(160,0,24,.5)}.preview-top-left{left:5%;top:5%}.preview-top-centre{left:50%;top:5%;transform:translateX(-50%)}.preview-top-right{right:5%;top:5%}.preview-middle-left{left:5%;top:50%;transform:translateY(-50%)}.preview-middle-centre{left:50%;top:50%;transform:translate(-50%,-50%)}.preview-middle-right{right:5%;top:50%;transform:translateY(-50%)}.preview-bottom-left{left:5%;bottom:5%}.preview-bottom-centre{left:50%;bottom:5%;transform:translateX(-50%)}.preview-bottom-right{right:5%;bottom:5%}.watermark-live{max-width:92%;display:grid;place-items:center}.watermark-live:not(.mosaic)>.placement-dot{position:absolute;right:-8px;bottom:-8px}.watermark-preview-item{display:block;max-width:100%;white-space:nowrap;transform-origin:center}.watermark-preview-item img{display:block;max-width:130px;max-height:80px;object-fit:contain}.watermark-live.mosaic{inset:7%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px}.watermark-live.mosaic .watermark-preview-item{max-width:100%;overflow:hidden;font-size:9px!important}.watermark-live.mosaic>.placement-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.page-card.resize-live .page-canvas-wrap{padding:var(--resize-preview-margin,0);background:#eeecf3}.page-card.resize-live .page-canvas-wrap canvas{background:#fff;box-shadow:0 2px 8px rgba(30,25,70,.12)}
.advanced-pdf-editor{grid-template-columns:180px minmax(430px,1fr) 270px;min-height:720px}.editor-page-shell{min-height:610px}.studio-toolbar{margin-bottom:10px;padding:7px;display:flex;gap:6px;overflow:auto;border:1px solid #ded9eb;border-radius:10px;background:#fff}.studio-toolbar button{min-width:58px;padding:7px 6px;display:grid;place-items:center;gap:4px;border:1px solid transparent;border-radius:8px;background:#fff;color:#696378;font-size:7px;font-weight:800}.studio-toolbar button i{font-size:13px;color:var(--violet)}.studio-toolbar button:hover,.studio-toolbar button.active{border-color:#c9c0ff;background:var(--violetSoft);color:var(--violet)}.forms-toolbar button{min-width:70px}
.editor-page-shell.panning{cursor:grabbing;user-select:none}.editor-page-shell.panning .editor-page{cursor:grabbing}
.crop-selection{position:absolute;z-index:4;padding:0;border:2px dashed #5134f5;background:transparent;box-shadow:0 0 0 9999px rgba(13,10,39,.48);cursor:crosshair}.crop-selection.selected{border:3px solid #6c52ff;box-shadow:0 0 0 9999px rgba(13,10,39,.54),0 0 0 2px #fff}.crop-actions{margin-top:12px;display:grid;gap:6px}.crop-actions button{min-height:34px;border:1px solid #ddd8e8;border-radius:8px;background:#fff;color:#5e586e;font-size:8px;font-weight:800}.crop-actions button:hover{border-color:var(--violet);color:var(--violet)}
.history-list{margin-top:12px;display:grid;gap:6px;max-height:235px;overflow:auto}.history-list>button{padding:8px;display:block;border:1px solid #e1ddec;border-radius:8px;background:#fff;text-align:left}.history-list>button.active{border-color:var(--violet);background:var(--violetSoft)}.history-list span,.history-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list span{color:#4b465d;font-size:8px;font-weight:850;text-transform:capitalize}.history-list small{margin-top:3px;color:#9792a2;font-size:7px}.empty-history{margin:0;padding:10px;border-radius:8px;background:#f7f6fb;color:#9994a3;font-size:8px;line-height:1.45}
.studio-inspector{margin-top:13px;padding-top:12px;display:grid;gap:8px;border-top:1px solid var(--line)}.studio-inspector label{display:grid;gap:4px;color:#6f697d;font-size:7.5px;font-weight:800}.studio-inspector input,.studio-inspector select,.studio-inspector textarea{width:100%;min-height:33px;padding:6px 8px;border:1px solid #ddd8e8;border-radius:7px;background:#fff;color:#2f2b42;font-size:8px}.studio-inspector textarea{resize:vertical}.inspector-two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.format-checks{display:flex;gap:5px;flex-wrap:wrap}.format-checks label{padding:6px 8px;display:flex;align-items:center;gap:4px;border:1px solid #ddd8e8;border-radius:7px;background:#fff}.format-checks input{width:auto;min-height:0;padding:0;accent-color:var(--violet)}
.studio-object{position:absolute;z-index:5;min-width:16px;min-height:14px;padding:3px;display:flex;align-items:center;justify-content:center;border:1px dashed transparent;transform-origin:center;cursor:move;touch-action:none}.studio-object.selected{border-color:var(--violet);background:rgba(81,52,245,.06)}.studio-object>span:not(.resize-handle){width:100%;overflow:hidden;text-align:center;line-height:1.15;white-space:pre-wrap}.studio-object img,.studio-object svg{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.studio-edit-text{background:#fff}.studio-annotate{background:rgba(255,226,63,.45)}.studio-shape{border:2px solid var(--object-colour);background:color-mix(in srgb,var(--object-fill) 35%,transparent)}.studio-shape.shape-ellipse{border-radius:50%}.studio-shape.shape-line,.studio-shape.shape-arrow{border:0;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--object-colour) 50%,transparent calc(50% + 1px))}.studio-object .resize-handle{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--violet);cursor:nwse-resize}.studio-object:not(.selected) .resize-handle{display:none}.form-object{border:1px solid #6c5bc7;border-radius:3px;background:rgba(255,255,255,.82);color:#45405b;font-size:10px}.form-checkbox,.form-radio{padding:0;background:#fff;font-size:19px}.redact-box.selected{outline:2px solid #ff627b;outline-offset:2px}
@media(max-width:1050px){.advanced-pdf-editor{grid-template-columns:145px minmax(360px,1fr) 225px}.format-smart-bar{grid-template-columns:1fr 70px repeat(3,38px) 70px}}
@media(max-width:800px){.advanced-pdf-editor{grid-template-columns:95px minmax(0,1fr)}.advanced-pdf-editor .editor-tools{grid-column:1/-1}.editor-page-shell{min-height:460px}.studio-toolbar button{min-width:56px}.history-list{max-height:180px}.format-smart-bar{grid-template-columns:repeat(3,1fr)}.format-smart-bar .format-toggle{align-self:end}}
@media(max-width:560px){.format-smart-bar{grid-template-columns:1fr 1fr}.studio-toolbar{margin-inline:-3px}.editor-page-shell{min-height:360px}.advanced-pdf-editor{grid-template-columns:78px minmax(0,1fr)}.watermark-live.mosaic{inset:4%;gap:3px}.watermark-live.mosaic .watermark-preview-item{font-size:6px!important}}

/* 2026-08-27 readable settings and screenshot-matched Edit PDF controls */
.tool-options{padding:24px}.options-heading{gap:13px;margin-bottom:20px}.options-heading>span{width:36px;height:36px;font-size:13px}.options-heading b{font-size:16px}.options-heading em{margin-top:4px;font-size:12px;line-height:1.45}.option-grid{gap:16px}.option-grid>label>span,.choice-field>legend,.format-smart-bar legend{font-size:13px!important;line-height:1.35}.option-grid input:not([type=checkbox]):not([type=radio]):not([type=color]),.option-grid select,.option-grid textarea{min-height:46px;padding:10px 12px;font-size:14px}.option-grid input[type=color]{min-height:42px}.choice-cards label>span{min-height:82px;padding:15px}.choice-cards b{font-size:14px}.choice-cards small,.choice-field>small,.check-option>span small{font-size:11px;line-height:1.5}.option-grid .check-option{min-height:68px;padding:15px}.check-option>input{width:22px;height:22px}.check-option>span b{font-size:13px}.format-smart-bar .format-toggle b,.format-smart-bar .format-toggle i,.format-smart-bar .format-toggle u{height:46px;font-size:17px}.no-options{padding:17px}.no-options span{font-size:18px}.no-options p{font-size:13px;line-height:1.55}.live-preview-note{font-size:11px}.preview-toolbar b{font-size:14px}.preview-toolbar span{font-size:11px}.preview-toolbar-actions button{min-height:36px;padding:8px 11px;font-size:11px}.editor-panel-title b{font-size:14px}.editor-panel-title span{font-size:10px;line-height:1.45}.editor-stage-top b{font-size:13px}.editor-stage-top span{font-size:10px}.editor-thumbnail span{font-size:10px}.history-list span{font-size:10px}.history-list small,.empty-history{font-size:9px}.studio-inspector label{font-size:10px}.studio-inspector input,.studio-inspector select,.studio-inspector textarea{min-height:39px;font-size:11px}.object-action-grid button{min-height:38px;font-size:10px}.editor-tool-list>button{font-size:11px}.editor-tool-list>button i{font-size:16px}.selected-object-panel>b,.selected-object-panel label span{font-size:11px}

.studio-mode-tabs{margin-bottom:8px;display:flex;overflow:auto;border:1px solid #d8dbe3;border-radius:10px 10px 0 0;background:#fff}.studio-mode-tabs button{min-width:82px;min-height:64px;padding:8px 11px;display:grid;place-items:center;gap:5px;border:0;border-right:1px solid #d8dbe3;background:#fff;color:#676976;font-size:10px;font-weight:750}.studio-mode-tabs button i{font-size:20px;color:#747783}.studio-mode-tabs button:hover,.studio-mode-tabs button.active,.studio-mode-tabs button.category-active{background:#fff8f8;color:#ed342d}.studio-mode-tabs button.active i,.studio-mode-tabs button.category-active i{color:#ed342d}.studio-mode-tabs button.category-active{box-shadow:inset 0 -3px #ed342d}
.studio-subtoolbar{margin-bottom:12px;min-height:58px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d8dbe3;border-radius:0 0 10px 10px;background:#f4f7f9}.studio-tool-panel{display:flex;align-items:center;gap:5px;overflow:auto}.studio-tool-panel[hidden]{display:none!important}.studio-tool-panel button,.studio-quick-actions button{min-width:54px;min-height:43px;padding:5px 7px;display:grid;place-items:center;gap:2px;border:1px solid transparent;border-radius:7px;background:transparent;color:#7b8490;font-size:8px;font-weight:750}.studio-tool-panel button i,.studio-quick-actions button i{font-size:19px}.studio-tool-panel button:hover,.studio-tool-panel button.active{border-color:#2485cc;background:#fff;color:#1477bb}.studio-tool-panel button.active i{color:#ed3b34}.studio-quick-actions{padding-left:8px;display:flex;border-left:1px solid #cfd5db}.studio-quick-actions button{min-width:38px}.studio-quick-actions button:hover{background:#fff;color:#287db6}
.editor-page[data-active-tool]:not([data-active-tool=hand]){cursor:crosshair}.editor-page[data-active-tool=hand]{cursor:grab}.advanced-pdf-editor.thumbnails-collapsed{grid-template-columns:minmax(430px,1fr) 270px}.advanced-pdf-editor.thumbnails-collapsed .editor-thumbnails{display:none}.advanced-pdf-editor.thumbnails-collapsed .editor-stage{grid-column:1}.advanced-pdf-editor.thumbnails-collapsed .editor-tools{grid-column:2}
.studio-object{--object-line-width:3px}.studio-shape{border-width:var(--object-line-width)}.studio-shape.shape-line,.studio-shape.shape-arrow{background:linear-gradient(to bottom right,transparent calc(50% - 1.5px),var(--object-colour) 50%,transparent calc(50% + 1.5px))}.studio-annotate{padding:0;border:0;background:transparent}.studio-annotate.annotation-highlight{background:color-mix(in srgb,var(--object-fill) 58%,transparent)}.studio-annotate.annotation-underline{border-bottom:var(--object-line-width) solid var(--object-colour)}.studio-annotate.annotation-strikeout:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:var(--object-line-width) solid var(--object-colour)}.studio-annotate.annotation-squiggly{background:linear-gradient(135deg,transparent 0 44%,var(--object-colour) 45% 55%,transparent 56%) 0 100%/10px 6px repeat-x}.standard-stamp{border:2px solid currentColor;border-radius:4px;background:rgba(238,241,255,.75);color:#243c8f;font-weight:900;letter-spacing:.5px;transform:rotate(-1deg)}.standard-stamp>span{font-size:clamp(8px,1.6vw,15px)}.studio-form{border:1px solid #3e77ad;border-radius:3px;background:rgba(255,255,255,.85);color:#26394c}.studio-form.edit-form-checkbox,.studio-form.edit-form-radio{font-size:20px}.studio-form.edit-form-signature{font-style:italic}
.stamp-gallery{margin:14px 0;padding:11px;display:grid;gap:6px;border:1px solid #d9dee7;border-radius:10px;background:#f8fafc}.stamp-gallery>b{margin-bottom:3px;color:#30384a;font-size:11px}.stamp-gallery button{min-height:32px;border:1px solid #b9c4d5;border-radius:4px;background:#fff;color:#263c82;font-size:9px;font-weight:900;font-style:italic}.stamp-gallery button:nth-of-type(1),.stamp-gallery button:nth-of-type(3),.stamp-gallery button:nth-of-type(6){color:#44722f}.stamp-gallery button:nth-of-type(7),.stamp-gallery button:nth-of-type(9){color:#b32121}.stamp-gallery button:hover,.stamp-gallery button.active{outline:2px solid #2d84c6;outline-offset:1px}.history-heading{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.studio-inspector [data-inspector-group]{display:grid;gap:8px}.studio-inspector [data-inspector-group][hidden]{display:none!important}
@media(max-width:800px){.tool-options{padding:18px}.studio-mode-tabs button{min-width:70px}.studio-mode-tabs button i{font-size:18px}.studio-tool-panel button span{display:none}.studio-tool-panel button{min-width:42px}.advanced-pdf-editor.thumbnails-collapsed{grid-template-columns:minmax(0,1fr)}.advanced-pdf-editor.thumbnails-collapsed .editor-tools{grid-column:1}}
@media(max-width:560px){.tool-options{padding:14px}.options-heading b{font-size:15px}.options-heading em{font-size:11px}.choice-cards b{font-size:13px}.choice-cards small{font-size:10px}.studio-mode-tabs button{min-width:61px;min-height:56px;font-size:8px}.studio-mode-tabs button i{font-size:16px}.studio-subtoolbar{padding:5px}.studio-quick-actions{display:none}}
.content-hero{padding:70px 0;background:linear-gradient(180deg,#f7f5ff,#fff);border-bottom:1px solid var(--line)}.content-hero>div>span{color:var(--violet);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px}.content-hero h1{margin:10px 0 12px;color:var(--navy);font-size:48px;letter-spacing:-1.7px}.content-hero p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.content-body{max-width:900px;padding-top:65px;padding-bottom:80px}.content-body article{padding:28px 0;border-bottom:1px solid var(--line)}.content-body article:first-child{padding-top:0}.content-body h2{margin:0 0 10px;color:var(--navy);font-size:24px}.content-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}@media(max-width:640px){.content-hero{padding:45px 0}.content-hero h1{font-size:36px}.content-hero p{font-size:14px}.content-body{padding-top:40px}.content-body h2{font-size:21px}}