*{box-sizing:border-box}body{margin:0;background:#f7f9f5;color:#17324c;font:16px/1.55 Arial,sans-serif;border-top:5px solid #ee9238}a{color:#174d76}header{padding:18px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:4px solid #27834b}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:bold;letter-spacing:1px}.brand img{object-fit:contain}.brand b{color:#24824c}.brand small{display:block;font-size:10px;letter-spacing:2px}nav{display:flex;gap:22px}nav a{font-size:12px;font-weight:bold;text-decoration:none}main{max-width:1280px;margin:auto;padding:42px 24px}h1{font-size:clamp(28px,4vw,44px);line-height:1.2;margin:10px 0 18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#277a4c;font-weight:bold}.intro p{color:#637280}.stats{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.stats span{padding:12px 20px;background:#fff;border:1px solid #dde6dc;border-radius:10px;font-size:13px}.stats b{font-size:23px;margin-right:5px}.directory-search{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:30px}label{display:block}label>span{display:block;font-size:13px;font-weight:bold;margin-bottom:6px}input,select,button{font:inherit}input,select{padding:11px 12px;border:1px solid #c6d2cd;border-radius:7px;width:100%;background:#fff;color:#18314a}button{cursor:pointer;padding:10px 15px;border:1px solid #c4d1ca;border-radius:7px;background:#fff;color:#17324c}button:disabled{opacity:.55;cursor:wait}.directory-note{font-size:13px;color:#64716b;max-width:1000px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid #dbe4dc;background:#fff;border-radius:12px;padding:21px;min-height:175px;transition:transform .15s,box-shadow .15s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 26px #183a4512}.tool-card small{font-size:10px;letter-spacing:1px;color:#6a8270}.tool-card h2{font-size:17px;line-height:1.4;margin:13px 0 18px}.tool-card .location{font-size:12px;font-weight:bold;color:#24744a;margin-top:auto}.tool-card.external .location{color:#9b6128}.back{display:block;margin-bottom:20px}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:26px;margin-top:28px}.preview-side,.settings{padding:24px;background:#fff;border:1px solid #dbe4dc;border-radius:14px}.upload-area{border:2px dashed #a8c4b0;border-radius:10px;padding:24px;text-align:center;cursor:pointer}.upload-area span{font-size:20px}.upload-area small{display:block;color:#6b7b71;font-size:12px;margin:12px 0}.upload-area input{font-size:13px}.preview-wrap{margin-top:15px;background:repeating-conic-gradient(#f0f1ee 0% 25%,#fff 0% 50%) 50% / 20px 20px;border:1px solid #e0e5df}.preview-wrap canvas{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}.settings label{margin:0 0 16px}.settings label small{display:block;font-size:12px;color:#718075}.settings .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{background:#173d63;border-color:#173d63;color:white;width:100%;font-weight:bold;margin-top:10px;padding:14px}.error{color:#b02929}.settings p{font-size:13px}.result-link{display:block;padding:12px;background:#e9f4eb;border:1px solid #bed5c3;border-radius:7px;margin:8px 0;text-decoration:none;overflow-wrap:anywhere}#signature-pad{width:100%;height:auto;border:1px solid #a1b7ad;touch-action:none;background:#fff}#color-result{font-weight:bold}footer{background:#fff;border-top:1px solid #dce4dd;padding:28px max(5vw,20px);font-size:13px}footer p{margin:5px 0 10px}[hidden]{display:none!important}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){header{padding:12px 16px;align-items:flex-start}nav{gap:9px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:10px}.brand{font-size:12px}.brand img{width:38px;height:38px}main{padding:26px 16px}.directory-search{grid-template-columns:1fr 1fr}.directory-search label:first-child{grid-column:1/-1}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:16px;min-height:165px}.tool-card h2{font-size:15px}.workspace{grid-template-columns:1fr}.preview-side,.settings{padding:16px}.stats{gap:8px}.stats span{padding:8px 12px}}