:root{
  --ink:#1d2638;--muted:#788192;--border:#e8ebf0;--red:#e14954;--red-hover:#ca3544;--soft-red:#fff0f1;--background:#fff;--soft:#f8f9fb;--shadow:0 9px 25px rgba(31,40,58,.055);
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--background);font-synthesis:none
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.upload-zone:focus-visible{outline:3px solid #f5a4ae;outline-offset:3px}.shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5.3%,calc((100vw - 1280px)/2));border-bottom:1px solid #f0f1f4;background:#fff;position:relative;z-index:2;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:41px;height:41px;background:var(--red);border-radius:11px;box-shadow:0 6px 12px #e1495430}.brand-icon svg{width:32px;height:32px}.brand-rest{color:#222c3e}.brand-period{color:var(--red)}.header-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#4e5868}.header-nav a:hover,.header-nav a:focus-visible{color:var(--red)}.free-pill{display:inline-flex;align-items:center;gap:8px;background:#f3faf6;border:1px solid #e1f2e7;color:#357d57;border-radius:25px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.green-dot{width:7px;height:7px;background:#41ae78;border-radius:50%}
.hero{text-align:center;padding:74px 24px 67px;background:linear-gradient(180deg,#fff 0%,#fff 77%,#fffcfc 100%)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#da4655;font-size:11px;letter-spacing:1.18px;font-weight:800}.eyebrow-stars{font-size:17px}.hero h1{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-2.8px;line-height:1.18;font-size:clamp(36px,4.7vw,60px);font-weight:800;margin:21px auto 19px;max-width:820px}.hero h1 span{color:var(--red)}.hero>p{color:#727d8c;line-height:1.72;font-size:16px;max-width:620px;margin:0 auto}.hero-features{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:26px;margin-top:27px;color:#5e6979;font-size:12px;font-weight:700}.hero-features span{display:flex;align-items:center;gap:6px}.hero-features svg{height:17px;width:17px;stroke:#36a76a;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tools-section{padding:10px max(5.3%,calc((100vw - 1280px)/2)) 86px;scroll-margin-top:24px;max-width:1510px;margin:auto}.section-topline{display:flex;justify-content:space-between;gap:26px;align-items:center}.section-topline h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;letter-spacing:-.9px;margin:0 0 7px}.section-topline p{margin:0;color:#8b929d;font-size:13px}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid #e5e8ee;background:#fff;border-radius:11px;width:248px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.search-wrap:focus-within{border-color:#eaa0a7;box-shadow:0 0 0 3px #e149540c}.search-wrap svg{flex:none;width:17px;height:17px;stroke:#99a0ae;stroke-width:1.8;fill:none}.search-wrap input{border:0;outline:0;font-size:12px;width:100%;background:transparent;color:var(--ink)}.search-wrap input::placeholder{color:#a7abb4}.category-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:26px 0 19px}.category-chip{border-radius:9px;padding:9px 15px;border:1px solid #e9ecf0;background:#fff;color:#657082;font-size:12px;font-weight:800;transition:background .15s,border-color .15s,color .15s}.category-chip:hover{border-color:#f4bec4;color:var(--red)}.category-chip.active{border-color:#f8dfe3;background:#fff0f2;color:#d93c4b}.category-chip span{font-size:10px;margin-left:5px;opacity:.7}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;min-height:211px;padding:26px 23px 25px;background:#fff;border:1px solid #e9ecf0;border-radius:13px;box-shadow:var(--shadow);transition:transform .16s,border-color .16s,box-shadow .16s}.tool-card:hover{transform:translateY(-4px);border-color:#f2b4bc;box-shadow:0 13px 31px #a84a561b}.tool-card .tool-icon{margin-bottom:19px}.tool-card strong{font-size:16px;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.3px}.tool-card p{font-size:12px;line-height:1.65;color:#8a93a0;margin:9px 0 0;max-width:240px}.tool-arrow{position:absolute;right:22px;top:31px;font-size:18px;color:#b4bdc6;transition:color .15s,transform .15s}.tool-card:hover .tool-arrow{color:var(--red);transform:translateX(3px)}.tool-icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center}.tool-icon svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.85;stroke-linejoin:round;stroke-linecap:round;fill:none}.tone-violet{color:#8059db;background:#f2edff}.tone-blue{color:#3b82c8;background:#eaf4ff}.tone-pink{color:#e3608e;background:#ffedf2}.tone-green{color:#339d79;background:#e7f8ee}.tone-amber{color:#d09626;background:#fff6df}.tone-cyan{color:#25a1af;background:#e6f7fa}.tone-red{color:#e15b5b;background:#ffeded}.tone-purple{color:#9b64cf;background:#f6edff}.empty-tools{padding:50px 20px;text-align:center;background:#f8f9fb;border:1px dashed #dce0e8;border-radius:13px;color:#6c7788;font-size:14px}
.promise-band{background:#fafbfc;padding:70px max(5.3%,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1fr 1.5fr;gap:65px;align-items:center}.promise-kicker{font-size:10px;color:var(--red);font-weight:800;letter-spacing:1.45px}.promise-intro h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:29px;line-height:1.35;letter-spacing:-1.25px;margin:13px 0 14px}.promise-intro p{max-width:380px;color:#8c95a3;font-size:13px;line-height:1.8;margin:0}.benefits{display:flex;flex-direction:column;gap:26px}.benefit{display:flex;align-items:flex-start;gap:15px}.benefit-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:#fff0f1;color:var(--red);flex:none}.benefit-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}.benefit h3{font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;margin:1px 0 6px}.benefit p{color:#89919f;font-size:12px;line-height:1.6;margin:0}.privacy-note{margin:48px auto 54px;max-width:1100px;padding:20px 24px;border:1px solid #edf0f3;background:#fff;display:flex;align-items:flex-start;gap:13px;border-radius:12px}.privacy-note>svg{width:24px;height:24px;color:#45a67b;stroke:currentColor;stroke-width:1.8;fill:none;flex:none}.privacy-note strong{font-size:13px}.privacy-note p{font-size:12px;line-height:1.7;color:#8c94a0;margin:5px 0 0}.footer{border-top:1px solid #eff0f3;padding:26px max(5.3%,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-logo{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800;letter-spacing:-.8px}.footer-logo i{font-style:normal;color:var(--red)}.footer p,.footer>span{color:#949ba7;font-size:11px}
.workspace-section{max-width:1200px;margin:0 auto;padding:43px 24px 100px}.tool-breadcrumb{display:flex;align-items:center;gap:11px;color:#8f98a6;font-size:12px;margin:0 0 25px}.tool-breadcrumb a{color:var(--red);font-weight:800}.tool-breadcrumb a:hover{text-decoration:underline}.workspace{background:#fff;border:1px solid #e7eaf0;border-radius:17px;box-shadow:0 12px 45px rgba(31,42,62,.045);padding:35px}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.workspace-title{display:flex;align-items:center;gap:17px}.workspace-title .tool-icon{width:54px;height:54px;flex:none}.workspace-title h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;letter-spacing:-.7px;margin:0 0 5px}.workspace-title p{font-size:13px;color:#8893a0;margin:0}.icon-button{border:1px solid #e7e9ed;border-radius:10px;padding:8px 12px;background:white;font-size:16px;line-height:1.2;color:#87919c}.icon-button:hover{background:#f9f1f2;color:var(--red)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed #efc8cd;background:#fffafb;border-radius:13px;min-height:253px;padding:34px 20px;cursor:pointer;transition:border-color .15s,background .15s}.upload-zone.dragover{border-color:var(--red);background:#fff1f3}.upload-symbol{width:63px;height:63px;border-radius:16px;background:#ffecee;display:grid;place-items:center;color:var(--red);font-size:30px;margin:0 0 16px}.upload-zone strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px}.upload-zone span:not(.upload-symbol){font-size:12px;color:#9098a4;margin-top:8px}.upload-zone .choose{border:0;border-radius:9px;color:white;background:var(--red);font-size:13px;padding:12px 23px;font-weight:800;margin-top:18px;box-shadow:0 6px 15px #e1495422}.upload-zone .choose:hover,.primary-button:hover{background:var(--red-hover)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.file-box{border:1px solid #e9ebf0;margin:18px 0 0;border-radius:11px;overflow:hidden}.file-row{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #f0f1f3}.file-row:last-child{border:0}.file-info{display:flex;align-items:center;gap:12px;min-width:0}.file-marker{width:34px;height:38px;display:grid;place-items:center;border-radius:7px;background:#fff0f1;color:var(--red);font-size:9px;font-weight:800;flex:none}.file-name{font-weight:700;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:480px}.file-meta{color:#9da5b1;font-size:11px;margin-top:4px}.file-actions{display:flex;gap:6px}.mini-button{border:1px solid #e7e9ed;background:white;border-radius:7px;padding:7px 10px;font-size:12px;color:#687588}.mini-button:hover{background:#fff2f4;color:var(--red)}.mini-button:disabled{opacity:.35;cursor:not-allowed}.options{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 18px;padding:22px;border-radius:11px;background:#fafbfc;border:1px solid #eceef2}.option{display:flex;flex-direction:column;gap:9px;flex:1 1 180px;color:#4f5a6a;font-size:12px;font-weight:800}.option input:not([type=range]),.option select{font-size:13px;padding:11px 12px;border:1px solid #dfe4e9;border-radius:8px;background:#fff;color:#283448;width:100%}.option small{font-size:11px;font-weight:500;color:#929ba7;line-height:1.6}.option input[type=range]{width:100%;accent-color:var(--red)}.action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:21px}.hint{font-size:12px;color:#86909d}.primary-button{padding:14px 24px;color:white;background:var(--red);border:0;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 7px 16px #e1495428}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{background:white;border:1px solid #e4e7ec;border-radius:8px;padding:10px 14px;color:#cb4050;font-weight:800;font-size:12px}.secondary-button:hover{background:#fff0f1}.success-line{border:1px solid #d5eddb;background:#f1fbf4;border-radius:9px;padding:14px;color:#378155;font-weight:700;font-size:12px;margin-top:15px}.signature-area{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:22px}.signature-panel{min-width:0}.field-label{font-size:12px;font-weight:800;color:#4f5c6d;margin-bottom:11px}.signature-canvas{display:block;width:100%;height:153px;touch-action:none;border-radius:10px;border:1px dashed #ccd2dc;background:#fff;cursor:crosshair}.signature-hint{font-size:11px;color:#919aa7;line-height:1.6;margin:10px 0}.preview-frame{min-height:215px;background:#f4f5f8;border:1px solid #e9eaf0;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:15px}.preview-page{position:relative;display:inline-block;max-width:100%;line-height:0;box-shadow:0 4px 20px #0002}.preview-page canvas{max-width:100%;max-height:270px;display:block;width:auto;height:auto}.preview-sign{position:absolute;pointer-events:none;filter:drop-shadow(0 1px 1px #0001)}.toast{position:fixed;bottom:26px;right:26px;max-width:400px;background:#253043;color:#fff;border-radius:11px;padding:14px 19px;font-size:13px;line-height:1.5;z-index:15;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;box-shadow:0 13px 40px #0002}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.header{padding:0 4%}.header-nav{gap:17px}.tools-section{padding-left:4%;padding-right:4%}.promise-band{padding-left:4%;padding-right:4%;gap:28px}.privacy-note{margin-left:4%;margin-right:4%}.footer{padding-left:4%;padding-right:4%}.file-name{max-width:320px}}
@media(max-width:870px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-nav a:nth-child(4){display:none}.promise-band{grid-template-columns:1fr;gap:32px}.benefits{display:grid;grid-template-columns:repeat(3,1fr)}.benefit{flex-direction:column}.privacy-note{margin:35px 4% 45px}.header{height:74px}}
@media(max-width:620px){.header{height:69px;padding:0 4%}.brand{font-size:21px;gap:8px}.brand-icon{width:34px;height:34px;border-radius:9px}.brand-icon svg{width:28px;height:28px}.header-nav{display:none}.free-pill{font-size:10px;padding:7px 9px}.hero{padding:55px 18px 50px}.hero h1{font-size:36px;line-height:1.25;letter-spacing:-1.8px}.hero>p{font-size:14px}.eyebrow{font-size:9px}.hero-features{gap:12px 18px;font-size:10px}.hero-features svg{width:14px;height:14px}.tools-section{padding:0 4% 58px}.section-topline{display:block}.section-topline h2{font-size:22px}.search-wrap{margin-top:18px;width:100%}.category-row{gap:6px;margin:20px 0 15px}.category-chip{padding:9px 10px;font-size:11px}.tool-grid{gap:11px}.tool-card{min-height:178px;padding:17px 15px}.tool-icon{width:43px;height:43px}.tool-icon svg{width:23px;height:23px}.tool-card .tool-icon{margin-bottom:15px}.tool-card strong{font-size:14px}.tool-card p{font-size:11px;line-height:1.5}.tool-arrow{right:14px;top:24px}.promise-band{padding:52px 5%}.promise-intro h2{font-size:25px}.benefits{display:flex;gap:24px}.benefit{flex-direction:row}.workspace-section{padding:24px 4% 60px}.workspace{padding:18px}.workspace-title h3{font-size:19px}.workspace-title p{font-size:11px}.workspace-title .tool-icon{width:43px;height:43px}.upload-zone{min-height:219px;padding:24px 15px}.upload-zone strong{font-size:15px}.file-name{max-width:132px}.file-row{padding:12px}.options{padding:16px}.action-row{flex-direction:column;align-items:stretch}.action-row .primary-button{width:100%}.signature-area{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.footer p{margin:0}.toast{left:12px;right:12px;bottom:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}}

/* ---------- Edit, sign and merge additions ---------- */
.tone-indigo{color:#5763d8;background:#eef0ff}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-btn{display:flex;align-items:center;gap:11px;padding:10px 20px 10px 10px;border:1px solid #e9ecf0;border-radius:14px;background:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.hero-btn:hover{transform:translateY(-2px);border-color:#f2b4bc}.hero-btn .tool-icon{width:40px;height:40px;border-radius:10px}.hero-btn .tool-icon svg{width:22px;height:22px}
.ios-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6e9ef;border-radius:25px;padding:8px 14px 8px 11px;font-size:12px;font-weight:800;color:#3d4757;white-space:nowrap;transition:border-color .15s,color .15s}.ios-pill:hover{border-color:#f2b4bc;color:var(--red)}.ios-pill svg,.store-button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round}
.ios-band{margin:0 auto;max-width:1100px;padding:64px 24px 10px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.ios-copy h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;letter-spacing:-1.3px;margin:12px 0}.ios-copy p{color:#7f8897;font-size:14px;line-height:1.75;max-width:440px;margin:0 0 22px}.store-button{display:inline-flex;align-items:center;gap:11px;background:#1d2638;color:#fff;border-radius:12px;padding:10px 20px 10px 15px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:17px}.store-button svg{width:24px;height:24px}.store-button span{display:flex;flex-direction:column;line-height:1.15}.store-button small{font-family:'DM Sans',sans-serif;font-weight:500;font-size:10px;opacity:.75}.store-button:hover{background:#2c3850}
.ios-phone{justify-self:center;width:190px;height:360px;border-radius:34px;background:#1d2638;padding:10px;box-shadow:0 24px 50px #1d263826;transform:rotate(4deg)}.ios-screen{width:100%;height:100%;border-radius:26px;background:linear-gradient(180deg,#fff4f5,#fff);display:grid;place-items:center}.ios-doc{width:118px;height:160px;background:#fff;border-radius:8px;box-shadow:0 6px 18px #0000001a;padding:16px 14px;display:flex;flex-direction:column;gap:8px;position:relative}.ios-doc i{display:block;height:5px;border-radius:3px;background:#e9ebf0}.ios-doc i.short{width:60%}.ios-sig{position:absolute;bottom:14px;right:12px;font:italic 600 19px 'Segoe Script','Brush Script MT',cursive;color:#2f6fd6;transform:rotate(-6deg)}
.footer-ios{color:var(--red);font-weight:700;margin-left:6px}
.upload-zone.slim{min-height:0;padding:20px;flex-direction:row;gap:14px;flex-wrap:wrap}.upload-zone.slim .upload-symbol{width:42px;height:42px;font-size:20px;margin:0;border-radius:11px}.upload-zone.slim span:not(.upload-symbol){margin:0}.upload-zone.slim .choose{margin:0 0 0 auto;padding:10px 18px}
.upload-zone.compact{min-height:0;padding:13px 16px;flex-direction:row;justify-content:flex-start;gap:13px;border-width:1px;border-style:solid;border-color:#eceef2;background:#fafbfc;text-align:left}.compact-name{min-width:0;display:flex;flex-direction:column}.compact-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-zone.compact .compact-name span{margin-top:2px}.upload-zone.compact .choose{margin:0 0 0 auto;background:#fff;color:var(--red);border:1px solid #f1d2d6;box-shadow:none;padding:9px 15px;white-space:nowrap}.upload-zone.compact .choose:hover{background:#fff0f1}
.merge-tip{font-size:12px;color:#7d8796;margin:18px 0 -6px}.file-thumb{width:40px;height:52px;flex:none;border-radius:5px;border:1px solid #e6e8ee;background:#fff0f1;color:var(--red);font-size:9px;font-weight:800;display:grid;place-items:center;overflow:hidden}.file-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.drag-grip{color:#b3bac5;cursor:grab;font-size:16px;user-select:none}.file-row[draggable=true]{cursor:grab;background:#fff;transition:background .12s}.file-row.dragging{opacity:.45}.file-row.drop-target{background:#fff4f5;box-shadow:inset 0 2px 0 var(--red)}.file-order{color:#a0a7b3;font-weight:700}
.editor-host{margin-top:18px}.editor-loading{padding:60px 20px;text-align:center;color:#7d8796;font-size:14px;background:#fafbfc;border-radius:12px}

/* editor */
.ed-bar{position:sticky;top:10px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;background:#ffffffee;backdrop-filter:blur(8px);border:1px solid #e7eaf0;border-radius:13px;padding:8px;box-shadow:0 8px 24px #1d26380f}.ed-tools,.ed-props{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ed-tool{display:flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:700;color:#4f5a6a}.ed-tool svg,.ed-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.ed-tool:hover{background:#f5f6f8}.ed-tool.active{background:#fff0f2;color:var(--red)}.ed-swatches{display:flex;gap:5px;padding:0 6px}.ed-swatch{width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--c);box-shadow:0 0 0 1px #dfe3e9}.ed-swatch.active{box-shadow:0 0 0 2px var(--c)}.ed-size{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#6b7686;padding:0 4px}.ed-size select{border:1px solid #e2e6eb;border-radius:7px;padding:6px 4px;background:#fff;font-size:12px}.ed-icon{border:0;background:transparent;border-radius:8px;padding:8px;color:#5f6a7a;display:grid;place-items:center}.ed-icon:hover:not(:disabled){background:#f5f6f8;color:var(--red)}.ed-icon:disabled{opacity:.35;cursor:not-allowed}
.ed-hint{font-size:12px;color:#7d8796;margin:12px 4px 14px;min-height:18px}
.ed-pages{display:flex;flex-direction:column;align-items:center;gap:22px;background:#f2f3f6;border-radius:14px;padding:22px 12px;overflow:hidden}.ed-page{position:relative;background:#fff;box-shadow:0 3px 16px #1d263822;flex:none}.ed-page>canvas{display:block;width:100%;height:100%}.ed-page-num{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:#97a0ad}.ed-overlay{position:absolute;inset:0}
.ed-pages[data-tool=text] .ed-overlay,.ed-pages[data-tool=date] .ed-overlay{cursor:text}.ed-pages[data-tool=whiteout] .ed-overlay,.ed-pages[data-tool=highlight] .ed-overlay,.ed-pages[data-tool=draw] .ed-overlay,.ed-pages[data-tool=signature] .ed-overlay{cursor:crosshair;touch-action:none}
.ann{position:absolute;touch-action:none}.ann.selected{outline:1.5px dashed var(--red);outline-offset:2px}.ann-whiteout{background:#fff;box-shadow:0 0 0 1px #e3e6eb}.ann-highlight{background:#ffde33;opacity:.45;mix-blend-mode:multiply}.ann-image img{width:100%;height:100%;display:block;user-select:none;pointer-events:none}.ann-draw{pointer-events:none}.ann-draw svg{width:100%;height:100%;overflow:visible;display:block}.ann-draw path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:move}.ann-draw.selected{outline:0}.ann-draw.selected::after{content:"";position:absolute;left:calc(var(--bx) - 4px);top:calc(var(--by) - 4px);width:calc(var(--bw) + 8px);height:calc(var(--bh) + 8px);outline:1.5px dashed var(--red);pointer-events:none}
.ann-text{font-family:Helvetica,Arial,sans-serif;line-height:1.2;white-space:pre;outline:0;min-width:4px;padding:0;cursor:text}.ann-text:empty::before{content:"Type here";opacity:.4}.ann-text:focus{background:#fff8}.ann-grip{position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--red);cursor:move;display:none;padding:2px}.ann.selected .ann-grip{display:block}.ann-text-wrap{position:relative}
.ann-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--red);cursor:nwse-resize;display:none}.ann.selected .ann-handle{display:block}
.ann-x{position:absolute;top:-24px;right:-10px;width:20px;height:20px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:10px;line-height:20px;padding:0;display:none;box-shadow:0 2px 6px #e1495440}.ann.selected .ann-x{display:block}.ann-draw .ann-x{display:none!important}
.ed-footer{position:sticky;bottom:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 4px;background:linear-gradient(180deg,#fff0,#fff 35%)}
.ed-dialog{border:0;border-radius:16px;padding:22px;width:min(560px,calc(100vw - 32px));box-shadow:0 30px 80px #1d263840;color:var(--ink)}.ed-dialog::backdrop{background:#1d263866}.ed-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ed-dialog-head strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px}.ed-tabs{display:flex;gap:4px;background:#f3f4f7;border-radius:10px;padding:4px;margin-bottom:14px;width:max-content}.ed-tabs button{border:0;background:transparent;border-radius:7px;padding:7px 18px;font-weight:800;font-size:12px;color:#6b7686}.ed-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001a}.ed-type-input{width:100%;font-size:14px;padding:11px 12px;border:1px solid #dfe4e9;border-radius:8px}.ed-type-preview{margin-top:10px;height:110px;border:1px dashed #ccd2dc;border-radius:10px;display:grid;place-items:center;font:italic 600 44px 'Segoe Script','Brush Script MT','Snell Roundhand',cursive;color:#1f2a4d;overflow:hidden;white-space:nowrap}.ed-link{border:0;background:none;color:var(--red);font-weight:800;font-size:11px;padding:0}.ed-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
@media(max-width:870px){.ios-band{grid-template-columns:1fr;text-align:center}.ios-copy p{margin-left:auto;margin-right:auto}.ios-phone{display:none}}
@media(max-width:620px){.ios-pill span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ios-pill{padding:8px}.hero-btn{font-size:13px;padding:8px 14px 8px 8px}.hero-btn .tool-icon{width:34px;height:34px}.ed-tool span{display:none}.ed-tool{padding:9px}.ed-bar{top:6px}.ed-pages{padding:14px 6px;margin:0 -8px}.ed-footer{flex-direction:column;align-items:stretch}.ed-footer .hint{display:none}.upload-zone.compact .choose{padding:8px 10px;font-size:12px}.upload-zone.slim .choose{margin:0}}
.ed-text-btn{border:1px solid #f1d2d6;background:#fff;color:var(--red);border-radius:8px;padding:7px 11px;font-size:12px;font-weight:800;margin-right:4px}.ed-text-btn:hover{background:#fff0f1}

/* ---------- Compact hero, big tool cards (iLovePDF-style layout) ---------- */
.hero{padding:34px 24px 4px;background:#fff}
.hero h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.3px;line-height:1.2;margin:0 auto 8px;max-width:none}
.hero>p{font-size:15px;line-height:1.5}
.tools-section{max-width:1560px;padding:0 max(3%,calc((100vw - 1560px)/2)) 80px}
.category-row{justify-content:center;margin:20px 0 26px}
.category-chip{padding:10px 18px;font-size:13px;border-radius:999px}
.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.tool-card{min-height:250px;padding:34px 30px 30px;border-radius:16px}
.tool-card .tool-icon{width:62px;height:62px;border-radius:15px;margin-bottom:24px}
.tool-card .tool-icon svg{width:34px;height:34px}
.tool-card strong{font-size:21px;letter-spacing:-.4px}
.tool-card p{font-size:14px;line-height:1.6;margin-top:10px;max-width:none}
.tool-arrow{right:26px;top:36px;font-size:20px}
@media(max-width:620px){.hero{padding:22px 16px 0}.hero h1{font-size:24px;letter-spacing:-.8px}.hero h1 span{display:block}.hero>p{font-size:13px}.tools-section{padding:0 4% 50px}.category-row{margin:16px 0 18px}.category-chip{padding:8px 12px;font-size:12px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{min-height:190px;padding:20px 16px}.tool-card .tool-icon{width:48px;height:48px;margin-bottom:16px}.tool-card .tool-icon svg{width:26px;height:26px}.tool-card strong{font-size:16px}.tool-card p{font-size:12px}.tool-arrow{display:none}}
.tone-teal{color:#1b9a8a;background:#e3f6f3}.tone-word{color:#2b5fb9;background:#e8f0fd}
.file-marker.docx{background:#e8f0fd;color:#2b5fb9}
.choice-group{flex-basis:100%}.choice{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid #e3e7ec;border-radius:10px;background:#fff;cursor:pointer;font-weight:500}.choice:has(input:checked){border-color:#f1b5bd;background:#fff6f7}.choice input{accent-color:var(--red);margin-top:3px}.choice span{display:flex;flex-direction:column;gap:3px}.choice strong{font-size:13px;color:var(--ink)}.choice small{font-size:12px}
.option .choice input[type=radio]{width:auto;padding:0;border:0;flex:none}
.choice-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.choice-group>span{grid-column:1/-1}
.tone-plum{color:#a24f86;background:#f8ebf4}
.numbers-options{gap:26px;align-items:flex-start}.numbers-options>.option{flex:0 0 auto}
.num-pos{position:relative;width:150px;height:200px;background:#fff;border:1px solid #dfe3e9;border-radius:8px;box-shadow:0 3px 12px #1d26380d;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;padding:6px}
.num-cell{display:flex;padding:4px;cursor:pointer}.num-cell.top-left,.num-cell.top-center,.num-cell.top-right{align-items:flex-start}.num-cell.bottom-left,.num-cell.bottom-center,.num-cell.bottom-right{align-items:flex-end}.num-cell.top-center,.num-cell.bottom-center{justify-content:center}.num-cell.top-right,.num-cell.bottom-right{justify-content:flex-end}
.num-cell i{width:22px;height:14px;border-radius:4px;border:1.5px dashed #cdd3dc;transition:.12s}.num-cell:hover i{border-color:var(--red)}.num-cell:has(input:checked) i{opacity:0}.num-cell:has(input:focus-visible) i{outline:2px solid #f5a4ae}
.num-sample{position:absolute;font:600 11px Helvetica,Arial,sans-serif;color:var(--red);pointer-events:none;white-space:nowrap}.num-sample.top-left{top:11px;left:12px}.num-sample.top-center{top:11px;left:50%;transform:translateX(-50%)}.num-sample.top-right{top:11px;right:12px}.num-sample.bottom-left{bottom:11px;left:12px}.num-sample.bottom-center{bottom:11px;left:50%;transform:translateX(-50%)}.num-sample.bottom-right{bottom:11px;right:12px}
.num-fields{flex:1 1 300px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.num-sample{background:#fff;padding:1px 3px;border-radius:3px;z-index:1}
.ed-upload{display:grid;place-items:center;min-height:170px;border:1px dashed #ccd2dc;border-radius:10px;cursor:pointer;padding:16px;text-align:center;background:#fff;transition:border-color .15s,background .15s}.ed-upload:hover,.ed-upload.dragover{border-color:var(--red);background:#fffafb}.ed-upload-empty{display:flex;flex-direction:column;align-items:center;gap:6px}.ed-upload-empty .upload-symbol{width:44px;height:44px;font-size:20px;margin:0 0 4px;border-radius:12px}.ed-upload-empty strong{font-size:14px}.ed-upload-empty small{font-size:11px;color:#8b94a1;max-width:340px;line-height:1.5}
.ed-upload img{max-width:100%;max-height:150px;background:repeating-conic-gradient(#f1f3f6 0 25%,#fff 0 50%) 0 0/16px 16px;border-radius:6px}
.ed-upload-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.ed-check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#4f5a6a;cursor:pointer}.ed-check input{accent-color:var(--red);width:15px;height:15px}
.ed-upload [hidden]{display:none}
.tone-coral{color:#e0673f;background:#fff0ea}.tone-slate{color:#47566e;background:#edf0f5}
.option.wide{flex-basis:100%}
.wm-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:22px;align-items:start;margin:20px 0 18px}.wm-layout .options{margin:0}
.wm-preview{position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#f2f3f6;border-radius:12px;padding:16px}.wm-preview canvas{max-width:100%;height:auto;max-height:380px;background:#fff;box-shadow:0 3px 14px #1d263822}.wm-preview-label{font-size:11px;color:#8b94a1}
.seg{display:inline-flex;gap:4px;background:#eef0f4;border-radius:10px;padding:4px;width:max-content}.seg-btn span{display:block;padding:7px 18px;border-radius:7px;font-size:12px;font-weight:800;color:#6b7686;cursor:pointer}.seg-btn input:checked+span{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001a}.seg-btn input:focus-visible+span{outline:2px solid #f5a4ae}
.wm-checks{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:42px}.wm-color{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#4f5a6a}.option .wm-color input[type=color]{width:38px;height:30px;padding:2px;border-radius:7px;cursor:pointer}
.wm-grid{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:5px;padding:7px;background:#fff;border:1px solid #dfe3e9;border-radius:9px;width:max-content}.wm-grid label{display:grid;place-items:center;cursor:pointer;border-radius:6px}.wm-grid label:hover{background:#fff0f1}.wm-grid i{width:12px;height:12px;border-radius:50%;border:2px solid #c8ced8}.wm-grid input:checked+i{background:var(--red);border-color:var(--red)}.wm-grid input:focus-visible+i{outline:2px solid #f5a4ae;outline-offset:2px}.wm-grid.disabled{opacity:.35;pointer-events:none}
.wm-pages{display:flex;align-items:center;gap:8px}.option .wm-pages input{width:80px}.wm-pages span{font-weight:600;color:#7d8796}
.wm-image-pick{display:flex;align-items:center;gap:14px;border:1px dashed #ccd2dc;border-radius:10px;padding:12px;background:#fff;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink)}.wm-image-pick:hover{border-color:var(--red)}.wm-image-pick img{width:64px;height:48px;object-fit:contain;background:repeating-conic-gradient(#f1f3f6 0 25%,#fff 0 50%) 0 0/12px 12px;border-radius:6px}.wm-image-pick .upload-symbol{width:42px;height:42px;font-size:19px;margin:0;border-radius:11px}.wm-image-pick>span:last-child{display:flex;flex-direction:column;gap:2px}.wm-image-pick small{font-weight:500}
@media(max-width:760px){.wm-layout{grid-template-columns:1fr}.wm-preview{position:static}}
.option input[type=checkbox]{width:auto!important;padding:0!important;flex:none}.option>.ed-check{margin-top:6px}
.file-row.drop-before{background:#fff4f5;box-shadow:inset 0 2px 0 var(--red)}.file-row.drop-after{background:#fff4f5;box-shadow:inset 0 -2px 0 var(--red)}
.store-row{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:870px){.store-row{justify-content:center}}
.store-button svg path[d^="M6 3.5"]{stroke-linejoin:round}

/* One shared left edge for the lower homepage sections */
:root{--edge:max(5.3%,calc((100vw - 1280px) / 2))} /* same edge as the header logo */
@media(max-width:1100px){:root{--edge:4%}}
.promise-band{padding-left:var(--edge);padding-right:var(--edge)}
.ios-band{max-width:none;padding:64px var(--edge) 10px}
.privacy-note{max-width:none;margin:48px var(--edge) 54px}
@media(max-width:870px){.promise-band{padding-left:var(--edge);padding-right:var(--edge)}.privacy-note{margin:35px var(--edge) 45px}}
@media(max-width:620px){.promise-band{padding:52px var(--edge)}}
@media(max-width:870px){.ios-band{text-align:left}.ios-copy p{margin-left:0}.store-row{justify-content:flex-start}}
.hero>p.hero-sub{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-size:18px;line-height:1.5;color:#3d4757;font-weight:500;max-width:none;margin-top:4px}.hero-sub strong{color:var(--ink);font-weight:700}.hero-sub i{font-style:normal;color:var(--red);font-weight:800}
@media(max-width:620px){.hero>p.hero-sub{font-size:15px;gap:4px 8px}}
@media(max-width:620px){.hero-sub i:nth-of-type(3){display:none}.hero-sub span{flex-basis:100%}}

/* Multi-page site: homepage cards are links, tool pages carry their own heading and help text */
.tool-card[hidden]{display:none}
a.tool-card{color:inherit;text-decoration:none}
.tool-hero{padding:34px 24px 6px;max-width:1200px;margin:0 auto}
.tool-hero .tool-breadcrumb{flex-wrap:wrap;gap:8px;margin:0 0 20px}
.tool-hero .tool-breadcrumb a{color:#7c8696;font-weight:600}.tool-hero .tool-breadcrumb a:hover{color:var(--red)}
.tool-hero .tool-breadcrumb [aria-current]{color:var(--ink);font-weight:700}
.tool-hero-title{display:flex;align-items:center;gap:16px}
.tool-hero-title .tool-icon{flex:none;width:56px;height:56px;border-radius:14px}.tool-hero-title .tool-icon svg{width:31px;height:31px}
.tool-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:38px;line-height:1.15;letter-spacing:-1.2px;margin:0}
.tool-lead{font-size:17px;line-height:1.6;color:#4a5466;max-width:760px;margin:14px 0 0}
.tool-lead a{color:var(--red);font-weight:700}
.tool-page .workspace-top{display:none}
.tool-workspace{padding-top:22px;padding-bottom:40px}
.noscript{margin:0;padding:30px;text-align:center;color:#4a5466}
.tool-info{max-width:1200px;margin:0 auto;padding:0 24px 70px;display:grid;gap:56px}
.tool-info h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;letter-spacing:-.7px;margin:0 0 20px}
.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.steps li{counter-increment:step;background:#fff;border:1px solid #e9ecf0;border-radius:14px;padding:22px 22px 20px}
.steps li::before{content:counter(step);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff0f2;color:var(--red);font-weight:800;font-size:14px;margin-bottom:14px}
.steps strong{font-size:16px;font-family:'Plus Jakarta Sans',sans-serif}
.steps p{margin:7px 0 0;font-size:14px;line-height:1.6;color:#5d6778}
.local-band{display:flex;gap:18px;align-items:flex-start;background:#f3fbf7;border:1px solid #d8f0e3;border-radius:16px;padding:26px 28px}
.local-band svg{flex:none;width:30px;height:30px;stroke:#2c9a6e;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.local-band h2{font-size:20px;margin:0 0 6px}.local-band p{margin:0;font-size:15px;line-height:1.65;color:#41505f}
.faq details{border-bottom:1px solid #e9ecf0}
.faq details:first-of-type{border-top:1px solid #e9ecf0}
.faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font-weight:700;font-size:16px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:4px;top:13px;font-size:24px;font-weight:400;color:#9aa3b0}
.faq details[open] summary::after{content:'–'}
.faq details p{margin:0 0 20px;font-size:15px;line-height:1.7;color:#4a5466;max-width:820px}
.related-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.related-grid .tool-card{min-height:200px;padding:26px 24px}
.see-all{margin:20px 0 0;font-weight:700}.see-all a{color:var(--red)}
.not-found .tool-grid{margin-top:34px}
/* Footer with tool links and the language menu */
.site-footer{border-top:1px solid #eff0f3;padding:34px var(--edge) 22px;margin-top:auto}
.footer-cols{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.footer-about{max-width:330px}.footer-about p{font-size:13px;color:#6f7988;line-height:1.6;margin:8px 0 18px}
.footer-tools strong{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#8b93a0;margin-bottom:12px}
.footer-tools ul{list-style:none;margin:0;padding:0;columns:4 170px;column-gap:28px}
.footer-tools li{break-inside:avoid;margin:0 0 9px}.footer-tools a{font-size:13px;color:#4a5466}.footer-tools a:hover{color:var(--red)}
.footer-bottom{margin-top:26px;padding-top:16px;border-top:1px solid #f2f3f6;color:#949ba7;font-size:11px}
.lang-menu{position:relative;display:inline-block}
.lang-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe3ea;border-radius:9px;padding:8px 13px;font-size:13px;font-weight:700;background:#fff}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-inline-start:4px}
.lang-menu svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.lang-menu ul{position:absolute;bottom:calc(100% + 8px);inset-inline-start:0;z-index:20;list-style:none;margin:0;padding:12px;background:#fff;border:1px solid #e6e9ef;border-radius:13px;box-shadow:0 18px 44px rgba(29,38,56,.16);display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:2px;width:max-content;max-width:calc(100vw - 32px)}
.lang-menu li a{display:block;padding:7px 10px;border-radius:7px;font-size:13px;color:#3d4757}
.lang-menu li a:hover{background:#fff0f2;color:var(--red)}
.lang-menu li a[aria-current]{font-weight:800;color:var(--ink)}
.lang-menu li a[aria-current]::before{content:'✓ '}
@media(max-width:620px){.tool-hero{padding:22px 16px 0}.tool-hero h1{font-size:26px;letter-spacing:-.6px}.tool-hero-title .tool-icon{width:46px;height:46px}.tool-hero-title .tool-icon svg{width:25px;height:25px}.tool-lead{font-size:15px}.tool-workspace{padding:16px 16px 30px}.tool-info{padding:0 16px 50px;gap:40px}.tool-info h2{font-size:21px}.local-band{padding:20px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid .tool-card{min-height:170px;padding:18px 15px}.lang-menu ul{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 32px)}.footer-tools ul{columns:2}}
/* Right-to-left languages */
[dir=rtl] .tool-card,[dir=rtl] .steps li{text-align:right}
[dir=rtl] .tool-arrow{right:auto;left:26px;transform:scaleX(-1)}
[dir=rtl] .tool-card:hover .tool-arrow{transform:scaleX(-1) translateX(3px)}
[dir=rtl] .faq summary{padding:18px 0 18px 34px}[dir=rtl] .faq summary::after{right:auto;left:4px}
/* Long language list: scroll inside the menu; on phones it becomes a sheet pinned to the bottom of the screen */
.lang-menu ul{max-height:min(560px,calc(100vh - 140px));overflow-y:auto;overscroll-behavior:contain}
@media(max-width:620px){.lang-menu[open] ul{position:fixed;left:16px;right:16px;bottom:16px;top:auto;inset-inline-start:16px;width:auto;max-width:none;max-height:70vh;z-index:40}}
/* Usability fixes: phone navigation, tap targets, long translations */
.header-nav a{white-space:nowrap}
.option input,.option select{font-weight:500}.option input::placeholder{font-weight:400;color:#a7abb4}
.ed-tabs{width:auto;max-width:100%}.ed-tabs button{flex:1 1 auto;padding:7px 12px}
@media(max-width:1180px){.header-nav{gap:16px}.header-nav a:nth-child(4){display:none}}
@media(max-width:870px){.ios-pill span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ios-pill{padding:8px;min-width:40px;min-height:40px;justify-content:center}}
@media(min-width:621px) and (max-width:870px){
  .brand,.header-end{flex:none}
  .header-nav{min-width:0;flex:0 1 auto;overflow-x:auto;scrollbar-width:none;margin:0 14px}
  .header-nav.clipped{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
  [dir=rtl] .header-nav.clipped{-webkit-mask-image:linear-gradient(270deg,#000 88%,transparent);mask-image:linear-gradient(270deg,#000 88%,transparent);padding-right:0;padding-left:24px}
  .header-nav::-webkit-scrollbar{display:none}
}
@media(max-width:620px){
  .header{height:auto;flex-wrap:wrap;padding:12px 4% 0;row-gap:4px}
  .header-nav{display:flex;order:3;width:100%;overflow-x:auto;gap:6px;padding:4px 0 10px;scrollbar-width:none}
  .header-nav::-webkit-scrollbar{display:none}
  .header-nav a,.header-nav a:nth-child(4){flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid #eceef2;border-radius:19px;background:#fafbfc;font-size:12px}
  .ios-pill{min-width:42px;min-height:42px}
  .category-chip{min-height:40px}
  .mini-button{min-width:40px;min-height:40px}
  .file-row{flex-wrap:wrap}.file-info{flex:1 1 100%}.file-actions{width:100%;justify-content:flex-end}.file-name{max-width:none}
  .ed-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ed-bar::-webkit-scrollbar{display:none}
  .ed-tools,.ed-props{flex-wrap:nowrap;flex:none}
  .ed-swatch{width:30px;height:30px}.ed-icon{min-width:40px;min-height:40px}.ed-size select{min-height:40px}
  .ed-tool{min-width:40px;min-height:40px;justify-content:center}
  .ed-link{padding:10px 4px}
  .footer-tools li{margin:0}.footer-tools a{display:block;padding:9px 0}
}