.utility-main{padding-top:35px;padding-bottom:50px;max-width:1000px}.utility-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1px;line-height:1.2;margin:14px 0}.utility-heading>p{color:#65758c}.utility-heading .privacy-pills span{border-color:#d7e3ee;color:#476a83;background:#edf4fb}.utility-heading{margin-bottom:28px}.utility-box{background:#fff;border:1px solid #dbe5f0;border-radius:20px;padding:28px;box-shadow:0 12px 35px #12315a08}.utility-box label{display:block;font-size:14px;font-weight:600;color:#425772;margin:14px 0 8px}.utility-box textarea{box-sizing:border-box;display:block;width:100%;min-height:170px;padding:16px;border:1px solid #d4dfed;border-radius:10px;resize:vertical;font:16px/1.6 ui-monospace,monospace;color:#172e52;background:#f8faff}.utility-box input[type=number],.utility-box select{padding:10px;border:1px solid #cfdbec;border-radius:7px;font-size:16px;max-width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.utility-box .tool-btn{display:inline-block;margin-top:12px;text-decoration:none;text-align:center}.utility-privacy{font-size:13px!important;color:#718399}.utility-box #utility-status{color:#236c83;font-size:14px;min-height:22px}.utility-box>p{font-size:14px;color:#65748b}.upload-zone{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;border:2px dashed #b5cce9;border-radius:14px;background:#f3f8ff;text-align:center}.upload-zone span{font-weight:400;color:#788ca5;font-size:13px}.upload-zone input{max-width:100%}.image-options{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:18px}.image-options input[type=number]{box-sizing:border-box;display:block;width:100%;margin-top:8px}.image-options input[type=range]{width:70%;accent-color:#2563eb}.image-options input[type=checkbox]{accent-color:#2563eb}.image-options select{margin-left:8px}.image-previews{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.image-previews figure{margin:0;background:#f6f9fd;border:1px solid #e0e8f2;border-radius:10px;padding:12px;min-height:100px;overflow:hidden}.image-previews img{width:100%;height:180px;object-fit:contain}.image-previews figcaption{font-size:12px;line-height:1.6;color:#62738c;margin-top:10px;overflow-wrap:anywhere}.qr-preview{text-align:center;padding:24px}.qr-preview canvas{max-width:100%;height:auto;background:#fff}.count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.count-grid>div{background:#f0f5fd;border-radius:10px;padding:18px;text-align:center}.count-grid strong{display:block;font-size:27px;color:#225bc1}.count-grid span{font-size:12px;color:#6b7e98}.utility-guide{max-width:800px;margin:36px auto}.utility-guide h2{font-size:24px;margin-top:30px}.utility-guide p{color:#65748b}.utility-guide details{border-bottom:1px solid #dbe4ee;padding:18px 0}.utility-guide summary{font-weight:600;cursor:pointer}.more-tools{margin:36px 0}.more-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.more-tools-grid h3{font-size:20px;margin:15px 0}.more-tools-grid p{font-size:14px;line-height:1.6;color:#6a7a91}.more-tools-grid strong{color:#2761c7;font-size:13px;margin-top:16px}.more-tools-grid .tool-icon{margin-bottom:5px}.more-tools-grid .hub-card{padding:24px}.more-tools-grid .hub-card p{min-height:65px}@media(max-width:650px){.more-tools-grid{grid-template-columns:1fr 1fr}.utility-box{padding:18px}.image-options,.image-previews{grid-template-columns:1fr}.count-grid{grid-template-columns:1fr 1fr}.more-tools-grid h3{font-size:17px}.more-tools-grid .hub-card{padding:17px}.more-tools-grid p{font-size:13px}.utility-main{padding-top:22px}.upload-zone{padding:20px}.utility-box textarea{font-size:16px}}@media(max-width:360px){.more-tools-grid{grid-template-columns:1fr}}
.utility-box [hidden]{display:none!important}