.mail-imzasi-tool{max-width:900px;margin:28px auto;padding:28px;border:1px solid #cdddeb;border-radius:18px;background:#f7fbff;box-shadow:0 10px 30px rgba(15,53,90,.09);color:#19324d}.mail-imzasi-tool *{box-sizing:border-box}.mail-imzasi-badge{display:inline-block;padding:5px 10px;border-radius:99px;background:#dcefff;color:#095a95;font-size:12px;font-weight:700}.mail-imzasi-intro h3{margin:8px 0;color:#123d69;font-size:26px}.mail-imzasi-intro p{margin:0 0 22px;color:#52657b;line-height:1.6}.mail-imzasi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mail-imzasi-wide{grid-column:1/-1}.mail-imzasi-form label{display:block;font-size:14px;font-weight:700;color:#20405e}.mail-imzasi-form label span{color:#c32f39}.mail-imzasi-form input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #b9cddd;border-radius:8px;background:#fff;color:#172c42;font:inherit;font-weight:400}.mail-imzasi-form input[type=file]{padding:10px}.mail-imzasi-form input:focus{outline:2px solid #1479bc;outline-offset:1px}.mail-imzasi-form small{display:block;margin-top:5px;color:#607383;font-size:12px;font-weight:400;line-height:1.5}.mail-imzasi-button{display:inline-block;margin-top:20px;padding:12px 20px;border:0;border-radius:8px;background:#0878c9;color:#fff!important;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.mail-imzasi-button:hover{background:#075f9e;color:#fff!important}.mail-imzasi-status{min-height:24px;margin:17px 0 0;color:#315678}.mail-imzasi-result[hidden]{display:none}.mail-imzasi-result{display:grid;gap:18px;margin-top:18px}.mail-imzasi-output{padding:20px;border:1px solid #cdddeb;border-radius:12px;background:#fff}.mail-imzasi-output h4{margin:0 0 15px;color:#123d69}.mail-imzasi-preview{overflow-x:auto;padding:20px;border:1px dashed #bacbd9;border-radius:8px;background:#fff}.mail-imzasi-output canvas{display:block;width:100%;height:auto;max-width:100%;border:1px solid #d5e0e8}.mail-imzasi-output p{margin:12px 0 0;color:#5a6d7c;font-size:14px;line-height:1.5}.mail-imzasi-guide{max-width:900px;margin:32px auto;line-height:1.75}.mail-imzasi-guide h3{margin:27px 0 8px;color:#123d69}.mail-imzasi-guide ol,.mail-imzasi-guide ul{padding-left:24px}.mail-imzasi-guide li{margin-bottom:7px}.blog-detail-page .article-content .article-cover{max-width:300px;margin:0 auto 24px}.blog-detail-page .article-content .article-cover img[src$="mail-imzasi.svg"]{aspect-ratio:1/1;object-fit:contain}@media(max-width:640px){.mail-imzasi-tool{padding:19px}.mail-imzasi-grid{grid-template-columns:1fr}.mail-imzasi-intro h3{font-size:22px}.mail-imzasi-button{width:100%;text-align:center}.mail-imzasi-output{padding:14px}}