:root{--bg:#f7f9fd;--surface:#fff;--ink:#15213d;--muted:#596781;--line:#e4eaf4;--blue:#3257e8;--blue2:#604bef;--soft:#eef1ff;--green:#00846c;--shadow:0 15px 45px rgba(26,42,82,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9cafef;outline-offset:2px}.container{max-width:1120px;margin:auto;padding:0 20px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:100}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}.logo{font-size:23px;font-weight:900;letter-spacing:-1.2px;color:#1c2b53;white-space:nowrap}.logo span{color:var(--blue)}.links{display:flex;gap:24px;font-size:14px;font-weight:650}.links a{color:#44516c}.nav-cta{border:1px solid #d9e0fb;border-radius:10px;padding:9px 14px!important;color:var(--blue)!important}.hero{padding:76px 0 46px;text-align:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#475dcb}.hero h1{font-size:clamp(35px,5vw,59px);line-height:1.12;letter-spacing:-2px;max-width:850px;margin:14px auto 18px}.gradient-text{color:var(--blue)}.hero p{max-width:650px;margin:auto;color:var(--muted);font-size:18px}.pills{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}.pill{background:#eef2fa;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:750;color:#54617b}.section{padding:32px 0 62px}.section-title{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.8px;margin:0 0 8px}.section-intro{color:var(--muted);margin-top:0;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:18px;padding:27px;min-height:232px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);text-decoration:none;border-color:#adbaf1}.tool-card .emoji{font-size:30px;margin-bottom:14px}.tool-card h3{margin:0 0 6px;color:var(--ink);font-size:19px}.tool-card p{margin:0;color:var(--muted);font-size:14px;flex:1}.tool-card .arrow{margin-top:18px;font-size:13px;font-weight:800}.feature{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.feature>div{background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.feature strong{display:block}.feature p{margin:6px 0 0;font-size:14px;color:var(--muted)}.page-head{text-align:center;padding:52px 0 24px}.page-head h1{font-size:clamp(31px,4.5vw,48px);line-height:1.2;letter-spacing:-1.6px;margin:10px auto 12px}.page-head p{color:var(--muted);margin:0 auto;max-width:680px}.workspace{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:27px;margin:18px auto 40px;max-width:880px}.upload{display:block;cursor:pointer;text-align:center;border:2px dashed #b6c4ef;border-radius:17px;background:linear-gradient(135deg,#f8faff,#f1f5ff);padding:30px;margin-bottom:19px}.upload:hover,.upload.drag{border-color:var(--blue);background:var(--soft)}.upload .icon{font-size:35px;display:block}.upload b{display:block;margin-top:5px;font-size:17px}.upload span{color:var(--muted);font-size:13px}.hidden-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:800;color:#34435e}.field input,.field select{width:100%;border:1px solid #d3dced;border-radius:11px;padding:12px;background:#fff;color:var(--ink)}.field small{color:var(--muted);font-size:12px}.checkbox-row{display:flex;gap:9px;align-items:center;margin:15px 0;font-size:14px;font-weight:650}.checkbox-row input{width:17px;height:17px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:12px;background:linear-gradient(110deg,var(--blue),var(--blue2));color:white;font-weight:800;padding:12px 22px;cursor:pointer;min-height:46px;text-decoration:none}.button:hover{filter:brightness(1.08);text-decoration:none}.button[disabled]{opacity:.5;cursor:not-allowed}.button.secondary{background:#edf1ff;color:var(--blue)}.status{font-size:14px;color:#576580}.status.error{color:#b02e44}.result{display:none;grid-template-columns:180px 1fr;align-items:center;gap:22px;margin-top:22px;padding:18px;background:#f3faf8;border:1px solid #cbe8df;border-radius:15px}.result.show{display:grid}.preview{height:135px;max-width:100%;object-fit:contain;border-radius:9px;background:#e7edf1}.result h3{margin:0 0 5px}.result p{margin:0 0 13px;color:#456258;font-size:14px}.result .button{font-size:14px}.mini-note{font-size:13px;color:var(--muted);margin-top:14px}.article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px;max-width:880px;margin:0 auto 36px}.article h2{margin:22px 0 10px;font-size:25px;letter-spacing:-.5px}.article h3{margin:18px 0 7px}.article p,.article li{color:#40516c}.article ul,.article ol{padding-left:24px}.article a{font-weight:650}.notice{border-left:4px solid var(--blue);background:#f0f3ff;padding:13px 17px;border-radius:8px;margin:20px 0}.footer{background:#fff;border-top:1px solid var(--line);padding:35px 0;margin-top:30px}.foot{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:#6a7690;font-size:13px}.foot-links{display:flex;gap:17px}.muted{color:var(--muted)}.guide-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.guide-list a{padding:20px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:700}.guide-list a:hover{border-color:#adbaee;text-decoration:none}@media(max-width:720px){.nav{min-height:65px}.links{gap:12px;font-size:12px}.nav-cta{display:none}.hero{padding:52px 0 30px}.hero h1{letter-spacing:-1.2px}.cards,.feature,.guide-list{grid-template-columns:1fr}.tool-card{min-height:auto}.inputs{grid-template-columns:1fr}.workspace{padding:17px;border-radius:15px}.result.show{grid-template-columns:1fr}.preview{width:100%}.page-head{padding-top:32px}.article{padding:20px}.foot{flex-direction:column}}

/* FileFixer Pro v2 settings and transparent success/warning states */
[hidden]{display:none!important}
.fit-panel{border:1px solid #d9e2ff;background:#f8faff;border-radius:13px;padding:14px 16px;margin:12px 0 16px;display:flex;flex-direction:column;gap:7px}
.fit-panel label{font-size:13px;font-weight:800;color:#34435e}
.fit-panel select{width:100%;max-width:100%;padding:11px 12px;background:#fff;color:var(--ink);border:1px solid #cbd8f6;border-radius:10px}
.fit-panel small{color:#5d6880;font-size:12px}
.result-before-after{font-size:14px;font-weight:750;color:#146d5c!important}
.result.warning{background:#fff9f0;border-color:#ead8b1}
.result.warning .result-before-after{color:#92600d!important}
@media(max-width:720px){.fit-panel{padding:13px 10px}.fit-panel select{font-size:13px}}

/* JPG to PDF Converter */
.pdf-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}
.text-button{border:0;background:transparent;color:var(--blue);font-weight:750;cursor:pointer;padding:5px 9px}.text-button:disabled{color:#9aa6bc;cursor:not-allowed}
.pdf-file-list{list-style:none;max-height:370px;overflow-y:auto;margin:0;padding:0;display:grid;gap:9px}
.pdf-file-row{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:13px;background:#fcfdff;padding:10px}
.pdf-thumb{width:58px;height:58px;object-fit:contain;background:#edf2f8;border-radius:8px;flex-shrink:0}
.pdf-file-name{min-width:0;flex:1}.pdf-file-name strong{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-file-name small{display:block;color:var(--muted)}
.pdf-row-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}
.pdf-icon-btn{border:1px solid #d2def3;color:#3553a9;background:white;cursor:pointer;width:36px;height:36px;border-radius:9px;font-weight:800;font-size:18px;line-height:1}
.pdf-icon-btn:hover:not(:disabled){background:#edf3ff}.pdf-icon-btn:disabled{opacity:.32;cursor:not-allowed}
.pdf-result{grid-template-columns:58px 1fr}.pdf-success-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#d7f5ea;color:#087452;font-weight:900;font-size:26px}
@media(max-width:570px){.pdf-file-row{gap:8px;padding:8px}.pdf-thumb{width:45px;height:45px}.pdf-icon-btn{width:30px;height:32px}.pdf-result.show{grid-template-columns:1fr}}

/* Photo & Signature Maker */
.ps-tabs{display:flex;gap:10px;margin:0 0 20px}.ps-tab{border:1px solid #d3dced;border-radius:12px;padding:11px 19px;background:#f9fbff;color:#3b4d6b;font-weight:800;cursor:pointer}.ps-tab.active{background:#eaf0ff;color:#2649cb;border-color:#9cb0f7}
.ps-source{border:1px solid #e0e6f2;border-radius:13px;padding:13px;margin:0 0 19px;display:flex;align-items:center;gap:18px;background:#fbfcff}.ps-source img{width:110px;height:90px;object-fit:contain;border-radius:8px;background:#eef2f8}.ps-source p{color:#425372;font-size:14px;margin:0}
.ps-focus{padding:16px;margin:14px 0 9px;background:#f9fbff;border:1px solid #dce6fc;border-radius:12px}.ps-focus-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:700;color:#34435e}.ps-focus input[type=range]{width:100%;accent-color:var(--blue);margin:7px 0 14px;cursor:pointer}.ps-focus input[type=range]:last-child{margin-bottom:2px}
@media(max-width:600px){.ps-tabs{flex-direction:row}.ps-tab{flex:1;padding:10px}.ps-source{gap:9px}.ps-source img{width:75px;height:75px}}

/* Upload requirements fixer (V5) */
.uf-result{border:1px solid #cbe8df;background:#f3faf8;border-radius:16px;padding:20px;margin-top:23px}
.uf-result.uf-warning{background:#fff8ef;border-color:#efdab8}
.uf-result h3{margin:0 0 12px;font-size:20px}
.uf-result-top{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:19px}
.uf-result-top img{width:180px;max-width:100%;height:145px;object-fit:contain;background:#e9eef4;border-radius:10px}
.uf-result-top p{font-size:14px;color:#42566e;margin:0 0 10px}
.uf-checks{display:grid;gap:9px;margin-top:19px}
.uf-check{font-size:14px;border-radius:10px;padding:10px 12px;font-weight:750}
.uf-pass{border:1px solid #b7e3d3;background:#e9f8f1;color:#087451}
.uf-fail{border:1px solid #ebbd9b;background:#fff0e3;color:#9b4315}
@media(max-width:620px){.uf-result-top{grid-template-columns:1fr}.uf-result-top img{width:100%;height:170px}}