:root{--navy:#14233d;--muted:#6d788b;--blue:#2463eb;--blue-dark:#174fc9;--line:#e9edf3;--soft:#f7f9fc;--white:#fff;--green:#1f9b77;--shadow:0 18px 50px rgba(23,44,80,.08);--font:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);background:#fff;font-family:var(--font);font-size:16px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1140px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:10}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;border-bottom:1px solid rgba(230,235,243,.75);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:11px;align-items:center;font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:var(--blue);font-size:19px;box-shadow:0 7px 14px rgba(36,99,235,.2)}.primary-nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600;color:#526077}.primary-nav a:hover,.footer-links a:hover{color:var(--blue)}.primary-nav .nav-cta{padding:10px 16px;border:1px solid #dfe6f2;border-radius:9px;color:var(--navy)}.nav-cta span{color:var(--blue);padding-left:7px}.menu-toggle{display:none}.hero{min-height:550px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:45px;padding-top:38px;padding-bottom:54px}.hero-copy{padding:15px 0 20px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#70809a}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54c5a6;box-shadow:0 0 0 4px #e9f7f3}.hero h1,.not-found h1{font:800 clamp(45px,5.1vw,67px)/1.12 var(--display);letter-spacing:-3.2px;margin:27px 0 20px;color:var(--navy)}.hero h1 span,.section-heading h2 span,.bottom-strip h2 span,.not-found h1 span{color:var(--blue)}.hero h1 em{font-style:normal;color:#f2a647}.hero-lede{max-width:490px;color:#66748a;font-size:17px;line-height:1.75;margin:0 0 29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;border:0;border-radius:9px;padding:13px 20px;min-height:49px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(36,99,235,.2)}.button-primary:hover{background:var(--blue-dark);box-shadow:0 10px 22px rgba(36,99,235,.27)}.hero-note{margin:21px 0 0;color:#8c98aa;font-size:12px}.hero-note span{color:#f2a647;padding-right:4px}.hero-art{height:420px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-art:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#eaf1ff 0,#f5f8ff 58%,rgba(255,255,255,0) 70%)}.art-orbit{position:absolute;border:1px solid #dce6fa;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:365px;height:215px}.orbit-two{width:315px;height:315px;border-style:dashed;border-color:#e7ecf6}.art-center{position:relative;width:208px;height:208px;background:#fff;border:1px solid #edf1f8;border-radius:40% 60% 54% 46%/49% 42% 58% 51%;box-shadow:0 30px 65px rgba(47,88,164,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg)}.art-spark{font-size:73px;line-height:1;color:#2463eb;transform:rotate(5deg)}.art-caption{font:700 12px/1.35 var(--display);text-align:center;color:#60708b;margin-top:8px;transform:rotate(5deg)}.art-dot{position:absolute;width:17px;height:17px;border-radius:50%;box-shadow:0 5px 12px #20334b20}.dot-a{background:#f7b856;top:91px;right:107px}.dot-b{background:#82d4bc;bottom:104px;left:101px;width:13px;height:13px}.dot-c{background:#e999a7;top:123px;left:73px;width:9px;height:9px}.art-plus{position:absolute;right:53px;bottom:88px;font-size:34px;color:#a6b7d6}.section{padding-top:54px;padding-bottom:75px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.section-heading h2,.bottom-strip h2{font:800 36px/1.22 var(--display);letter-spacing:-1.5px;margin:11px 0 0}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 3px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tool-card{position:relative;min-height:250px;border:1px solid var(--line);border-radius:14px;padding:21px 20px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;background:#fff}.tool-card:hover{transform:translateY(-4px);border-color:#d6e2fa;box-shadow:var(--shadow)}.tool-icon{width:53px;height:53px;border-radius:15px;display:grid;place-items:center}.tool-icon svg{width:29px;height:29px}.icon-blue{color:#2463eb;background:#eaf1ff}.icon-violet{color:#805be7;background:#f0ebff}.icon-orange{color:#e58a34;background:#fff2e5}.icon-green{color:#249b75;background:#e6f7f0}.tool-card h3{font:700 17px var(--display);letter-spacing:-.4px;margin:20px 0 7px}.tool-card p{max-width:none;color:var(--muted);font-size:12px;line-height:1.65;margin:0}.benefits-band{background:#f7f9fc;border-block:1px solid #f0f2f6}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:105px;align-items:center;gap:20px}.benefit{display:flex;align-items:center;gap:14px}.benefit-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:12px;background:#fff;color:var(--blue);box-shadow:0 4px 12px #20334b0b}.benefit div{display:flex;flex-direction:column;gap:2px}.benefit strong{font-size:13px}.benefit div span{color:var(--muted);font-size:11px}.how-section{padding-top:80px;padding-bottom:82px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.step{position:relative;padding:29px 28px 26px;border:1px solid var(--line);border-radius:13px;min-height:188px}.step-number{position:absolute;right:22px;top:20px;font:700 12px var(--display);color:#b5c0d0;letter-spacing:1px}.step-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eef3ff;color:var(--blue);font-size:22px;font-weight:500}.step:nth-child(2) .step-icon{background:#f0ebff;color:#805be7}.step:nth-child(3) .step-icon{background:#e6f7f0;color:#249b75}.step h3{font:700 15px var(--display);margin:16px 0 6px}.step p{font-size:12px;color:var(--muted);margin:0}.bottom-strip{overflow:hidden;background:#192d4e;color:#fff}.bottom-strip-inner{position:relative;min-height:219px;display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px}.bottom-strip .eyebrow{color:#a8bad8}.bottom-strip h2{font-size:32px;margin-top:9px;color:#fff}.bottom-strip h2 span{color:#82abff}.bottom-strip p{color:#bec9db;font-size:13px;margin:8px 0 0}.button-light{background:#fff;color:#183052}.button-light:hover{background:#eef3ff}.strip-decoration{position:absolute;right:23%;top:-45px;font-size:230px;line-height:1;color:rgba(125,165,237,.08);pointer-events:none}.site-footer{background:#fff}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:27px}.footer-brand{font-size:15px}.footer-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:16px}.footer-main p{font-size:11px;color:#8792a4;margin:9px 0 0 40px}.footer-links{display:flex;gap:27px;color:#657187;font-size:12px;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:14px;padding-bottom:18px;color:#9aa4b4;font-size:10px}.tool-page{padding-top:31px;padding-bottom:84px;max-width:1000px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#8994a5;font-size:11px;margin-bottom:26px}.breadcrumbs a:hover{color:var(--blue)}.tool-page-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.tool-page-heading .tool-icon{width:58px;height:58px}.tool-page-heading h1{font:800 31px/1.25 var(--display);letter-spacing:-1px;margin:3px 0}.tool-page-heading p{color:var(--muted);font-size:13px;margin:2px 0}.editor-card{border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 40px rgba(23,44,80,.06);overflow:hidden;min-height:385px}.upload-zone{margin:26px;min-height:297px;border:1.5px dashed #cbd6e7;border-radius:12px;background:#fbfcfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#738099;cursor:pointer;transition:background .15s,border-color .15s}.upload-zone:focus-visible,.upload-zone.is-dragging{outline:none;border-color:var(--blue);background:#f1f6ff}.upload-zone strong{font-size:16px;color:var(--navy)}.upload-zone>span:not(.upload-symbol){font-size:12px}.upload-zone small{font-size:10px;color:#9ba6b6;margin-top:7px}.upload-symbol{display:grid;place-items:center;width:46px;height:46px;margin-bottom:7px;border-radius:14px;background:#eaf1ff;color:var(--blue);font-size:27px}.text-button{padding:0;background:none;border:0;color:var(--blue);font-weight:700;cursor:pointer}.editor-workspace{display:grid;grid-template-columns:1.25fr .75fr;min-height:420px}.editor-workspace[hidden],.tool-controls[hidden]{display:none}.preview-panel{padding:20px;background:#f7f9fc;border-right:1px solid var(--line);display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;font-size:11px;color:#76849b}.preview-top strong{font-size:12px;color:var(--navy)}.canvas-wrap{flex:1;min-height:280px;display:grid;place-items:center;margin:14px 0;background-color:#fff;background-image:linear-gradient(45deg,#f1f3f7 25%,transparent 25%),linear-gradient(-45deg,#f1f3f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f3f7 75%),linear-gradient(-45deg,transparent 75%,#f1f3f7 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:9px;overflow:hidden}#preview-canvas{display:block;max-width:100%;max-height:380px;width:auto;height:auto;box-shadow:0 5px 20px #172c501c}.file-summary{font-size:10px;color:#7f8ba0}.controls-panel{padding:27px 25px}.controls-panel h2{font:700 17px var(--display);margin:0 0 25px}.tool-controls>label:not(.check-label),.field-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-bottom:10px}.tool-controls input[type=range]{width:100%;accent-color:var(--blue);margin:2px 0 14px}.tool-controls select,.tool-controls input[type=number]{width:100%;border:1px solid #dfe5ee;border-radius:8px;padding:9px 10px;color:var(--navy);background:#fff;outline:none}.tool-controls select:focus,.tool-controls input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2463eb20}.field-help{font-size:10px;color:#8793a5;margin:8px 0 18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.field-row label{font-size:11px;font-weight:600}.field-row input{display:block;margin-top:6px}.check-label{display:flex;align-items:center;gap:7px;font-size:11px;margin:2px 0 18px;color:#526077}.check-label input{accent-color:var(--blue)}.editor-actions{display:flex;flex-direction:column;gap:8px;margin-top:24px}.editor-actions .button{width:100%}.button-quiet{background:#f2f5f9;color:#526077;min-height:40px;padding:9px 14px;font-size:12px}.status-message{min-height:18px;color:var(--green);font-size:10px;margin:12px 0 0}.status-message.is-error{color:#c34d53}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;color:#8290a4;font-size:11px;margin-top:17px}.privacy-note span{color:#f2aa4a}.prose-page{max-width:770px;padding-top:75px;padding-bottom:95px}.prose-page h1{font:800 42px var(--display);letter-spacing:-1.7px;margin:12px 0}.prose-intro{font-size:17px;line-height:1.7;color:#69778c;margin:0 0 40px}.prose-page h2{font:700 20px var(--display);margin:31px 0 9px}.prose-page p:not(.prose-intro){font-size:16px;line-height:1.8;color:#69778c}.prose-page a{color:var(--blue)}.legal-date{font-size:15px!important;margin-top:35px}.contact-card{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:13px;padding:21px;width:max-content;min-width:280px}.contact-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf1ff;color:var(--blue);font-size:20px}.contact-card strong{font-size:13px}.contact-card p{margin:1px 0!important}.not-found{padding-top:95px;padding-bottom:110px}.not-found h1{font-size:54px}.not-found p{color:var(--muted);margin-bottom:24px}code{font-size:.9em;background:#f1f4f8;padding:2px 5px;border-radius:4px} @media(max-width:900px){.hero{gap:10px;grid-template-columns:1fr 1fr;min-height:490px}.hero h1{font-size:56px}.hero-art{transform:scale(.88)}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card{min-height:210px}.benefits-grid{gap:14px}.editor-workspace{grid-template-columns:1fr 310px}} @media(max-width:680px){.container{width:min(100% - 36px,520px)}.site-header{height:68px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:white;border:1px solid var(--line);border-radius:8px;padding:9px}.menu-toggle>span:not(.sr-only){width:17px;height:2px;background:#324560}.primary-nav{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:15px 22px 19px;align-items:stretch;gap:7px;box-shadow:0 12px 20px #172c5010}.primary-nav.is-open{display:flex;flex-direction:column}.primary-nav a{padding:9px 6px}.primary-nav .nav-cta{text-align:center;margin-top:5px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:53px;padding-bottom:20px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,12vw,58px);letter-spacing:-2.5px;margin:23px 0 15px}.hero-lede{font-size:15px;line-height:1.7}.hero-art{height:270px;transform:scale(.78);transform-origin:top center;margin-top:16px;margin-bottom:-34px}.section{padding-top:40px;padding-bottom:54px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:30px}.section-heading>p{margin-top:13px;font-size:13px}.tool-grid{gap:11px}.tool-card{padding:16px 14px 14px;min-height:190px}.tool-icon{width:45px;height:45px;border-radius:13px}.tool-icon svg{width:25px;height:25px}.tool-card h3{font-size:14px;margin:9px 0 5px}.tool-card p{font-size:11px}.benefits-grid{grid-template-columns:1fr;padding-top:17px;padding-bottom:17px;gap:15px}.benefit-icon{width:34px;height:34px}.how-section{padding-top:70px;padding-bottom:55px}.steps-grid{grid-template-columns:1fr;gap:10px;margin-top:24px}.step{min-height:0;padding:17px 17px 17px 70px}.step-icon{position:absolute;left:16px;top:19px;width:39px;height:39px}.step h3{margin:0 0 4px}.step-number{right:15px;top:13px}.bottom-strip-inner{min-height:220px;display:block;padding-top:34px;padding-bottom:34px}.bottom-strip h2{font-size:27px}.bottom-strip p{max-width:260px}.bottom-strip .button{margin-top:17px}.strip-decoration{right:-10px;top:36px;font-size:143px}.footer-main{align-items:flex-start;gap:18px;padding-top:24px}.footer-main p{max-width:190px;line-height:1.5;margin-left:0}.footer-links{gap:12px;font-size:10px;padding-top:7px}.footer-bottom{font-size:9px}.tool-page{padding-top:22px;padding-bottom:54px}.breadcrumbs{margin-bottom:20px}.tool-page-heading{gap:13px;margin-bottom:20px}.tool-page-heading .tool-icon{width:49px;height:49px}.tool-page-heading h1{font-size:24px}.tool-page-heading p{font-size:11px}.upload-zone{margin:14px;min-height:261px}.editor-workspace{display:flex;flex-direction:column}.preview-panel{min-height:310px;border-right:0;border-bottom:1px solid var(--line);padding:14px}.canvas-wrap{min-height:220px}.controls-panel{padding:22px}.editor-actions{flex-direction:row}.editor-actions .button{font-size:11px;padding:10px}.privacy-note{font-size:10px}.prose-page{padding-top:54px;padding-bottom:65px}.prose-page h1{font-size:34px}.prose-intro{font-size:16px;margin-bottom:30px}.prose-page p:not(.prose-intro){font-size:16px}.not-found{padding-top:70px;padding-bottom:80px}.not-found h1{font-size:44px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}} .brand-logo{display:block;width:auto;max-width:min(180px,42vw);height:auto;max-height:42px;object-fit:contain}.home-intro{padding-top:54px;padding-bottom:24px;text-align:center}.home-intro h1{font:800 clamp(32px,4.4vw,48px)/1.18 var(--display);letter-spacing:-1.8px;margin:11px 0 9px}.home-intro>p{margin:0;color:var(--muted);font-size:15px}.home-tools{padding-bottom:56px}.tool-discovery{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px 24px;margin-bottom:20px}.tool-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-search-wrap{position:relative;max-width:390px}.tool-search-wrap>span{position:absolute;left:14px;top:6px;color:#8b98aa;font-size:24px;line-height:1}.tool-search-wrap input{width:100%;height:43px;border:1px solid #dfe5ee;border-radius:9px;padding:9px 13px 9px 41px;color:var(--navy);background:#fff;outline:none;font-size:13px}.tool-search-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2463eb20}.tool-filters{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.tool-filter{min-height:34px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#617087;font-size:11px;font-weight:600;cursor:pointer}.tool-filter:hover{border-color:#cbd8ee;color:var(--blue)}.tool-filter.is-active{border-color:#dce7ff;background:#eef4ff;color:var(--blue)}.tool-card[hidden]{display:none}.tool-card h2{font:700 17px var(--display);letter-spacing:-.4px;margin:20px 0 7px}.tool-empty{padding:28px 12px;text-align:center;border:1px dashed #d8e0ec;border-radius:12px;color:var(--muted);font-size:13px}.tool-empty[hidden]{display:none} @media(max-width:900px){.tool-discovery{grid-template-columns:1fr}.tool-filters{justify-content:flex-start}} @media(max-width:680px){.home-intro{padding-top:39px;padding-bottom:20px}.home-intro h1{font-size:34px;letter-spacing:-1.3px}.home-intro>p{font-size:13px;max-width:340px;margin-inline:auto}.home-tools{padding-bottom:40px}.tool-discovery{gap:10px;margin-bottom:14px}.tool-search-wrap{max-width:none}.tool-filters{gap:6px}.tool-filter{padding-inline:10px;font-size:10px}.tool-card h2{font-size:14px;margin:9px 0 5px}} /* v1.1.3: improve homepage readability, especially on desktop */ .home-intro .eyebrow,.how-section .eyebrow{font-size:12px;letter-spacing:1.25px} .home-intro>p{font-size:17px;line-height:1.7} .tool-search-wrap input{font-size:15px} .tool-filter{font-size:13px;min-height:38px} .tool-card p{font-size:14px;line-height:1.65} .benefit strong{font-size:15px} .benefit div span{font-size:13px;line-height:1.5} .how-section .section-heading>p{font-size:16px} .step h3{font-size:17px} .step p{font-size:14px;line-height:1.65} .footer-main p{font-size:13px;line-height:1.6} .footer-links{font-size:14px} .footer-bottom{font-size:12px} @media(max-width:680px){ .home-intro .eyebrow,.how-section .eyebrow{font-size:11px;letter-spacing:1px} .home-intro>p{font-size:15px} .tool-filter{font-size:12px;min-height:36px} .tool-card p{font-size:13px} .benefit strong{font-size:14px} .benefit div span{font-size:12px} .how-section .section-heading>p{font-size:14px} .step h3{font-size:16px} .step p{font-size:13px} .footer-main p{font-size:12px} .footer-links{font-size:11px} .footer-bottom{font-size:10px} } /* v1.1.5: consistent tool-page readability and stronger text contrast */ :root{--muted:#536176} .tool-page .breadcrumbs{font-size:13px;color:#536176} .tool-page-heading .eyebrow{font-size:12px;color:#43536b;letter-spacing:1.35px} .tool-page-heading h1{font-size:30px;line-height:1.22} .tool-page-heading p{font-size:16px;line-height:1.65;color:#45546a} .upload-zone{color:#45546a} .upload-zone>span:not(.upload-symbol){font-size:14px;color:#45546a} .upload-zone small{font-size:12px;color:#5b687b;line-height:1.5} .upload-zone strong{font-size:18px} .preview-top{font-size:13px;color:#46556b} .preview-top strong{font-size:14px} .file-summary{font-size:12px;color:#4d5b70;line-height:1.55} .controls-panel h2{font-size:19px} .tool-controls>label:not(.check-label),.field-label{font-size:14px;color:#24354d;line-height:1.5} .tool-controls select,.tool-controls input[type=number]{font-size:15px;min-height:42px} .field-help{font-size:12px;color:#536176;line-height:1.6} .field-row label{font-size:13px;color:#24354d;line-height:1.5} .check-label{font-size:13px;color:#34445b;line-height:1.5} .button-quiet{font-size:13px} .status-message{font-size:12px;line-height:1.55} .privacy-note{font-size:13px;line-height:1.6;color:#4f5e73} .tool-page .editor-card{color:#14233d} @media(max-width:680px){ .tool-page .breadcrumbs{font-size:11px} .tool-page-heading h1{font-size:25px} .tool-page-heading p{font-size:13px} .upload-zone strong{font-size:16px} .upload-zone>span:not(.upload-symbol){font-size:13px} .upload-zone small{font-size:11px} .preview-top{font-size:12px} .preview-top strong{font-size:13px} .file-summary{font-size:11px} .controls-panel h2{font-size:18px} .tool-controls>label:not(.check-label),.field-label{font-size:13px} .field-help{font-size:11px} .field-row label,.check-label{font-size:12px} .privacy-note{font-size:11px} } /* v1.1.7: WCAG AA contrast corrections for muted homepage and tool-card text. Keep secondary text distinct from headings without relying on pale grey. */ :root{--muted:#4b596d} .eyebrow,.home-intro .eyebrow,.how-section .eyebrow{color:#4b596d} .hero-lede,.section-heading>p,.tool-card p,.benefit div span,.step p{color:#4b596d} .hero-note,.hero-note span{color:#536176} .footer-main p,.footer-links,.footer-bottom{color:#536176} .tool-search-wrap>span{color:#536176} .tool-filter{color:#4b596d} .tool-empty{color:#4b596d} .step-number{color:#536176} .art-caption{color:#536176} .tool-page .breadcrumbs{color:#4b596d} .upload-zone small,.file-summary,.field-help,.privacy-note{color:#4b596d} .prose-intro,.prose-page p:not(.prose-intro),.legal-date{color:#4b596d} .not-found p{color:#4b596d} @media(max-width:680px){.tool-card p,.benefit div span,.step p{color:#4b596d}.footer-bottom{color:#536176}} /* v1.1.8: unified component contrast, borders, icon strokes and focus states. */ :root{ --line:#cbd5e1; --line-strong:#a8b6c9; --icon-blue:#174fc9; --icon-violet:#6240c8; --icon-orange:#a95612; --icon-green:#147653; --focus-ring:#174fc9; } /* Clearer boundaries without making cards visually heavy. */ .tool-card,.step,.contact-card{border-color:var(--line);} .tool-card:hover{border-color:var(--line-strong);} .editor-card{border-color:var(--line);} .upload-zone{border-color:#9aabc2;border-width:1.5px;background:#fbfcff;} .upload-zone:hover,.upload-zone.is-dragging{border-color:var(--focus-ring);background:#f3f7ff;} .tool-search-wrap input,.tool-controls select,.tool-controls input[type=number]{border-color:#aebcd0;} .tool-filter{border-color:#c2cddd;} .tool-filter:hover{border-color:#7186a5;} .tool-filter.is-active{border-color:#8ca9e8;} .menu-toggle,.primary-nav .nav-cta{border-color:#c2cddd;} .art-orbit{border-color:#c5d3e9;} .orbit-two{border-color:#cbd5e1;} .art-center{border-color:#d4dce8;} .benefits-band{border-block-color:#dbe2ec;} .footer-bottom{border-top-color:#d7dee8;} /* Darker icon strokes retain the existing soft colour tiles. */ .icon-blue,.step-icon{color:var(--icon-blue);} .icon-violet,.step:nth-child(2) .step-icon{color:var(--icon-violet);} .icon-orange{color:var(--icon-orange);} .icon-green,.step:nth-child(3) .step-icon{color:var(--icon-green);} .tool-icon svg,.benefit-icon svg,.step-icon svg,.contact-icon svg{stroke-width:2.25;} /* Consistent, visible keyboard focus across interactive components. */ :where(a,button,input,select,[tabindex]):focus-visible{ outline:3px solid var(--focus-ring); outline-offset:3px; } .upload-zone:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;} .tool-search-wrap input:focus-visible,.tool-controls select:focus-visible,.tool-controls input:focus-visible{ border-color:var(--focus-ring);box-shadow:0 0 0 3px rgba(23,79,201,.18);outline:2px solid var(--focus-ring);outline-offset:1px; } /* v1.1.9: consistent, high-clarity tool icon system. */ :root{--icon-blue:#1558b0;--icon-violet:#5934b5;--icon-orange:#9a4e08;--icon-green:#126b4b;--icon-teal:#fff;--icon-tile-teal:#149b91;--icon-tile-blue:#e1f2ff;--icon-tile-violet:#eee7ff;--icon-tile-orange:#fff0cf;--icon-tile-green:#e0f5e9;} .tool-icon{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;} .tool-icon svg{width:34px;height:34px;stroke-width:3.2;overflow:visible;} .tool-icon.icon-blue{color:var(--icon-blue);background:var(--icon-tile-blue);} .tool-icon.icon-violet{color:var(--icon-violet);background:var(--icon-tile-violet);} .tool-icon.icon-orange{color:var(--icon-orange);background:var(--icon-tile-orange);} .tool-icon.icon-green{color:var(--icon-green);background:var(--icon-tile-green);} .tool-card{border:1px solid #c4cfdf;} .tool-card:hover{border-color:#7f94b3;} .tool-page-heading .tool-icon{width:60px;height:60px;} .tool-page-heading .tool-icon svg{width:36px;height:36px;} @media(max-width:680px){.tool-icon{width:48px;height:48px;border-radius:11px}.tool-icon svg{width:30px;height:30px}.tool-page-heading .tool-icon{width:50px;height:50px}.tool-page-heading .tool-icon svg{width:31px;height:31px}} /* v1.2.0: solid, high-clarity tool icon tiles and a more compact header. */ :root{ --icon-blue:#28b7df; --icon-violet:#a85d91; --icon-orange:#f5bd00; --icon-green:#82b94e; --icon-tile-blue:#28b7df; --icon-tile-violet:#a85d91; --icon-tile-orange:#f5bd00; --icon-tile-green:#82b94e; --icon-teal:#ffffff; --icon-tile-teal:#149b91; } .site-header{height:72px} .brand-logo{max-width:min(210px,48vw);max-height:48px} .brand{gap:12px} .tool-icon{width:56px;height:56px;border-radius:7px;} .tool-icon svg{width:32px;height:32px;stroke-width:3.1} .tool-icon.icon-blue{color:#fff;background:var(--icon-tile-blue)} .tool-icon.icon-violet{color:#fff;background:var(--icon-tile-violet)} .tool-icon.icon-orange{color:#fff;background:var(--icon-tile-orange)} .tool-icon.icon-green{color:#fff;background:var(--icon-tile-green)} .tool-icon.icon-teal{color:#fff;background:var(--icon-tile-teal)} .tool-page-heading .tool-icon{width:60px;height:60px;border-radius:10px} .tool-page-heading .tool-icon svg{width:35px;height:35px} @media(max-width:680px){ .site-header{height:62px} .brand-logo{max-width:min(190px,55vw);max-height:43px} .tool-icon{width:48px;height:48px;border-radius:7px} .tool-icon svg{width:28px;height:28px} .tool-page-heading .tool-icon{width:50px;height:50px} .tool-page-heading .tool-icon svg{width:30px;height:30px} .primary-nav{top:61px} } /* v1.2.2 shared batch upload manager */ .batch-manager{margin:16px 26px 0;padding:14px 16px;border:1px solid #c4cfdf;border-radius:12px;background:#fff} .batch-manager[hidden]{display:none} .batch-heading{display:flex;align-items:center;justify-content:space-between;gap:14px} .batch-heading>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0} .batch-heading strong{font-size:14px;color:var(--navy)} .batch-heading span,.batch-help{font-size:12px;color:#526077;margin:0} .batch-manager-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .batch-manager-actions .button{min-height:38px;padding:8px 12px;font-size:12px} .batch-clear{font-size:12px;font-weight:700;color:#a12c38} .batch-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;max-height:220px;overflow:auto} .batch-file{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #d5deea;border-radius:9px;padding:8px;background:#fff} .batch-file.is-current{border-color:#2463eb;box-shadow:0 0 0 2px #2463eb18} .batch-file-select{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--navy);padding:0} .batch-file-select .file-glyph{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:7px;background:#eaf1ff;color:#174fc9} .batch-file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700} .batch-file-size{display:block;font-size:10px;color:#526077} .batch-file-status{font-size:10px;font-weight:700;white-space:nowrap;color:#526077} .batch-file-status[data-status="Completed"]{color:#147452} .batch-file-status[data-status="Failed"]{color:#b42332} .batch-file-status[data-status="Processing"]{color:#174fc9} .batch-file-remove{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d5deea;border-radius:7px;background:#fff;color:#526077;cursor:pointer;flex:0 0 auto} .batch-file-remove:hover{background:#fff1f2;color:#a12c38;border-color:#e6aab0} .batch-help{margin-top:10px;font-size:11px} .editor-actions{gap:8px} .editor-actions .button[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none} @media(max-width:680px){.batch-manager{margin:12px 14px 0;padding:12px}.batch-heading{align-items:flex-start;flex-direction:column}.batch-manager-actions{width:100%;justify-content:space-between}.batch-file-list{grid-template-columns:1fr;max-height:240px}.editor-actions{flex-direction:column}.editor-actions .button{width:100%}} .batch-file>input[type="checkbox"]{width:16px;height:16px;flex:0 0 auto;accent-color:#174fc9;margin:0} .upload-status{margin:0 26px 12px;font-size:12px;color:#147452}.upload-status.is-error{color:#b42332}.upload-status:empty{display:none} @media(max-width:680px){.upload-status{margin-inline:14px}} /* v1.2.5 results page redesign: bulk download only */ .processing-panel,.results-panel{margin:0 0 24px;padding:clamp(20px,4vw,38px);border:1px solid #d7e0ed;border-radius:16px;background:#fff;box-shadow:0 14px 42px rgba(23,44,80,.06)} .processing-panel[hidden],.results-panel[hidden]{display:none} .processing-heading,.results-top{display:flex;align-items:center;gap:15px;margin-bottom:24px} .processing-heading h2,.results-top h2{margin:0;font:800 25px/1.25 var(--display);letter-spacing:-.6px} .processing-heading p,.results-top p{margin:5px 0 0;color:#526077;font-size:14px} .processing-spinner{width:38px;height:38px;flex:0 0 auto;border:4px solid #dbe7ff;border-top-color:#2463eb;border-radius:50%;animation:pf-spin .8s linear infinite} @keyframes pf-spin{to{transform:rotate(360deg)}} .processing-progress-track{height:10px;background:#e9eef6;border-radius:999px;overflow:hidden} .processing-progress-bar{height:100%;background:#2463eb;border-radius:999px;transition:width .2s ease} .processing-progress-label{display:flex;justify-content:space-between;gap:12px;margin:10px 0 18px;font-size:13px;color:#33445e} .results-file-status.is-done{color:#147452}.results-file-status.is-failed{color:#b42332} .results-check{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#e5f7ed;color:#147452;font-size:25px;font-weight:800} .results-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0} .results-stat{display:flex;flex-direction:column;gap:3px;padding:15px;border:1px solid #dbe2ec;border-radius:10px;background:#fbfcfe} .results-stat strong{font:800 22px var(--display);color:var(--navy)}.results-stat span{font-size:12px;color:#526077} .results-download{padding:18px;border-radius:12px;background:#f4f7fc;text-align:center;margin-bottom:20px}.results-download .button{min-width:min(100%,360px)}.results-download-status{margin:10px 0 0;color:#526077;font-size:13px;line-height:1.5} .results-file .text-button{flex:0 0 auto}.continue-tools{margin-top:27px;padding-top:22px;border-top:1px solid #e3e8f0}.continue-tools h3{margin:0 0 4px;font:700 18px var(--display)}.continue-tools>p{margin:0 0 14px;color:#526077;font-size:13px} .continue-tool-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.continue-tool-link{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;border:1px solid #b9c7da;border-radius:9px;color:#174fc9;font-size:13px;font-weight:700;text-align:center}.continue-tool-link:hover{background:#f0f5ff;border-color:#2463eb} .results-footer{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.results-footer .button{min-height:42px} @media(max-width:680px){.processing-panel,.results-panel{padding:18px;margin-bottom:18px}.processing-heading h2,.results-top h2{font-size:21px}.results-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-tool-links{grid-template-columns:1fr}.results-file{align-items:flex-start;flex-wrap:wrap}.results-file-status{text-align:left}.results-footer{flex-direction:column}.results-footer .button{width:100%}} /* v1.2.5 polished results page — bulk download only */ .results-panel{max-width:980px;margin:0 auto 24px;padding:clamp(24px,4vw,42px);background:#f4f6fc;border:0;border-radius:0;box-shadow:none} .results-top{display:block;text-align:center;margin:0 auto 24px} .results-title-wrap{display:flex;flex-direction:column;align-items:center;gap:10px} .results-title-wrap .results-check{width:48px;height:48px;flex-basis:48px;font-size:26px} .results-top h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.7px;color:#26354c} .results-top p{font-size:15px;max-width:600px;margin:0 auto} .results-stats{max-width:760px;margin:24px auto;grid-template-columns:repeat(4,minmax(0,1fr))} .results-stat{background:#fff;border-color:#d4dbea;border-radius:10px;padding:16px} .results-download{max-width:760px;margin:0 auto 28px;padding:0;background:transparent} .results-download .results-download-button{display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,558px);min-height:68px;margin:0 auto;padding:16px 23px;border-radius:13px;background:#3478f6;color:#fff;font-size:clamp(17px,2vw,23px);font-weight:800;box-shadow:0 4px 10px rgba(25,77,170,.18)} .results-download .results-download-button:hover{background:#2465e8;transform:translateY(-1px)} .results-download-button span{font-size:30px;line-height:1} .results-download-status{font-size:13px;margin:12px auto 0;max-width:620px} .continue-tools{max-width:880px;margin:28px auto 0;padding:25px 26px 28px;border:0;border-radius:12px;background:#fff} .continue-tools h3{font-size:20px;color:#243650} .continue-tools>p{font-size:14px} .continue-tool-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .continue-tool-link{justify-content:space-between;min-height:54px;padding:12px 16px;border-color:#d5ddeb;border-radius:9px;background:#fff;color:#243650;text-align:left} .continue-tool-link:after{content:'›';font-size:23px;font-weight:400;color:#526077} .results-footer{max-width:880px;margin:22px auto 0} @media(max-width:680px){.results-panel{padding:20px 14px}.results-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.results-stat{padding:12px}.results-stat strong{font-size:19px}.results-download .results-download-button{min-height:54px;padding:12px 20px;font-size:17px}.continue-tools{padding:20px 14px}.continue-tool-links{grid-template-columns:1fr}.results-file{gap:6px}.results-file-status{text-align:left}} /* v1.2.6 compact results: hide tool intro only while showing results */ .tool-page.is-showing-results > .breadcrumbs, .tool-page.is-showing-results > .tool-page-heading { display: none; } .tool-page.is-showing-results { padding-top: 14px; padding-bottom: 36px; } .tool-page.is-showing-results > .results-panel { margin-top: 0; margin-bottom: 14px; padding: clamp(18px, 3vw, 30px); } .tool-page.is-showing-results > .privacy-note { margin-top: 10px; } .tool-page.is-showing-results .results-top { margin-bottom: 14px; } .tool-page.is-showing-results .results-stats { margin: 16px auto; } .tool-page.is-showing-results .results-download { margin-bottom: 16px; } .tool-page.is-showing-results .continue-tools { margin-top: 18px; padding: 20px 22px 22px; } .tool-page.is-showing-results .results-footer { margin-top: 14px; } @media(max-width:680px) { .tool-page.is-showing-results { padding-top: 8px; padding-bottom: 28px; } .tool-page.is-showing-results > .results-panel { padding: 16px 12px; } .tool-page.is-showing-results .results-title-wrap { gap: 7px; } .tool-page.is-showing-results .results-top h2 { font-size: 22px; } .tool-page.is-showing-results .continue-tools { margin-top: 14px; padding: 16px 12px; } } /* v1.2.7 homepage visual refinement */ :root{ --line:#d3dce8; --shadow-card:0 3px 10px rgba(20,35,61,.055); --shadow-card-hover:0 8px 20px rgba(20,35,61,.10); } /* Compact header by a further ~14% on desktop and ~10% on mobile. */ .site-header{height:62px;border-bottom:1px solid #cfd8e5} @media(max-width:680px){.site-header{height:56px}.primary-nav{top:55px}} /* Make the main home-page boxes feel defined without heavy elevation. */ .tool-card,.step,.tool-search-wrap input,.tool-filter,.tool-empty,.continue-tool-link{ box-shadow:var(--shadow-card); } .tool-card{border-color:#c4cfdf;box-shadow:var(--shadow-card)} .tool-card:hover{border-color:#7f94b3;box-shadow:var(--shadow-card-hover)} .step{border-color:#c4cfdf;box-shadow:var(--shadow-card)} .tool-search-wrap input{border-color:#c2cddd} .tool-filter{border-color:#c2cddd} /* Darken separators/dividers so they remain visible on white and pale surfaces. */ .benefits-band{border-block-color:#cbd5e2} .footer-bottom{border-top-color:#cbd5e2} .continue-tools{border-top-color:#cbd5e2} .results-stat{border-color:#cbd5e2} .tool-page .editor-card,.contact-card{border-color:#c4cfdf} /* Footer tagline aligns with the logo's left edge. */ .footer-main p{margin-left:0} /* Benefits use larger, neutral monochrome symbols. */ .benefit-icon{width:48px;height:48px;border-radius:12px;background:#fff;color:#202b3d;border:1px solid #d3dce8;box-shadow:var(--shadow-card);font-size:25px;line-height:1} .benefit-icon svg{width:24px;height:24px;stroke:#202b3d;fill:none;stroke-width:2} /* Remove the unused right-hand copy column in the how-it-works heading. */ .how-section .section-heading{justify-content:flex-start} .how-section .section-heading>p{display:none} /* The new headline is longer; keep it balanced on desktop and mobile. */ .home-intro h1{max-width:780px;margin-top:0;margin-bottom:12px;margin-inline:auto;font-size:clamp(30px,4vw,43px);letter-spacing:-1.5px;line-height:1.16} .home-intro{padding-top:43px;padding-bottom:26px} .home-intro>p{margin-top:0} @media(max-width:680px){ .home-intro{padding-top:32px;padding-bottom:20px} .home-intro h1{font-size:clamp(28px,7vw,34px);letter-spacing:-1px} .benefit-icon{width:44px;height:44px;font-size:23px} } /* v1.2.9: larger SEO-friendly hero subtitle and right-aligned icon-only search */ .home-intro>p{font-size:18px;line-height:1.65;color:#43516a;margin:0 auto;max-width:820px} .header-inner{position:relative} .header-search-control{position:relative;display:flex;align-items:center;flex:0 0 auto;margin-left:clamp(8px,1.6vw,22px)} .header-search-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#34445f;cursor:pointer;transition:background .15s,border-color .15s,color .15s} .header-search-toggle:hover,.header-search-toggle[aria-expanded="true"]{background:#f3f6fb;border-color:#c2cddd;color:var(--blue)} .header-search-toggle:focus-visible{outline:3px solid rgba(36,99,235,.28);outline-offset:2px} .header-search-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .header-search-panel{position:absolute;z-index:20;right:0;top:calc(100% + 12px);width:min(340px,calc(100vw - 32px));padding:12px;background:#fff;border:1px solid #aebcd0;border-radius:12px;box-shadow:0 12px 32px rgba(23,44,80,.16)} .header-search-panel[hidden]{display:none!important} .header-search-panel input{display:block;width:100%;height:42px;padding:9px 12px;border:1px solid #aebcd0;border-radius:8px;color:var(--navy);background:#fff;font-size:15px;outline:none} .header-search-panel input:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,99,235,.18)} .tool-discovery{display:block;margin-bottom:20px} .tool-filters{justify-content:center;gap:9px} @media(max-width:900px){.site-header .header-inner{gap:12px}.header-search-control{margin-left:6px}.tool-filters{justify-content:center}} @media(max-width:680px){ .site-header .header-inner{gap:8px} .header-search-control{margin-left:auto} .header-search-toggle{width:38px;height:38px} .header-search-panel{top:calc(100% + 9px);right:0} .home-intro>p{font-size:16px;line-height:1.55;max-width:100%} } @media(max-width:390px){.header-search-toggle{width:34px;height:36px}.header-search-toggle svg{width:21px;height:21px}} /* v1.3.4: shorter results pages and clearer bottom actions */ .tool-page.is-showing-results { padding-top: 10px; padding-bottom: 24px; } .tool-page.is-showing-results > .results-panel { padding: clamp(16px, 2.6vw, 26px); } .tool-page.is-showing-results .results-top { margin-bottom: 10px; } .tool-page.is-showing-results .results-title-wrap { gap: 7px; } .tool-page.is-showing-results .results-title-wrap .results-check { width: 42px; height: 42px; flex-basis: 42px; font-size: 23px; } .tool-page.is-showing-results .results-stats { margin: 12px auto; } .tool-page.is-showing-results .results-stat { padding: 12px; } .tool-page.is-showing-results .results-download { margin-bottom: 12px; } .tool-page.is-showing-results .results-download .results-download-button { width: min(90%, 502px); min-height: 60px; padding: 14px 21px; } .tool-page.is-showing-results .continue-tools { margin-top: 14px; padding: 18px 20px 20px; } .tool-page.is-showing-results .continue-tools > p { margin-bottom: 10px; } .tool-page.is-showing-results .continue-tool-link { min-height: 48px; } .tool-page.is-showing-results .results-footer { margin-top: 12px; } .tool-page.is-showing-results .results-footer #back-to-editor { background: #e8efff; color: #174fc9; border: 1px solid #c7d7ff; } .tool-page.is-showing-results .results-footer #back-to-editor:hover { background: #dbe7ff; } .tool-page.is-showing-results .results-footer #new-task { background: #2463eb; color: #fff; border: 1px solid #2463eb; box-shadow: 0 3px 8px rgba(36,99,235,.18); } .tool-page.is-showing-results .results-footer #new-task:hover { background: #174fc9; } @media(max-width:680px) { .tool-page.is-showing-results { padding-top: 6px; padding-bottom: 20px; } .tool-page.is-showing-results > .results-panel { padding: 14px 12px; } .tool-page.is-showing-results .results-download .results-download-button { width: min(90%, 502px); min-height: 50px; padding: 11px 18px; } .tool-page.is-showing-results .continue-tools { margin-top: 12px; padding: 14px 12px; } .tool-page.is-showing-results .results-footer { gap: 8px; } } /* v1.3.5: concise download helper and branded continuation cards without added height */ .tool-page.is-showing-results .results-download-status { margin: 7px auto 0; font-size: 11px; line-height: 1.4; max-width: 560px; } .tool-page.is-showing-results .continue-tool-links { gap: 12px; } .tool-page.is-showing-results .continue-tool-link { position: relative; justify-content: space-between; min-height: 48px; padding: 9px 12px; border: 1px solid #efc4c4; border-radius: 10px; background: linear-gradient(135deg, #fff8f8 0%, #fff 100%); color: #28364d; box-shadow: 0 2px 7px rgba(126, 35, 35, .06); text-align: left; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; } .tool-page.is-showing-results .continue-tool-link::before { content: '\2726 '; display: inline-grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; margin-right: 9px; border-radius: 8px; background: #c62828; color: #fff; font-size: 14px; line-height: 1; } .tool-page.is-showing-results .continue-tool-link::after { content: '\203A '; margin-left: 8px; color: #c62828; font-size: 22px; line-height: 1; } .tool-page.is-showing-results .continue-tool-link:hover { border-color: #d85a5a; background: #fff0f0; box-shadow: 0 4px 10px rgba(126, 35, 35, .10); transform: translateY(-1px); } .tool-page.is-showing-results .continue-tool-link:focus-visible { outline: 3px solid rgba(198, 40, 40, .24); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .tool-page.is-showing-results .continue-tool-link { transition: none; } .tool-page.is-showing-results .continue-tool-link:hover { transform: none; } } /* v1.3.7: remove redundant results summary, improve download helper readability, center privacy note */ .tool-page.is-showing-results > .results-panel { width: 100%; max-width: 1060px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .tool-page.is-showing-results .results-top, .tool-page.is-showing-results .results-title-wrap { text-align: center; align-items: center; } .tool-page.is-showing-results .results-stats { width: min(100%, 430px); grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: center; margin-left: auto; margin-right: auto; } .tool-page.is-showing-results .results-stat { text-align: left; } .tool-page.is-showing-results .results-download { width: min(100%, 760px); margin-left: auto; margin-right: auto; } .tool-page.is-showing-results .continue-tools { width: min(100%, 900px); margin-left: auto; margin-right: auto; box-sizing: border-box; } .tool-page.is-showing-results .results-footer { width: min(100%, 900px); margin-left: auto; margin-right: auto; } /* Hidden until an actual ad provider is configured; no artificial blank space meanwhile. */ .tool-page.is-showing-results .results-ad-slot[hidden] { display: none !important; } .tool-page.is-showing-results .continue-tool-link { min-height: 48px; border: 1px solid #cbd9ff; border-radius: 11px; background: linear-gradient(115deg, #f0f5ff 0%, #ffffff 56%, #fff8e8 100%); color: #152e66; box-shadow: 0 3px 10px rgba(25, 66, 140, .08), inset 0 1px 0 rgba(255,255,255,.9); } .tool-page.is-showing-results .continue-tool-link::before { content: '\2726 '; flex-basis: 27px; width: 27px; height: 27px; border-radius: 8px; background: linear-gradient(145deg, #ffca3a 0%, #ffb21c 100%); color: #173d91; box-shadow: 0 2px 5px rgba(255, 178, 28, .2); } .tool-page.is-showing-results .continue-tool-link::after { color: #e52e48; } .tool-page.is-showing-results .continue-tool-link:hover { border-color: #4779f4; background: linear-gradient(115deg, #e4edff 0%, #f7faff 48%, #fff1d1 100%); box-shadow: 0 6px 15px rgba(35, 86, 185, .15); transform: translateY(-2px); } .tool-page.is-showing-results .continue-tool-link:focus-visible { outline: 3px solid rgba(36, 99, 235, .3); outline-offset: 3px; } @media (max-width: 680px) { .tool-page.is-showing-results .results-stats { width: 100%; } .tool-page.is-showing-results .continue-tool-links { grid-template-columns: 1fr; } .tool-page.is-showing-results .continue-tools, .tool-page.is-showing-results .results-footer { width: 100%; } } /* v1.3.9: keep primary navigation and homepage search grouped at the right edge. Header and footer are rendered from shared layout templates on all public pages. */ .site-header .header-inner{justify-content:flex-start;gap:clamp(18px,2.2vw,30px)} .site-header .primary-nav{margin-left:auto} .site-header .header-search-control{margin-left:clamp(8px,1.4vw,20px)} @media(max-width:900px){ .site-header .header-inner{gap:14px} .site-header .header-search-control{margin-left:10px} } @media(max-width:680px){ .site-header .header-inner{gap:8px} .site-header .primary-nav{margin-left:0} .site-header .header-search-control{margin-left:auto} } /* v1.4.1: honour the hidden state of the upload dropzone after files are selected. */ .upload-zone[hidden]{display:none!important} /* v1.4.1: make batch preview guidance easier to read. */ .batch-help{font-size:14px;line-height:1.55} @media(max-width:680px){.batch-help{font-size:13.5px;line-height:1.5}} /* v1.4.2: compact tool headings and upload dropzone. */ .tool-page-heading h1{font-size:30px;line-height:1.22} .upload-zone{min-height:297px} @media(max-width:680px){ .tool-page-heading h1{font-size:25px} .upload-zone{min-height:261px} } /* v1.4.3: enforce tool heading size and let the outer editor card shrink with the upload zone. The previous min-height on .editor-card kept the outer box tall even after the inner zone was reduced. */ html body .tool-page .tool-page-heading h1{font-size:30px!important;line-height:1.22!important} html body .tool-page .editor-card{min-height:0!important} html body .tool-page .editor-card > .upload-zone:not([hidden]){min-height:297px!important} @media(max-width:680px){ html body .tool-page .tool-page-heading h1{font-size:25px!important;line-height:1.25!important} html body .tool-page .editor-card > .upload-zone:not([hidden]){min-height:261px!important} } /* v1.4.9: reserve stable space for brand imagery and homepage tool cards. */ .brand-logo{display:block;width:min(180px,42vw);height:40px;max-width:100%;max-height:none;aspect-ratio:9/2;object-fit:contain;object-position:left center;flex:0 0 auto} .footer-brand .brand-logo{width:min(180px,42vw);height:40px} .tool-grid{align-items:stretch;grid-auto-rows:minmax(210px,auto)} .tool-card{min-width:0} @media(max-width:900px){.tool-grid{grid-auto-rows:minmax(200px,auto)}} @media(max-width:680px){.brand-logo{width:min(180px,48vw);height:40px}.footer-brand .brand-logo{width:min(180px,48vw);height:40px}.tool-grid{grid-auto-rows:minmax(185px,auto)}} /* Image-to-GIF tool */ .gif-editor-card{padding:0;min-height:0}.tool-page.gif-showing-results .breadcrumbs,.tool-page.gif-showing-results .tool-page-heading{display:none}.gif-results-page{margin-top:0;padding:25px;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 40px rgba(23,44,80,.06);background:#fff}.gif-results-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:18px;align-items:stretch}.gif-result-summary{grid-column:1;display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}.gif-results-main{grid-column:1;min-width:0;display:flex;align-items:center}.gif-results-actions{grid-column:2;grid-row:1/3}.gif-results-page .gif-result-heading{margin:0}.gif-results-page .gif-result-heading h2{font-size:18px;line-height:1.35}.gif-results-page .gif-result-heading p{line-height:1.6;overflow-wrap:anywhere}.gif-results-page .gif-preview-stage{width:100%;min-height:200px;padding:14px;margin-bottom:0}.gif-results-page .gif-preview-stage img{max-height:405px}.gif-results-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding-left:24px;border-left:1px solid var(--line)}.gif-results-actions .button{width:100%;white-space:nowrap;padding-left:12px;padding-right:12px}.gif-results-actions .button-quiet{margin:0}.gif-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:0}.gif-workspace[hidden],.gif-result[hidden]{display:none}.gif-frame-panel{padding:25px;min-width:0}.gif-panel-heading,.gif-result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.gif-panel-heading h2,.gif-settings h2,.gif-result h2{font:700 17px var(--display);margin:0}.gif-panel-heading p,.gif-result-heading p{color:var(--muted);font-size:12px;margin:4px 0 0}.gif-frame-actions{display:flex;align-items:center;gap:10px}.gif-frame-actions .button{min-height:36px;padding:7px 11px}.gif-frame-list{display:flex;flex-direction:column;gap:9px;padding:0;margin:19px 0;list-style:none;max-height:400px;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable}.gif-frame-item{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #e2e8f1;border-radius:10px;padding:9px;background:#fff}.gif-frame-item>img{flex:0 0 62px;width:62px;height:62px;object-fit:cover;border-radius:7px;background:#f2f5f9}.gif-frame-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.gif-frame-info strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.gif-frame-info span{font-size:10px;color:var(--muted)}.gif-frame-row-actions{display:flex;gap:4px;align-items:center}.gif-order-button,.gif-remove-button{width:30px;height:30px;border:1px solid #dce4ef;border-radius:7px;background:#f8faff;color:#425571;font-weight:700;cursor:pointer}.gif-remove-button{font-size:20px;color:#a0444d}.gif-order-button:disabled,.gif-remove-button:disabled{opacity:.35;cursor:not-allowed}.gif-settings{padding:25px;background:#f8faff;border-left:1px solid #e7edf5}.gif-settings>label{display:block;font-size:12px;font-weight:700;margin:17px 0 7px}.gif-settings select{width:100%;min-height:42px;padding:9px 10px;border:1px solid #cbd6e5;border-radius:8px;background:#fff;color:var(--navy);font:inherit;font-size:12px}.gif-settings select:focus-visible,.gif-order-button:focus-visible,.gif-remove-button:focus-visible{outline:3px solid #8eb4ff;outline-offset:2px}.gif-settings .field-help{margin:6px 0 12px}.gif-actions{display:flex;flex-direction:column;gap:8px;margin-top:24px}.gif-actions .button{width:100%}.gif-actions .button:disabled{opacity:.5;cursor:not-allowed;transform:none}.gif-result{padding:25px;border-top:1px solid #e7edf5}.gif-result-heading{margin-bottom:20px}.gif-preview-stage{display:grid;place-items:center;min-height:180px;padding:22px;margin-bottom:17px;border:1px dashed #d5deec;border-radius:12px;background-color:#fff;background-image:linear-gradient(45deg,#f2f4f8 25%,transparent 25%),linear-gradient(-45deg,#f2f4f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f4f8 75%),linear-gradient(-45deg,transparent 75%,#f2f4f8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.gif-preview-stage img{max-width:100%;max-height:500px;width:auto;height:auto;object-fit:contain}.gif-result>.button{display:flex;margin-left:auto}.gif-editor-card .upload-zone[hidden]{display:none} @media(max-width:900px){.gif-results-layout{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.gif-result-summary{grid-column:1;grid-row:1;align-items:center;justify-content:center;text-align:center}.gif-results-actions{grid-column:2;grid-row:1/3;border-left:1px solid var(--line);border-top:0;padding:12px 0 12px 18px}.gif-results-main{grid-column:1;grid-row:2}.gif-results-actions .button{width:100%;min-width:0}}@media(max-width:720px){.gif-results-layout{grid-template-columns:minmax(0,1fr);gap:14px}.gif-result-summary,.gif-results-main,.gif-results-actions{grid-column:1;grid-row:auto}.gif-result-summary{align-items:center;justify-content:center;text-align:center}.gif-results-actions{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;flex-direction:row;justify-content:flex-end}.gif-results-actions .button{width:auto;min-width:0;white-space:normal}.gif-workspace{grid-template-columns:1fr}.gif-settings{border-left:0;border-top:1px solid #e7edf5;padding:21px}.gif-frame-panel{padding:18px}.gif-panel-heading{align-items:flex-start;flex-direction:column}.gif-frame-actions{width:100%;justify-content:flex-start}.gif-frame-item{gap:8px;padding:7px}.gif-frame-item>img{flex-basis:48px;width:48px;height:48px}.gif-frame-info strong{font-size:11px}.gif-frame-info span{font-size:9px}.gif-frame-row-actions{gap:3px}.gif-order-button,.gif-remove-button{width:27px;height:28px}.gif-result{padding:18px}.gif-results-page{padding:18px}.gif-results-page .gif-preview-stage img{max-height:425px}.gif-result-heading{align-items:flex-start;flex-direction:column}.gif-result-heading .button{width:100%}} /* v1.9.9: slightly larger header logo, a tighter header row, and refined CTA padding. */ @media (min-width:681px){ .site-header{height:60px} .brand-logo{width:min(189px,44.1vw);height:42px} .primary-nav .nav-cta{padding:8px 13px} } @media (max-width:680px){ .site-header{height:54px} .primary-nav{top:53px} .brand-logo{width:min(189px,50.4vw);height:42px} .primary-nav .nav-cta{padding:7px 12px} } /* v1.10.0: align the mobile menu beside the search at the right edge and tighten footer branding. */ @media(max-width:680px){ .site-header .menu-toggle{margin-left:auto;flex:0 0 auto} .site-header .header-search-control{margin-left:8px!important;flex:0 0 auto} .site-header .primary-nav{margin-left:0} } .footer-brand{display:inline-flex;margin-bottom:0} .footer-main p{font-size:15px;line-height:1.5;margin-top:3px;margin-left:0} @media(max-width:680px){.footer-main p{font-size:14px;margin-top:3px}} /* v1.11.0: Rotate Image controls and distinct purple icon treatment. */ :root{--icon-purple:#7654c7;--icon-tile-purple:#7654c7;} .tool-icon.icon-purple{color:#fff;background:var(--icon-tile-purple);} .rotate-controls-title{font:700 14px var(--display);margin:0 0 12px;color:var(--navy);} .rotate-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;} .rotate-button-grid .button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:9px 8px;font-size:11px;white-space:nowrap;} .rotate-button-grid svg{width:19px;height:19px;flex:0 0 auto;} .rotate-reset{display:inline-block;margin:0 0 18px;} @media(max-width:680px){.rotate-button-grid .button{font-size:12px;}.rotate-button-grid svg{width:20px;height:20px;}} /* v1.11.2: include Rotate Image in the Resize category and unify brand logo sizing. */ @media (min-width:681px){ .site-header .brand-logo,.site-footer .footer-brand .brand-logo{width:208px;height:46px;max-width: min(208px, 42vw);max-height:46px} } @media (max-width:680px){ .site-header .brand-logo,.site-footer .footer-brand .brand-logo{width:min(208px,55vw);height:46px;max-width:55vw;max-height:46px} } /* v1.11.4: modern, colourful How It Works section */ .how-section{ position:relative; isolation:isolate; padding:56px 34px 42px; margin-top:8px; margin-bottom:18px; border:1px solid #e8eefb; border-radius:26px; background:linear-gradient(135deg,#f5f8ff 0%,#fbf8ff 48%,#f3fcfa 100%); overflow:hidden; } .how-section:before,.how-section:after{ content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(1px) } .how-section:before{width:260px;height:260px;right:-85px;top:-115px;background:radial-gradient(circle,rgba(120,151,255,.16),rgba(120,151,255,0) 72%)} .how-section:after{width:240px;height:240px;left:-110px;bottom:-145px;background:radial-gradient(circle,rgba(91,210,179,.16),rgba(91,210,179,0) 72%)} .how-section .section-heading{margin-bottom:0} .how-section .eyebrow{display:inline-flex;padding:7px 12px;border:1px solid #dce6ff;border-radius:999px;background:rgba(255,255,255,.78);color:#4169cb;font-size:10px;letter-spacing:1.5px} .how-section .section-heading h2{margin-top:13px;font-size:clamp(30px,3vw,38px);letter-spacing:-1.4px} .how-section .steps-grid{gap:18px;margin-top:30px} .how-section .step{ min-height:208px;padding:27px 25px 24px; border:1px solid rgba(211,222,244,.95);border-radius:18px; background:rgba(255,255,255,.91); box-shadow:0 9px 24px rgba(36,65,116,.055); overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .how-section .step:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--step-gradient)} .how-section .step:after{content:"";position:absolute;width:130px;height:130px;right:-45px;bottom:-65px;border-radius:50%;background:var(--step-glow);pointer-events:none} .how-section .step:nth-child(1){--step-gradient:linear-gradient(90deg,#21b6e5,#5978ff);--step-glow:rgba(55,164,246,.09)} .how-section .step:nth-child(2){--step-gradient:linear-gradient(90deg,#a16bf3,#ed79b8);--step-glow:rgba(177,105,237,.10)} .how-section .step:nth-child(3){--step-gradient:linear-gradient(90deg,#35c99b,#9acb43);--step-glow:rgba(49,199,148,.10)} .how-section .step:hover{transform:translateY(-4px);border-color:#cbd8f3;box-shadow:0 16px 34px rgba(36,65,116,.11)} .how-section .step-number{top:19px;right:20px;display:grid;place-items:center;width:35px;height:29px;border-radius:10px;background:var(--step-glow);color:#52627c;font-size:11px;letter-spacing:.8px} .how-section .step-icon{position:relative;z-index:1;width:48px;height:48px;border-radius:15px;background:var(--step-gradient);color:#fff;font-size:25px;box-shadow:0 8px 16px rgba(50,87,150,.16)} .how-section .step:nth-child(2) .step-icon,.how-section .step:nth-child(3) .step-icon{background:var(--step-gradient);color:#fff} .how-section .step h3{position:relative;z-index:1;margin:18px 0 6px;font-size:17px;letter-spacing:-.35px} .how-section .step p{position:relative;z-index:1;max-width:290px;font-size:13px;line-height:1.7;color:#596982} @media(max-width:900px){.how-section{padding:38px 25px 30px}.how-section .steps-grid{gap:13px}.how-section .step{padding:25px 20px 22px;min-height:210px}} @media(max-width:680px){.how-section{padding:29px 16px 19px;border-radius:20px;margin-top:0;margin-bottom:8px}.how-section .section-heading h2{font-size:29px}.how-section .steps-grid{gap:11px;margin-top:22px}.how-section .step{min-height:0;padding:17px 16px 17px 70px;border-radius:15px}.how-section .step:before{inset:0 auto 0 0;width:4px;height:auto}.how-section .step:after{width:100px;height:100px;right:-35px;bottom:-55px}.how-section .step-icon{position:absolute;left:16px;top:20px;width:40px;height:40px;border-radius:12px;font-size:21px}.how-section .step h3{margin:0 0 4px;font-size:16px}.how-section .step p{font-size:12px;line-height:1.6}.how-section .step-number{top:12px;right:12px;width:30px;height:24px;font-size:10px}} @media(prefers-reduced-motion:reduce){.how-section .step{transition:none}} /* Keep the How It Works section on the plain page background while retaining the individual step-card styling. */ .how-section{background:transparent!important;border:0!important;box-shadow:none!important} .how-section:before,.how-section:after{display:none!important} /* v1.11.7: clearer privacy/value section with more breathing room after tool cards. */ .benefits-band{margin-top:34px;padding:36px 0 32px;background:linear-gradient(180deg,#f8faff 0%,#f4f8ff 100%);border-top:1px solid #dce6f5;border-bottom:1px solid #dce6f5} .benefits-inner{display:flex;flex-direction:column;gap:23px} .benefits-heading{text-align:center;max-width:720px;margin:0 auto} .benefits-heading .eyebrow{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:#e9f1ff;color:#2858b9;font-size:10px;letter-spacing:1.35px} .benefits-heading h2{font:800 clamp(25px,2.5vw,32px)/1.2 var(--display);letter-spacing:-.9px;margin:10px 0 5px;color:var(--navy)} .benefits-heading p{font-size:14px;color:#53647d;margin:0} .benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;gap:16px} .benefit{min-width:0;min-height:100px;padding:18px 17px;border:1px solid #dbe4f2;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(31,57,100,.055);gap:13px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .benefit:hover{transform:translateY(-3px);border-color:#c6d5ee;box-shadow:0 11px 24px rgba(31,57,100,.09)} .benefit-icon{width:46px;height:46px;border:0;border-radius:13px;box-shadow:none;font-size:23px;flex:0 0 auto} .benefit-privacy .benefit-icon{background:#e3f3ff;color:#1687c4} .benefit-easy .benefit-icon{background:#f0eaff;color:#8953cc} .benefit-free .benefit-icon{background:#e2f8ee;color:#208b66} .benefit strong{font-size:14px;line-height:1.4;color:#172944} .benefit div span{font-size:12px;line-height:1.55;color:#586a83} @media(max-width:900px){.benefits-band{margin-top:28px;padding:31px 0 27px}.benefits-grid{gap:11px}.benefit{padding:15px 13px;gap:10px}.benefit-icon{width:41px;height:41px}} @media(max-width:680px){.benefits-band{margin-top:22px;padding:28px 0 23px}.benefits-inner{gap:18px}.benefits-heading h2{font-size:25px}.benefits-heading p{font-size:13px}.benefits-grid{grid-template-columns:1fr;gap:10px}.benefit{min-height:0;padding:14px;border-radius:13px}.benefit-icon{width:42px;height:42px}.benefit strong{font-size:14px}.benefit div span{font-size:12px}} /* v1.11.8: tighten homepage tool-section bottom spacing and header search gap. */ .home-tools{padding-bottom:38px} .site-header .header-search-control{margin-left:clamp(4px,.8vw,12px)} @media(max-width:900px){.site-header .header-search-control{margin-left:6px}} @media(max-width:680px){.site-header .header-search-control{margin-left:6px!important}} /* v1.11.10: center the How It Works eyebrow/title and use a fluid 2.5vw heading. */ .how-section .section-heading{justify-content:center;text-align:center} .how-section .section-heading>div{width:100%;text-align:center} .how-section .section-heading .eyebrow{margin-inline:auto} .how-section .section-heading h2{font-size:clamp(26px,2.5vw,36px);letter-spacing:-1px} /* v1.11.11: refine privacy-section vertical padding and align header search spacing. */ .benefits-band{padding-top:50px;padding-bottom:58px} .site-header .header-inner{gap:14px} .site-header .header-search-control{margin-left:0} @media(max-width:900px){.site-header .header-inner{gap:12px}.site-header .header-search-control{margin-left:0}} @media(max-width:680px){.benefits-band{padding-top:50px;padding-bottom:58px}.site-header .header-inner{gap:8px}.site-header .header-search-control{margin-left:auto!important}} /* v1.11.13: responsive single-column homepage FAQ. */ .home-faq{padding-top:48px;padding-bottom:66px} .faq-heading{text-align:center;max-width:650px;margin:0 auto 28px} .faq-heading .eyebrow{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid #dce6ff;border-radius:999px;background:#f1f5ff;color:#4169cb;font-size:10px;letter-spacing:1.35px} .faq-heading h2{font:800 clamp(25px,2.5vw,36px)/1.2 var(--display);letter-spacing:-1.1px;margin:13px 0 0;color:var(--navy)} .faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start} .faq-item{min-width:0;border:1px solid #dce4ef;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(20,35,61,.035);transition:border-color .16s,box-shadow .16s} .faq-item:hover,.faq-item[open]{border-color:#c4d3e9;box-shadow:0 6px 18px rgba(20,35,61,.06)} .faq-item summary{position:relative;display:flex;align-items:center;min-height:58px;padding:11px 48px 11px 19px;list-style:none;cursor:pointer;color:#192b46;font-size:16px;font-weight:700;line-height:1.45} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary:after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:27px;height:27px;border:1px solid #dce5f2;border-radius:8px;background:#f6f8fc;color:#315eb4;font-size:20px;font-weight:400;line-height:1;transition:transform .16s,background .16s} .faq-item[open] summary:after{content:"−";background:#edf3ff;border-color:#d4e1fa} .faq-item summary:focus-visible{outline:3px solid rgba(36,99,235,.25);outline-offset:3px;border-radius:12px} .faq-answer{padding:0 19px 18px;color:#586982;font-size:15px;line-height:1.7} .faq-answer p{margin:0} @media(max-width:680px){.home-faq{padding-top:48px;padding-bottom:46px}.faq-heading{margin-bottom:22px}.faq-heading h2{font-size:clamp(25px,2.5vw,30px);letter-spacing:-.6px}.faq-grid{gap:10px}.faq-item summary{min-height:54px;padding:9px 46px 9px 16px;font-size:16px}.faq-item summary:after{right:13px}.faq-answer{padding:0 16px 16px;font-size:15px}} /* v1.11.31: removed redundant mobile icon positioning and duplicate FAQ top padding. */ /* Privacy Policy typography */ .privacy-policy .prose-intro,.privacy-policy p:not(.legal-date){font-size:16px} .privacy-policy h2{font-size:20px} .privacy-policy .legal-date{font-size:15px!important} /* v1.11.22: clearer Contact copy, compact layout and visible email button label. */ .contact-page .prose-intro{margin-bottom:30px;max-width:690px} .contact-panel{display:flex;align-items:flex-start;gap:22px;padding:28px;border:1px solid #dce5f2;border-radius:18px;background:linear-gradient(135deg,#f8faff 0%,#fff 78%);box-shadow:0 12px 35px rgba(23,44,80,.055)} .contact-panel-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:16px;background:#eaf1ff;color:var(--blue)} .contact-panel-copy{min-width:0;flex:1} .contact-panel-copy h2,.contact-guidance h2{font:700 20px/1.35 var(--display);margin:1px 0 8px;color:var(--navy)} .contact-panel-copy p,.contact-guidance>p{font-size:16px;line-height:1.75;color:#596981;margin:0} .contact-page .contact-email-button{margin-top:19px;gap:18px;max-width:100%;color:#fff!important;overflow-wrap:anywhere;word-break:break-word} .contact-page .contact-email-button span:first-child{color:#fff!important;overflow-wrap:anywhere;word-break:normal} .contact-page .contact-button-arrow{color:#fff!important;font-size:18px;line-height:1} .contact-guidance{margin-top:37px} .contact-guidance h2{margin-bottom:10px} .contact-tip{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px 18px;border:1px solid #e5ebf4;border-radius:12px;background:#f8fafc} .contact-tip-mark{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:#e4f6ef;color:#19835f;font-weight:800} .contact-tip p{margin:0;font-size:15px;line-height:1.7;color:#596981} .contact-page .contact-email-button:focus-visible{outline:3px solid rgba(36,99,235,.35);outline-offset:3px} @media(max-width:680px){.contact-page .prose-intro{margin-bottom:25px}.contact-panel{padding:21px 18px;gap:14px;border-radius:15px}.contact-panel-icon{flex-basis:46px;width:46px;height:46px;border-radius:13px}.contact-panel-icon svg{width:25px;height:25px}.contact-panel-copy h2,.contact-guidance h2{font-size:20px}.contact-panel-copy p,.contact-guidance>p{font-size:16px}.contact-email-button{width:100%;justify-content:space-between;gap:10px;padding:12px 13px;font-size:13px}.contact-guidance{margin-top:30px}.contact-tip{padding:14px;gap:10px}.contact-tip p{font-size:15px}} /* Watermark Image controls */ #watermark-controls input[type="text"]{display:block;width:100%;min-height:42px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:15px;margin:6px 0 14px} #watermark-controls input[type="color"]{display:block;width:100%;height:42px;padding:4px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;margin:6px 0 14px;cursor:pointer} #watermark-controls input[type="range"]{display:block;width:100%;margin:8px 0 16px;accent-color:var(--blue)} #watermark-controls input[type="file"]{display:block;width:100%;max-width:100%;margin:7px 0 8px;font-size:14px} #watermark-controls output{float:right;color:var(--muted);font-weight:600} #watermark-controls [hidden]{display:none!important} /* Video to GIF tool */ .video-gif-editor-card{padding:0;min-height:0} .video-gif-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:0} .video-gif-workspace[hidden],.video-gif-result[hidden]{display:none} .video-gif-preview-panel{padding:24px;min-width:0} .video-gif-preview-panel video{display:block;width:100%;max-height:430px;aspect-ratio:16/9;object-fit:contain;background:#101827;border-radius:10px} .video-gif-settings{padding:24px;background:#f8faff;border-left:1px solid #e7edf5} .video-gif-settings h2{font:700 17px var(--display);margin:0 0 16px} .video-gif-settings>label,.video-gif-time-row label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px} .video-gif-settings select,.video-gif-time-row input{display:block;width:100%;min-height:42px;margin-top:6px;padding:9px 10px;border:1px solid #cbd6e5;border-radius:8px;background:#fff;color:var(--navy);font:inherit;font-size:12px} .video-gif-time-row{display:grid;grid-template-columns:1fr 1fr;gap:10px} /* v1.11.39: hide the now-empty editor card while showing the result. Its top border caused the stray horizontal bar above the result card. */ .tool-page[data-tool="videotogif"].is-showing-results > #video-gif-editor{display:none} .video-gif-result{margin-top:0;border:1px solid var(--line)} .tool-page[data-tool="videotogif"].is-showing-results>.breadcrumbs, .tool-page[data-tool="videotogif"].is-showing-results>.tool-page-heading{display:none} .tool-page[data-tool="videotogif"].is-showing-results{padding-top:14px;padding-bottom:36px} .tool-page[data-tool="videotogif"].is-showing-results>.privacy-note{margin-top:10px} #video-gif-status{margin:0 24px 18px;color:#147452;font-size:12px} #video-gif-status.is-error{color:#b42318} @media(max-width:720px){.video-gif-workspace{grid-template-columns:1fr}.video-gif-preview-panel{padding:17px}.video-gif-settings{border-left:0;border-top:1px solid #e7edf5;padding:20px}.video-gif-result{padding:18px}.video-gif-result .gif-results-actions{flex-direction:column;align-items:stretch;padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}.video-gif-result .gif-results-actions .button{width:100%;flex:initial}} /* Image to PDF · v1.11.46 */ .icon-teal{color:#fff;background:#168b83} .pdf-upload-symbol svg{width:32px;height:32px;overflow:visible} .pdf-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:0} .pdf-workspace[hidden],.pdf-result[hidden]{display:none!important} .pdf-pages-panel{padding:24px;min-width:0} .pdf-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px} .pdf-panel-heading h2,.pdf-settings h2{font:700 17px var(--display);margin:0 0 4px} .pdf-panel-heading p{margin:0;color:var(--muted);font-size:12px} .pdf-page-actions{display:flex;align-items:center;gap:12px} .pdf-page-actions .button{min-height:36px;padding:7px 11px;font-size:11px} .pdf-page-list{display:flex;flex-direction:column;gap:9px;padding:0 5px 0 0;margin:0;list-style:none;max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .pdf-page-item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid #e4eaf3;border-radius:10px;background:#fff} .pdf-page-item>img{width:54px;height:62px;object-fit:contain;background:#f4f6fa;border-radius:6px;flex:0 0 auto} .pdf-page-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px} .pdf-page-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pdf-page-info span{font-size:10px;color:var(--muted)} .pdf-item-controls{display:flex;align-items:center;gap:4px} .pdf-move,.pdf-remove{display:grid;place-items:center;width:28px;height:30px;border:1px solid #dce4ef;border-radius:7px;background:#fff;color:#45546a;font-size:15px;cursor:pointer} .pdf-remove{font-size:21px;color:#b13d4b} .pdf-move:disabled,.pdf-remove:disabled{opacity:.35;cursor:not-allowed} .pdf-settings{padding:24px;background:#f8faff;border-left:1px solid #e7edf5} .pdf-settings>label{display:block;font-size:12px;font-weight:700;margin:15px 0 6px} .pdf-settings select,.pdf-settings input{display:block;width:100%;min-height:42px;margin-top:6px;padding:9px 10px;border:1px solid #cbd6e5;border-radius:8px;background:#fff;color:var(--navy);font:inherit;font-size:12px} .pdf-settings input:focus,.pdf-settings select:focus{outline:3px solid #2463eb25;border-color:var(--blue)} .pdf-actions{display:flex;flex-direction:column;gap:8px;margin-top:22px} .pdf-actions .button{width:100%} .pdf-actions .button:disabled{opacity:.6;cursor:wait} #pdf-status{margin:0 24px 18px;font-size:12px;color:#147452} #pdf-status.is-error{color:#b42318} .tool-page.pdf-result-active>.breadcrumbs,.tool-page.pdf-result-active>.tool-page-heading{display:none!important} .tool-page.pdf-result-active #pdf-tool-heading,.tool-page.pdf-result-active>.tool-page-heading[hidden]{display:none!important} .pdf-result{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 12px 40px rgba(23,44,80,.06)} .pdf-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)} .pdf-result-heading>div:first-child{position:relative;padding-left:40px} .pdf-result-mark{position:absolute;left:0;top:3px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e4f7ee;color:#16845f;font-weight:800} .pdf-result h2{font:700 19px var(--display);margin:0 0 4px} .pdf-result p{margin:0;color:var(--muted);font-size:12px} .pdf-result-actions{display:flex;gap:8px;flex-wrap:wrap} .pdf-result-actions .button{min-height:40px;padding:9px 13px;font-size:12px} .pdf-preview-wrap{padding:18px;background:#f1f4f9} #pdf-preview{display:block;width:100%;height:min(72vh,850px);min-height:420px;border:1px solid #dce3ee;border-radius:8px;background:#fff} @media(max-width:760px){.pdf-page-list{max-height:340px}.pdf-workspace{grid-template-columns:1fr}.pdf-pages-panel{padding:18px}.pdf-settings{border-left:0;border-top:1px solid #e7edf5;padding:20px}.pdf-panel-heading{align-items:flex-start}.pdf-page-actions{gap:7px}.pdf-page-actions .button{font-size:10px;padding:7px}.pdf-page-item{gap:8px;padding:8px}.pdf-page-item>img{width:43px;height:54px}.pdf-item-controls{gap:3px}.pdf-move,.pdf-remove{width:25px;height:28px}.pdf-result-heading{align-items:flex-start;flex-direction:column;padding:18px}.pdf-result-actions{width:100%}.pdf-result-actions .button{flex:1}.pdf-preview-wrap{padding:8px}#pdf-preview{min-height:380px;height:65vh}} /* Distinct tool-tile backgrounds; preserve the existing white SVG artwork. */ .tool-icon.icon-pdf{color:#fff;background:#6554d8} .tool-icon.icon-gif{color:#fff;background:#d97706} .tool-icon.icon-video-gif{color:#fff;background:#0f9f9a} /* Hide the tool title and description after media is selected, restoring them when the upload zone returns. */ .tool-page.has-selected-media > .breadcrumbs, .tool-page.has-selected-media > .tool-page-heading { display: none !important; } /* Image to Text OCR tool */ .ocr-editor-card{padding:0;min-height:0}.ocr-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:0}.ocr-workspace[hidden],.ocr-result[hidden]{display:none}.ocr-files-panel{padding:24px;min-width:0}.ocr-settings{padding:24px;background:#f8faff;border-left:1px solid #e7edf5}.ocr-settings h2,.ocr-result h2{font:700 17px var(--display);margin:0 0 16px}.ocr-settings>label{display:block;font-size:12px;font-weight:700;margin:16px 0 7px}.ocr-settings select{display:block;width:100%;min-height:42px;padding:9px 10px;border:1px solid #cbd6e5;border-radius:8px;background:#fff;color:var(--navy);font:inherit;font-size:12px}.ocr-settings select:focus-visible,.ocr-remove-button:focus-visible{outline:3px solid #8eb4ff;outline-offset:2px}.ocr-actions{display:flex;flex-direction:column;gap:8px;margin-top:22px}.ocr-actions .button{width:100%}.ocr-actions .button:disabled,.ocr-remove-button:disabled{opacity:.5;cursor:not-allowed}.ocr-file-list{display:flex;flex-direction:column;gap:9px;padding:0;margin:19px 0;list-style:none;max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable}.ocr-file-item{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #e2e8f1;border-radius:10px;padding:9px;background:#fff}.ocr-file-item>img{flex:0 0 62px;width:62px;height:62px;object-fit:cover;border-radius:7px;background:#f2f5f9}.ocr-file-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.ocr-file-info strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.ocr-file-info span{font-size:10px;color:var(--muted)}.ocr-remove-button{width:30px;height:30px;border:1px solid #dce4ef;border-radius:7px;background:#f8faff;color:#a0444d;font-size:20px;cursor:pointer}.ocr-result{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 12px 40px rgba(23,44,80,.06)}.ocr-result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.ocr-result-heading h2{margin:0 0 4px}.ocr-result-heading p{font-size:12px;color:var(--muted);margin:0}.ocr-result-actions,.ocr-result-footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ocr-result textarea{display:block;width:100%;min-height:280px;padding:14px;border:1px solid #cbd6e5;border-radius:9px;background:#fbfcff;color:var(--navy);font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.ocr-result textarea:focus-visible{outline:3px solid #8eb4ff;outline-offset:2px}.ocr-result-footer{justify-content:space-between;margin-top:14px}.tool-page[data-tool="imagetotext"].is-showing-results>.breadcrumbs,.tool-page[data-tool="imagetotext"].is-showing-results>.tool-page-heading{display:none!important}.tool-page[data-tool="imagetotext"] #ocr-status{margin:0 24px 18px;color:#147452;font-size:12px}.tool-page[data-tool="imagetotext"] #ocr-status.is-error{color:#b42318}.tool-page[data-tool="imagetotext"] .ocr-editor-card .upload-zone[hidden]{display:none} @media(max-width:720px){.ocr-workspace{grid-template-columns:1fr}.ocr-files-panel{padding:17px}.ocr-settings{border-left:0;border-top:1px solid #e7edf5;padding:20px}.ocr-result{padding:17px}.ocr-result-heading{align-items:flex-start;flex-direction:column}.ocr-result-actions{width:100%}.ocr-result-actions .button{flex:1}.ocr-result textarea{min-height:220px}.ocr-result-footer{flex-direction:column;align-items:stretch}.ocr-result-footer .button{width:100%}} .tool-page[data-tool="imagetotext"].is-showing-results>#ocr-editor-card,.tool-page[data-tool="imagetotext"].is-showing-results>#ocr-status{display:none!important} /* PDFArmy v0.1.0 — brand and active-tool refinements */ :root{--blue:#6554d8;--blue-dark:#5141c2;--focus-ring:#6554d8} .brand-mark{background:#6554d8;box-shadow:0 7px 14px rgba(101,84,216,.2)} .primary-nav .nav-cta span,.primary-nav a:hover,.footer-links a:hover{color:#6554d8} .button-primary{background:#6554d8;box-shadow:0 8px 18px rgba(101,84,216,.2)}.button-primary:hover{background:#5141c2;box-shadow:0 10px 22px rgba(101,84,216,.25)} .icon-pdf{color:#fff;background:#6554d8}.pdf-upload-symbol{background:#efedff;color:#6554d8} .home-intro{padding-top:64px;padding-bottom:44px;text-align:center}.home-intro h1{max-width:850px;margin:18px auto 16px;font:800 clamp(42px,5vw,64px)/1.12 var(--display);letter-spacing:-2.8px;color:var(--navy)}.home-intro h1 span{color:#6554d8}.home-intro>p:not(.hero-note){max-width:660px;margin:0 auto;color:#66748a;font-size:17px;line-height:1.75} .home-search-wrap{display:flex;align-items:center;gap:12px;width:min(650px,100%);margin:28px auto 0;padding:7px 15px;border:1px solid #dce3ef;border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(23,44,80,.06);text-align:left;color:#75829a}.home-search-wrap>span{font-size:28px;line-height:1}.home-search-wrap input{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:var(--navy);font:inherit;font-size:14px}.home-search-wrap:focus-within{border-color:#a9a0f0;box-shadow:0 0 0 3px #6554d81a}.home-intro .hero-note{margin:16px auto 0;color:#8792a4;font-size:12px}.home-intro .hero-note span{color:#1f9b77;padding-right:5px} .pdfarmy-tool-grid .tool-card{min-height:230px}.pdfarmy-tool-grid .tool-card h3{margin-top:18px}.tool-card-action{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:#6554d8;font-size:12px;font-weight:700}.tool-card-planned{background:#fbfcff;border-style:dashed;box-shadow:none}.tool-card-planned:hover{transform:none;border-color:#dce3ef;box-shadow:none}.coming-soon{display:inline-flex;margin-top:14px;padding:4px 8px;border-radius:6px;background:#f0f2f7;color:#7b8799;font-size:10px;font-weight:700}.tool-empty{padding:25px;text-align:center;color:var(--muted)}.tool-empty[hidden]{display:none} .tool-explainer{max-width:1000px;padding-top:0;padding-bottom:65px;color:#45546a}.tool-explainer h2{margin:28px 0 10px;font:700 21px var(--display);color:var(--navy)}.tool-explainer li,.tool-explainer p{font-size:14px;line-height:1.8}.tool-explainer li{padding:3px 0}.merge-file-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:62px;border-radius:6px;background:#efedff;color:#6554d8;font-size:11px;font-weight:800;letter-spacing:.5px}.pdf-settings .field-help{font-size:11px;line-height:1.6;color:#718097;margin:10px 0 0}.pdf-settings input:focus{outline:3px solid #6554d825;border-color:#6554d8}.upload-zone:focus-visible,.upload-zone.is-dragging{border-color:#6554d8;background:#f7f5ff;outline:3px solid #6554d820;outline-offset:2px} @media(max-width:900px){.home-intro{padding-top:50px}.home-intro h1{font-size:clamp(38px,7vw,54px)}.pdfarmy-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.home-intro{padding-top:38px;padding-bottom:28px}.home-intro h1{font-size:38px;letter-spacing:-1.8px}.home-intro>p:not(.hero-note){font-size:14px}.home-search-wrap{margin-top:21px}.pdfarmy-tool-grid{grid-template-columns:1fr}.pdfarmy-tool-grid .tool-card{min-height:0;padding:18px}.pdfarmy-tool-grid .tool-card h3{margin-top:13px}.merge-file-icon{flex-basis:43px;width:43px;height:54px}.tool-explainer{padding-bottom:40px}} /* v0.1.2: PhotoFormatter-inspired compact homepage tool directory. */ .site-header{height:50px;border-bottom-color:#cbd5e1;backdrop-filter:none}.site-header .container{width:min(960px,calc(100% - 40px))}.brand{font-size:16px;gap:7px}.brand-mark{width:26px;height:26px;border-radius:7px;font-size:15px}.primary-nav{gap:30px;font-size:12px}.primary-nav .nav-cta{padding:7px 12px;border-radius:8px}.home-intro{width:min(960px,calc(100% - 40px));padding-top:35px;padding-bottom:23px;text-align:center}.home-intro h1{max-width:none;margin:0 auto 7px;font-size:clamp(30px,3.6vw,38px);line-height:1.2;letter-spacing:-1.2px;color:#14233d}.home-intro>p{font-size:14px;line-height:1.55;color:#4b596d}.home-tools{width:min(960px,calc(100% - 40px));padding-top:0;padding-bottom:45px}.home-tool-filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 17px}.home-tool-filters .tool-filter{min-height:33px;padding:6px 12px;border-color:#c4cfdf;border-radius:999px;font-size:11px;font-weight:500;color:#263957;box-shadow:0 2px 5px rgba(20,35,61,.04)}.home-tool-filters .tool-filter.is-active{background:#edf3ff;border-color:#91b0ff;color:#174fc9}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;min-height:210px;padding:18px 17px 15px;border:1px solid #c4cfdf;border-radius:12px;box-shadow:0 3px 9px rgba(20,35,61,.055);background:#fff;transition:border-color .16s,box-shadow .16s,transform .16s}.tool-card:hover{transform:translateY(-2px);border-color:#9aacc8;box-shadow:0 7px 17px rgba(20,35,61,.09)}.tool-icon{width:47px;height:47px;border-radius:8px;display:grid;place-items:center}.tool-icon svg{width:29px;height:29px}.tool-card h3{font-size:14px;line-height:1.4;letter-spacing:-.2px;margin:14px 0 4px}.tool-card p{font-size:11px;line-height:1.65;color:#43516a;margin:0}.tool-card-action,.coming-soon{display:block;margin-top:auto;padding-top:10px;font-size:10px;font-weight:700;color:#4f46c8}.coming-soon{color:#657187;font-weight:600}.tool-card-planned{cursor:default}.tool-card-planned:hover{transform:none}.icon-pdf{color:#fff;background:#6554d8}.icon-blue{color:#fff;background:#20b4d4}.icon-violet{color:#fff;background:#a85691}.icon-orange{color:#fff;background:#e77b00}.icon-green{color:#fff;background:#80b94c}.icon-teal{color:#fff;background:#119e9b}.icon-pdf svg,.icon-blue svg,.icon-violet svg,.icon-orange svg,.icon-green svg,.icon-teal svg{stroke:currentColor}.benefits-band{margin-top:0}.home-tools+.benefits-band{display:none}.home-intro .eyebrow{display:none} @media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{min-height:195px}.home-intro{padding-top:32px}.site-header .container{width:calc(100% - 32px)}} @media(max-width:680px){.site-header{height:56px}.home-intro{padding-top:30px;padding-bottom:20px}.home-intro h1{font-size:clamp(27px,7vw,34px);letter-spacing:-.8px}.home-intro>p{font-size:13px}.home-tools{padding-bottom:32px}.home-tool-filters{gap:6px;margin-bottom:14px}.home-tool-filters .tool-filter{padding:5px 10px;min-height:31px;font-size:10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{min-height:190px;padding:14px 12px 12px;border-radius:11px}.tool-icon{width:42px;height:42px}.tool-icon svg{width:25px;height:25px}.tool-card h3{font-size:13px;margin-top:11px}.tool-card p{font-size:10.5px;line-height:1.55}.primary-nav{top:55px}} /* PDFArmy v0.1.2 — PhotoFormatter-inspired homepage tool discovery */ .home-intro{padding-top:35px;padding-bottom:16px;text-align:center} .home-intro h1{max-width:900px;margin:0 auto 7px;font:800 clamp(31px,3.8vw,46px)/1.16 var(--display);letter-spacing:-1.8px;color:#14233d} .home-intro h1 span{color:#14233d} .home-intro>p{margin:0 auto 22px;color:#4b596d;font-size:15px;line-height:1.6} .home-intro .home-tool-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px} .home-intro .tool-filter{min-height:34px;padding:6px 12px;border:1px solid #c4cfdf;border-radius:999px;background:#fff;color:#172b49;font-size:11px;font-weight:500;box-shadow:0 2px 5px rgba(20,35,61,.06)} .home-intro .tool-filter.is-active{background:#edf3ff;border-color:#82a6ff;color:#174fc9} .home-tools{padding-top:0;padding-bottom:48px} .pdfarmy-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-auto-rows:minmax(210px,auto)} .pdfarmy-tool-grid .tool-card{min-height:210px;padding:18px 17px 16px;border:1px solid #c4cfdf;border-radius:12px;box-shadow:0 3px 9px rgba(20,35,61,.07);background:#fff;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .18s,box-shadow .18s,transform .18s} .pdfarmy-tool-grid .tool-card:hover{transform:translateY(-2px);border-color:#9aacc8;box-shadow:0 7px 16px rgba(20,35,61,.09)} .pdfarmy-tool-grid .tool-icon{width:47px;height:47px;border-radius:7px;flex:0 0 auto} .pdfarmy-tool-grid .tool-icon svg{width:27px;height:27px} .pdfarmy-tool-grid .tool-card h3{margin:14px 0 5px;font:700 14px/1.35 var(--display);letter-spacing:-.15px;color:#111d32} .pdfarmy-tool-grid .tool-card p{margin:0;color:#4b596d;font-size:12px;line-height:1.6} .pdfarmy-tool-grid .coming-soon{margin-top:auto;padding-top:8px;color:#66758b;font-size:10px;font-weight:600} .pdfarmy-tool-grid .tool-card[hidden]{display:none} .home-tools .tool-empty{margin-top:14px} @media(max-width:900px){.pdfarmy-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,auto)}.home-intro{padding-top:31px}} @media(max-width:680px){.home-intro{padding-top:29px;padding-bottom:17px}.home-intro h1{font-size:clamp(28px,7vw,36px);letter-spacing:-1.2px}.home-intro>p{font-size:13px;margin-bottom:17px}.home-intro .home-tool-filters{gap:6px}.home-intro .tool-filter{min-height:33px;padding:5px 10px;font-size:11px}.home-tools{padding-bottom:32px}.pdfarmy-tool-grid{gap:10px;grid-auto-rows:minmax(185px,auto)}.pdfarmy-tool-grid .tool-card{min-height:185px;padding:14px 12px 13px}.pdfarmy-tool-grid .tool-icon{width:42px;height:42px}.pdfarmy-tool-grid .tool-card h3{font-size:13px;margin-top:10px}.pdfarmy-tool-grid .tool-card p{font-size:11px;line-height:1.55}}