@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Onest:wght@400;500;600;700;800&display=swap'); :root{--ink:#18223b;--muted:#727b91;--muted2:#9fa8bb;--paper:#f7f8fc;--border:#e2e5ee;--primary:#6254e9;--purple:#7262ed;--blue:#5e82f8;--white:#fff;--shadow:0 12px 38px rgba(33,39,78,.05)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.55 'Onest','Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.wrap{max-width:1260px;width:calc(100% - 72px);margin:0 auto} .announcement{background:#201c40;color:#e9e6ff;text-align:center;min-height:32px;padding:4px 16px;font-size:12px;letter-spacing:.015em;display:flex;align-items:center;justify-content:center;gap:11px}.announcement .sparkle{color:#a28dff;font-size:18px}.announcement button{border:0;background:none;color:#c7baff;font-weight:700;font-size:12px;padding:0}.announcement button:hover{text-decoration:underline}.announcement button span{margin-left:3px} .header{background:#fff;border-bottom:1px solid #edf0f6;position:sticky;top:0;z-index:30}.header-inner{height:81px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.logo-glyph{width:35px;height:36px;border-radius:11px;background:#6e60e9;display:grid;place-items:center;position:relative;box-shadow:0 4px 14px #6e60e943}.glyph-square{width:17px;height:19px;border:2px solid #fff;border-radius:4px;transform:rotate(-9deg)}.glyph-mark{color:#fff;font-size:13px;position:absolute;right:6px;top:7px}.logo-name{font-size:26px;letter-spacing:-.075em;line-height:1;font-weight:800}.logo-dot,.footer-logo span{color:#7563f3}.logo-tag{color:#8476dd;background:#f3f0ff;font-size:9px;border-radius:4px;padding:2px 5px;font-weight:800;letter-spacing:.08em;align-self:flex-start;margin:5px 0 0 3px}.nav{display:flex;align-items:center;gap:30px;margin-left:45px}.nav-link{font-size:13px;font-weight:650;color:#798096;transition:color .2s;white-space:nowrap}.nav-link.active,.nav-link:hover{color:#28254d}.header-actions{display:flex;gap:22px;align-items:center}.privacy-tip{font-size:12px;font-weight:600;color:#617083;white-space:nowrap}.online-dot{width:7px;height:7px;border-radius:50%;background:#39ba85;box-shadow:0 0 0 4px #dff8ec;display:inline-block;margin-right:9px}.header-button{border:1px solid #dcddee;border-radius:10px;padding:10px 14px;font-weight:750;white-space:nowrap;font-size:12px;transition:all .2s}.header-button:hover{border-color:#8678ee;background:#faf9ff;color:#5644dc}.header-button span{margin-left:10px;color:#7c70ef}.mobile-menu{display:none;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:19px;width:37px;height:37px} .hero{position:relative;overflow:hidden;min-height:424px;display:grid;grid-template-columns:1fr 450px;gap:20px;padding-top:65px;padding-bottom:58px}.hero:before{content:'';position:absolute;width:540px;height:400px;top:-65px;right:-85px;z-index:-1;background:radial-gradient(ellipse at center,#e2e3ff 0%,#f0eefe 35%,#f7f8fc00 71%)}.hero-content{z-index:2;max-width:736px}.hero-eyebrow{display:flex;align-items:center;gap:11px;font-size:10.5px;letter-spacing:.16em;color:#6b5ddf;font-weight:850;margin:0 0 18px}.small-stars{background:#eeebff;color:#7b68eb;font-size:18px;display:grid;place-items:center;width:25px;height:25px;border-radius:7px}.hero-separator{color:#b9b9cb}.hero h1{font-size:clamp(40px,4.7vw,61px);line-height:1.13;letter-spacing:-.065em;font-weight:800;margin:0 0 21px;color:#1b1d39}.hero h1 span{color:#796af3;background:linear-gradient(105deg,#6959e7,#8d78fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:14px;color:#737a91;line-height:1.83;max-width:615px;margin:0 0 26px}.hero-search{display:flex;align-items:center;max-width:650px;background:#fff;padding:8px 8px 8px 18px;border-radius:13px;border:1px solid #dcdfee;box-shadow:0 8px 25px rgba(47,49,103,.06);min-height:63px;gap:13px}.search-svg{color:#9499a9;width:21px;height:21px}.search-svg svg{width:21px;height:21px}.hero-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#222a40;font-size:13px}.hero-search input::placeholder{color:#9aa1b1}.hero-search kbd{color:#a6a8bc;border:1px solid #edeaf4;border-radius:4px;padding:0px 6px;font:11px/20px monospace}.hero-search button{background:#6c5eea;color:#fff;border:0;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:800;transition:background .2s;white-space:nowrap}.hero-search button:hover{background:#5544dc}.hero-search button span{padding-left:10px}.hero-points{display:flex;flex-wrap:wrap;gap:28px;color:#7c8599;font-size:12px;font-weight:650;margin:18px 0 0 6px}.check-icon{width:16px;height:16px;display:inline-grid;place-items:center;margin-right:6px;background:#e7f8f2;color:#38a583;border-radius:50%;font-weight:900} .hero-art{position:relative;min-height:355px}.art-glow{position:absolute;inset:15px 0;background:radial-gradient(ellipse,#d9d3fd 0%,#ecebfc 45%,#fafaff00 70%);filter:blur(9px)}.art-orbit{position:absolute;border:1px dashed #d6d3f5;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:390px;height:280px;top:30px;left:31px}.orbit-two{width:290px;height:360px;top:-20px;left:80px;transform:rotate(26deg)}.art-document{position:absolute;box-shadow:0 18px 50px #594bc025;border:1px solid #fff;background:#fff;border-radius:17px}.document-back{width:205px;height:270px;top:14px;left:146px;transform:rotate(13deg);padding:28px}.document-front{width:229px;height:303px;left:95px;top:42px;transform:rotate(-10deg);padding:25px}.document-dots{height:32px;width:32px;border:2px solid #b7b3f7;border-radius:8px;margin-bottom:22px}.doc-icon{width:53px;height:57px;border:1px solid #f0a4af;background:#ffedea;border-radius:10px;display:grid;place-items:center;color:#ec657b;font-weight:900;font-size:15px;margin-bottom:21px}.doc-line{height:7px;background:#e6e6f3;width:72%;border-radius:99px;margin-bottom:10px}.doc-line.long{width:94%}.doc-line.medium{width:81%}.doc-line.short{width:54%}.doc-preview{position:absolute;height:70px;width:166px;left:29px;bottom:20px;border-radius:9px;overflow:hidden;background:#eef1ff}.doc-preview-circle{position:absolute;width:27px;height:27px;border-radius:50%;top:11px;left:17px;background:#dadbfa}.doc-preview-hill{width:180px;height:105px;border-radius:60%;position:absolute;background:#c4c5ef;transform:rotate(-14deg);top:39px;left:25px}.floating-element{position:absolute;background:#fff;border:1px solid #eeecf9;border-radius:14px;box-shadow:0 12px 38px rgba(55,41,111,.14);display:flex;align-items:center;gap:10px;font-weight:850;z-index:1}.floating-image{left:27px;top:82px;transform:rotate(8deg);padding:8px 12px;font-size:12px}.floating-image span:first-child{width:37px;height:35px;border-radius:8px;background:#e6f5ec;color:#4ab880;font-size:23px;display:grid;place-items:center}.floating-success{right:3px;top:205px;padding:13px 17px;transform:rotate(7deg);gap:10px}.floating-success strong,.floating-success small{display:block}.floating-success small{font-size:10px;color:#8491a5;font-weight:500}.floating-tick{display:grid;place-items:center;width:33px;height:33px;background:#e3fae9;color:#25b873;border-radius:50%;font-weight:900}.floating-ai{right:34px;top:26px;background:#6f60ed;color:#fff;padding:10px 13px;transform:rotate(12deg);font-size:13px}.floating-ai span{font-size:19px}.art-spark{position:absolute;color:#a597eb}.art-spark-one{top:5px;left:66px;font-size:28px}.art-spark-two{bottom:21px;left:51px;font-size:22px}.art-spark-three{bottom:31px;right:27px;font-size:28px} .content{padding:28px 0 75px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-overline{font-size:10px;letter-spacing:.17em;font-weight:850;color:#7467e1;margin-bottom:7px}.section-heading h2{font-size:31px;letter-spacing:-.045em;line-height:1.3;margin:0 0 7px;font-weight:800}.section-heading p{font-size:13px;color:#7b8294;margin:0}.catalog-counter{display:flex;align-items:center;gap:13px;padding:0 7px 0 20px}.catalog-counter>span{font-size:31px;letter-spacing:-.07em;font-weight:800;color:#7767ed}.catalog-counter small{line-height:1.35;color:#9094a6;font-size:11px}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:23px;flex-wrap:wrap}.category-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #e1e5ee;background:#fff;color:#767d91;padding:10px 16px;border-radius:9px;font-weight:700;font-size:12px;transition:.15s}.chip:hover,.chip.selected{color:#fff;background:#28283d;border-color:#28283d}.chip span:not(.chip-star){font-size:10px;opacity:.6;margin-left:4px}.chip-star{color:#beadff}.tools-search{background:#fff;border:1px solid #e1e5ee;border-radius:10px;display:flex;align-items:center;padding:8px 13px;gap:8px;min-width:243px}.tools-search span{font-size:24px;color:#959cb0;line-height:1}.tools-search input{border:0;outline:0;min-width:0;flex:1;font-size:12px;color:var(--ink);background:transparent}.tools-search input::placeholder{color:#9da4b2} .feature-banner{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:18px;border-radius:16px;padding:21px 27px;min-height:126px;margin-bottom:25px;background:linear-gradient(112deg,#29274a 0%,#4f3d92 70%,#6751b8 100%);color:#fff;position:relative;overflow:hidden}.feature-banner:after{content:'✳';position:absolute;right:130px;top:-95px;font-size:250px;line-height:1;color:#ffffff0d;pointer-events:none}.feature-icon{width:48px;height:48px;background:#ffffff21;border:1px solid #ffffff1c;border-radius:13px;display:grid;place-items:center;font-size:31px;color:#c2adff}.feature-label{font-weight:850;letter-spacing:.15em;font-size:9px;color:#c5b6ff}.feature-copy h3{font-size:18px;letter-spacing:-.035em;margin:3px 0 2px}.feature-copy p{font-size:12px;color:#d2ccef;margin:0;max-width:730px}.feature-banner button{background:#fff;border:0;border-radius:10px;color:#3e336b;font-size:12px;font-weight:800;padding:13px 16px;z-index:1;white-space:nowrap}.feature-banner button:hover{background:#f0edff}.feature-banner button span{margin-left:12px;color:#6351c3} .tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tool-card{background:#fff;min-height:132px;border:1px solid #e0e3ec;border-radius:15px;padding:23px 16px 21px 20px;display:flex;align-items:flex-start;gap:13px;position:relative;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--ink);cursor:pointer;width:100%}.tool-card:hover{border-color:#b5acef;box-shadow:0 12px 33px #35336a0e;transform:translateY(-3px)}.tool-icon{border-radius:11px;width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;font-size:21px;font-weight:750}.tool-icon.purple,.tool-header-icon.purple{background:#f0e8f6;color:#b66dab}.tool-icon.blue,.tool-header-icon.blue{background:#e6edff;color:#5d83e2}.tool-icon.green,.tool-header-icon.green{background:#dff3e4;color:#59ad69}.tool-icon.coral,.tool-header-icon.coral{background:#ffede7;color:#ff8066}.tool-icon.amber,.tool-header-icon.amber{background:#fff2db;color:#c99445}.tool-icon.violet,.tool-header-icon.violet{background:#eeebff;color:#8068df}.tool-card-main{min-width:0;padding:1px 4px 0 0;display:flex;flex-direction:column;flex:1}.tool-card-title{font-size:13px;line-height:1.5;font-weight:800;letter-spacing:-.022em;margin-bottom:4px}.tool-card-desc{font-size:11px;line-height:1.58;color:#8b92a3;max-width:210px}.tool-card-arrow{color:#9ca1ae;font-size:17px;align-self:center;margin-left:auto;margin-top:20px}.tool-card:hover .tool-card-arrow{color:#7663ed;transform:translateX(2px)}.tool-card.soon{opacity:.6;cursor:default}.tool-card.soon:hover{transform:none;box-shadow:none;border-color:var(--border)}.soon-label{position:absolute;top:10px;right:12px;color:#8b90a1;font-size:9px;background:#f2f3f7;border-radius:4px;padding:2px 5px}.no-results{text-align:center;padding:65px 20px;background:#fff;border:1px solid var(--border);border-radius:15px}.no-results>span{font-size:54px;color:#a8adbd}.no-results h3{font-size:22px;margin:0}.no-results p{color:#7f8799}.no-results button{border:0;border-radius:9px;background:#eceafe;color:#6551d9;padding:10px 18px;font-weight:800} .bottom-benefits{border-top:1px solid #e8e9f2;padding:36px 0 53px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.benefit{display:flex;gap:15px}.benefit-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:23px;flex:0 0 45px}.benefit-icon.privacy{background:#e2f5eb;color:#35aa72}.benefit-icon.speed{background:#f0eaff;color:#8570e9}.benefit-icon.formats{background:#e7edff;color:#6c87dd}.benefit strong{font-size:12px}.benefit p{color:#8d94a5;font-size:11px;margin:4px 0 0;line-height:1.6;max-width:265px} .footer{background:#fff;border-top:1px solid #ecedf4}.footer-grid{min-height:131px;padding:32px 0 25px;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:23px;font-weight:800;letter-spacing:-.065em}.footer-grid p{font-size:12px;color:#858d9e;margin:3px 0 0}.footer-links{display:flex;gap:23px;color:#8b90a0;font-size:11px}.footer-links a:hover{color:#6f58dd}.footer-bottom{padding:14px 0 19px;display:flex;justify-content:space-between;border-top:1px solid #f0f1f6;color:#a2a5b3;font-size:10px} .tool-page{padding:37px 0 85px}.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;color:#a0a6b7;margin-bottom:31px}.breadcrumbs a{color:#6b5ddd;font-weight:700}.breadcrumbs span:last-child{color:#565e75}.tool-header{display:flex;align-items:center;gap:20px;margin-bottom:26px}.tool-header-icon{display:grid;place-items:center;width:69px;height:69px;border-radius:18px;background:#e5eafc;font-size:35px;flex:0 0 69px}.tool-tag{color:#7764e5;letter-spacing:.1em;font-weight:850;font-size:10px}.tool-header h1{font-size:33px;letter-spacing:-.05em;margin:0 0 3px;line-height:1.3}.tool-header p{color:#7d8498;font-size:13px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 299px;gap:24px}.workspace-main{padding:28px 34px 32px;border:1px solid #e5e6ee;border-radius:17px;background:#fff;min-height:530px}.panel-heading{display:flex;align-items:center;gap:13px;margin:0 0 19px}.panel-heading h2{font-size:17px;letter-spacing:-.025em;margin:0 0 3px}.panel-heading p{color:#8f96a5;font-size:11px;margin:0}.step-index{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#edeaff;color:#7666de;font-size:11px;font-weight:850}.dropzone{border:1.5px dashed #b6b5dd;border-radius:14px;background:#f9f9ff;min-height:250px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;transition:.2s;outline:0;cursor:pointer}.dropzone:hover,.dropzone.dragging,.dropzone:focus-visible{border-color:#6b5bd8;background:#f3f0ff}.dropzone-icon{color:#7666de;background:#ebe8fd;border-radius:16px;display:grid;place-items:center;width:65px;height:65px;margin-bottom:13px}.dropzone strong{font-size:14px;font-weight:800}.dropzone p{font-size:12px;color:#979cad;margin:3px 0 16px}.drop-buttons{display:flex;gap:9px}.drop-buttons button{padding:10px 17px;border-radius:9px;font-size:11px;font-weight:800}.select-files{border:1px solid #6d5deb;background:#6d5deb;color:#fff}.select-files:hover{background:#5442d4}.select-folder{color:#6257bb;background:#fff;border:1px solid #d8d4f2}.dropzone small{font-size:10px;color:#a2a6ba;margin-top:16px}.file-list-wrap{margin-top:19px}.list-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.list-top h3{font-size:12px;font-weight:800;margin:0}.list-top h3 span{color:#8274db}.list-top button{font-size:11px;color:#8971e0;border:0;background:transparent}.file-list{max-height:205px;overflow:auto;display:grid;gap:7px}.file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f9faff;border:1px solid #edf0f7;border-radius:9px}.filetype{background:#eae9fc;color:#6b63ba;border-radius:6px;font-size:10px;font-weight:850;min-width:36px;text-align:center;padding:7px 4px}.file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:700}.file-size{font-size:10px;color:#a4a9b8;white-space:nowrap}.file-remove{border:0;background:none;font-size:20px;color:#b5b6c4;padding:0 2px}.file-remove:hover{color:#c64f69}.options-heading{margin-top:29px}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.wide{grid-column:1/-1}.field label{color:#535c72;font-size:11px;font-weight:800}.field label small{font-size:9px;color:#9da4b2;font-weight:500}.field input,.field select,.field textarea{border:1px solid #dce0ea;border-radius:9px;padding:11px 12px;background:#fff;color:#27304a;outline:0;width:100%;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9382f1;box-shadow:0 0 0 3px #ece8ff}.field select{min-height:42px}.field-note{font-size:10px;color:#9ba2b2;margin-top:2px}.action-area{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}.primary-button{display:inline-flex;gap:22px;justify-content:space-between;align-items:center;background:#6a59e6;color:#fff;border:0;border-radius:10px;padding:14px 20px;font-size:12px;font-weight:850;box-shadow:0 5px 16px #6754d92c;transition:background .2s}.primary-button:hover{background:#5543d3}.primary-button:disabled{background:#b7b2db;cursor:wait}.primary-button .arrow{font-size:17px}.helper-caption{color:#9ca3b2;font-size:10px}.workspace-aside{display:flex;flex-direction:column;gap:17px}.aside-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:26px 21px}.aside-eyebrow{font-size:9px;letter-spacing:.15em;color:#7a68ea;font-weight:850}.aside-card h3{margin:6px 0 23px;font-size:17px}.aside-steps{display:flex;flex-direction:column;gap:21px}.aside-steps>div{display:flex;gap:11px}.aside-steps i{font-style:normal;font-size:11px;font-weight:850;color:#7668e6;background:#eeebff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 28px}.aside-steps strong{font-size:11px;display:block}.aside-steps small{color:#9da3b1;font-size:10px;display:block;margin-top:2px;line-height:1.5}.aside-security{display:flex;gap:14px;border-radius:14px;background:#e8f7ee;border:1px solid #d5ecdf;padding:19px}.aside-security>span{font-size:29px;color:#45af7d}.aside-security strong{font-size:12px}.aside-security p{font-size:11px;color:#64977a;line-height:1.6;margin:6px 0 0}.aside-note{font-size:11px;line-height:1.7;color:#a0a6b4;padding:5px 10px}.result-box{text-align:center;padding:90px 20px}.result-illustration{background:#e6f9ed;color:#34b67c;border-radius:50%;width:83px;height:83px;margin:0 auto 18px;display:grid;place-items:center;font-size:40px}.result-box h2{margin:0 0 8px;font-size:25px;letter-spacing:-.05em}.result-box p{color:#8790a4;margin-bottom:25px}.download-button{min-width:240px;margin:auto}.again-button{display:block;border:0;background:transparent;color:#7564df;font-weight:800;font-size:12px;margin:20px auto 0}.error-banner{display:flex;align-items:start;gap:11px;background:#fff1f1;border:1px solid #f8d2d6;border-radius:10px;padding:13px;margin-top:22px;color:#aa5260;font-size:12px}.error-banner>span{background:#ffd9db;color:#be6372;border-radius:50%;font-size:11px;width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;font-weight:900}.error-banner>div{flex:1}.error-banner>button{background:none;border:0;font-size:19px;color:#af6370} .ai-topic{margin-bottom:18px}.ai-text-block{border:1px solid #dfe2ed;border-radius:11px;overflow:hidden}.ai-label-row{padding:11px 14px;background:#fbfbfe;border-bottom:1px solid #ebedf5;display:flex;justify-content:space-between;font-size:11px;color:#717a8c}.ai-label-row label{font-weight:850;color:#4c566d}.ai-text-block textarea{resize:vertical;min-height:235px;width:100%;border:0;outline:0;padding:15px;font-size:13px;line-height:1.75;color:#28314b}.ai-text-block textarea::placeholder{color:#afb3c3}.ai-result{border:1px solid #dbdaf3;background:#fdfcff;border-radius:12px;padding:15px 20px 22px;margin-top:25px}.ai-result-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #e9e6f7;padding-bottom:13px;margin-bottom:14px}.ai-result-heading h3{font-size:14px;margin:0;color:#4d3bb1}.ai-result-heading>div{display:flex;gap:8px}.ai-result-heading button{font-size:10px;font-weight:750;background:#fff;border:1px solid #dcd9f2;border-radius:7px;padding:7px 10px;color:#6756c9}.result-text{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.85;color:#404760;max-height:720px;overflow:auto}.toast{position:fixed;right:22px;bottom:24px;background:#23223b;color:#fff;border-radius:11px;padding:11px 18px;font-size:12px;font-weight:700;z-index:100;box-shadow:0 12px 40px #17162c30;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)} @media (max-width:1190px){.nav{margin-left:10px;gap:17px}.hero{grid-template-columns:1fr 360px}.hero-art{transform:scale(.86);transform-origin:center left}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-actions{gap:12px}.privacy-tip{display:none}}@media(max-width:960px){.wrap{width:calc(100% - 44px)}.header-inner{height:73px}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff;padding:14px 30px 20px;flex-direction:column;align-items:start;box-shadow:0 12px 22px #1c1f3410}.nav.open{display:flex}.mobile-menu{display:block}.hero{display:block;min-height:0;padding-top:58px}.hero-content{max-width:760px}.hero-art{display:none}.workspace{grid-template-columns:1fr}.workspace-aside{display:grid;grid-template-columns:1fr 1fr}.aside-note{display:none}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-banner{grid-template-columns:48px 1fr}.feature-banner button{grid-column:2;justify-self:start}}@media(max-width:720px){.announcement{font-size:10px;line-height:1.4;min-height:36px}.wrap{width:calc(100% - 32px)}.header-inner{height:66px}.nav{top:66px}.logo-name{font-size:22px}.logo-tag{display:none}.header-button{display:none}.hero{padding-top:44px;padding-bottom:32px}.hero-eyebrow{font-size:9px;letter-spacing:.09em}.hero h1{font-size:40px;letter-spacing:-.06em}.hero-description{font-size:13px}.hero-search{gap:8px;padding:7px 7px 7px 12px;min-height:54px}.hero-search button{padding:10px}.hero-search kbd{display:none}.hero-search input{font-size:11px}.hero-points{gap:12px;font-size:10px}.section-heading{align-items:start;margin-top:0}.section-heading h2{font-size:24px}.catalog-counter{display:none}.content{padding-top:12px}.filter-toolbar{gap:12px}.category-chips{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.chip{padding:8px 10px;font-size:11px;white-space:nowrap}.tools-search{width:100%}.feature-banner{padding:18px;gap:12px;min-height:0}.feature-icon{width:37px;height:37px;font-size:24px}.feature-copy h3{font-size:15px}.feature-copy p{font-size:11px}.feature-banner button{font-size:10px;padding:11px 12px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:14px;min-height:148px;gap:7px;flex-wrap:wrap}.tool-card-main{width:calc(100% - 47px)}.tool-icon{width:33px;height:33px;flex-basis:33px;font-size:18px}.tool-card-arrow{position:absolute;bottom:9px;right:13px;font-size:14px}.tool-card-title{font-size:12px}.tool-card-desc{font-size:10px;line-height:1.5}.bottom-benefits{grid-template-columns:1fr;gap:18px}.footer-links span{display:none}.footer-grid{min-height:105px}.footer-bottom{gap:5px;font-size:9px}.footer-bottom span:last-child{display:none}.tool-page{padding:21px 0 54px}.breadcrumbs{margin-bottom:18px}.tool-header-icon{width:51px;height:51px;border-radius:12px;font-size:27px;flex-basis:51px}.tool-header h1{font-size:25px}.tool-header p{font-size:11px}.workspace-main{padding:20px 17px}.workspace-aside{grid-template-columns:1fr}.aside-card{display:none}.aside-security{padding:13px}.dropzone{min-height:235px;padding:17px}.options-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.helper-caption{display:none}.action-area .primary-button{width:100%}.ai-text-block textarea{min-height:200px}.ai-result-heading{align-items:flex-start;flex-direction:column}.ai-result-heading>div{width:100%}} @media(max-width:390px){.tool-card{min-height:173px}.tool-card-main{width:100%;padding-right:5px}.hero h1{font-size:35px}.hero-points{gap:8px}} /* Vector icon system — self-hosted Lucide outlines, never font glyphs */ .icon-vector, .ui-icon, .search-icon, .chip-icon, .no-results-icon, .logo-vector, .title-icon, .result-success-icon { display: inline-block; flex: none; width: 22px; height: 22px; vertical-align: middle; stroke: currentColor; } .tool-icon .icon-vector { width: 23px; height: 23px; stroke-width: 1.85; } .tool-header-icon .title-icon { width: 35px; height: 35px; stroke-width: 1.8; } .tool-card-arrow { display: inline-flex; align-items: center; justify-content: center; } .tool-card-arrow .icon-vector { width: 17px; height: 17px; stroke-width: 1.65; } .logo-glyph .logo-vector { width: 23px; height: 23px; color: #fff; stroke-width: 2; } .floating-image .ui-icon { width: 20px; height: 20px; } .floating-ai .ui-icon { width: 21px; height: 21px; stroke-width: 2; } .floating-ai > span { font-size: 12px; } .floating-tick .ui-icon { width: 20px; height: 20px; stroke-width: 2.6; } .feature-icon .ui-icon { width: 29px; height: 29px; stroke-width: 1.8; } .chip-star { display: inline-flex; align-items: center; margin-right: 4px; } .chip-star .chip-icon { width: 14px; height: 14px; } .tools-search .search-icon { width: 18px; height: 18px; } .no-results .no-results-icon { width: 46px; height: 46px; color: #a8adbd; } .benefit-icon .ui-icon { width: 24px; height: 24px; stroke-width: 1.8; } .result-illustration .result-success-icon { width: 47px; height: 47px; stroke-width: 1.7; } @media (max-width: 720px) { .tool-icon .icon-vector { width: 20px; height: 20px; } .tool-header-icon .title-icon { width: 28px; height: 28px; } } .conversion-note{grid-column:1/-1;color:#727c91;background:#f8f8ff;border:1px solid #e9e7f8;border-radius:9px;padding:11px 14px;font-size:11px;line-height:1.7;margin:0}.conversion-note strong{color:#4e4793} /* Live file processing progress — real upload bytes and conversion page events. */ .processing-panel { margin-top: 23px; padding: 19px 20px 18px; border-radius: 15px; border: 1px solid #dddaf8; background: linear-gradient(145deg,#faf9ff 0%,#f5f3ff 100%); box-shadow: 0 5px 22px rgba(102,83,215,.065); } .processing-heading { display:flex; align-items:center; gap:12px; } .processing-spinner { display:block; width:33px; height:33px; flex:0 0 33px; border-radius:50%; border:3px solid #e0dcfb; border-top-color:#6c59e8; animation: filelo-spin 1s linear infinite; } .processing-heading-text {display:flex; flex-direction:column;gap:2px;flex:1;min-width:0;} .processing-heading-text strong {font-size:13px;line-height:1.4;color:#30275d;font-weight:800;} .processing-heading-text span {font-size:10.5px;color:#807aa9;line-height:1.5;} .processing-percent {font-size:24px;font-weight:850;letter-spacing:-.05em;color:#6956df;min-width:50px;text-align:right;} .processing-track {height:12px;background:#e3dff8;border-radius:999px;overflow:hidden;margin-top:17px;position:relative;} .processing-fill {height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#7866f1,#6552df);transition:width .4s ease;position:relative;min-width:0;} .processing-fill:after { content:"";position:absolute;inset:0; background:linear-gradient(100deg,transparent 15%,#fff6 50%,transparent 85%); width:70%;transform:translateX(-150%);animation:filelo-sheen 1.9s linear infinite; } .processing-track.indeterminate .processing-fill { width:37%!important;animation:filelo-move 2s ease-in-out infinite; } .processing-meta {display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:#7e789d;font-size:10.5px;} .processing-meta span:last-child {font-variant-numeric:tabular-nums;color:#6758a5;font-weight:700;white-space:nowrap;} .processing-stages {display:flex;gap:0;align-items:stretch;margin-top:17px;padding-top:13px;border-top:1px solid #e5e1f5;} .progress-stage {flex:1;position:relative;padding-left:12px;font-size:10px;font-weight:650;color:#a09caf;line-height:1.45;} .progress-stage:before {content:"";display:block;position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:#c6c1dc;} .progress-stage.active {color:#6857dd;font-weight:800;} .progress-stage.active:before {background:#7564eb;box-shadow:0 0 0 4px #e7e2ff;} .progress-stage.completed {color:#4c9a76;} .progress-stage.completed:before {background:#4cb788;} .processing-hint {font-size:10.5px;color:#8b86a5;margin:13px 0 0;line-height:1.55;} .processing-panel.is-ready .processing-spinner{animation:none;border-color:#42b983;background:#42b983;} .processing-panel.is-ready .processing-percent {color:#329e72;} .processing-panel.is-ready .processing-fill {background:#40b786;} .processing-panel.is-ready .processing-fill:after{display:none;} @keyframes filelo-spin{to{transform:rotate(360deg)}} @keyframes filelo-sheen{to{transform:translateX(260%)}} @keyframes filelo-move{ 0%{transform:translateX(-105%)}50%{transform:translateX(120%)}100%{transform:translateX(290%)} } @media(max-width:720px){ .processing-panel{padding:15px 13px;margin-top:17px;} .processing-percent{font-size:20px;} .progress-stage{font-size:9px;padding-left:9px;} .progress-stage:before{width:5px;height:5px;top:5px;} } @media(prefers-reduced-motion:reduce){ .processing-spinner,.processing-track.indeterminate .processing-fill,.processing-fill:after{animation:none!important;} } /* Passive, read-only file-inspector UI. */ .security-drop{min-height:240px;border:1.5px dashed #bcb7e7;border-radius:15px;background:#fafaff;padding:25px 22px; display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px; cursor:pointer;transition:background .2s,border-color .2s;outline:none} .security-drop.dragging,.security-drop:hover,.security-drop:focus-visible{background:#f0edff;border-color:#7e6ad8} .security-upload-icon{width:62px;height:62px;border-radius:17px;background:#e9e5ff;color:#6b59df;display:grid;place-items:center;margin-bottom:8px} .security-upload-icon svg{width:29px;height:29px} .security-drop strong{font-size:14px;line-height:1.45;color:#2b2948} .security-drop p{font-size:11.5px;color:#8991a4;margin:0;line-height:1.7;max-width:510px} .security-drop button{margin-top:8px;padding:11px 21px;border-radius:9px} .security-drop small{margin-top:7px;color:#a0a4b6;font-size:10px} .security-selected{display:flex;align-items:center;gap:12px;margin-top:17px;padding:13px;border:1px solid #e2e2f1;background:#fafaff;border-radius:11px} .security-selected>span{background:#eae8fc;color:#675cce;width:37px;height:37px;display:grid;place-items:center;border-radius:9px;font-size:21px;flex:0 0 37px} .security-selected>div{flex:1;min-width:0} .security-selected strong{font-size:12px;word-break:break-word;display:block} .security-selected small{font-size:10px;color:#9ca1b2} .security-selected button{border:0;background:transparent;color:#abaac0;font-size:23px} .security-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:22px} .security-toolbar>span{font-size:10.5px;color:#9b9bab} .security-toolbar button:disabled{opacity:.55;cursor:wait} .security-progress{border:1px solid #dedaf8;border-radius:14px;padding:18px;margin-top:22px;background:#f8f6ff} .security-progress-head{display:flex;align-items:center;gap:13px} .security-progress-head>div{flex:1;min-width:0} .security-progress-head strong{font-size:13px;display:block;color:#393064} .security-progress-head p{font-size:11px;margin:2px 0 0;color:#8680aa} .security-progress-head b{font-size:17px;font-weight:800;color:#7463df} .security-progress .processing-track{margin:15px 0 9px} .security-progress small{font-size:10px;color:#9d97b6} .security-report{margin-top:29px;padding-top:19px;border-top:1px solid #e8e8f3} .security-result-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px} .security-overline{font-size:9px;color:#7668dd;font-weight:850;letter-spacing:.14em} .security-result-top h2{font-size:20px;letter-spacing:-.025em;word-break:break-word;margin:3px 0} .security-result-top p{margin:3px 0;font-size:12px;color:#85899d} .security-verdict{font-size:10.5px;font-weight:800;padding:8px 12px;border-radius:99px;white-space:normal;text-align:center;min-width:128px;max-width:220px} .security-verdict.danger{background:#fff0f1;color:#af3d50;border:1px solid #f1c4cd} .security-verdict.review{background:#fff5e2;color:#9e6b29;border:1px solid #f0ddae} .security-verdict.neutral{background:#f0eefb;color:#6e6599;border:1px solid #dedaf2} .security-verdict.caution{background:#edf8ee;color:#397b55;border:1px solid #cce5d2} .security-warning-list{display:grid;gap:8px;margin-bottom:19px} .sec-warning{display:flex;gap:9px;flex-wrap:wrap;align-items:baseline;padding:9px 11px;border-radius:9px;border:1px solid #e6e5ef;font-size:11px} .sec-warning strong{font-weight:800;white-space:nowrap} .sec-warning small{font-size:10px;color:#888da0;overflow-wrap:anywhere;flex-basis:100%} .sec-warning.danger{background:#fff4f5;color:#ae5162;border-color:#f5dadd} .sec-warning.review{background:#fff8eb;color:#93713a;border-color:#eee1c4} .sec-warning.neutral{background:#f6f6fd;color:#737792} .security-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0} .security-detail-grid>div{min-width:0;border:1px solid #e8eaf3;border-radius:10px;padding:12px 14px;background:#fcfcff} .security-detail-grid span{display:block;font-size:10px;color:#989caf;margin-bottom:6px} .security-detail-grid strong{font-size:12px;line-height:1.45;color:#31384b;word-break:break-word} .security-hash{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px} .security-hash span{flex-basis:100%;margin:0} .security-hash code{font:10px/1.65 monospace;color:#77759b;overflow-wrap:anywhere;flex:1} .security-hash button,.security-section-heading button{font-size:10px;font-weight:750;background:#fff;border:1px solid #dfe0ec;border-radius:7px;padding:7px 10px;color:#7160d8} .security-av{padding:15px 17px;border-radius:12px;background:#f8f9fc;border:1px solid #e6e9f1;margin:18px 0} .security-av-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px} .security-av-heading span{font-weight:850;color:#34354e} .security-av-heading strong{color:#7566c3;font-size:11px} .security-av p{font-size:11px;color:#7e8598;margin:7px 0 0;line-height:1.7} .security-signature{border-left:2px solid #d76c78;color:#99415b;font-size:11px;padding:6px 9px;margin-top:8px;background:#fff7f8;overflow-wrap:anywhere} .security-archive,.security-preview-section{margin:25px 0 0} .security-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px} .security-section-heading h3{font-size:16px;letter-spacing:-.025em;margin:0 0 3px} .security-section-heading h3 span{font-size:12px;color:#9488c5} .security-section-heading p{font-size:10.5px;color:#9a9eaf;margin:0} .security-section-heading input{width:190px;min-width:0;border:1px solid #dddfe9;border-radius:8px;padding:8px 11px;font-size:11px;outline:0} .security-file-table{border:1px solid #e5e7f0;border-radius:11px;overflow:auto;max-height:420px;background:#fff} .sec-member{display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0f1f6;padding:11px 12px;min-height:55px} .sec-member:last-child{border-bottom:0} .sec-member:hover{background:#fafafe} .sec-member.is-risk{background:#fffbf4} .sec-member-icon{width:29px;height:29px;border-radius:7px;background:#f0effb;color:#7b6dcc;flex:0 0 29px;display:grid;place-items:center;font-size:16px} .sec-member-info{flex:1;min-width:0} .sec-member-info strong{display:block;font-size:11.5px;color:#40465a;overflow-wrap:anywhere;font-weight:720} .sec-member-info small{display:block;font-size:10px;color:#a0a2ad} .sec-member-open{border:1px solid #d9d6f3;background:#f7f5ff;color:#6554cf;font-size:10px;font-weight:800;border-radius:7px;padding:7px 11px} .sec-member-open:hover{background:#ebe7ff} .sec-member-blocked{font-size:10px;color:#a0a6b0;white-space:nowrap} .security-preview{min-height:105px;border:1px solid #e3e5f0;border-radius:12px;background:#fbfcff;padding:18px;overflow:auto;max-height:850px} .security-preview p{color:#818b9b;font-size:12px;line-height:1.75;margin:0} .security-preview-image{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:6px;box-shadow:0 5px 17px #25253715} .security-preview-text{white-space:pre-wrap;word-break:break-word;color:#343b54;line-height:1.65;font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin:0} .security-preview-text.hex{font-size:11px;white-space:pre;overflow:auto} .security-note{font-size:10.5px;color:#9399aa;line-height:1.65;margin-top:9px} .security-disclaimer{font-size:10.5px;color:#8c90a1;line-height:1.75;padding:13px 14px;background:#f8f8fd;border:1px solid #eaebf3;border-radius:9px;margin:23px 0} .security-report .again-button{margin-left:0} @media(max-width:720px){ .security-result-top{align-items:start;flex-direction:column;gap:9px} .security-verdict{max-width:100%} .security-detail-grid{grid-template-columns:1fr} .security-hash{grid-column:auto} .security-section-heading{align-items:start;flex-direction:column} .security-section-heading input{width:100%} .security-toolbar .primary-button{width:100%} .sec-member{gap:7px;padding:10px 8px} .sec-member-icon{width:24px;height:24px;flex-basis:24px;font-size:13px} .sec-member-blocked{font-size:9px} .sec-member-open{font-size:9px;padding:6px 8px} .security-report h2{font-size:18px} } .repair-summary{ max-width:560px; margin:13px auto 21px; text-align:left; background:#f7f6ff; border:1px solid #e2dff8; border-radius:12px; padding:15px 17px; } .repair-summary strong{display:block;color:#4c3d96;font-size:13px;line-height:1.5} .repair-summary p{margin:6px 0 0;color:#777a91;font-size:11px;line-height:1.7} /* PDF page editor */ .pdf-editor-workspace{min-width:0} .pdf-editor-drop{min-height:255px} .editor-privacy-note{color:#8b91a5;font-size:11px;margin:14px 0 0;line-height:1.7} .pdf-editor-topbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:13px;padding:14px;border:1px solid #e7e8f1;background:#fbfbfe;border-radius:12px} .pdf-editor-topbar button,.pdf-editor-topbar select{border:1px solid #dcdfee;background:#fff;color:#555c75;font-size:11px;font-weight:700;border-radius:8px;padding:8px 11px;cursor:pointer;min-height:34px} .pdf-editor-topbar button:hover:not(:disabled){background:#f3f0ff;border-color:#a99df1;color:#6047db} .pdf-editor-topbar button:disabled{opacity:.38;cursor:not-allowed} .pdf-editor-page-controls{display:flex;align-items:center;gap:11px} .pdf-editor-page-controls button{width:35px;font-size:21px;padding:0;line-height:30px} .pdf-editor-page-controls strong{font-size:12px;min-width:52px;text-align:center;font-variant-numeric:tabular-nums} .pdf-editor-view-controls{display:flex;align-items:center;gap:7px} .pdf-editor-view-controls label{font-size:11px;color:#8991a2} .pdf-editor-topbar .pdf-editor-save{display:inline-flex;align-items:center;justify-content:center;background:#705fe7;color:#fff;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:800;min-height:35px} .pdf-editor-topbar .pdf-editor-save:hover{background:#5745d6} .pdf-editor-document-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 4px;color:#8a8fa1;font-size:11px} .pdf-editor-document-caption span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750;color:#494967;max-width:65%} .pdf-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:18px} .pdf-editor-canvas-column{min-width:0} .pdf-editor-modebar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 9px} .pdf-editor-modebar button{border:1px solid #dfe1ed;background:#fff;color:#737d91;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800} .pdf-editor-modebar button.selected{background:#edeaff;color:#6552d7;border-color:#cdc6f7} .pdf-editor-modebar span{font-size:10px;color:#9ba1b2;margin-left:auto} .pdf-editor-stage{background:#f0f1f7;border:1px solid #e0e2ed;border-radius:13px;overflow:auto;max-height:76vh;min-height:360px;padding:24px;display:flex;align-items:flex-start;justify-content:center} .pdf-editor-paper{position:relative;isolation:isolate;background:#fff;box-shadow:0 8px 25px #28294c2b;flex-shrink:0;max-width:100%;overflow:hidden} .pdf-editor-paper img{display:block;width:100%;height:auto;user-select:none;pointer-events:none} .pdf-editor-text-layer,.pdf-editor-drag-layer{position:absolute;inset:0} .pdf-editor-text-layer{z-index:2;pointer-events:none} .pdf-editor-hit{position:absolute;pointer-events:auto;cursor:text;border:1px solid transparent;padding:0;margin:0;background:transparent;border-radius:2px} .pdf-editor-hit:hover,.pdf-editor-hit:focus-visible{background:#7d6af026;border-color:#8472f4;outline:0} .pdf-editor-drag-layer{z-index:3;pointer-events:none;touch-action:none} .pdf-editor-drag-layer.active{pointer-events:auto;cursor:crosshair} .pdf-editor-selection{z-index:4;position:absolute;border:2px solid #7657e8;background:#9b83f725;pointer-events:none;box-shadow:0 0 0 1px #ffffff8a} .pdf-editor-stage-note{font-size:11px;line-height:1.65;color:#9095a9;margin:10px 0 0} .pdf-editor-controls{align-self:start;border:1px solid #e4e5ef;background:#fcfcff;border-radius:13px;padding:20px 17px;display:grid;gap:13px} .pdf-editor-panel-title{font-size:16px;font-weight:800;color:#292948;letter-spacing:-.025em} .pdf-editor-panel-desc{font-size:11px;color:#9598aa;line-height:1.7;margin:-5px 0 0} .pdf-editor-selected-info{border-radius:10px;background:#f2f0ff;padding:12px;border:1px solid #e6e1fb} .pdf-editor-selected-info span{display:block;font-size:10px;font-weight:700;color:#9487c1} .pdf-editor-selected-info strong{display:block;font-size:12px;margin:3px 0;color:#5141af;word-break:break-word} .pdf-editor-selected-info small{display:block;font-size:10px;color:#7e78a4;line-height:1.5} .pdf-editor-controls .field{gap:5px} .pdf-editor-controls .field textarea{min-height:91px;max-height:250px;resize:vertical;line-height:1.65} .pdf-editor-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .pdf-editor-control-grid .field input[type=color]{padding:3px 5px;height:42px;cursor:pointer} .pdf-editor-control-grid select{font-size:11px;max-width:100%;height:43px;padding:9px 7px} .pdf-editor-autofit{display:flex;gap:9px;align-items:flex-start;cursor:pointer;color:#73798e;font-size:11px;line-height:1.55} .pdf-editor-autofit input{accent-color:#705fe7;flex-shrink:0;margin:2px 0 0} .pdf-editor-controls .primary-button{width:100%;text-align:left} .pdf-editor-controls .primary-button:disabled{background:#b9b3dc;box-shadow:none;cursor:not-allowed} .pdf-editor-feedback{font-size:11px;line-height:1.65;margin:0} .pdf-editor-feedback.error{color:#b34b62} .pdf-editor-feedback.success{color:#2c976d} .pdf-editor-feedback.info{color:#7262ba} .pdf-editor-honesty{padding:11px 12px;background:#f6f5fb;border-radius:9px;font-size:10.5px;line-height:1.7;color:#8d8fa3;margin:0} .pdf-editor-link{justify-self:start;border:0;background:transparent;color:#6956db;font-weight:750;font-size:11px;cursor:pointer;padding:3px 0} .pdf-editor-link:hover{text-decoration:underline} @media(max-width:1120px){.pdf-editor-layout{grid-template-columns:minmax(0,1fr)}.pdf-editor-controls{max-width:none;grid-template-columns:1fr 1fr;align-items:start}.pdf-editor-controls .pdf-editor-panel-title,.pdf-editor-controls .pdf-editor-panel-desc,.pdf-editor-controls .pdf-editor-selected-info,.pdf-editor-controls .pdf-editor-control-grid,.pdf-editor-controls .pdf-editor-honesty,.pdf-editor-controls .pdf-editor-link{grid-column:1/-1}.pdf-editor-controls .primary-button{align-self:end}} @media(max-width:720px){.pdf-editor-stage{padding:12px;min-height:300px;max-height:65vh}.pdf-editor-layout{gap:12px}.pdf-editor-topbar{gap:9px;padding:10px}.pdf-editor-modebar span{display:none}.pdf-editor-topbar .pdf-editor-save{width:100%}.pdf-editor-controls{display:flex;flex-direction:column}.pdf-editor-controls>*{width:100%}.pdf-editor-control-grid{grid-template-columns:1fr 1fr}.pdf-editor-page-controls strong{font-size:11px}} /* Make the visual editor full-width instead of squeezing it into file converter column. */ .tool-page.pdf-editor-route .workspace{grid-template-columns:minmax(0,1fr)} .tool-page.pdf-editor-route .workspace-aside{display:none} @media(min-width:1121px){.tool-page.pdf-editor-route .pdf-editor-layout{grid-template-columns:minmax(0,1fr) 305px}} /* Shared local previews: all selected files, PDF pages, and image output. */ .fp-section,.fp-reorder-panel,.fp-output-section{ margin-top:19px;padding:18px 19px;background:#fbfbff; border:1px solid #e1e2f0;border-radius:15px;text-align:left; } .fp-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:12px;} .fp-heading h3{font-size:14px;line-height:1.35;letter-spacing:-.02em;margin:0;color:#30314a;font-weight:850;} .fp-heading p{font-size:10.5px;color:#9699ac;margin:4px 0 0;line-height:1.65;} .fp-heading>span{font-size:10.5px;font-weight:800;color:#7767d9;white-space:nowrap;} .fp-file-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); gap:10px;max-height:390px;overflow-y:auto;padding:2px 2px 5px; } .fp-file-card{ display:flex;flex-direction:column;gap:7px;padding:9px; border:1px solid #e2e4ed;border-radius:11px;background:#fff; text-align:left;min-width:0;transition:border-color .18s,box-shadow .18s;cursor:pointer; } .fp-file-card:hover,.fp-file-card.selected{border-color:#a79ae8;box-shadow:0 3px 13px #7665d618;} .fp-file-card.selected{background:#f7f5ff} .fp-file-card.fp-loading{opacity:.6} .fp-file-art{ min-height:96px;height:115px;display:flex;align-items:center;justify-content:center; background:#f4f5fa;border-radius:8px;overflow:hidden;color:#9fa4b6; font-size:10px;text-align:center; } .fp-file-art img,.fp-file-art canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;} .fp-type-glyph{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#eae7fd;font-size:26px;color:#7764e7;} .fp-file-card-desc{display:grid;gap:2px;min-width:0} .fp-file-card-desc strong{font-weight:800;color:#373e57;font-size:10.5px;line-height:1.4;overflow-wrap:anywhere;} .fp-file-card-desc small{font-size:9.5px;color:#999eaf;line-height:1.5} .fp-main{margin-top:12px;background:#fff;border:1px solid #e4e6ef;border-radius:11px;overflow:hidden;} .fp-main-head{padding:10px 13px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef5;} .fp-main-head>strong{flex:1;font-size:11.5px;color:#42445d;overflow-wrap:anywhere;min-width:90px} .fp-main-head>button,.fp-pager button,.fp-light-button{ background:#fff;border:1px solid #dedfe9;color:#6e63ca; padding:6px 9px;border-radius:7px;font-size:10px;font-weight:760;cursor:pointer; } .fp-main-head>button:hover,.fp-pager button:hover,.fp-light-button:hover{background:#f0ecff} .fp-pager{display:flex;align-items:center;gap:6px} .fp-pager button{font-size:17px;padding:0;width:27px;height:27px} .fp-pager button:disabled{opacity:.35;cursor:default} .fp-pager span{min-width:48px;text-align:center;color:#7e8097;font-size:10px;font-variant-numeric:tabular-nums} .fp-view{ max-height:640px;overflow:auto;display:flex;align-items:flex-start;justify-content:center; padding:16px;background:#f4f5f9;min-height:135px; } .fp-view canvas,.fp-view .fp-big-image{ max-width:100%;height:auto;object-fit:contain;display:block; box-shadow:0 5px 20px #2a2c3c18;background:#fff; } .fp-view .fp-big-image{max-height:590px} .fp-view .fp-text-display{ width:100%;max-height:550px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere; font:11.5px/1.8 ui-monospace,Consolas,monospace;color:#414860; margin:0;background:#fff;border-radius:8px;padding:13px;text-align:left; } .fp-empty{font-size:11px;color:#8d93a5;line-height:1.5;padding:10px;margin:auto;text-align:center} .fp-main-note{font-size:10px;color:#9ba0af;margin:0;padding:10px 13px;border-top:1px solid #eff0f5;line-height:1.6} .fp-reorder-panel{padding:20px 18px;border-color:#dcd6f4;background:#faf8ff;} .fp-reorder-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px;max-height:620px;overflow-y:auto;align-content:start;padding:4px; } .fp-reorder-card{ background:#fff;border:1px solid #e0ddee;border-radius:12px; box-shadow:0 2px 8px #4235750a;display:flex;flex-direction:column; padding:10px;gap:8px;min-width:0;cursor:grab; transition:border-color .15s,transform .15s,box-shadow .15s; } .fp-reorder-card:active{cursor:grabbing} .fp-reorder-card:hover{border-color:#9282e8;box-shadow:0 7px 15px #6d5ae719;} .fp-reorder-card.dragging{opacity:.48} .fp-reorder-card.drag-target{border-color:#7655e9;box-shadow:0 0 0 2px #a193f9;} .fp-reorder-art{ display:flex;align-items:center;justify-content:center; width:100%;height:172px;background:#f1f1fa; border:1px solid #ebeaf6;border-radius:7px;overflow:hidden;font-size:10px;color:#9995b0; } .fp-reorder-art img,.fp-reorder-art canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;} .fp-reorder-title{display:flex;align-items:baseline;justify-content:space-between;gap:6px;} .fp-reorder-title strong{font-size:11px;color:#423a75} .fp-reorder-title small{font-size:10px;color:#9699b1} .fp-reorder-controls{display:flex;justify-content:space-between;align-items:center;gap:7px;} .fp-reorder-controls .fp-arrow{ flex:0 0 29px;border:1px solid #dcd9f0;border-radius:7px; font-size:15px;background:#f8f6ff;color:#7867dd;height:31px;cursor:pointer; } .fp-reorder-controls .fp-arrow:disabled{opacity:.35;cursor:default} .fp-reorder-controls .fp-arrow:not(:disabled):hover{background:#e7e1ff} .fp-reorder-controls .fp-position{ flex:1;min-width:0;border:1px solid #ddddec;border-radius:7px; padding:5px 4px;height:31px;text-align:center;font-size:12px;font-weight:800;color:#4a416b; } .fp-reorder-message{color:#8176ba;font-size:10.5px;line-height:1.6;margin:11px 2px 0;} .fp-reorder-message.fp-invalid{color:#ac5868} .fp-output-section{margin:22px auto 23px;max-width:930px;background:#fdfdff;} .fp-output-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:13px;max-height:720px;overflow-y:auto;padding:3px; } .fp-output-card{padding:13px;border:1px solid #e3e3ef;border-radius:12px;background:#fff;min-width:0;} .fp-output-name{font-size:11px;color:#40435d;font-weight:850;margin-bottom:10px;overflow-wrap:anywhere} .fp-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px} .fp-compare-pane{text-align:center;min-width:0;display:flex;flex-direction:column;gap:4px;} .fp-compare-pane>strong{font-size:10px;color:#7866d4} .fp-compare-art{ height:150px;background:#f4f5fa;border-radius:8px; display:flex;align-items:center;justify-content:center;overflow:hidden; } .fp-compare-art img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;} .fp-compare-pane>small{font-size:9px;color:#8f96a6;overflow-wrap:anywhere;line-height:1.5;min-height:27px} .fp-loading-note{font-size:10px;color:#a0a3b5} @media(max-width:720px){ .fp-section,.fp-reorder-panel,.fp-output-section{padding:13px 10px;border-radius:12px} .fp-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fp-file-art{height:100px;min-height:100px} .fp-reorder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .fp-reorder-art{height:135px} .fp-reorder-card{padding:7px} .fp-reorder-title{flex-direction:column;gap:2px} .fp-main-head{gap:6px} .fp-main-head>strong{flex-basis:100%} .fp-output-grid{grid-template-columns:1fr} } /* Native-looking recognizable document/file-format pictograms. MIT material icons + self-hosted original SVG badges for special extensions. */ .tool-icon.has-format-icon,.tool-header-icon.has-format-icon { background:transparent!important; border:none; box-shadow:none; color:inherit; padding:0; } .tool-icon.has-format-icon { flex:0 0 43px;width:43px;height:43px; } .tool-header-icon.has-format-icon { width:69px;height:69px; } .format-icon-single,.format-icon-pair { display:block;position:relative;width:100%;height:100%;isolation:isolate; } .format-icon-single{display:grid;place-items:center} .format-svg { display:block;object-fit:contain;max-width:100%;max-height:100%; } .format-icon-single .format-svg { width:38px;height:38px;filter:drop-shadow(0 2px 3px #161b3416); } .format-icon-pair .format-svg { position:absolute;width:29px;height:29px; filter:drop-shadow(0 2px 3px #17183021); background:transparent; } .format-icon-pair .format-source { left:0;top:0;z-index:1 } .format-icon-pair .format-target { right:0;bottom:0;z-index:3 } .format-direction { display:grid;place-items:center;position:absolute;z-index:4; top:14px;left:15px;width:14px;height:14px; border-radius:50%;font:700 15px/1 Arial,sans-serif; color:#6655d7;background:#fff;box-shadow:0 1px 4px #312c5729; } .tool-header-icon .format-icon-single .format-svg {width:61px;height:61px} .tool-header-icon .format-icon-pair .format-svg {width:49px;height:49px} .tool-header-icon .format-icon-pair .format-source {top:0;left:0} .tool-header-icon .format-icon-pair .format-target {bottom:0;right:0} .tool-header-icon .format-direction { top:27px;left:28px;width:19px;height:19px;font-size:19px; } .file-item .filetype { flex:0 0 39px;min-width:39px;width:39px;height:39px; background:transparent;color:inherit; border-radius:0;padding:0; display:grid;place-items:center; } .filetype .format-svg { width:35px;height:35px; } .format-select-with-icon { display:flex;align-items:center;gap:9px; border:1px solid #dce0ea;border-radius:10px; background:#fff;padding:3px 9px 3px 7px; transition:border-color .15s,box-shadow .15s; min-width:0; } .format-select-with-icon:focus-within { border-color:#9382f1;box-shadow:0 0 0 3px #ece8ff; } .format-choice-image {width:31px;height:31px;object-fit:contain;flex:0 0 31px;} .format-select-control {display:block;flex:1;min-width:0;} .format-select-control select { width:100%;min-width:0;border:0!important;outline:0; box-shadow:none!important;padding:9px 24px 9px 3px; color:#27304a;background:transparent; } .result-format-line { display:flex;align-items:center;justify-content:center; gap:10px;margin:6px auto 24px;max-width:92%; } .result-format-line #resultFormatIcon { width:38px;height:38px;object-fit:contain;flex:0 0 38px; } .result-format-line #resultDetails { margin:0;min-width:0;overflow-wrap:anywhere;text-align:left; font-size:12px;line-height:1.55; } .download-button { display:inline-flex;align-items:center;justify-content:center;gap:11px; } .download-inline-format {width:24px;height:24px;object-fit:contain;flex:0 0 24px;} .download-button>span:last-child {margin-left:auto;} .fp-file-name-row {display:flex;align-items:center;gap:7px;min-width:0;} .fp-file-name-row .fp-file-name-icon { width:21px;height:21px;object-fit:contain;flex:0 0 21px; } .fp-file-name-row strong {min-width:0;overflow-wrap:anywhere;} .fp-file-art .fp-art-format-icon {width:55px;height:55px;object-fit:contain;} .fp-output-name {display:flex;align-items:center;gap:7px;min-width:0;} .fp-output-name .fp-output-format-icon { width:23px;height:23px;object-fit:contain;flex:0 0 23px; } .fp-output-name span {min-width:0;overflow-wrap:anywhere;} .fp-reorder-format-label {display:inline-flex;align-items:center;gap:4px;} .fp-reorder-format-label img {width:15px;height:15px;object-fit:contain;} #secFileIcon {background:transparent;} #secFileIcon .security-selected-format {width:36px;height:36px;object-fit:contain;} .sec-member-icon {background:transparent;} .sec-member-icon .security-member-format {width:26px;height:26px;object-fit:contain;} .pdf-editor-document-caption #pdfEditorFileName { display:inline-flex;align-items:center;gap:7px; } .pdf-editor-filename-icon {width:22px;height:22px;object-fit:contain;flex:0 0 22px;} @media(max-width:720px){ .tool-icon.has-format-icon{width:34px;height:34px;flex-basis:34px} .tool-icon .format-icon-single .format-svg{width:32px;height:32px} .tool-icon .format-icon-pair .format-svg{width:24px;height:24px} .tool-icon .format-direction{top:10px;left:12px;width:12px;height:12px;font-size:12px} .tool-header-icon .format-icon-single .format-svg{width:49px;height:49px} .tool-header-icon .format-icon-pair .format-svg{width:37px;height:37px} .tool-header-icon .format-direction{left:19px;top:19px;width:15px;height:15px;font-size:14px} .file-item .filetype{width:32px;height:34px;min-width:32px;flex-basis:32px} .filetype .format-svg{width:30px;height:30px} .result-format-line{max-width:100%;gap:7px} } /* Quick output-format palette (keeps the native