{"id":11188,"date":"2026-08-25T13:45:38","date_gmt":"2026-08-25T12:45:38","guid":{"rendered":"https:\/\/devcmuksite.campaignmaster.co.uk\/?page_id=11188"},"modified":"2026-10-15T10:18:49","modified_gmt":"2026-10-15T09:18:49","slug":"campaignmaster-tools-2","status":"publish","type":"page","link":"https:\/\/campaignmaster.co.uk\/index.php\/campaignmaster-tools-2\/","title":{"rendered":"Campaignmaster Tools"},"content":{"rendered":"\n<h3 class=\"wp-block-heading has-custom-css wp-custom-css-f1c7f7b6\">Free tools to make your day a little easier<\/h3>\n\n\n\n<p class=\"has-custom-css wp-custom-css-95390db0 wp-block-paragraph\">Explore our collection of free online tools designed to help with everyday email marketing and digital tasks. From creating campaign assets and generating content to checking technical details and tackling everyday tasks, our tools are quick, simple and free for anyone to use. <\/p>\n\n\n\n<p class=\"has-custom-css wp-custom-css-68dacb1e wp-block-paragraph\">No sign-up required &#8211; simply choose a tool and get started.<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n.cmuk-tools-hub {\n    --cmuk-primary: #3389ca;\n    --cmuk-primary-dark: #1d4ed8;\n    --cmuk-primary-light: #F5FAFD;\n    --cmuk-text: #172033;\n    --cmuk-muted: #64748b;\n    --cmuk-border: #E5E5E5;\n    --cmuk-card: #ffffff;\n\n     width: calc(100% - 40px);\n    max-width: 1160px;\n    margin-left: auto;\n    margin-right: auto;\n    box-sizing: border-box;\n\n    padding-inline: clamp(0px, calc(650px - 100vw), 20px);\n}\n\n.cmuk-tools-header {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.cmuk-tools-header h2 {\n    margin: 0 0 10px;\n    color: var(--cmuk-text);\n    font-size: 36px;\n    line-height: 1.2;\n}\n\n.cmuk-tools-header p {\n    max-width: 700px;\n    margin: 0 auto;\n    color: var(--cmuk-muted);\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n.cmuk-tools-search {\n    max-width: 650px;\n    margin: 0 0px 25px;\n    position: relative;\n}\n\n.cmuk-tools-search input {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 15px 48px;\n    border: 1px solid var(--cmuk-border);\n    border-radius: 14px;\n    background: #fff;\n    color: var(--cmuk-text);\n    font-size: 15px;\n    outline: none;\n    box-shadow: 0 4px 15px rgba(15,23,42,.05);\n}\n\n.cmuk-tools-search input:focus {\n    border-color: #3389CA;\n    box-shadow: 0 6px 16px rgba(15,23,42,.08);\n}\n\n.cmuk-tools-search input {\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.cmuk-search-icon {\n    position: absolute;\n    left: 17px;\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.cmuk-search-icon svg {\n    width: 17px;\n    height: 17px;\n    fill: none;\n    stroke: #94a3b8;\n    stroke-width: 1.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.2s ease;\n}\n\n.cmuk-tools-search:focus-within .cmuk-search-icon svg {\n    stroke: #3389CA;\n}\n\n.cmuk-search-clear {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 32px;\n    height: 32px;\n    border: 0;\n    border-radius: 50%;\n    background: #f1f5f9;\n    color: #64748b;\n    cursor: pointer;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n}\n\n.cmuk-category-filters {\n    display: flex;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 30px;\n}\n\n.cmuk-category-button {\n    border: 1px solid var(--cmuk-border);\n    background: #fff;\n    color: #475569;\n    padding: 9px 16px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 400;\n    cursor: pointer;\n}\n\n.cmuk-category-button:hover {\n    border-color: #bfdbfe;\n    color: var(--cmuk-primary);\n}\n\n.cmuk-category-button.active {\n    background: var(--cmuk-primary);\n    border-color: var(--cmuk-primary);\n    color: #fff;\n}\n\n.cmuk-tools-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n}\n\n.cmuk-tool-tile {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    width: 100%;\n    min-height: 145px;\n    padding: 22px;\n    box-sizing: border-box;\n    background: var(--cmuk-card);\n    border: 1px solid var(--cmuk-border);\n    border-radius: 4px;\n    cursor: pointer;\n    text-align: left;\n    box-shadow: 0 3px 12px rgba(15,23,42,.045);\n    transition: .22s ease;\n}\n\n.cmuk-tool-tile:hover {\n    transform: translateY(-3px);\n    border-color: #bfdbfe;\n    box-shadow: 0 6px 16px rgba(15,23,42,.08);\n}\n\n.cmuk-tool-tile.active {\n    border-color: #3389CA;\n    box-shadow: none;\n}\n\n.cmuk-tool-tile.hidden {\n    display: none;\n}\n\n.cmuk-tool-icon {\n    flex: 0 0 54px;\n    width: 54px;\n    height: 54px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 14px;\n    background: var(--cmuk-primary-light);\n    font-size: 26px;\n}\n\n.cmuk-tool-icon svg,\n.cmuk-panel-title-icon svg {\n    fill: none;\n    stroke: #3389CA;\n    stroke-width: 1.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.cmuk-tool-icon svg {\n    width: 28px;\n    height: 28px;\n}\n\n.cmuk-panel-title-icon svg {\n    width: 24px;\n    height: 24px;\n}\n\n\/* Category filter icons *\/\n\n.cmuk-category-button svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: #3389CA;\n    stroke-width: 1.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    vertical-align: middle;\n    margin-right: 6px;\n}\n\n.cmuk-category-button:hover svg {\n    stroke: #3389CA;\n}\n\n.cmuk-category-button.active svg {\n    stroke: #ffffff;\n}\n\n.cmuk-tool-content {\n    flex: 1;\n    min-width: 0;\n    padding-right: 12px;\n}\n\n.cmuk-tool-content h3 {\n    margin: 2px 0 7px;\n    color: var(--cmuk-text);\n    font-size: 18px;\n    line-height: 1.3;\n}\n\n.cmuk-tool-content p {\n    margin: 0;\n    color: var(--cmuk-muted);\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n.cmuk-tool-category {\n    display: inline-block;\n    margin-top: 10px;\n    padding: 4px 8px;\n    border-radius: 999px;\n    background: #F5FAFD;\n    color: #64748b;\n    font-size: 11px;\n}\n\n.cmuk-tool-arrow {\n    position: absolute;\n    right: 17px;\n    bottom: 17px;\n    color: #94a3b8;\n    font-size: 19px;\n}\n\n.cmuk-tool-panel {\n    display: none;\n    margin-top: 30px;\n    background: #fff;\n    border: 1px solid var(--cmuk-border);\n    border-radius: 2px;\n    padding: 30px;\n    box-shadow: 0 6px 18px rgba(15,23,42,.05);\n}\n\n.cmuk-tool-panel.active {\n    display: block;\n}\n\n\/* Remove inner card styling from opened tools *\/\n.cmuk-tool-panel .cmuk-tool-card {\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n\/* Hide duplicate title inside each tool *\/\n.cmuk-tool-panel .cmuk-tool-title {\n    display: none !important;\n}\n\n\/* Tool intro description *\/\n.cmuk-tool-panel .cmuk-tool-description {\n    font-size: 14px !important;\n}\n\n.cmuk-tool-panel .cmuk-tool-outer {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n}\n\n.cmuk-tool-panel .cmuk-tool-header {\n    border-bottom: none !important;\n}\n\n\/* Primary buttons inside tools *\/\n.cmuk-tool-panel .cmuk-submit {\n    background: #3389CA !important;\n    color: #ffffff !important;\n    border: 1px solid #3389CA !important;\n    border-radius: 4px !important;\n    padding: 11px 22px !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    line-height: 1.4 !important;\n    box-shadow: none !important;\n    cursor: pointer;\n}\n\n.cmuk-tool-panel .cmuk-submit:hover {\n    background: #2B78B4 !important;\n    border-color: #2B78B4 !important;\n    color: #ffffff !important;\n    box-shadow: none !important;\n}\n\n.cmuk-panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-bottom: 25px;\n    padding-bottom: 25px;\n    border-bottom: 1px solid var(--cmuk-border);\n}\n\n.cmuk-panel-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.cmuk-panel-title-icon {\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 11px;\n    background: var(--cmuk-primary-light);\n    font-size: 21px;\n}\n\n.cmuk-panel-title h3 {\n    margin: 0;\n    color: var(--cmuk-text);\n    font-size: 23px;\n}\n\n.cmuk-close-tool {\n       width: 38px;\n    height: 38px;\n    border: 0;\n    border-radius: 50%;\n    background: #f1f5f9;\n    color: #475569;\n    font-size: 23px;\n    cursor: pointer;\n\n    margin-left: auto !important;\n    margin-right: -35px !important;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    line-height: 1 !important;\n    padding: 0 !important;\n}\n\n.cmuk-close-tool span {\n    transform: translateY(1px);\n    display: block;\n}\n\n.cmuk-close-tool:hover {\n    background: #fee2e2;\n    color: #dc2626;\n}\n\n.cmuk-no-results {\n    display: none;\n    text-align: center;\n    padding: 45px 20px;\n    color: var(--cmuk-muted);\n}\n\n@media (max-width: 1000px) {\n    .cmuk-tools-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 650px) {\n    .cmuk-tools-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .cmuk-tools-header h2 {\n        font-size: 29px;\n    }\n\n    .cmuk-tool-panel {\n        padding: 20px 15px;\n    }\n}\n\n\/* All tools \u2013 desktop error message spacing *\/\n.cmuk-tool-panel .cmuk-result.is-error {\n    margin-top: 25px !important;\n    margin-bottom: 0 !important;\n}\n\n\/* All tools \u2013 mobile spacing and alignment for expanded sections *\/\n@media (max-width: 650px) {\n\n    \/* Consistent padding inside opened panels *\/\n    .cmuk-tool-panel {\n        padding-top: 30px !important;\n        padding-left: 30px !important;\n        padding-right: 30px !important;\n        padding-bottom: 0 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Left align tool content *\/\n    .cmuk-tool-panel .cmuk-tool-description,\n    .cmuk-tool-panel .cmuk-label {\n        text-align: left !important;\n    }\n\n    \/* Left align panel title *\/\n    .cmuk-panel-header,\n    .cmuk-panel-header .cmuk-panel-title {\n        text-align: left !important;\n    }\n\n    \/* Error message spacing *\/\n    .cmuk-tool-panel .cmuk-result.is-error {\n        margin-top: 5px !important;\n        margin-bottom: 30px !important;\n    }\n\n    \/* Left align error message text *\/\n    .cmuk-tool-panel .cmuk-result.is-error .cmuk-result-inner {\n        text-align: left !important;\n    }\n}\n\n\n\n\/* =====================================================\n   SPAM CHECKER\n===================================================== *\/\n\n\/* Spam Checker \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"spam-checker\"] .cmuk-tool-spam-checker {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Spam Checker \u2013 remove textarea focus styling *\/\n.cmuk-tool-panel[data-panel=\"spam-checker\"] textarea:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Spam Checker \u2013 field heading *\/\n.cmuk-tool-panel[data-panel=\"spam-checker\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* Spam Checker \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"spam-checker\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* Spam Checker \u2013 pasted content colour *\/\n.cmuk-tool-panel[data-panel=\"spam-checker\"] textarea {\n    color: #17252A !important;\n}\n\n\n\n\/* =====================================================\n   PRICING CALCULATOR\n===================================================== *\/\n\n\/* Pricing Calculator \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-tool-pricing-calculator {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Pricing Calculator \u2013 field headings *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* Pricing Calculator \u2013 spacing between fields *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-fields {\n    gap: 30px !important;\n}\n\n\/* Pricing Calculator \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-submit-row {\n    margin-top: -30px !important;\n}\n\n\/* Pricing Calculator \u2013 remove field focus styling *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] input:focus,\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] select:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Pricing Calculator \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\nmargin-top: 15px!important;\n}\n\n\/* Pricing Calculator \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Pricing Calculator \u2013 space above result *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-result {\n    margin-top: 20px !important;\n\n}\n\n\/* Pricing Calculator \u2013 result note *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-result-inner > p {\n    color: #64748B !important;\n    margin-top: 16px !important;\n}\n\n\/* Pricing Calculator \u2013 stat values *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-stat-value {\n    color: #3389CA !important;\n    font-weight: 400 !important;\n}\n\n\/* Pricing Calculator \u2013 stat captions *\/\n.cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-stat-label {\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* Pricing Calculator \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n    }\n\n    \/* Annual billing note *\/\n    .cmuk-tool-panel[data-panel=\"pricing-calculator\"] .cmuk-result-inner > p {\n        margin-top: 8px !important;\n        padding-top: 0 !important;\n        text-align: left !important;\n    }\n}\n\n\n\n\/* =====================================================\n   URL SHORTENER\n===================================================== *\/\n\n\/* URL Shortener \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-tool-url-shortener {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* URL Shortener \u2013 field heading *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* URL Shortener \u2013 reduce space above button *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-submit-row {\n    margin-top: -5px !important;\n}\n\n\/* URL Shortener \u2013 remove field focus styling *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] input:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* URL Shortener \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\nmargin-top: 10px!important;\n}\n\n\/* URL Shortener \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* URL Shortener \u2013 remove blue outline around shortened URL box *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result-inner input,\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result-inner input:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* URL Shortener \u2013 wrap original long URL *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result-inner p {\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    word-break: break-word !important;\n}\n\n\/* URL Shortener \u2013 remove outer short-link box *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-url-display {\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    padding: 0 !important;\n    margin-top: 10px !important;\nmargin-bottom: 15px !important;\n    gap: 8px !important;\n}\n\n\/* URL Shortener \u2013 copy icon button *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-copy-btn {\n    width: 36px !important;\n    height: 36px !important;\n    padding: 0 !important;\n    border: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    font-size: 0 !important;\n    cursor: pointer;\n\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Draw copy icon *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-copy-btn::before {\n    content: \"\";\n    width: 19px;\n    height: 19px;\n    display: block;\n    background-color: #64748B;\n\n    -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n\n    mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\ntransform: translateY(4px);\n}\n\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-copy-btn:hover::before {\n    background-color: #3389CA;\n}\n\n\/* URL Shortener \u2013 shortened URL font *\/\n.cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-copy-source {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* URL Shortener \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n    }\n\n    \/* Left align original URL text *\/\n    .cmuk-tool-panel[data-panel=\"url-shortener\"] .cmuk-result-inner p {\n        text-align: left !important;\n    }\n}\n\n\n\/* =====================================================\n   HTML MINIFIER\n===================================================== *\/\n\n\/* HTML Minifier \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-tool-html-minify {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* HTML Minifier \u2013 field heading *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* HTML Minifier \u2013 control space above button *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* HTML Minifier \u2013 remove textarea focus styling *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] textarea:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* HTML Minifier \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\nmargin-top: 10px!important;\n}\n\n\/* HTML Minifier \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* HTML Minifier \u2013 stat values *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-stat-value {\n    color: #3389CA !important;\n    font-weight: 600 !important;\n}\n\n\/* HTML Minifier \u2013 stat captions *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-stat-label {\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* HTML Minifier \u2013 output font *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] textarea.cmuk-copy-source {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-copy-btn {\n    width: 24px !important;\n    height: 24px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    font-size: 0 !important;\n    cursor: pointer;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* HTML Minifier \u2013 draw copy icon *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-copy-btn::before {\n    content: \"\";\n    width: 19px;\n    height: 19px;\n    display: block;\n    background-color: #64748B;\n\n    -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n\n    mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n}\n\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-copy-btn:hover::before {\n    background-color: #3389CA;\n}\n\n\n\/* HTML Minifier \u2013 Output title *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-result-inner > div:nth-of-type(3) > span {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n.cmuk-tool-panel[data-panel=\"html-minify\"] textarea.cmuk-copy-source {\n    margin-top: 10px !important;\n}\n\n\/* HTML Minifier \u2013 copy icon beside Output *\/\n.cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-result-inner > div:nth-of-type(3) {\n    justify-content: flex-start !important;\n    gap: 6px !important;\n    align-items: center !important;\nmargin-top: 20px !important;\n}\n\n\/* HTML Minifier \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n    }\n\n    \/* Left align result text *\/\n    .cmuk-tool-panel[data-panel=\"html-minify\"] .cmuk-result-inner {\n        text-align: left !important;\n    }\n}\n\n\/* =====================================================\n   CSS MINIFIER\n===================================================== *\/\n\n\/* CSS Minifier \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-tool-css-minify {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* CSS Minifier \u2013 field heading *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* CSS Minifier \u2013 control space above button *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* CSS Minifier \u2013 remove textarea focus styling *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] textarea:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* CSS Minifier \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\n    margin-top: 10px !important;\n}\n\n\/* CSS Minifier \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* CSS Minifier \u2013 stat values *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-stat-value {\n    color: #3389CA !important;\n    font-weight: 600 !important;\n}\n\n\/* CSS Minifier \u2013 stat captions *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-stat-label {\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* CSS Minifier \u2013 output font *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] textarea.cmuk-copy-source {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* CSS Minifier \u2013 copy icon button *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-copy-btn {\n    width: 24px !important;\n    height: 24px !important;\n    padding: 0 !important;\n    border: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    font-size: 0 !important;\n    cursor: pointer;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    margin: 0 !important;\n}\n\n\/* CSS Minifier \u2013 draw copy icon *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-copy-btn::before {\n    content: \"\";\n    width: 19px;\n    height: 19px;\n    display: block;\n    background-color: #64748B;\n\n    -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n\n    mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n}\n\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-copy-btn:hover::before {\n    background-color: #3389CA;\n}\n\n\/* CSS Minifier \u2013 Output heading + copy icon row *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-result-inner > div:nth-of-type(3) {\n    justify-content: flex-start !important;\n    gap: 6px !important;\n    align-items: center !important;\n    margin-top: 20px !important;\n}\n\n\/* CSS Minifier \u2013 Output title *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-result-inner > div:nth-of-type(3) > span {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* CSS Minifier \u2013 space between Output title and textarea *\/\n.cmuk-tool-panel[data-panel=\"css-minify\"] textarea.cmuk-copy-source {\n    margin-top: 10px !important;\n}\n\n\/* CSS Minifier \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"css-minify\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n        text-align: left !important;\n    }\n}\n\n\/* =====================================================\n   HTML VALIDATOR\n===================================================== *\/\n\n\/* HTML Validator \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-tool-html-validator {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* HTML Validator \u2013 field heading *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* HTML Validator \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* HTML Validator \u2013 remove textarea focus styling *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] textarea:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* HTML Validator \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\n    margin-top: 10px !important;\n}\n\n\/* HTML Validator \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* HTML Validator \u2013 stat values *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-stat-value {\n    color: #3389CA !important;\n    font-weight: 400 !important;\n}\n\n\/* HTML Validator \u2013 stat captions *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-stat-label {\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* HTML Validator \u2013 spacing around stat boxes *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-stat-grid {\n    margin-top: 20px !important;\n    margin-bottom: 20px !important;\n}\n\n\/* HTML Validator \u2013 align validation list with stat boxes *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list {\n    margin-left: 0 !important;\n    padding-left: 0 !important;\n}\n\n\n\/* HTML Validator \u2013 make error\/warning list continuous *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list {\n    gap: 0 !important;\n}\n\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list li {\n      margin: 0 !important;\n    padding-top: 12px !important;\n    padding-bottom: 12px !important;\n    border-bottom: 1px solid #E5E5E5 !important;\nalign-items: center !important;\n}\n\n\/* HTML Validator \u2013 remove gap between error and warning lists *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] \n.cmuk-check-list + .cmuk-check-list {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n\/* HTML Validator \u2013 remove all spacing between validation lists *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\n\/* HTML Validator \u2013 reduce space under final result *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"]\n.cmuk-check-list:last-of-type li:last-child {\n    border-bottom: none !important;\n    padding-bottom: 0 !important;\n}\n\n\/* HTML Validator \u2013 error\/warning badges typography *\/\n.cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-badge-pill {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    letter-spacing: 0 !important;\n}\n\n\/* HTML Validator \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n        text-align: left !important;\n    }\n\n    \/* Left align error \/ warning badges *\/\n    .cmuk-tool-panel[data-panel=\"html-validator\"]\n    .cmuk-result-inner > div:has(.cmuk-badge-pill) {\n        justify-content: flex-start !important;\n        text-align: left !important;\n    }\n\n    \/* Keep validation rows inside result box *\/\n    .cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list,\n    .cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list li {\n        width: 100% !important;\n        max-width: 100% !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Allow long URLs \/ validation messages to wrap *\/\n    .cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list li,\n    .cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list li * {\n        min-width: 0 !important;\n        overflow-wrap: anywhere !important;\n        word-break: break-word !important;\n    }\n\n    \/* Left align validation messages *\/\n    .cmuk-tool-panel[data-panel=\"html-validator\"] .cmuk-check-list li {\n        text-align: left !important;\n    }\n}\n\n\/* =====================================================\n   CSS VALIDATOR\n===================================================== *\/\n\n\/* CSS Validator \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-tool-css-validator {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* CSS Validator \u2013 field heading *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* CSS Validator \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* CSS Validator \u2013 remove textarea focus styling *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] textarea:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* CSS Validator \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\n    margin-top: 10px !important;\n}\n\n\/* CSS Validator \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* CSS Validator \u2013 stat values *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-stat-value {\n    color: #3389CA !important;\n    font-weight: 400 !important;\n}\n\n\/* CSS Validator \u2013 stat captions *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-stat-label {\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* CSS Validator \u2013 spacing around stat boxes *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-stat-grid {\n    margin-top: 18px !important;\n    margin-bottom: 22px !important;\n}\n\n\/* CSS Validator \u2013 align validation lists *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-check-list {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    margin-left: 0 !important;\n    padding-left: 0 !important;\n    gap: 0 !important;\n}\n\n\/* CSS Validator \u2013 validation result rows *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-check-list li {\n    margin: 0 !important;\n    padding-left: 0 !important;\n    padding-top: 12px !important;\n    padding-bottom: 12px !important;\n    border-bottom: 1px solid #E5E5E5 !important;\n    align-items: center !important;\n}\n\n\/* CSS Validator \u2013 remove gap between error\/warning lists *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"]\n.cmuk-check-list + .cmuk-check-list {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n\/* CSS Validator \u2013 remove line under final result *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"]\n.cmuk-check-list:last-of-type li:last-child {\n    border-bottom: none !important;\n    padding-bottom: 4px !important;\n}\n\n\/* CSS Validator \u2013 error\/warning badge typography *\/\n.cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-badge-pill {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    letter-spacing: 0 !important;\n}\n\n\/* CSS Validator \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n        text-align: left !important;\n    }\n\n    \/* Left align error \/ warning badges *\/\n    .cmuk-tool-panel[data-panel=\"css-validator\"]\n    .cmuk-result-inner > div:has(.cmuk-badge-pill) {\n        justify-content: flex-start !important;\n        text-align: left !important;\n    }\n\n    \/* Keep validation rows inside result box *\/\n    .cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-check-list,\n    .cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-check-list li {\n        width: 100% !important;\n        max-width: 100% !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Allow long validation messages to wrap *\/\n    .cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-check-list li,\n    .cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-check-list li * {\n        min-width: 0 !important;\n        overflow-wrap: anywhere !important;\n        word-break: break-word !important;\n    }\n\n    \/* Left align validation messages *\/\n    .cmuk-tool-panel[data-panel=\"css-validator\"] .cmuk-check-list li {\n        text-align: left !important;\n    }\n}\n\n\/* =====================================================\n   THUMBNAIL CREATOR\n===================================================== *\/\n\n\/* Thumbnail Creator \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-tool-thumbnail-creator {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Thumbnail Creator \u2013 labels *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Thumbnail Creator \u2013 fields container *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-fields {\n    width: 100% !important;\n}\n\n\/* Thumbnail Creator \u2013 inputs *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] input {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    color: #17252A !important;\n}\n\n\/* Thumbnail Creator \u2013 remove focus styling *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] input:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Thumbnail Creator \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-submit-row {\n    margin-top: -30px !important;\n}\n\n\/* Thumbnail Creator \u2013 remove outer border around file upload *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] input[type=\"file\"] {\n    border: none !important;\n    padding: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n}\n\n\/* Thumbnail Creator \u2013 Choose file button *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"]\ninput[type=\"file\"]::file-selector-button {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #3389CA !important;\n\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-radius: 2px !important;\n\n    padding: 9px 14px !important;\n    margin-right: 12px !important;\n\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n\/* Thumbnail Creator \u2013 Choose file hover *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"]\ninput[type=\"file\"]::file-selector-button:hover {\n    background: #EEF7FC !important;\n    border-color: #3389CA !important;\n}\n\n\/* Thumbnail Creator \u2013 space below file upload *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] \n.cmuk-field-top {\n    margin-bottom: 20px !important;\n}\n\n\/* Thumbnail Creator \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Left align title \/ description \/ labels *\/\n    .cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-tool-title,\n    .cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-tool-description,\n    .cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-label {\n        text-align: left !important;\n    }\n\n   \/* Thumbnail Creator \u2013 consistent mobile field spacing *\/\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-fields {\n    gap: 10px !important;\n}\n\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-field {\n    margin-bottom: 20px !important;\n}\n\n.cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-field-top {\n    margin-bottom: 20px !important;\n}\n\n    \/* Button spacing *\/\n    .cmuk-tool-panel[data-panel=\"thumbnail-creator\"] .cmuk-submit-row {\n        margin-top: -30px !important;\n    }\n}\n\n\/* =====================================================\n   IMAGE COMPRESSOR\n===================================================== *\/\n\n\/* Image Compressor \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"] .cmuk-tool-image-compressor {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Image Compressor \u2013 labels *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Image Compressor \u2013 inputs *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"] input {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    color: #17252A !important;\n}\n\n\/* Image Compressor \u2013 remove focus styling *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"] input:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Image Compressor \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"] .cmuk-submit-row {\n    margin-top: 0 !important;\n}\n\n\/* Image Compressor \u2013 remove outer border around file upload *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"] input[type=\"file\"] {\n    border: none !important;\n    padding: 0 !important;\n    margin-left: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n}\n\n\/* Image Compressor \u2013 Choose file button *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"]\ninput[type=\"file\"]::file-selector-button {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #3389CA !important;\n\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-radius: 2px !important;\n\n    padding: 9px 14px !important;\n    margin-right: 12px !important;\n\n    cursor: pointer;\n}\n\n\/* Image Compressor \u2013 Choose file hover *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"]\ninput[type=\"file\"]::file-selector-button:hover {\n    background: #EEF7FC !important;\n    border-color: #3389CA !important;\n}\n\n\/* Image Compressor \u2013 space below upload field *\/\n.cmuk-tool-panel[data-panel=\"image-compressor\"] .cmuk-field-top:first-child {\n    margin-bottom: 20px !important;\n}\n\n\/* =====================================================\n   ACCESSIBILITY CHECKER\n===================================================== *\/\n\n\/* Accessibility Checker \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] .cmuk-tool-accessibility-checker {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Accessibility Checker \u2013 labels *\/\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Accessibility Checker \u2013 inputs \/ textarea *\/\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] input,\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] textarea,\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] select {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    color: #17252A !important;\n}\n\n\/* Accessibility Checker \u2013 remove focus styling *\/\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] input:focus,\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] textarea:focus,\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] select:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Accessibility Checker \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"accessibility-checker\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* =====================================================\n   CONTENT TRANSLATOR\n===================================================== *\/\n\n\/* Content Translator \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-tool-content-translator {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Content Translator \u2013 labels *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Content Translator \u2013 fields full width *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-fields,\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-field {\n    width: 100% !important;\n}\n\n\/* Content Translator \u2013 textarea + select *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] textarea,\n.cmuk-tool-panel[data-panel=\"content-translator\"] select {\n    width: 100% !important;\n    max-width: none !important;\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* Content Translator \u2013 remove focus styling *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] textarea:focus,\n.cmuk-tool-panel[data-panel=\"content-translator\"] select:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Content Translator \u2013 control spacing above button *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-submit-row {\n    margin-top: 5px !important;\n}\n\n\/* Content Translator \u2013 space before language selector *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-field + .cmuk-field {\n    margin-top: 20px !important;\n}\n\n\/* Content Translator \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\n    margin-top: 10px !important;\n}\n\n\/* Content Translator \u2013 main result heading *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Content Translator \u2013 output font *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] textarea.cmuk-copy-source {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* Content Translator \u2013 remove output focus styling *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] textarea.cmuk-copy-source:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Content Translator \u2013 language label *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] \n.cmuk-result-inner > div span:not(.cmuk-result-label) {\n   \n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Content Translator \u2013 Copy icon *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-copy-btn {\n    width: 24px !important;\n    height: 24px !important;\n    padding: 0 !important;\n    margin: 0 !important;\n\n    border: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n\n    font-size: 0 !important;\n    cursor: pointer;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-copy-btn::before {\n    content: \"\";\n    width: 19px;\n    height: 19px;\n    display: block;\n    background-color: #64748B;\n\n    -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n\n    mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n}\n\n.cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-copy-btn:hover::before {\n    background-color: #3389CA;\n}\n\n\n\n\/* Content Translator \u2013 language + copy icon alignment *\/\n.cmuk-tool-panel[data-panel=\"content-translator\"] \n.cmuk-result-inner > div:has(.cmuk-copy-btn) {\n    justify-content: flex-start !important;\n    align-items: center !important;\n    gap: 6px !important;\n}\n\n\/* Content Translator \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"content-translator\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n    }\n}\n\n\/* =====================================================\n   EMAIL MINIFIER\n===================================================== *\/\n\n\/* Email Minifier \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-tool-email-minify {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Email Minifier \u2013 field heading *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n}\n\n\/* Email Minifier \u2013 control space above button *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* Email Minifier \u2013 remove textarea focus styling *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] textarea:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Email Minifier \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\n    margin-top: 10px !important;\n}\n\n\/* Email Minifier \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Email Minifier \u2013 stat values *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-stat-value {\n    color: #3389CA !important;\n    font-weight: 600 !important;\n}\n\n\/* Email Minifier \u2013 stat captions *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-stat-label {\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* Email Minifier \u2013 output font *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] textarea.cmuk-copy-source {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n    margin-top: 10px !important;\n}\n\n\/* Email Minifier \u2013 copy icon *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-copy-btn {\n    width: 24px !important;\n    height: 24px !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    font-size: 0 !important;\n    cursor: pointer;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n}\n\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-copy-btn::before {\n    content: \"\";\n    width: 19px;\n    height: 19px;\n    display: block;\n    background-color: #64748B;\n\n    -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n\n    mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='11' height='11' rx='1.7'\/%3E%3Cpath d='M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'\/%3E%3C\/svg%3E\") center \/ contain no-repeat;\n}\n\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-copy-btn:hover::before {\n    background-color: #3389CA;\n}\n\n\/* Email Minifier \u2013 Output heading + copy icon row *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-result-inner > div:nth-of-type(3) {\n    justify-content: flex-start !important;\n    gap: 6px !important;\n    align-items: center !important;\n    margin-top: 20px !important;\n}\n\n\/* Email Minifier \u2013 Output title *\/\n.cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-result-inner > div:nth-of-type(3) > span {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Email Minifier \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    \/* Remove additional space above result box *\/\n    .cmuk-tool-panel[data-panel=\"email-minify\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n    }\n}\n\n\/* =====================================================\n   BLACKLIST CHECKER\n===================================================== *\/\n\n\/* Blacklist Checker \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-tool-blacklist-checker {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Blacklist Checker \u2013 label *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Blacklist Checker \u2013 input *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] input {\n    width: 100% !important;\n    max-width: none !important;\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* Blacklist Checker \u2013 remove focus styling *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] input:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Blacklist Checker \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* Blacklist Checker \u2013 result container *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\n    margin-top: 10px !important;\n}\n\n\/* Blacklist Checker \u2013 result heading *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-result-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Blacklist Checker \u2013 stat values *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-stat-value {\n    color: #3389CA !important;\n    font-weight: 400 !important;\n}\n\n\/* Blacklist Checker \u2013 stat captions *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-stat-label {\n    color: #64748B !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* Clean \/ Listed status badge typography *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-badge-pill {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Result list \u2013 align with stat boxes *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-check-list {\n    margin-left: 0 !important;\n    padding-left: 0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    gap: 0 !important;\n}\n\n\/* Individual blacklist rows *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-check-list li {\n    margin: 0 !important;\n    padding-top: 12px !important;\n    padding-bottom: 12px !important;\n    padding-left: 0 !important;\n\n    border-bottom: 1px solid #E5E5E5 !important;\n\n    display: flex !important;\n    align-items: center !important;\n}\n\n\/* Remove divider from final row *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"]\n.cmuk-check-list li:last-child {\n    border-bottom: none !important;\n    padding-bottom: 4px !important;\n}\n\n\/* Blacklist Checker \u2013 spacing around stat boxes *\/\n.cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-stat-grid {\n    margin-top: 20px !important;\n    margin-bottom: 20px !important;\n}\n\n\/* Blacklist Checker \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    \/* Remove additional space above result box *\/\n    .cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n        text-align: left !important;\n    }\n\n    \/* Left align Clean \/ Listed badge *\/\n    .cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-result-inner > .cmuk-badge-pill {\n        display: flex !important;\n        width: fit-content !important;\n        margin-left: 0 !important;\n        margin-right: auto !important;\n    }\n\n    \/* Keep stat boxes within the result area *\/\n    .cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-stat-grid > * {\n        min-width: 0 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Prevent long IP addresses overflowing *\/\n    .cmuk-tool-panel[data-panel=\"blacklist-checker\"] .cmuk-stat-value {\n        max-width: 100% !important;\n        overflow-wrap: anywhere !important;\n        word-break: break-word !important;\n    }\n}\n\n\/* =====================================================\n   HEADER ANALYSER\n===================================================== *\/\n\n\/* Header Analyser \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-tool-header-analyser {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Header Analyser \u2013 labels *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Header Analyser \u2013 fields *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] input,\n.cmuk-tool-panel[data-panel=\"header-analyser\"] textarea,\n.cmuk-tool-panel[data-panel=\"header-analyser\"] select {\n    width: 100% !important;\n    max-width: none !important;\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* Header Analyser \u2013 remove focus styling *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] input:focus,\n.cmuk-tool-panel[data-panel=\"header-analyser\"] textarea:focus,\n.cmuk-tool-panel[data-panel=\"header-analyser\"] select:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Header Analyser \u2013 button spacing *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* Main result container *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-result-inner {\n    background: #F5FAFD !important;\n    border: 1px solid #E5E5E5 !important;\n    border-left: 3px solid #3389CA !important;\n    border-radius: 2px !important;\n    box-shadow: none !important;\n    margin-top: 10px !important;\n}\n\n\/* Main result heading *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-result-label {\n    font-family: inherit !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n\/* SPF \/ DKIM \/ DMARC status badges *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-badge-pill {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    letter-spacing: 0 !important;\n    text-transform: none !important;\n}\n\n\/* Space around authentication badges *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-result-header {\n    margin-bottom: 16px !important;\n}\n\n\n\/* Header Analyser \u2013 remove Email Details icon *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-email-details img.emoji {\n    display: none !important;\n}\n\n\/* Header Analyser \u2013 Email Details section heading *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-email-details {\n    background: transparent !important;\n    color: #17252A !important;\n    font-family: inherit !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    padding: 0 !important;\n    margin: 0 0 12px 0 !important;\n}\n\n\/* Header Analyser \u2013 separate Email Details heading from table *\/\n\n\/* Remove card styling from the outer Email Details wrapper *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-result-inner > div:has(> .cmuk-ha-email-details) {\n    background: transparent !important;\n    border: none !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    overflow: visible !important;\n}\n\n\/* Turn only the rows underneath into the white table *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-result-inner > div:has(> .cmuk-ha-email-details) > div:nth-child(2) {\n    background: #ffffff !important;\n    border: 1px solid #E5E5E5 !important;\n    border-radius: 2px !important;\n    overflow: hidden !important;\n}\n\n\n\/* Header Analyser \u2013 Email Details table labels *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-result-inner > div:has(> .cmuk-ha-email-details)\n> div:nth-child(2) > div > div:first-child {\n    color: #17252A !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    font-family: inherit !important;\n}\n\n\/* Header Analyser \u2013 Email Details table values *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-result-inner > div:has(> .cmuk-ha-email-details)\n> div:nth-child(2) > div > div:last-child {\n    color: #64748B !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    font-family: inherit !important;\n}\n\n\/* Header Analyser \u2013 Delivery Route heading *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-result-inner > div:has(> .cmuk-ha-hops-line-div) > div:first-child {\n    font-family: inherit !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n}\n\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-result-inner > div:has(> .cmuk-ha-hops-line-div) > div:first-child img.emoji {\n    display: none !important;\n}\n\n\/* Header Analyser \u2013 Full Headers Status heading *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion > summary {\n    font-family: inherit !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    padding: 0 !important;\n}\n\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion > summary img.emoji {\n    display: none !important;\n}\n\n\/* Header Analyser \u2013 Delivery Route white box only *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-hops-dot-div + div {\n    border-radius: 2px !important;\n}\n\n\/* Header Analyser \u2013 Full Headers Status table typography *\/\n\n\/* Table headings *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion table th {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Header key column *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion table td:nth-child(2) {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Value \/ Content column *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion table td:nth-child(3) {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #64748B !important;\n}\n\n\/* Status pills *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion table td:first-child span {\n    font-family: inherit !important;\n    font-size: 13px !important;\n    font-weight: 400 !important;\n    letter-spacing: 0 !important;\n}\n\n\/* Consistent row spacing *\/\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion table th,\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion table td {\n    padding-top: 12px !important;\n    padding-bottom: 12px !important;\n    vertical-align: middle !important;\n}\n\n.cmuk-tool-panel[data-panel=\"header-analyser\"]\n.cmuk-ha-details-accordion table {\n    border-radius: 2px !important;\n}\n\n\/* Header Analyser \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Reduce space between button and results *\/\n    .cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"header-analyser\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n    }\n\n    \/* Left align Email Details heading *\/\n    .cmuk-tool-panel[data-panel=\"header-analyser\"]\n    .cmuk-ha-email-details {\n        text-align: left !important;\n    }\n\n    \/* Left align Email Details table *\/\n    .cmuk-tool-panel[data-panel=\"header-analyser\"]\n    .cmuk-result-inner > div:has(> .cmuk-ha-email-details)\n    > div:nth-child(2),\n    \n    .cmuk-tool-panel[data-panel=\"header-analyser\"]\n    .cmuk-result-inner > div:has(> .cmuk-ha-email-details)\n    > div:nth-child(2) > div,\n\n    .cmuk-tool-panel[data-panel=\"header-analyser\"]\n    .cmuk-result-inner > div:has(> .cmuk-ha-email-details)\n    > div:nth-child(2) > div > div {\n        text-align: left !important;\n    }\n\n    \/* Left align Delivery Route heading *\/\n    .cmuk-tool-panel[data-panel=\"header-analyser\"]\n    .cmuk-result-inner > div:has(> .cmuk-ha-hops-line-div) > div:first-child {\n        text-align: left !important;\n    }\n\n    \/* Left align Delivery Route boxes\/content *\/\n    .cmuk-tool-panel[data-panel=\"header-analyser\"]\n    .cmuk-result-inner > div:has(> .cmuk-ha-hops-line-div),\n    \n    .cmuk-tool-panel[data-panel=\"header-analyser\"]\n    .cmuk-result-inner > div:has(> .cmuk-ha-hops-line-div) * {\n        text-align: left !important;\n    }\n}\n\n\/* =====================================================\n   AI SUBJECT LINE GENERATOR\n===================================================== *\/\n\n\/* AI Subject Line Generator \u2013 full width *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-tool {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-tool-form,\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-fields,\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-field {\n    width: 100% !important;\n    max-width: none !important;\n}\n\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] textarea,\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] select {\n    width: 100% !important;\n    max-width: none !important;\n    box-sizing: border-box !important;\n}\n\n\/* Labels *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-label {\n    font-family: inherit !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Textarea + selects *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] textarea,\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] select {\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* Placeholder *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] textarea::placeholder {\n    color: #94A3B8 !important;\n    opacity: 1 !important;\n}\n\n\/* Remove focus outline \/ glow *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] textarea:focus,\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] select:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Control space above Generate Subject Lines *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-submit-row {\n    margin-top: -20px !important;\n}\n\n\/* AI Subject Line Generator \u2013 emoji checkbox row *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"]\nlabel:has(input[type=\"checkbox\"]) {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 7px !important;\n\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    line-height: 1.2 !important;\n    color: #17252A !important;\n}\n\n\/* Checkbox *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"]\ninput[type=\"checkbox\"] {\n    width: 14px !important;\n    height: 14px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n\n    position: relative !important;\n    top: -1px !important;\n\n    outline: none !important;\n    box-shadow: none !important;\n}\n\n\/* Remove focus \/ hover shadow *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"]\ninput[type=\"checkbox\"]:focus,\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"]\ninput[type=\"checkbox\"]:focus-visible,\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"]\ninput[type=\"checkbox\"]:hover {\n    outline: none !important;\n    box-shadow: none !important;\n}\n\n\n\/* AI Subject Line Generator \u2013 consistent spacing between fields *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-fields {\n    gap: 20px !important;\n}\n\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"] .cmuk-field {\n    margin-bottom: 0 !important;\n}\n\n\/* Slightly tighten spacing after Campaign Brief *\/\n.cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"]\n.cmuk-field:first-child {\n    margin-bottom: -10px !important;\n}\n\n\/* AI Subject Line Generator \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    \/* Left align emoji checkbox *\/\n    .cmuk-tool-panel[data-panel=\"ai-subject-line-generator\"]\n    label:has(input[type=\"checkbox\"]) {\n        display: flex !important;\n        width: fit-content !important;\n        margin-left: 0 !important;\n        margin-right: auto !important;\n        justify-content: flex-start !important;\n        text-align: left !important;\n    }\n}\n\n\/* =====================================================\n   AI IMAGE GENERATOR\n===================================================== *\/\n\n\/* Full width *\/\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-tool {\n    max-width: none !important;\n    width: 100% !important;\n}\n\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-tool-form,\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-fields,\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-field {\n    width: 100% !important;\n    max-width: none !important;\n}\n\n\/* Labels *\/\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-label {\n    font-family: inherit !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #17252A !important;\n}\n\n\/* Textarea + select *\/\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] textarea,\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] select {\n    width: 100% !important;\n    max-width: none !important;\n    box-sizing: border-box !important;\n\n    font-family: inherit !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    color: #17252A !important;\n}\n\n\/* Placeholder *\/\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] textarea::placeholder {\n    color: #94A3B8 !important;\n    opacity: 1 !important;\n}\n\n\/* Remove focus outline \/ shadow *\/\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] textarea:focus,\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] select:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border-color: #E5E5E5 !important;\n}\n\n\/* Consistent spacing between fields *\/\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-fields {\n    gap: 20px !important;\n}\n\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-field {\n    margin-bottom: 0 !important;\n}\n\n\/* Tighter spacing above button *\/\n.cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-submit-row {\n    margin-top: -10px !important;\n}\n\n\/* AI Image Generator \u2013 mobile *\/\n@media (max-width: 650px) {\n\n    .cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-result {\n        margin-top: 5px !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cmuk-tool-panel[data-panel=\"ai-image-generator\"] .cmuk-result-inner {\n        margin-top: 0 !important;\n        text-align: left !important;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    function initCMUKTools() {\n\n        const hub =\n            document.querySelector(\n                '.cmuk-tools-hub'\n            );\n\n        if (!hub) {\n            return;\n        }\n\n\n        const tiles =\n            hub.querySelectorAll(\n                '.cmuk-tool-tile'\n            );\n\n\n        const panels =\n            hub.querySelectorAll(\n                '.cmuk-tool-panel'\n            );\n\n\n        const searchInput =\n            hub.querySelector(\n                '.cmuk-tool-search-input'\n            );\n\n\n        const clearSearch =\n            hub.querySelector(\n                '.cmuk-search-clear'\n            );\n\n\n        const categoryButtons =\n            hub.querySelectorAll(\n                '.cmuk-category-button'\n            );\n\n\n        const noResults =\n            hub.querySelector(\n                '.cmuk-no-results'\n            );\n\n\n        let activeCategory = 'all';\n\n\n        \/*\n         * Close all open tools.\n         *\/\n\n        function closeAllTools() {\n\n            panels.forEach(function (panel) {\n\n                panel.classList.remove(\n                    'active'\n                );\n\n            });\n\n\n            tiles.forEach(function (tile) {\n\n                tile.classList.remove(\n                    'active'\n                );\n\n                tile.setAttribute(\n                    'aria-expanded',\n                    'false'\n                );\n\n            });\n\n        }\n\n\n        \/*\n         * Open a specific tool.\n         *\/\n\n        function openTool(\n            toolName,\n            shouldScroll\n        ) {\n\n            closeAllTools();\n\n\n            const selectedPanel =\n                hub.querySelector(\n                    '.cmuk-tool-panel[data-panel=\"' +\n                    toolName +\n                    '\"]'\n                );\n\n\n            const selectedTile =\n                hub.querySelector(\n                    '.cmuk-tool-tile[data-tool=\"' +\n                    toolName +\n                    '\"]'\n                );\n\n\n            if (!selectedPanel) {\n                return;\n            }\n\n\n            selectedPanel.classList.add(\n                'active'\n            );\n\n\n            if (selectedTile) {\n\n                selectedTile.classList.add(\n                    'active'\n                );\n\n                selectedTile.setAttribute(\n                    'aria-expanded',\n                    'true'\n                );\n\n            }\n\n\n            \/*\n             * Update URL hash.\n             *\/\n\n            if (\n                window.history &&\n                window.history.replaceState\n            ) {\n\n                window.history.replaceState(\n                    null,\n                    '',\n                    '#' + toolName\n                );\n\n            }\n\n\n            \/*\n             * Scroll to the tool.\n             *\/\n\n            if (shouldScroll) {\n\n                setTimeout(\n                    function () {\n\n                        selectedPanel.scrollIntoView({\n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n\n                    },\n                    80\n                );\n\n            }\n\n        }\n\n\n        \/*\n         * Tile clicks.\n         *\/\n\n        tiles.forEach(function (tile) {\n\n            tile.addEventListener(\n                'click',\n                function () {\n\n                    const toolName =\n                        tile.getAttribute(\n                            'data-tool'\n                        );\n\n\n                    const panel =\n                        hub.querySelector(\n                            '.cmuk-tool-panel[data-panel=\"' +\n                            toolName +\n                            '\"]'\n                        );\n\n\n                    if (\n                        panel &&\n                        panel.classList.contains(\n                            'active'\n                        )\n                    ) {\n\n                        closeAllTools();\n\n                        return;\n\n                    }\n\n\n                    openTool(\n                        toolName,\n                        true\n                    );\n\n                }\n            );\n\n        });\n\n\n        \/*\n         * Close buttons.\n         *\/\n\n        hub.querySelectorAll(\n            '.cmuk-close-tool'\n        ).forEach(function (button) {\n\n            button.addEventListener(\n                'click',\n                function () {\n\n                    closeAllTools();\n\n\n                    if (\n                        window.history &&\n                        window.history.replaceState\n                    ) {\n\n                        window.history.replaceState(\n                            null,\n                            '',\n                            window.location.pathname +\n                            window.location.search\n                        );\n\n                    }\n\n                }\n            );\n\n        });\n\n\n        \/*\n         * Category filtering.\n         *\/\n\n        categoryButtons.forEach(\n            function (button) {\n\n                button.addEventListener(\n                    'click',\n                    function () {\n\n                        categoryButtons.forEach(\n                            function (item) {\n\n                                item.classList.remove(\n                                    'active'\n                                );\n\n                            }\n                        );\n\n\n                        button.classList.add(\n                            'active'\n                        );\n\n\n                        activeCategory =\n                            button.getAttribute(\n                                'data-category'\n                            );\n\n\n                        filterTools();\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/*\n         * Search.\n         *\/\n\n        if (searchInput) {\n\n            searchInput.addEventListener(\n                'input',\n                function () {\n\n                    filterTools();\n\n                }\n            );\n\n        }\n\n\n        \/*\n         * Filter tools.\n         *\/\n\n        function filterTools() {\n\n            const searchTerm =\n                searchInput\n                    ? searchInput.value\n                        .trim()\n                        .toLowerCase()\n                    : '';\n\n\n            let visibleTools = 0;\n\n\n            tiles.forEach(function (tile) {\n\n                const category =\n                    tile.getAttribute(\n                        'data-category'\n                    );\n\n\n                const titleElement =\n                    tile.querySelector(\n                        'h3'\n                    );\n\n\n                const descriptionElement =\n                    tile.querySelector(\n                        'p'\n                    );\n\n\n                const title =\n                    titleElement\n                        ? titleElement.textContent\n                            .toLowerCase()\n                        : '';\n\n\n                const description =\n                    descriptionElement\n                        ? descriptionElement.textContent\n                            .toLowerCase()\n                        : '';\n\n\n                const categoryMatches =\n                    activeCategory === 'all' ||\n                    category === activeCategory;\n\n\n                const searchMatches =\n                    !searchTerm ||\n                    title.includes(searchTerm) ||\n                    description.includes(searchTerm);\n\n\n                const shouldShow =\n                    categoryMatches &&\n                    searchMatches;\n\n\n                if (shouldShow) {\n\n                    tile.classList.remove(\n                        'hidden'\n                    );\n\n                    visibleTools++;\n\n                } else {\n\n                    tile.classList.add(\n                        'hidden'\n                    );\n\n                }\n\n            });\n\n\n            \/*\n             * No results message.\n             *\/\n\n            if (noResults) {\n\n                noResults.style.display =\n                    visibleTools === 0\n                        ? 'block'\n                        : 'none';\n\n            }\n\n\n            \/*\n             * Search clear button.\n             *\/\n\n            if (clearSearch) {\n\n                clearSearch.style.display =\n                    searchTerm\n                        ? 'flex'\n                        : 'none';\n\n            }\n\n        }\n\n\n        \/*\n         * Clear search.\n         *\/\n\n        if (clearSearch) {\n\n            clearSearch.addEventListener(\n                'click',\n                function () {\n\n                    if (searchInput) {\n\n                        searchInput.value = '';\n\n                        searchInput.focus();\n\n                    }\n\n\n                    filterTools();\n\n                }\n            );\n\n        }\n\n\n        \/*\n         * Escape key closes the active tool.\n         *\/\n\n        document.addEventListener(\n            'keydown',\n            function (event) {\n\n                if (\n                    event.key === 'Escape'\n                ) {\n\n                    closeAllTools();\n\n                }\n\n            }\n        );\n\n\n        \/*\n         * Open tool from URL hash.\n         *\n         * Example:\n         *\n         * #html-minify\n         *\/\n\n        function openFromHash() {\n\n            const hash =\n                window.location.hash\n                    .replace('#', '')\n                    .trim();\n\n\n            if (!hash) {\n                return;\n            }\n\n\n            const panel =\n                hub.querySelector(\n                    '.cmuk-tool-panel[data-panel=\"' +\n                    hash +\n                    '\"]'\n                );\n\n\n            if (panel) {\n\n                openTool(\n                    hash,\n                    false\n                );\n\n            }\n\n        }\n\n\n        \/*\n         * Initial hash.\n         *\/\n\n        openFromHash();\n\n\n        \/*\n         * Browser hash changes.\n         *\/\n\n        window.addEventListener(\n            'hashchange',\n            function () {\n\n                const hash =\n                    window.location.hash\n                        .replace('#', '')\n                        .trim();\n\n\n                if (hash) {\n\n                    openTool(\n                        hash,\n                        false\n                    );\n\n                } else {\n\n                    closeAllTools();\n\n                }\n\n            }\n        );\n\n    }\n\n\n    \/*\n     * Initialise.\n     *\/\n\n    if (\n        document.readyState ===\n        'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initCMUKTools\n        );\n\n    } else {\n\n        initCMUKTools();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"cmuk-tools-hub\">\n\n    <div class=\"cmuk-tools-header\">\n\n      \n\n    <\/div>\n\n\n    <!-- SEARCH -->\n\n    <div class=\"cmuk-tools-search\">\n\n        <span class=\"cmuk-search-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"><\/circle>\n        <path d=\"M15.5 15.5L21 21\"><\/path>\n    <\/svg>\n<\/span>\n\n        <input type=\"search\" class=\"cmuk-tool-search-input\" placeholder=\"Search tools...\" aria-label=\"Search tools\" autocomplete=\"off\">\n\n        <button type=\"button\" class=\"cmuk-search-clear\" aria-label=\"Clear search\">\n            \u00d7\n        <\/button>\n\n    <\/div>\n\n\n    <!-- CATEGORIES -->\n\n    <div class=\"cmuk-category-filters\" role=\"group\" aria-label=\"Tool categories\">\n\n        <button type=\"button\" class=\"cmuk-category-button active\" data-category=\"all\">\n            All Tools\n        <\/button>\n\n        <button type=\"button\" class=\"cmuk-category-button\" data-category=\"email\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1.5\"><\/rect>\n    <path d=\"M3.5 7l8.5 6 8.5-6\"><\/path>\n<\/svg>Email\n        <\/button>\n\n        <button type=\"button\" class=\"cmuk-category-button\" data-category=\"code\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <path d=\"M7.5 7L2.5 12l5 5\"><\/path>\n    <path d=\"M16.5 7l5 5-5 5\"><\/path>\n    <path d=\"M14 5l-4 14\"><\/path>\n<\/svg>Code\n        <\/button>\n\n        <button type=\"button\" class=\"cmuk-category-button\" data-category=\"image\">\n             <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1.5\"><\/rect>\n        <circle cx=\"8\" cy=\"9\" r=\"1.5\"><\/circle>\n        <path d=\"M4 18l5-5 3.5 3.5 2.5-2.5 5 4\"><\/path>\n    <\/svg>Images\n        <\/button>\n\n        <button type=\"button\" class=\"cmuk-category-button\" data-category=\"website\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n    \n    <path d=\"M3.5 12h17\"><\/path>\n    \n    <path d=\"M12 3.5\n             C14.4 6\n             15.5 9\n             15.5 12\n             C15.5 15\n             14.4 18\n             12 20.5\"><\/path>\n             \n    <path d=\"M12 3.5\n             C9.6 6\n             8.5 9\n             8.5 12\n             C8.5 15\n             9.6 18\n             12 20.5\"><\/path>\n<\/svg>Website\n        <\/button>\n\n        <button type=\"button\" class=\"cmuk-category-button\" data-category=\"ai\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M9 3l1.1 3.4L13.5 7.5l-3.4 1.1L9 12l-1.1-3.4-3.4-1.1 3.4-1.1L9 3z\"><\/path>\n        <path d=\"M17 11l.8 2.4 2.4.8-2.4.8-.8 2.4-.8-2.4-2.4-.8 2.4-.8L17 11z\"><\/path>\n    <\/svg>AI\n        <\/button>\n\n        <button type=\"button\" class=\"cmuk-category-button\" data-category=\"utility\">\n             <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n    <path d=\"M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V2.8h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1z\"><\/path>\n<\/svg>Utilities\n        <\/button>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         TILES\n    ====================================================== -->\n\n    <div class=\"cmuk-tools-grid\">\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"spam-checker\" data-category=\"email\">\n\n           <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M12 3l7 3v5c0 4.8-2.9 8.2-7 10-4.1-1.8-7-5.2-7-10V6l7-3z\"><\/path>\n        <path d=\"M9 12l2 2 4-4\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Spam Checker<\/h3>\n\n                <p>\n                    Check your email for potential spam triggers before you send.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Email\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n       \n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"url-shortener\" data-category=\"website\">\n\n           <div class=\"cmuk-tool-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <!-- Upper link -->\n    <path d=\"M10.2 10.3\n             L14.7 5.8\n             C16.6 3.9 19.6 3.9 21.5 5.8\n             C23.4 7.7 23.4 10.7 21.5 12.6\n             L18.8 15.3\n             C17.1 17 14.5 17.2 12.6 15.8\"><\/path>\n\n    <!-- Lower link -->\n    <path d=\"M13.8 13.7\n             L9.3 18.2\n             C7.4 20.1 4.4 20.1 2.5 18.2\n             C0.6 16.3 0.6 13.3 2.5 11.4\n             L5.2 8.7\n             C6.9 7 9.5 6.8 11.4 8.2\"><\/path>\n\n    <!-- Interlocking centre -->\n    <path d=\"M8.5 15.5L15.5 8.5\"><\/path>\n<\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>URL Shortener<\/h3>\n\n                <p>\n                    Turn long, unwieldy URLs into clean, shareable links.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Website\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"html-minify\" data-category=\"code\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M8 8l-4 4 4 4\"><\/path>\n        <path d=\"M16 8l4 4-4 4\"><\/path>\n        <path d=\"M14 5l-4 14\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>HTML Minifier<\/h3>\n\n                <p>\n                    Make your HTML leaner, cleaner and more efficient.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Code\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"css-minify\" data-category=\"code\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M9 4H7a2 2 0 0 0-2 2v3a3 3 0 0 1-3 3 3 3 0 0 1 3 3v3a2 2 0 0 0 2 2h2\"><\/path>\n        <path d=\"M15 4h2a2 2 0 0 1 2 2v3a3 3 0 0 0 3 3 3 3 0 0 0-3 3v3a2 2 0 0 1-2 2h-2\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>CSS Minifier<\/h3>\n\n                <p>\n                    Streamline your CSS without changing how it works.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Code\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"html-validator\" data-category=\"code\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M7 7l-4 5 4 5\"><\/path>\n        <path d=\"M13 7l4 5\"><\/path>\n        <path d=\"M14.5 18l2 2 4.5-5\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>HTML Validator<\/h3>\n\n                <p>\n                    Check your HTML and spot potential issues in seconds.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Code\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"css-validator\" data-category=\"code\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M8 4H6a2 2 0 0 0-2 2v3a3 3 0 0 1-2 3 3 3 0 0 1 2 3v3a2 2 0 0 0 2 2h2\"><\/path>\n        <path d=\"M13.5 4H16a2 2 0 0 1 2 2v4\"><\/path>\n        <path d=\"M13.5 17.5l2.5 2.5 5-6\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>CSS Validator<\/h3>\n\n                <p>\n                    Find CSS issues before they cause styling problems.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Code\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"thumbnail-creator\" data-category=\"image\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1.5\"><\/rect>\n        <circle cx=\"8\" cy=\"9\" r=\"1.5\"><\/circle>\n        <path d=\"M4 18l5-5 3.5 3.5 2.5-2.5 5 4\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Thumbnail Creator<\/h3>\n\n                <p>\n                    Create polished thumbnails from your images in seconds.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Images\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"image-compressor\" data-category=\"image\">\n\n            <div class=\"cmuk-tool-icon\">\n   <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"14\" height=\"14\" rx=\"1.5\"><\/rect>\n    <circle cx=\"7.5\" cy=\"7.5\" r=\"1.5\"><\/circle>\n    <path d=\"M4 15l4-4 3 3 2-2 4 4\"><\/path>\n    <path d=\"M20 9v10\"><\/path>\n    <path d=\"M17 16l3 3 3-3\"><\/path>\n<\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Image Compressor<\/h3>\n\n                <p>\n                    Reduce image file sizes without affecting the quality.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Images\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"accessibility-checker\" data-category=\"website\">\n\n            <div class=\"cmuk-tool-icon\">\n   <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"4.5\" r=\"1.8\"><\/circle>\n    <path d=\"M5 8h14\"><\/path>\n    <path d=\"M12 6.5v5.5\"><\/path>\n    <path d=\"M8 20l4-8 4 8\"><\/path>\n    <path d=\"M8 12l-3 6\"><\/path>\n    <path d=\"M16 12l3 6\"><\/path>\n<\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Accessibility Checker<\/h3>\n\n                <p>\n                    Check email content for common accessibility issues.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Website\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"content-translator\" data-category=\"utility\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M3 5h9\"><\/path>\n        <path d=\"M7.5 3v2\"><\/path>\n        <path d=\"M5 8c1.5 3 3.5 5 6.5 6.5\"><\/path>\n        <path d=\"M11 7.5c-1.5 3.5-4 6-7 7.5\"><\/path>\n        <path d=\"M14 20l4-10 4 10\"><\/path>\n        <path d=\"M15.5 16.5h5\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Content Translator<\/h3>\n\n                <p>\n                   Translate your content for audiences around the world.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Utility\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"email-minify\" data-category=\"email\">\n\n            <div class=\"cmuk-tool-icon\">\n   <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <rect x=\"2.5\" y=\"5\" width=\"14\" height=\"12\" rx=\"1.5\"><\/rect>\n    <path d=\"M3 7l6.5 4.5L16 7\"><\/path>\n    <path d=\"M20 8v10\"><\/path>\n    <path d=\"M17 15l3 3 3-3\"><\/path>\n<\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Email Minifier<\/h3>\n\n                <p>\n                    Optimise your email HTML for a cleaner, lighter send.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Email\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"blacklist-checker\" data-category=\"email\">\n\n            <div class=\"cmuk-tool-icon\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <!-- List -->\n    <path d=\"M3 6h8\"><\/path>\n    <path d=\"M3 11h7\"><\/path>\n    <path d=\"M3 16h6\"><\/path>\n\n    <!-- Prohibited symbol -->\n    <circle cx=\"17\" cy=\"15\" r=\"4\"><\/circle>\n    <path d=\"M14.2 12.2l5.6 5.6\"><\/path>\n<\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Blacklist Checker<\/h3>\n\n                <p>\n                    Check whether your IP or domain appears on major blacklists.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Email\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"header-analyser\" data-category=\"email\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M5 3.5h9l4 4V13\"><\/path>\n        <path d=\"M14 3.5V8h4\"><\/path>\n        <path d=\"M5 3.5v17h7\"><\/path>\n        <path d=\"M8 10h6\"><\/path>\n        <path d=\"M8 13h4\"><\/path>\n        <circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle>\n        <path d=\"M19.2 19.2L21.5 21.5\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>Header Analyser<\/h3>\n\n                <p>\n                    Turn complex email headers into useful deliverability insights.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    Email\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n        <button class=\"cmuk-tool-tile\" type=\"button\" data-tool=\"ai-subject-line-generator\" data-category=\"ai\">\n\n            <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M4 8h8\"><\/path>\n        <path d=\"M4 12h6\"><\/path>\n        <path d=\"M4 16h8\"><\/path>\n        <path d=\"M17 3.5l.7 2.1 2.1.7-2.1.7-.7 2.1-.7-2.1-2.1-.7 2.1-.7.7-2.1z\"><\/path>\n        <path d=\"M19 13l.5 1.5 1.5.5-1.5.5L19 17l-.5-1.5L17 15l1.5-.5L19 13z\"><\/path>\n    <\/svg>\n<\/div>\n\n            <div class=\"cmuk-tool-content\">\n                <h3>AI Subject Line Generator<\/h3>\n\n                <p>\n                    Create engaging subject line ideas in seconds with AI.\n                <\/p>\n\n                <span class=\"cmuk-tool-category\">\n                    AI\n                <\/span>\n            <\/div>\n\n            <span class=\"cmuk-tool-arrow\">\u2192<\/span>\n\n        <\/button>\n\n\n\n\n    <\/div>\n\n\n    <!-- NO RESULTS -->\n\n    <div class=\"cmuk-no-results\">\n\n        <strong>No tools found<\/strong>\n\n        Try another search term or select another category.\n\n    <\/div>\n\n\n    <!-- =====================================================\n         TOOL PANELS \/ SHORTCODES\n    ====================================================== -->\n\n    <div class=\"cmuk-tool-panels\">\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"spam-checker\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M12 3l7 3v5c0 4.8-2.9 8.2-7 10-4.1-1.8-7-5.2-7-10V6l7-3z\"><\/path>\n        <path d=\"M9 12l2 2 4-4\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>Spam Checker<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    <span>\u00d7<\/span>\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-spam-checker\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Spam Analysis Email Checker<\/h3><p class=\"cmuk-tool-description\">Analyse your email content for words, phrases and patterns that could trigger spam filters, helping you identify potential issues before your campaign reaches the inbox.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"spam-checker\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"email_body\">Paste your email content here (HTML or plain text)<\/label><textarea name=\"email_body\" id=\"email_body\" rows=\"7\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Check spam score<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Analysing&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n<\/div><\/div><\/div>\n\n        <\/div>\n\n\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"url-shortener\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <!-- Upper link -->\n    <path d=\"M10.2 10.3\n             L14.7 5.8\n             C16.6 3.9 19.6 3.9 21.5 5.8\n             C23.4 7.7 23.4 10.7 21.5 12.6\n             L18.8 15.3\n             C17.1 17 14.5 17.2 12.6 15.8\"><\/path>\n\n    <!-- Lower link -->\n    <path d=\"M13.8 13.7\n             L9.3 18.2\n             C7.4 20.1 4.4 20.1 2.5 18.2\n             C0.6 16.3 0.6 13.3 2.5 11.4\n             L5.2 8.7\n             C6.9 7 9.5 6.8 11.4 8.2\"><\/path>\n\n    <!-- Interlocking centre -->\n    <path d=\"M8.5 15.5L15.5 8.5\"><\/path>\n<\/svg>\n<\/div>\n\n                    <h3>URL Shortener<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-url-shortener\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">URL Shortener<\/h3><p class=\"cmuk-tool-description\">Create a shorter, cleaner version of any URL in seconds - perfect for emails, SMS campaigns, social posts and anywhere space matters.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"url-shortener\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"long_url\">Long URL<\/label><input type=\"url\" name=\"long_url\" id=\"long_url\" placeholder=\"https:\/\/example.com\/very\/long\/link?with=params\" required \/><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Shorten URL<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Shortening&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"html-minify\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M8 8l-4 4 4 4\"><\/path>\n        <path d=\"M16 8l4 4-4 4\"><\/path>\n        <path d=\"M14 5l-4 14\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>HTML Minifier<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-html-minify\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">HTML Minifier<\/h3><p class=\"cmuk-tool-description\">Reduce the size of your HTML by removing unnecessary whitespace and formatting while preserving its functionality, giving you cleaner, more efficient code.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"html-minify\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"html_input\">HTML to minify<\/label><textarea name=\"html_input\" id=\"html_input\" rows=\"7\" placeholder=\"&lt;!DOCTYPE html&gt;&#10;&lt;html&gt;...\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Minify HTML<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Minifying&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"css-minify\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M9 4H7a2 2 0 0 0-2 2v3a3 3 0 0 1-3 3 3 3 0 0 1 3 3v3a2 2 0 0 0 2 2h2\"><\/path>\n        <path d=\"M15 4h2a2 2 0 0 1 2 2v3a3 3 0 0 0 3 3 3 3 0 0 0-3 3v3a2 2 0 0 1-2 2h-2\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>CSS Minifier<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-css-minify\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">CSS Minifier<\/h3><p class=\"cmuk-tool-description\">Reduce CSS file size by removing unnecessary whitespace and formatting while keeping your styles intact - ideal for cleaner, more efficient code.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"css-minify\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"css_input\">CSS to minify<\/label><textarea name=\"css_input\" id=\"css_input\" rows=\"7\" placeholder=\"body {&#10;  margin: 0;&#10;  padding: 0;&#10;}\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Minify CSS<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Minifying&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"html-validator\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M7 7l-4 5 4 5\"><\/path>\n        <path d=\"M13 7l4 5\"><\/path>\n        <path d=\"M14.5 18l2 2 4.5-5\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>HTML Validator<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-html-validator\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">HTML Validator<\/h3><p class=\"cmuk-tool-description\">Analyse your HTML for common errors and structural issues, giving you a clearer view of anything that may need attention before your code goes live.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"html-validator\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"html_input\">HTML to validate<\/label><textarea name=\"html_input\" id=\"html_input\" rows=\"8\" placeholder=\"&lt;!DOCTYPE html&gt;&#10;&lt;html lang=&quot;en&quot;&gt;...\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Validate HTML<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Validating&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"css-validator\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M8 4H6a2 2 0 0 0-2 2v3a3 3 0 0 1-2 3 3 3 0 0 1 2 3v3a2 2 0 0 0 2 2h2\"><\/path>\n        <path d=\"M13.5 4H16a2 2 0 0 1 2 2v4\"><\/path>\n        <path d=\"M13.5 17.5l2.5 2.5 5-6\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>CSS Validator<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-css-validator\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">CSS Validator<\/h3><p class=\"cmuk-tool-description\">Check your CSS for common errors and potential issues, helping you create cleaner, more reliable stylesheets and troubleshoot problems faster.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"css-validator\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"css_input\">CSS to validate<\/label><textarea name=\"css_input\" id=\"css_input\" rows=\"8\" placeholder=\"body { margin: 0; }\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Validate CSS<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Validating&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"thumbnail-creator\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1.5\"><\/rect>\n        <circle cx=\"8\" cy=\"9\" r=\"1.5\"><\/circle>\n        <path d=\"M4 18l5-5 3.5 3.5 2.5-2.5 5 4\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>Thumbnail Creator<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-thumbnail-creator\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Thumbnail Creator<\/h3><p class=\"cmuk-tool-description\">Upload an image and quickly create a thumbnail at the dimensions you need, ready to use across your campaigns, website or digital content.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"thumbnail-creator\" enctype=\"multipart\/form-data\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"image_file\">Upload image<\/label><input type=\"file\" name=\"image_file\" id=\"image_file\" accept=\"image\/jpeg,image\/png,image\/gif,image\/webp\" required \/><\/div><div class=\"cmuk-field-row\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"width\">Width (px)<\/label><input type=\"number\" name=\"width\"  id=\"width\"  value=\"300\" min=\"10\" max=\"5000\" \/><\/div><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"height\">Height (px)<\/label><input type=\"number\" name=\"height\" id=\"height\" value=\"300\" min=\"10\" max=\"5000\" \/><\/div><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Create thumbnail<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Processing image&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"image-compressor\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n   <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"14\" height=\"14\" rx=\"1.5\"><\/rect>\n    <circle cx=\"7.5\" cy=\"7.5\" r=\"1.5\"><\/circle>\n    <path d=\"M4 15l4-4 3 3 2-2 4 4\"><\/path>\n    <path d=\"M20 9v10\"><\/path>\n    <path d=\"M17 16l3 3 3-3\"><\/path>\n<\/svg>\n<\/div>\n\n                    <h3>Image Compressor<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-image-compressor\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Image Compressor<\/h3><p class=\"cmuk-tool-description\">Compress your images to create smaller, more manageable files - ideal for improving load times and keeping your digital content lightweight.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"image-compressor\" enctype=\"multipart\/form-data\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"image_file\">Upload image<\/label><input type=\"file\" name=\"image_file\" id=\"image_file\" accept=\"image\/jpeg,image\/png,image\/webp\" required \/><\/div><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"quality\">Quality (1\u2013100, lower = smaller file)<\/label><input type=\"number\" name=\"quality\" id=\"quality\" value=\"75\" min=\"1\" max=\"100\" \/><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Compress image<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Compressing&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"accessibility-checker\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"4.5\" r=\"1.8\"><\/circle>\n    <path d=\"M5 8h14\"><\/path>\n    <path d=\"M12 6.5v5.5\"><\/path>\n    <path d=\"M8 20l4-8 4 8\"><\/path>\n    <path d=\"M8 12l-3 6\"><\/path>\n    <path d=\"M16 12l3 6\"><\/path>\n<\/svg>\n<\/div>\n\n                    <h3>Accessibility Checker<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-accessibility-checker\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Accessibility Checker<\/h3><p class=\"cmuk-tool-description\">Check your content for common accessibility issues and identify areas that could be improved to create a more inclusive experience for your audience.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"accessibility-checker\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"html_input\">HTML to check<\/label><textarea name=\"html_input\" id=\"html_input\" rows=\"8\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Check accessibility<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Checking&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"content-translator\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M3 5h9\"><\/path>\n        <path d=\"M7.5 3v2\"><\/path>\n        <path d=\"M5 8c1.5 3 3.5 5 6.5 6.5\"><\/path>\n        <path d=\"M11 7.5c-1.5 3.5-4 6-7 7.5\"><\/path>\n        <path d=\"M14 20l4-10 4 10\"><\/path>\n        <path d=\"M15.5 16.5h5\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>Content Translator<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-content-translator\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Content Translator<\/h3><p class=\"cmuk-tool-description\">Quickly translate your content into another language, making it easier to adapt your messaging and communicate with audiences across different markets.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"content-translator\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"content\">Text to translate<\/label><textarea name=\"content\" id=\"content\" rows=\"5\" required><\/textarea><\/div><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"target_lang\">Language<\/label><select name=\"target_lang\" id=\"target_lang\"><option value=\"es\">Spanish<\/option><option value=\"fr\">French<\/option><option value=\"de\">German<\/option><option value=\"it\">Italian<\/option><option value=\"pt\">Portuguese<\/option><option value=\"nl\">Dutch<\/option><option value=\"pl\">Polish<\/option><option value=\"zh\">Chinese (Simplified)<\/option><option value=\"ja\">Japanese<\/option><option value=\"ar\">Arabic<\/option><option value=\"ru\">Russian<\/option><option value=\"sv\">Swedish<\/option><option value=\"da\">Danish<\/option><option value=\"fi\">Finnish<\/option><option value=\"Pakistani\">Pakistani<\/option><\/select><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Translate<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Translating&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"email-minify\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n   <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <rect x=\"2.5\" y=\"5\" width=\"14\" height=\"12\" rx=\"1.5\"><\/rect>\n    <path d=\"M3 7l6.5 4.5L16 7\"><\/path>\n    <path d=\"M20 8v10\"><\/path>\n    <path d=\"M17 15l3 3 3-3\"><\/path>\n<\/svg>\n<\/div>\n\n                    <h3>Email Minifier<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-email-minify\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Email HTML\/CSS Minify<\/h3><p class=\"cmuk-tool-description\">Minify email HTML by removing unnecessary code and formatting while preserving the content you need, helping create a leaner version ready for your campaigns.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"email-minify\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"email_html\">Email HTML<\/label><textarea name=\"email_html\" id=\"email_html\" rows=\"8\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Minify email<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Minifying&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"blacklist-checker\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M12 3l7 3v5c0 4.8-2.9 8.2-7 10-4.1-1.8-7-5.2-7-10V6l7-3z\"><\/path>\n        <path d=\"M8.5 8.5l7 7\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>Blacklist Checker<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-blacklist-checker\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Domain \/ IP Blacklist Checker<\/h3><p class=\"cmuk-tool-description\">Check an IP address or domain against recognised blacklists to quickly identify listings that could affect your sender reputation and email deliverability.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"blacklist-checker\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"ip_or_domain\">IP address or domain<\/label><input type=\"text\" name=\"ip_or_domain\" id=\"ip_or_domain\" placeholder=\"e.g. 203.0.113.1 or example.com\" required \/><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Check blacklists<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Checking blacklists&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n\t\t<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"header-analyser\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M5 3.5h9l4 4V13\"><\/path>\n        <path d=\"M14 3.5V8h4\"><\/path>\n        <path d=\"M5 3.5v17h7\"><\/path>\n        <path d=\"M8 10h6\"><\/path>\n        <path d=\"M8 13h4\"><\/path>\n        <circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle>\n        <path d=\"M19.2 19.2L21.5 21.5\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>Header Analyser<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-header-analyser\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">Email Header Analyser<\/h3><p class=\"cmuk-tool-description\">Analyse an email header to uncover authentication results, routing information and other technical details that can help you investigate delivery issues.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"header-analyser\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"raw_headers\">Raw email headers<\/label><textarea name=\"raw_headers\" id=\"raw_headers\" rows=\"10\" placeholder=\"Received: from mail.example.com...&#10;Authentication-Results: ...\" required><\/textarea><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Analyse headers<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Parsing&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n<\/div><\/div><\/div>\n\n        <\/div>\n\n\n        <div class=\"cmuk-tool-panel\" data-panel=\"ai-subject-line-generator\">\n\n            <div class=\"cmuk-panel-header\">\n\n                <div class=\"cmuk-panel-title\">\n\n                    <div class=\"cmuk-tool-icon\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M4 8h8\"><\/path>\n        <path d=\"M4 12h6\"><\/path>\n        <path d=\"M4 16h8\"><\/path>\n        <path d=\"M17 3.5l.7 2.1 2.1.7-2.1.7-.7 2.1-.7-2.1-2.1-.7 2.1-.7.7-2.1z\"><\/path>\n        <path d=\"M19 13l.5 1.5 1.5.5-1.5.5L19 17l-.5-1.5L17 15l1.5-.5L19 13z\"><\/path>\n    <\/svg>\n<\/div>\n\n                    <h3>AI Subject Line Generator<\/h3>\n\n                <\/div>\n\n                <button type=\"button\" class=\"cmuk-close-tool\" aria-label=\"Close tool\">\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n            <div class=\"cmuk-tool-outer cmuk-align-left\"><div class=\"cmuk-tool cmuk-tool-ai-subject-line-generator\" style=\"max-width:800px;\" data-label-position=\"top\"><div class=\"cmuk-tool-card\"><div class=\"cmuk-tool-header\"><div><h3 class=\"cmuk-tool-title\">AI Subject Line Generator<\/h3><p class=\"cmuk-tool-description\">Tell us about your campaign, audience and preferred tone, and let AI generate a selection of subject line ideas designed to kick-start your creativity.<\/p><\/div><\/div>\t\t<form class=\"cmuk-tool-form\" data-tool=\"ai-subject-line-generator\">\n\t\t\t<div class=\"cmuk-fields\"><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"campaign_brief\">Campaign brief<\/label><textarea name=\"campaign_brief\" id=\"campaign_brief\" rows=\"3\" placeholder=\"Summer sale \u2014 20% off all products, urgency tone, B2C audience\" required><\/textarea><\/div><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"tone\">Tone<\/label><select name=\"tone\">\n        <option value=\"professional\">Professional<\/option>\n        <option value=\"friendly\">Friendly<\/option>\n        <option value=\"exciting\">Exciting<\/option>\n        <option value=\"funny\">Funny<\/option>\n        <option value=\"luxury\">Luxury<\/option>\n        <option value=\"urgent\">Urgent<\/option>\n        <option value=\"curiosity\">Curiosity<\/option>\n        <option value=\"persuasive\">Persuasive<\/option>\n    <\/select><\/div><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"audience\">Audience<\/label><select name=\"audience\">\n        <option>B2C<\/option>\n        <option>B2B<\/option>\n    <\/select><\/div><div class=\"cmuk-field cmuk-field-top\"><label class=\"cmuk-label\" for=\"emoji\">Include emojis<\/label><label><input type=\"checkbox\" name=\"emoji\" value=\"1\"> Yes<\/label><\/div><\/div><div class=\"cmuk-submit-row\"><button type=\"submit\" class=\"cmuk-submit\">Generate subject lines<\/button><div class=\"cmuk-loading\"><span class=\"cmuk-spinner\"><\/span>Generating ideas&hellip;<\/div><\/div><div class=\"cmuk-result\"><\/div>\t\t<\/form>\n<\/div><\/div><\/div>\n\n        <\/div>\n\n\n\n\n    <\/div>\n\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Free tools to make your day a little easier Explore our collection of free online tools designed to help with everyday email marketing and digital tasks. From creating campaign assets and generating content to checking technical details and tackling everyday tasks, our tools are quick, simple and free for anyone to use. No sign-up required [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/11188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=11188"}],"version-history":[{"count":300,"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/11188\/revisions"}],"predecessor-version":[{"id":11533,"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/11188\/revisions\/11533"}],"wp:attachment":[{"href":"https:\/\/campaignmaster.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=11188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}