:root{--ink:#10121b;--muted:#626c7d;--blue:#0066ff;--line:#e6e9ef;--surface:#f7f9fc;--radius:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,input,select{color:var(--ink)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #007aff;outline-offset:4px}input::placeholder{color:#626c7d}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.17}h2{font-size:26px;font-weight:700}p{line-height:1.55}.container{width:min(1320px,calc(100% - 80px));margin-inline:auto}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.skip-link{position:absolute;top:-80px;left:15px;background:#007aff;color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:76px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:20}.header-inner{display:flex;align-items:center;gap:35px;justify-content:space-between;height:100%}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:750;letter-spacing:-1.05px;white-space:nowrap}.brand-name{color:var(--blue)}.brand-icon{background:linear-gradient(145deg,#348fff,#0062ed);color:#fff;display:grid;place-items:center;width:39px;height:43px;border-radius:10px;box-shadow:inset 0 1px 1px #ffffff40}.brand-icon .icon{width:27px;height:30px;stroke-width:1.9}.site-header nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:500}.site-header nav>a{display:flex;gap:7px;align-items:center;white-space:nowrap}.site-header nav>a>.icon{width:17px;height:17px}.site-header nav>a:hover,.site-header summary:hover{color:var(--blue)}.header-store{flex-shrink:0}.app-store-badge{display:inline-flex;align-items:center;gap:7px;color:#fff;background:#050505;border:1px solid #a6a6a6;border-radius:8px;padding:7px 12px;min-width:139px;height:46px;text-align:left}.app-store-badge svg{width:27px;height:31px;flex-shrink:0}.app-store-badge small{font-size:9px;display:block;letter-spacing:.1px;line-height:1.1}.app-store-badge strong{font-size:22px;font-weight:500;display:block;line-height:1.05;letter-spacing:-.5px}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;display:flex;gap:7px;align-items:center;cursor:pointer;padding:12px 0}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary>span{font-size:17px;color:#545e6e}.nav-dropdown>div{position:absolute;top:44px;left:-20px;width:220px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #19294414;padding:8px}.nav-dropdown>div>a{display:flex;gap:10px;align-items:center;padding:8px;border-radius:6px}.nav-dropdown>div>a:hover{background:#f2f6ff}.nav-dropdown .tool-icon{width:29px;height:29px;border-radius:7px}.nav-dropdown .tool-icon .icon{width:18px;height:18px}.menu-toggle{display:none}.hero{background:linear-gradient(105deg,#f8fafc 0%,#f6f9ff 70%,#eaf2ff 100%);border-bottom:1px solid #edf1f7;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.16fr 1fr;gap:45px;align-items:center;min-height:448px;padding-block:40px 36px}.hero-tag{display:inline-block;color:#0061d9;background:#e5efff;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 10px;margin-bottom:18px}.hero h1{font-size:55px;font-weight:750;line-height:1.08;letter-spacing:-2.5px;max-width:670px}.hero-copy>p{font-size:18px;color:#5f697a;line-height:1.4;margin-top:18px}.hero-search{display:flex;align-items:center;gap:12px;border:1px solid #d9dfe9;border-radius:9px;background:#fff;box-shadow:0 3px 12px #1c3b7510;margin-top:25px;padding:5px 5px 5px 17px;max-width:650px}.hero-search>.icon{width:20px;height:20px;color:#566078}.hero-search>input{flex:1;width:100%;min-width:0;border:none;outline:0;font-size:13px;background:transparent;height:40px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:11px 19px;border:1px solid #dbe0e8;background:#fff;border-radius:7px;font-weight:600;font-size:14px;color:var(--ink)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button:hover{filter:brightness(.96)}.button.primary:hover{background:#0068e1}.button .icon{width:18px;height:18px}.popular-searches{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:13px;font-size:10px}.popular-searches>span{font-weight:500;margin-right:1px}.popular-searches>button{border:1px solid #dce3ee;border-radius:20px;font-size:10px;color:#566173;background:#fff;padding:5px 9px}.popular-searches>button:hover{border-color:var(--blue);color:var(--blue)}.hero-note{margin-top:20px;font-size:11px;color:#63758c;display:flex;align-items:center;gap:6px}.hero-note .icon{width:15px;height:15px;color:var(--blue)}.hero-app{height:390px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-app:before{content:'';position:absolute;width:420px;height:280px;bottom:-35px;left:10px;background:#d5e6ff;border-radius:50%;z-index:-1;transform:rotate(-9deg)}.ipad-crop{position:relative;display:block;width:320px;height:390px;overflow:hidden;filter:drop-shadow(0 12px 12px #07152c18);margin-left:0;transform:rotate(-3deg);border-radius:30px 0 18px 30px}.ipad-crop>img{position:absolute;width:530px;max-width:none;height:auto;left:-240px;top:-106px;mix-blend-mode:multiply}.app-device-label{position:absolute;right:-2px;top:24px;font-size:15px;color:#465570;line-height:1.4;transform:rotate(7deg);z-index:2}.app-device-label strong{font-weight:600}.app-device-label>span{display:block;font-size:40px;line-height:.9;margin:4px 0 0 25px}.hero-app-caption{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:#626c7d}.tools-section{padding-block:28px 31px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:19px}.section-heading h2{font-size:26px;letter-spacing:-.8px}.text-link{border:0;background:transparent;color:#006ce8;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;padding:0}.text-link .icon{width:16px;height:16px}.filters{display:flex;gap:8px;margin:0 0 16px}.filter{border:1px solid #e3e7ed;background:#fff;border-radius:6px;padding:7px 13px;font-size:11px;color:var(--muted)}.filter.active{border-color:#cce1ff;background:#eaf3ff;color:#0067df;font-weight:600}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-card{position:relative;border:1px solid #e3e8f0;border-radius:10px;padding:17px 30px 17px 14px;display:flex;align-items:center;gap:14px;min-height:108px;background:linear-gradient(140deg,#fff,#fdfdff);transition:border-color .15s,background .15s}.tool-card:hover{border-color:#97c6ff;background:#f7faff}.tool-icon{width:47px;height:47px;border-radius:11px;display:inline-grid;place-items:center;flex-shrink:0;color:#fff;box-shadow:inset 0 1px 1px #ffffff30,0 1px 3px #101c2815}.tool-icon .icon{width:27px;height:27px;stroke-width:1.8}.purple{background:linear-gradient(145deg,#ca32fa,#a000df)}.orange{background:linear-gradient(145deg,#ffad25,#ff7b00)}.teal{background:linear-gradient(145deg,#0ed5da,#00adb9)}.green{background:linear-gradient(145deg,#35d64b,#16b52d)}.blue{background:linear-gradient(145deg,#3192ff,#006af0)}.violet{background:linear-gradient(145deg,#9460ff,#6733e6)}.pink{background:linear-gradient(145deg,#fb58a0,#d32e77)}.coral{background:linear-gradient(145deg,#ff5b69,#ed263c)}.amber{background:linear-gradient(145deg,#ffae2d,#ff8200)}.tool-card-copy{min-width:0}.tool-card h3{font-size:14px;font-weight:650;letter-spacing:-.3px;margin-bottom:6px}.tool-card p{font-size:11px;line-height:1.4;color:#687285}.card-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#536078;font-size:20px}.card-category{display:none}#empty-search{font-size:14px;color:var(--muted);padding:20px 0}.benefits{background:#f2f6fc;border-block:1px solid #eaf0f8;padding-block:28px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefits-grid>div{display:flex;gap:17px}.benefits-grid>div>.icon{width:31px;height:33px;stroke-width:1.7;color:#172233;margin-top:2px}.benefits-grid h3{font-size:14px;font-weight:650;letter-spacing:-.3px;margin:2px 0 9px}.benefits-grid p{font-size:12px;color:#6b7586;line-height:1.5}.benefits-grid p>a{color:#416795}.app-and-guides{display:grid;grid-template-columns:1.65fr 1fr;gap:17px;padding-block:25px 35px}.app-promo{border-radius:11px;position:relative;overflow:hidden;min-height:240px;background:linear-gradient(115deg,#f7faff,#edf4ff);border:1px solid #e5edf9;display:flex;align-items:flex-start;gap:20px;padding:32px 29px}.app-icon{width:68px;height:68px;flex-shrink:0;border-radius:15px}.app-promo-copy{position:relative;z-index:2;max-width:380px;padding-right:60px}.app-promo h2{font-size:23px;line-height:1.24;margin-bottom:11px;letter-spacing:-.7px}.app-promo h2 span{color:var(--blue)}.app-promo p{font-size:13px;line-height:1.5;color:#606c7e;margin-bottom:17px}.app-promo .app-store-badge{height:42px;min-width:130px;padding:5px 10px}.app-promo .app-store-badge strong{font-size:20px}.app-promo-image{position:absolute;right:-9px;top:-10px;width:186px;height:300px;overflow:hidden;transform:rotate(7deg);mix-blend-mode:multiply}.app-promo-image>img{width:205px;position:absolute;top:-82px;left:0;height:auto}.guides-panel{display:flex;gap:15px;border:1px solid var(--line);border-radius:11px;padding:22px;background:#fff}.guides-panel>.icon{width:27px;height:27px}.guides-panel>div{flex:1;min-width:0}.guides-panel h2{font-size:17px;letter-spacing:-.4px;margin-bottom:5px}.guides-panel p{font-size:12px;color:#626c7d;line-height:1.4;margin-bottom:11px}.guides-panel>div>a:not(.text-link){display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f5;color:#58667a;font-size:11px;line-height:1.4}.guides-panel>div>a:not(.text-link):hover{color:var(--blue)}.guides-panel>div>a>.icon{width:12px;height:15px}.guides-panel>div>a>b{margin-left:auto;font-size:16px;font-weight:400}.guides-panel .text-link{margin-top:14px}footer{border-top:1px solid var(--line);padding:30px 0 0;background:#fbfcfe}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:27px}.footer-top .brand{font-size:23px}.footer-top .brand-icon{width:30px;height:34px;border-radius:8px}.footer-top .brand-icon .icon{width:21px;height:24px}.footer-top p{font-size:12px;color:var(--muted);margin-top:12px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:12px}.footer-top strong{font-size:12px;font-weight:600;margin-bottom:3px}.footer-top a:not(.brand):not(.footer-store){color:#626c7d}.footer-top .app-store-badge{height:40px;min-width:126px;padding:5px 10px}.footer-top .app-store-badge strong{font-size:19px;color:white;margin:0;font-weight:500}.footer-top .app-store-badge small{font-size:8px}.footer-bottom{display:flex;justify-content:space-between;padding:18px 0 23px;border-top:1px solid var(--line);color:#626c7d;font-size:10px}.footer-bottom .icon{width:13px;height:13px;margin-right:5px}.tool-layout{display:grid;grid-template-columns:203px minmax(0,1fr);gap:38px;padding-top:28px;padding-bottom:50px;align-items:start}.tool-sidebar{display:flex;flex-direction:column;gap:6px;padding:14px 0;position:sticky;top:20px}.tool-sidebar>strong{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#626c7d;font-weight:500;margin:0 10px 10px}.tool-sidebar>a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:7px;font-size:12px;font-weight:500;color:#647084}.tool-sidebar>a:hover{background:#f3f7ff}.tool-sidebar>a.selected{color:#006be9;background:#eef5ff}.tool-sidebar .tool-icon{width:27px;height:28px;border-radius:7px}.tool-sidebar .tool-icon>.icon{width:17px;height:17px}.tool-sidebar .sidebar-app{margin-top:16px;border-top:1px solid var(--line);border-radius:0;font-size:10px;padding-top:20px;line-height:1.5}.tool-sidebar .sidebar-app>.icon{width:23px;height:23px;color:var(--blue)}.tool-container{min-width:0;max-width:930px}.breadcrumb{font-size:11px;color:#626c7d;display:flex;gap:13px;margin-bottom:25px}.breadcrumb a{color:#65758c}.tool-title{margin-bottom:26px}.tool-title>.tool-icon{float:left;margin:1px 14px 0 0}.tool-title h1{font-size:34px;font-weight:700;line-height:1.45;letter-spacing:-1.2px}.brand-dot{display:none}.tool-title>p{font-size:14px;color:#626c7d;margin-top:11px;max-width:680px}.workspace{border:1px solid var(--line);border-radius:12px;padding:25px;background:#fff;box-shadow:0 2px 10px #20345d04}.dropzone{position:relative;border:1.5px dashed #c5d6ee;background:#f6f9ff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:269px;padding:30px;cursor:pointer;text-align:center}.dropzone.dragover{border-color:var(--blue);background:#ebf3ff}.dropzone>.icon{width:31px;height:31px;color:var(--blue);margin-bottom:5px}.dropzone strong{font-size:21px;font-weight:600;letter-spacing:-.6px}.dropzone>span:not(.button){color:#626c7d;font-size:12px}.dropzone .button{margin:7px 0}.dropzone small{color:#626c7d;font-size:10px}.dropzone input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.dropzone:focus-within{outline:3px solid #007aff;outline-offset:4px}.file-list:empty{display:none}.file-list{margin-top:19px}.file-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.file-info{flex:1;min-width:0}.file-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.file-info small{display:block;color:#626c7d;margin-top:5px;font-size:10px}.file-row button,.page-actions button{border:1px solid #dee4ee;border-radius:5px;background:#fff;min-width:32px;min-height:32px;font-size:13px}.file-row button:disabled,.page-actions button:disabled{opacity:.3;cursor:default}.tool-options{margin-top:24px}.tool-options>label{font-size:13px;display:flex;flex-direction:column;gap:10px;margin:18px 0;font-weight:500}.tool-options label span{color:#626c7d;font-weight:400}.tool-options input:not([type=range]),.tool-options select{padding:12px;border:1px solid #dce2ec;border-radius:6px;background:#fff;max-width:100%}.tool-options p{font-size:13px;color:var(--muted)}.notice{padding:16px;border-radius:7px;background:#fff8e9;color:#896621!important;font-size:12px!important;margin-top:20px;line-height:1.6}.notice .icon{width:17px;height:17px;margin-right:5px}.muted{color:#626c7d;font-size:12px!important}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.workspace #status{font-size:13px;margin-top:16px;color:#626c7d;overflow-wrap:anywhere}.workspace #status.error{color:#cf3636}.workspace #result{background:#edf8ef;border:1px solid #c8e8ce;border-radius:8px;padding:22px;margin-top:24px}.workspace #result h3{font-size:21px;margin-bottom:9px}.workspace #result p{font-size:13px;color:#486851;margin-bottom:16px}.workspace-privacy{font-size:11px;text-align:center;margin-top:18px;color:#626c7d}.workspace-privacy .icon{width:14px;height:14px;margin-right:5px;color:#4482c5}.how-to{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:48px 0}.eyebrow{font-size:10px;letter-spacing:.6px;font-weight:500;color:#626c7d;text-transform:uppercase}.how-to h2{font-size:25px;margin-top:13px;max-width:320px}.how-to ol{list-style:none;margin:0;padding:0}.how-to li{display:flex;gap:15px;align-items:baseline;margin:0 0 14px}.how-to b{color:var(--blue);font-size:11px;font-weight:600}.how-to p{font-size:13px;color:#626c7d}.faq{margin-bottom:40px;max-width:760px}.faq h2{font-size:25px;margin:12px 0 18px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.5}.faq details p{font-size:13px;color:#626c7d;padding-top:12px;line-height:1.7}.related{margin-bottom:15px}.related h2{font-size:24px;margin-bottom:20px}.related .tools-grid{grid-template-columns:repeat(3,1fr)}.related .tool-card{gap:10px;padding:14px 25px 14px 12px}.related .tool-icon{width:35px;height:35px;border-radius:8px}.related .tool-icon>.icon{width:21px;height:21px}.related .tool-card h3{font-size:12px}.related .tool-card p{font-size:10px}.article{padding-block:40px 65px}.article h1{max-width:850px;font-size:43px;margin:20px 0;line-height:1.15;letter-spacing:-1.5px}.lead{font-size:18px;color:#626c7d;max-width:770px;margin-bottom:35px}.article-copy{max-width:740px;margin-bottom:40px}.article-copy h2{font-size:25px;margin:30px 0 14px}.article-copy p{font-size:15px;color:#647187;line-height:1.8}.article>.tools-grid{margin-top:24px;grid-template-columns:repeat(3,1fr)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.guide-card{border:1px solid var(--line);border-radius:10px;padding:24px;background:#fff}.guide-card:hover{border-color:#a9ccff}.guide-card h3{font-size:23px;margin:16px 0 12px;line-height:1.25}.guide-card p{font-size:13px;color:#626c7d}.guide-card .text-link{margin-top:20px}.page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.page-card{padding:11px;background:#f6f8fc;border:1px solid var(--line);border-radius:7px;text-align:center}.page-card canvas{max-width:100%;height:125px;object-fit:contain;margin:10px auto;background:#fff}.page-card>strong{font-size:11px;display:block;font-weight:500}.page-actions{display:flex;justify-content:center;gap:4px}.page-actions button{min-width:26px;min-height:28px}.organiser-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}.button.small{min-height:32px;padding:7px 13px;font-size:11px}#signature{width:100%;height:150px;background:#fbfcff;border:1px solid var(--line);border-radius:7px;touch-action:none;cursor:crosshair}.sign-preview{position:relative;width:fit-content;max-width:100%;margin:20px auto;background:#eef1f6;overflow:hidden;cursor:crosshair}.sign-preview>canvas{display:block;max-width:100%;height:auto;max-height:650px;object-fit:contain}.sign-preview>img{position:absolute;pointer-events:none;transform:translate(-50%,-50%)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:1250px){.container{width:calc(100% - 56px)}.header-inner{gap:25px}.site-header nav{gap:18px;font-size:11px}.brand{font-size:24px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-inner{gap:20px}.hero-copy>p{font-size:17px}.hero-app{height:375px}.app-device-label{right:0;top:10px;font-size:13px}.ipad-crop{width:290px;height:390px}.hero-app:before{width:350px;left:0}.tool-card{gap:11px;padding-left:12px}.tool-card h3{font-size:13px}.tool-card p{font-size:10px}.tool-icon{width:42px;height:43px;border-radius:10px}.benefits-grid{gap:20px}.benefits-grid>div{gap:12px}.benefits-grid h3{font-size:13px}.benefits-grid p{font-size:11px}.app-promo{padding:25px 20px;gap:15px}.app-promo-copy{padding-right:80px}.app-promo h2{font-size:21px}.app-promo-image{right:-30px}.tool-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.tool-sidebar>a{font-size:11px}.page-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.site-header nav>a:nth-child(2),.site-header nav>a:nth-child(3){display:none}.site-header nav{font-size:12px}.header-inner{gap:20px}.hero h1{font-size:42px;letter-spacing:-1.7px}.hero-inner{grid-template-columns:1.2fr 1fr;min-height:420px;padding-block:30px}.hero-copy>p{font-size:15px}.hero-search{gap:8px;padding-left:12px}.hero-search input{font-size:11px}.hero-search .button{font-size:12px;padding-inline:13px}.hero-app{height:345px}.ipad-crop{width:245px;height:335px}.ipad-crop img{width:455px;left:-206px;top:-91px}.app-device-label{font-size:11px;right:0;top:0}.app-device-label>span{font-size:30px}.hero-app:before{width:280px;height:220px}.tools-grid{grid-template-columns:repeat(2,1fr)}.tool-card{min-height:92px;padding:15px 30px 15px 16px;gap:15px}.tool-card h3{font-size:14px}.tool-card p{font-size:11px;max-width:250px}.benefits-grid{grid-template-columns:1fr 1fr;gap:24px}.benefits-grid p br{display:none}.app-and-guides{grid-template-columns:1fr}.app-promo{min-height:220px}.app-promo-copy{max-width:520px;padding-right:70px}.app-promo-image{right:30px;top:-10px}.app-promo h2{font-size:25px}.guides-panel>div>a:not(.text-link){font-size:12px}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}.tool-layout{grid-template-columns:155px minmax(0,1fr);gap:20px}.tool-sidebar>a{font-size:10px;padding:9px 6px;gap:9px}.tool-sidebar .tool-icon{width:24px;height:25px}.tool-title h1{font-size:30px}.workspace{padding:20px}.how-to{grid-template-columns:1fr;gap:24px;margin-block:35px}.related .tools-grid{grid-template-columns:1fr}.related .tool-card{min-height:80px}.related .tool-card h3{font-size:14px}.related .tool-card p{font-size:11px;max-width:100%}.page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:calc(100% - 32px)}html{scroll-padding-top:25px}.site-header{height:67px}.header-inner{gap:12px}.brand{font-size:23px;letter-spacing:-.8px;gap:8px}.brand-icon{width:30px;height:34px;border-radius:8px}.brand-icon .icon{width:22px;height:25px}.header-store{margin-left:auto}.header-store .app-store-badge{min-width:0;width:108px;height:35px;padding:4px 7px;gap:4px;border-radius:6px}.header-store .app-store-badge svg{width:19px;height:24px}.header-store .app-store-badge strong{font-size:17px}.header-store .app-store-badge small{font-size:7px}.menu-toggle{display:block;order:3;border:0;background:transparent;font-size:23px;padding:4px;color:#566176}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 18px 15px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 10px #15264a10;font-size:13px}.site-header nav.open{display:flex}.site-header nav>a{padding:12px 6px}.site-header nav>a:nth-child(2),.site-header nav>a:nth-child(3){display:flex}.nav-dropdown{border-top:1px solid #f0f2f6}.nav-dropdown summary{padding:12px 6px;justify-content:space-between}.nav-dropdown>div{position:static;box-shadow:none;border:none;background:#f8faff;width:100%;padding:5px 10px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-block:26px 22px;min-height:0}.hero-tag{font-size:9px;letter-spacing:.3px;padding:5px 8px;margin-bottom:14px}.hero h1{font-size:37px;letter-spacing:-1.5px;line-height:1.12}.hero h1 br{display:none}.hero-copy>p{font-size:14px;line-height:1.5;margin-top:13px}.hero-copy>p br{display:none}.hero-search{margin-top:18px;padding:4px 4px 4px 10px;gap:8px;border-radius:7px}.hero-search>.icon{width:17px;height:17px}.hero-search input{font-size:11px;height:35px}.hero-search .button{min-height:37px;padding:9px 13px;font-size:12px}.popular-searches{gap:5px;font-size:9px;margin-top:10px}.popular-searches>span{display:block;width:100%;margin-bottom:2px}.popular-searches>button{font-size:9px;padding:4px 8px}.hero-note{font-size:10px;margin-top:13px}.hero-app{height:255px;max-width:390px;margin:5px auto 0;width:100%}.ipad-crop{width:210px;height:245px;margin-left:12px;border-radius:23px 0 15px 23px;transform:rotate(-3deg)}.ipad-crop img{width:350px;left:-153px;top:-69px}.hero-app:before{width:275px;height:130px;left:30px;bottom:0}.app-device-label{font-size:11px;top:8px;right:0}.app-device-label>span{font-size:25px}.hero-app-caption{font-size:8px;bottom:-3px}.tools-section{padding-block:24px}.section-heading{gap:12px;margin-bottom:15px}.section-heading h2{font-size:23px;letter-spacing:-.7px}.section-heading>.text-link{font-size:10px;gap:4px;white-space:nowrap}.section-heading>.text-link>.icon{width:13px;height:13px}.filters{gap:5px;margin-bottom:14px;flex-wrap:wrap}.filter{font-size:10px;padding:6px 10px}.tools-grid{grid-template-columns:1fr;gap:9px}.tool-card{min-height:83px;padding:14px 29px 14px 14px;gap:15px;border-radius:9px}.tool-icon{width:43px;height:44px;border-radius:10px}.tool-card h3{font-size:14px;margin-bottom:4px}.tool-card p{font-size:11px;line-height:1.4;max-width:100%}.card-arrow{font-size:22px;right:14px}.benefits{padding-block:22px}.benefits-grid{gap:22px 16px;grid-template-columns:1fr 1fr}.benefits-grid>div{gap:9px}.benefits-grid>div>.icon{width:23px;height:25px}.benefits-grid h3{font-size:12px;line-height:1.3;margin:0 0 6px}.benefits-grid p{font-size:10px;line-height:1.5}.app-and-guides{padding-block:19px 25px;gap:14px}.app-promo{padding:20px 17px;gap:12px;min-height:242px;display:block}.app-icon{width:53px;height:53px;border-radius:12px;float:left;margin-right:13px;margin-bottom:10px}.app-promo-copy{max-width:none;padding-right:0}.app-promo h2{font-size:20px;line-height:1.2;min-height:53px;margin-bottom:12px;padding-top:2px}.app-promo p{font-size:12px;max-width:220px;padding-right:20px;clear:both;min-height:75px}.app-promo-image{right:-38px;top:65px;width:140px;height:210px;opacity:.95}.app-promo-image>img{width:150px;top:-60px}.app-promo .app-store-badge{height:39px;min-width:122px}.app-promo .app-store-badge strong{font-size:19px}.guides-panel{padding:20px 16px;gap:12px}.guides-panel>.icon{width:24px;height:24px}.guides-panel h2{font-size:17px}.guides-panel p{font-size:11px}.guides-panel>div>a:not(.text-link){font-size:11px;padding-block:12px}.footer-top{grid-template-columns:1fr 1fr;gap:25px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{flex-direction:column;align-items:flex-start;gap:10px}.footer-top .brand{font-size:23px}.footer-top>div:not(:first-child){font-size:11px;gap:10px}.footer-top strong{font-size:11px}.footer-bottom{flex-direction:column;gap:10px;font-size:9px;line-height:1.5}.tool-layout{display:block;padding-top:18px;padding-bottom:30px}.tool-sidebar{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding:0 0 13px;border-bottom:1px solid var(--line);margin-bottom:20px;scrollbar-width:thin}.tool-sidebar>strong,.tool-sidebar .sidebar-app{display:none}.tool-sidebar>a{font-size:10px;white-space:nowrap;gap:6px;padding:8px;flex-shrink:0;border:1px solid #e7ecf4}.tool-sidebar .tool-icon{width:22px;height:22px;border-radius:5px}.tool-sidebar .tool-icon>.icon{width:14px;height:14px}.breadcrumb{font-size:10px;margin-bottom:20px}.tool-title h1{font-size:30px;line-height:1.4}.tool-title>.tool-icon{width:38px;height:40px;margin-right:11px}.tool-title>p{font-size:13px;margin-top:11px}.tool-title{margin-bottom:20px}.workspace{padding:14px;border-radius:10px}.dropzone{padding:22px 14px;min-height:245px;gap:11px}.dropzone strong{font-size:20px}.dropzone>span:not(.button){font-size:11px}.dropzone small{font-size:8px}.workspace-privacy{font-size:9px;margin-top:14px}.file-row{gap:6px;font-size:11px}.file-row>span{display:none}.file-row button{min-width:28px;min-height:30px}.tool-options>label{font-size:12px}.notice{font-size:11px!important;padding:13px}.action-row{gap:9px}.action-row>.button{flex:1;font-size:12px;gap:9px;padding-inline:12px}.how-to{gap:20px;margin-block:31px}.how-to h2{font-size:23px;max-width:100%}.how-to p{font-size:12px}.faq{margin-bottom:32px}.faq h2{font-size:23px}.faq summary{font-size:12px}.faq details p{font-size:12px}.related h2{font-size:22px}.article{padding-block:30px 45px}.article h1{font-size:34px;letter-spacing:-1.2px}.lead{font-size:16px}.article-copy h2{font-size:23px}.article-copy p{font-size:14px}.guide-grid,.article>.tools-grid{grid-template-columns:1fr;gap:14px}.guide-card{padding:20px}.guide-card h3{font-size:23px}.page-grid{grid-template-columns:repeat(2,1fr);gap:8px}.page-card{padding:9px 7px}.page-actions{gap:3px}.page-actions button{min-width:25px;min-height:28px;font-size:12px}.organiser-heading{align-items:flex-start}.organiser-heading p{font-size:11px}.organiser-heading .button{font-size:10px;padding-inline:9px}.eyebrow{font-size:9px}}@media(max-width:370px){.brand{font-size:20px;gap:6px}.header-inner{gap:8px}.hero h1{font-size:34px}.hero-search input{font-size:10px}.popular-searches>button{font-size:8px}.header-store .app-store-badge{width:99px}.header-store .app-store-badge strong{font-size:15px}}

/* Actual device screenshots, framed to the devices inside Apple's artwork. */
.hero-app{height:410px}.ipad-crop{width:250px;height:404px;overflow:hidden;border-radius:25px;transform:rotate(-4deg);margin-left:-45px}.ipad-crop>img{width:435px;left:-176px;top:-43px;mix-blend-mode:normal}.hero-phone-crop{position:absolute;display:block;width:115px;height:253px;right:46px;bottom:0;overflow:hidden;border-radius:22px;filter:drop-shadow(0 5px 8px #07152c29);transform:rotate(4deg)}.hero-phone-crop>img{position:absolute;max-width:none;width:240px;height:auto;left:-126px;top:-140px}.hero-app-caption{bottom:-18px}.app-device-label{right:2px;top:12px}.hero-app:before{height:190px;bottom:-5px;background:#dceaff}
@media(max-width:1250px){.hero-phone-crop{right:7px}.app-device-label{font-size:12px;right:0;top:8px}.hero-app{height:395px}.ipad-crop{width:235px;height:380px}.ipad-crop>img{width:410px;left:-166px;top:-41px}}
@media(max-width:1000px){.hero-app{height:340px}.ipad-crop{width:204px;height:328px;margin-left:-20px}.ipad-crop>img{width:355px;left:-144px;top:-35px}.hero-phone-crop{width:90px;height:198px;right:-5px;bottom:5px;border-radius:17px}.hero-phone-crop>img{width:188px;left:-99px;top:-110px}.app-device-label{font-size:10px;right:-5px;top:5px}.app-device-label>span{font-size:26px}.hero-app-caption{bottom:-14px;font-size:8px}}
@media(max-width:700px){.hero-app{height:277px;margin-top:12px;width:330px;max-width:100%}.ipad-crop{width:166px;height:267px;margin-left:-25px;border-radius:17px}.ipad-crop>img{width:290px;left:-118px;top:-29px}.hero-phone-crop{width:83px;height:183px;right:33px;bottom:1px;border-radius:17px}.hero-phone-crop>img{width:173px;left:-91px;top:-101px}.app-device-label{font-size:10px;right:11px;top:4px}.app-device-label>span{font-size:23px;margin-left:20px}.hero-app-caption{bottom:-10px;font-size:8px}.hero-app:before{height:130px;width:250px;left:28px;bottom:2px}}

.app-store-badge{white-space:nowrap}.app-store-badge>span{flex-shrink:0}.app-promo-image>img{top:-108px}.app-promo-image{height:265px}
@media(max-width:700px){.header-store .app-store-badge{width:115px;height:37px;min-width:115px}.header-store .app-store-badge>span{line-height:1}.header-store .app-store-badge strong{font-size:17px;line-height:1.05}.app-promo-image>img{top:-76px}.app-promo-image{height:185px}}
@media(max-width:370px){.header-store .app-store-badge{width:99px;min-width:99px;padding-inline:6px;gap:3px}.header-store .app-store-badge svg{width:16px;height:22px}.header-store .app-store-badge strong{font-size:15px}.header-store .app-store-badge small{font-size:6px}}

img.app-store-badge{display:block;padding:0;border:0;border-radius:0;background:transparent;width:145px;height:48px;min-width:0;object-fit:contain}.footer-top img.app-store-badge{width:130px;height:43px;padding:0;min-width:0}.app-promo img.app-store-badge{width:135px;height:45px;padding:0;min-width:0}
@media(max-width:700px){.header-store img.app-store-badge{width:110px;min-width:110px;height:37px;padding:0}}
@media(max-width:370px){.header-store img.app-store-badge{width:99px;min-width:99px;height:33px;padding:0}}
.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;margin:20px 0}.control-grid>label,.form-fields>label,#raster-options>label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500}.control-grid input,.control-grid select,.form-fields input,.form-fields select,.form-fields textarea{width:100%;min-width:0}.check-label{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-size:12px;line-height:1.5}.check-label>input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:var(--blue)}.check-label>span{color:var(--ink)!important}.form-fields{display:flex;flex-direction:column;gap:20px;margin-top:23px}.form-fields textarea{min-height:100px;padding:12px;border:1px solid #dce2ec;border-radius:6px;resize:vertical}.form-fields select[multiple]{min-height:110px}.secondary-upload{padding:13px 15px;background:#f3f7ff;border:1px solid #dae7ff;border-radius:7px}.secondary-upload input{font-size:11px}.selection-actions{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.page-card.page-selected{border-color:#0066ff;background:#eaf2ff}.page-card .check-label{justify-content:center;font-size:10px}.page-card[draggable=true],.file-row[draggable=true]{cursor:grab}.page-card[draggable=true]:active,.file-row[draggable=true]:active{cursor:grabbing}#effect-preview{background:#edf1f6;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:20px;text-align:center}#effect-preview canvas{max-width:100%;height:auto;max-height:650px;object-fit:contain}#cancel-process{color:#b93838;border-color:#ecc7c7}.tool-sidebar{max-height:calc(100vh - 40px);overflow-y:auto}.tool-sidebar>a{flex-shrink:0}.compression-info{padding:14px;border-radius:7px;background:#eef7ff;color:#345e8d!important;margin-top:15px}input[type=range]{accent-color:var(--blue)}
@media(min-width:1250px){.tools-section>.tools-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tools-section .tool-card{padding:15px 25px 15px 12px;gap:12px}.tools-section .tool-card h3{font-size:13px}.tools-section .tool-card p{font-size:10px}.tools-section .tool-icon{width:43px;height:44px}}
@media(max-width:700px){.control-grid{gap:15px 12px}.control-grid label{font-size:11px}.control-grid select,.control-grid input{font-size:12px}.tool-sidebar{max-height:none;overflow-y:hidden}.selection-actions .button{font-size:10px;padding-inline:10px}.form-fields select,.form-fields textarea,.form-fields input{font-size:14px}.check-label{font-size:11px}.page-card .check-label{gap:6px!important;font-size:9px}.header-inner{gap:9px}}

.footer-legal{border-top:1px solid var(--border,#e5e7eb);padding:18px 0 24px;color:#626977;font-size:12px;line-height:1.7}.footer-legal p{margin:3px 0}.footer-legal a{text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}

/* Keep keyboard focus visible inside the borderless search input and on form textareas. */
.hero-search:focus-within{outline:3px solid #0066ff;outline-offset:3px}
textarea:focus-visible{outline:3px solid #007aff;outline-offset:4px}
/* Make links identifiable in paragraphs without relying on colour alone. */
.article-copy a,.faq p a,.how-to p a{color:#0061d9;text-decoration:underline;text-underline-offset:3px}

/* Guide navigation and attribution stay readable beside the tool's compact layout. */
.article-meta{max-width:740px;color:#626c7d;font-size:13px;line-height:1.7;margin:16px 0 24px}.article-meta a{color:#0061d9;text-decoration:underline;text-underline-offset:3px}.article-toc{max-width:740px;background:#f7f9fc;border:1px solid #e6e9ef;border-radius:10px;padding:20px 24px;margin:0 0 30px}.article-toc>strong{display:block;font-size:15px;margin-bottom:9px}.article-toc ol{list-style:none;margin:0;padding:0;color:#626c7d}.article-toc li{font-size:14px;line-height:1.6}.article-toc a{display:inline-block;padding:4px 0;color:#0061d9;text-decoration:underline;text-underline-offset:3px}.article-copy h2[id]{scroll-margin-top:25px}.tool-notes{margin-block:30px 36px}.tool-notes h2{font-size:23px}.tool-notes p{font-size:14px}.article>.related{margin-top:35px}.article>.related .guide-grid{margin-top:15px}
@media(max-width:700px){.article-toc{padding:17px 18px;margin-bottom:24px}.article-meta{font-size:12px}.tool-notes h2{font-size:22px}}