header{display:flex;align-items:center;justify-content:space-between;padding:24px 22px;border-bottom:1px solid #dce5de}main{padding:28px 22px 55px}.back-link{font-size:13px;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#617570;font-weight:700}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.tool-card{text-align:left;background:white;border:1px solid #dce5de;border-radius:18px;padding:18px 14px;min-height:135px}.tool-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf2ee;color:#136b52;font-size:20px;font-weight:750;margin-bottom:12px}.tool-card strong{display:block;font-size:14px}.tool-card small{display:block;color:#617570;font-size:11px;margin-top:6px;line-height:1.5}.pick-area{display:flex;flex-direction:column;gap:10px;border:1px dashed #83bfa6;border-radius:18px;background:#f4f9f5;padding:22px 15px;margin:20px 0}.pick-area span{font-size:11px;color:#617570}input[type=file]{max-width:100%;font-size:12px}#fileList{list-style:none;padding:0}#fileList li{display:flex;align-items:center;gap:5px;border-bottom:1px solid #dce5de;padding:7px 0;font-size:12px}#fileList span{flex:1;overflow-wrap:anywhere;min-width:0}#fileList button{min-width:35px;padding:4px}#options label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}#options input:not([type=checkbox]),#options select{width:100%;padding:13px;border:1px solid #ccd9d1;border-radius:10px;background:white;color:#183333}#options small{display:block;color:#617570;line-height:1.5;margin-top:7px}#signature{touch-action:none;border:1px dashed #83bfa6;background:white;border-radius:12px;width:100%;height:160px}#result{margin-top:25px;border-top:1px solid #dce5de;padding-top:24px}#preview canvas,#preview img{display:block;max-width:100%;height:auto;margin:12px auto;box-shadow:0 2px 12px #18333315}#progress,#saveStatus{font-size:12px;color:#136b52;margin:15px 0}#run{margin-top:16px}h1{margin-top:12px}#preview{max-height:500px;overflow:auto}.secondary{margin-top:10px}.tool-card:hover{background:#f4f9f5}button:disabled{cursor:default}.hint{font-size:12px}.app-shell{min-height:100dvh}#workspace{padding-bottom:20px}

header .brand{display:flex;align-items:center;gap:10px;color:#183333;text-decoration:none;font:750 23px Segoe UI,Arial,sans-serif;letter-spacing:-.5px}header .brand img{width:42px;height:42px;object-fit:contain}header .back-link{padding:10px 15px;border:1px solid #ccdad5;border-radius:10px;background:white;color:#136b52;font-weight:600}@media(max-width:430px){header{padding:18px 16px;gap:10px}header .brand{font-size:20px}header .brand img{width:36px;height:36px}}

body{background:#f5f8f7;font-family:Segoe UI,Arial,sans-serif}.app-shell{max-width:1120px;width:100%;margin:auto;background:transparent;border:0;box-shadow:none}header{padding:20px 32px;background:#fff;border-bottom:1px solid #e0e9e5}main{padding:36px 32px 48px}.tools-intro{text-align:center;padding:4px 0 24px}.free-label{display:inline-block;background:#e4f3eb;color:#176d50;padding:7px 11px;border-radius:6px;font-size:10px;font-weight:750;letter-spacing:1px}.tools-intro h1{font-size:32px;letter-spacing:-1px;margin:14px 0 10px}.tools-intro .subtle{font-size:14px;margin:0;color:#697e75}.tool-search{max-width:540px;margin:0 auto 22px}.tool-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tool-search input{width:100%;padding:15px 18px;border:1px solid #d6e3dc;border-radius:12px;background:white;font:14px Segoe UI,Arial,sans-serif;color:#183333;box-shadow:0 3px 10px #173a2705}#toolFilters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:32px}#toolFilters button{padding:10px 16px;min-height:40px;border-radius:8px;background:#fff;border:1px solid #e0e8e3;color:#526c60;font-size:12px}#toolFilters button[aria-pressed=true]{background:#136b52;color:white;border-color:#136b52}.catalog-caption{display:flex;justify-content:space-between;align-items:center;font-size:14px}.catalog-caption span{font-size:12px;color:#7c8f85}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.tool-card{position:relative;border-radius:12px;min-height:162px;padding:18px;background:white;transition:border-color .15s,box-shadow .15s}.tool-card:hover{background:white;border-color:#47987d;box-shadow:0 6px 18px #2349340c}.tool-symbol{width:40px;height:40px;margin-bottom:15px;border-radius:10px;background:#e7f3ec}.tool-symbol svg{width:23px;height:23px}.tool-symbol.convert{color:#366bb0;background:#edf3fc}.tool-symbol.scan{color:#a17131;background:#faf2e5}.tool-card strong{font-size:14px;margin-right:8px}.tool-card small{font-size:12px;line-height:1.5;margin-top:7px}.card-arrow{position:absolute;right:15px;top:18px;color:#97aca0;font-size:17px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #83bfa6;outline-offset:3px}#workspace{max-width:660px;margin:auto;background:#fff;border:1px solid #e0e8e3;border-radius:18px;padding:24px}#workspace h1{font-size:27px}#workspace .subtle{font-size:14px;line-height:1.6}.pick-area{padding:30px 20px;text-align:center;border-radius:12px}.pick-area input{margin:auto}.hint{background:transparent;border-top:1px solid #e0e8e3;border-radius:0;padding:18px 0;color:#7a8c82;font-size:11px}@media(max-width:850px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){header{padding:16px 20px}header .brand{font-size:20px}header .brand img{width:34px;height:34px}main{padding:26px 18px}.tools-intro h1{font-size:26px}.tools-intro .subtle{font-size:13px;line-height:1.6}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{min-height:158px;padding:15px}.tool-card strong{font-size:13px}.tool-card small{font-size:11px}#toolFilters{gap:6px;margin-bottom:26px}#toolFilters button{padding:9px 11px;font-size:11px}#workspace{padding:18px}header .back-link{font-size:12px}.tools-intro{padding-top:0}}

#fileList .file-caption{min-width:0;flex:1;overflow-wrap:anywhere}#fileList .file-caption small{display:block;margin-top:5px;color:#657a70;font-size:12px}#fileList .file-actions{display:flex;gap:5px}#fileList.merge-files li{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #dce8e1;border-radius:12px;background:#f8fbf9;margin-bottom:10px;cursor:grab}#fileList .pdf-thumb{width:68px;height:88px;flex-shrink:0;display:grid;place-items:center;background:#e5eee8;border-radius:5px}#fileList .pdf-thumb img{max-width:100%;max-height:88px;object-fit:contain}#fileList li.dragging{opacity:.45}.merge-help{font-size:13px;color:#526c5f;line-height:1.6}@media(max-width:480px){#fileList.merge-files li{flex-wrap:wrap}#fileList .file-actions{margin-left:auto}#fileList .file-caption{font-size:13px}}