:root{--navy:#071e48;--navy2:#051532;--blue:#1467fa;--cyan:#18c9fe;--ink:#112646;--muted:#62738e;--paper:#f3f8ff;--line:#deebf8;--white:#fff;--shadow:0 16px 44px rgba(23,67,134,.09);--radius:22px;font-family:Inter,"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f4faff 0,#f2f7ff 540px,#f5f9ff 100%);color:var(--ink);font-size:15px;line-height:1.55}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}p{margin:0 0 1rem}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1,h2,h3,p{overflow-wrap:break-word}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7cbdff;outline-offset:3px}.container{width:min(1540px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-120px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:0}.topbar{background:#082653;color:#c9dbf8;font-size:12px;font-weight:650}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between}.top-links{display:flex;gap:28px}.top-links a:hover{color:#fff}.site-header{position:relative;background:#fff;z-index:30;border-bottom:1px solid #e2ebf9;box-shadow:0 8px 24px rgba(24,62,109,.035)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:18px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{width:55px;height:55px}.brand-custom{max-width:220px;max-height:72px;width:auto}.brand-text strong{display:block;font-size:28px;font-weight:900;letter-spacing:-.045em;line-height:1.07;color:#126ef5;white-space:nowrap}.brand-text strong span{color:#0b2252}.brand-text small{display:block;color:#6b7f9d;font-size:12px;line-height:1.7;font-weight:600}.main-nav{display:flex;align-items:center;gap:6px}.main-nav a{color:#1d3353;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:#fff;background:#1672f8;box-shadow:0 6px 14px rgba(24,107,242,.24)}.header-buttons{display:flex;align-items:center;gap:8px}.header-search-btn{border:1px solid #dce7f5;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#174c93}.mobile-menu{display:none;background:#eef5ff;border:1px solid #dce7f5;padding:10px;border-radius:11px}.mobile-menu span{display:block;background:#163e78;height:3px;width:21px;margin:4px}.header-ad{margin-top:18px}.hero{min-height:448px;margin-top:22px;position:relative;display:flex;overflow:hidden;align-items:center;background:radial-gradient(circle at 87% 45%,#154add 0%,#07275e 39%,#041632 72%);color:#fff;border-radius:27px;box-shadow:0 20px 55px rgba(8,47,104,.2);isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(47,153,251,.17);border-radius:50%;pointer-events:none}.hero:before{width:730px;height:730px;right:-90px;top:-180px}.hero:after{width:460px;height:460px;right:50px;top:-65px}.hero-copy{padding:50px 0 46px 55px;max-width:700px;width:56%;position:relative;z-index:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #19b7fd;border-radius:999px;background:#0b3978;padding:5px 15px;color:#a7ecff;font-size:12px;font-weight:800;letter-spacing:.015em}.hero-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#34ffc5;box-shadow:0 0 0 4px #14c69f33}.hero h1{font-size:clamp(36px,3.7vw,64px);font-weight:900;letter-spacing:-.055em;line-height:1.08;margin:21px 0 17px;max-width:650px}.hero h1::first-line{color:#fff}.hero-copy>p{font-size:16px;line-height:1.8;color:#d6e7ff;max-width:560px}.hero-search{display:flex;align-items:center;background:#fff;border:5px solid #cde4ff;max-width:640px;border-radius:999px;height:66px;color:#174278;padding:5px 5px 5px 18px;margin-top:28px;box-shadow:0 10px 24px #010b2b44}.hero-search>span{font-size:29px;line-height:1;flex:none}.hero-search input{border:0;min-width:0;width:100%;outline:0;padding:8px 12px;font-size:14px;font-weight:550;color:#203454}.hero-search button{background:#166ef9;border:0;border-radius:999px;color:#fff;font-size:13px;font-weight:800;padding:12px 24px;white-space:nowrap}.hero-tags{margin-top:21px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.hero-tags strong{margin-right:3px}.hero-tags a{border:1px solid rgba(216,238,255,.45);border-radius:99px;padding:5px 10px;color:#dceeff}.hero-tags a:hover{background:rgba(255,255,255,.2)}.hero-illustration{position:absolute;width:48%;max-width:670px;right:10px;bottom:-21px;z-index:1;filter:drop-shadow(0 23px 45px #01102b99)}.features-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 24px;padding:18px 20px;background:#fff;border:1px solid #e0effb;box-shadow:var(--shadow);border-radius:20px}.features-strip>div{display:flex;gap:13px;align-items:center;justify-content:center}.feature-icon{border-radius:50%;width:44px;height:44px;flex:none;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900}.f-blue{background:linear-gradient(135deg,#279aff,#0b58f3)}.f-teal{background:linear-gradient(135deg,#31dbaa,#00ad90)}.f-purple{background:linear-gradient(135deg,#b064fe,#6941e9)}.f-gold{background:linear-gradient(135deg,#ffd04c,#f39b08)}.features-strip b,.features-strip small{display:block}.features-strip b{font-size:13px;font-weight:850}.features-strip small{font-size:11px;color:#7a899d;margin-top:2px}.content-shell{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,200px);gap:21px;align-items:start;margin-top:24px;margin-bottom:66px}.content-shell>div{min-width:0}.main-column{min-width:0}.side-panel{display:flex;flex-direction:column;gap:18px}.side-card{background:#fff;border:1px solid #e2eefa;border-radius:17px;padding:19px 14px;box-shadow:var(--shadow)}.side-card h3{font-size:15px;margin:0 0 17px;font-weight:850}.side-categories a,.popular-card a{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf2fa;font-weight:750;font-size:12px}.side-categories a:hover,.popular-card a:hover{color:#126ef5}.side-categories a>b{margin-left:auto;font-size:11px;color:#9baec3}.side-cat-icon{display:grid;place-items:center;border-radius:9px;width:30px;height:30px;flex:none;font-size:13px;font-weight:900}.cat-green .category-art,.cat-green .side-cat-icon,.cat-green .category-bottom b,.side-cat-icon.cat-green{background:#dcfcf2;color:#079f82}.cat-purple .category-art,.cat-purple .side-cat-icon,.cat-purple .category-bottom b,.side-cat-icon.cat-purple{background:#eee6ff;color:#743ded}.cat-blue .category-art,.cat-blue .side-cat-icon,.cat-blue .category-bottom b,.side-cat-icon.cat-blue{background:#e4efff;color:#1467fa}.cat-gold .category-art,.cat-gold .side-cat-icon,.cat-gold .category-bottom b,.side-cat-icon.cat-gold{background:#fff2cc;color:#d78b00}.side-promo{background:radial-gradient(circle at 100% 0%,#206ffe,#071d55 65%);padding:24px 20px;color:white;border-radius:18px;box-shadow:var(--shadow)}.side-promo-icon{display:inline-grid;place-items:center;border-radius:14px;background:#2488ff;width:51px;height:51px;font-size:27px;color:white}.side-promo h3{font-size:25px;margin:16px 0 9px}.side-promo p{font-size:12px;opacity:.8}.side-promo a{display:inline-block;background:#2494ff;padding:8px 15px;border-radius:50px;font-size:11px;font-weight:800;margin-top:6px}.quick-sym{color:#157aff;font-size:18px}.popular-card .arrow{margin-left:auto;color:#86a0bb;font-size:23px}.help-card{background:linear-gradient(135deg,#e6fff8,#fff);text-align:center}.help-card .side-promo-icon{background:#07b99d}.help-card h3{margin:9px 0}.help-card p{font-size:12px;color:#6b7c8c}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px;gap:14px}.section-kicker{display:inline-block;color:#1672ee;font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px}.section-header h2{font-size:clamp(25px,2.4vw,32px);font-weight:900;letter-spacing:-.045em;margin:0 0 6px}.section-header h2 span{color:#ffa800}.section-header p{font-size:13px;color:#70839a;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:38px}.category-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #dfebfa;background:#fff;min-height:226px;border-radius:19px;padding:20px 8px 13px;box-shadow:0 8px 24px rgba(39,89,150,.07);transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #0e458821}.category-art{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;font-size:38px;font-weight:950;box-shadow:inset 0 -7px 18px #fff4;margin-bottom:14px}.category-card strong{font-size:15px;font-weight:950}.category-card small{color:#7c8e9e;font-size:11px;margin:7px 0 11px}.category-bottom{margin-top:auto;display:flex;width:100%;align-items:center;justify-content:space-between;border-top:1px solid #edf2f9;padding-top:12px;font-size:10px;color:#537293}.category-bottom b{border-radius:50px;padding:4px 8px}.category-bottom>span{font-weight:850}.tool-counter{font-size:10px;letter-spacing:.05em;font-weight:900;border:1px solid #bcd9ff;background:#e5f1ff;color:#1065d1;padding:9px 13px;border-radius:99px;white-space:nowrap}.filter-bar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.filter-btn{background:#fff;color:#476180;border:1px solid #dce9f8;border-radius:11px;padding:10px 13px;font-size:12px;font-weight:850;transition:.16s}.filter-btn:hover,.filter-btn.active{background:#156ef4;color:#fff;box-shadow:0 6px 15px rgba(22,110,244,.2);border-color:#156ef4}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{background:#fff;border:1px solid #e0eaf5;border-radius:19px;overflow:hidden;box-shadow:0 12px 24px rgba(18,67,134,.06);transition:.2s}.tool-card:hover{transform:translateY(-5px);border-color:#a7cbf9;box-shadow:0 21px 40px rgba(16,73,157,.15)}.tool-card-link{height:100%;display:flex;flex-direction:column}.tool-art{background:#eaf3ff;aspect-ratio:1.6;overflow:hidden}.tool-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.tool-card:hover .tool-art img{transform:scale(1.045)}.tool-card-body{padding:16px 16px 17px;display:flex;flex-direction:column;flex:1}.tool-pill{display:inline-flex;width:max-content;background:#e6f2ff;color:#146eea;border-radius:50px;font-size:10px;font-weight:850;padding:5px 9px}.tool-pill.green{background:#e0fbf1;color:#009e7d}.tool-pill.purple{background:#f0e7ff;color:#723de4}.tool-pill.gold{background:#fff3d9;color:#c78306}.tool-card h3{font-size:16px;font-weight:900;line-height:1.3;margin:12px 0 7px}.tool-card p{font-size:12px;color:#71839a;margin:0 0 16px;min-height:37px}.tool-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff3f9;padding-top:12px;color:#146bea;font-weight:900;font-size:12px}.tool-action span{background:#e9f3ff;border-radius:9px;display:grid;place-items:center;width:28px;height:28px;font-size:18px}.empty-tools{padding:32px;text-align:center;background:#fff;border-radius:16px}.seo-home-copy{background:#fff;margin-top:33px;padding:23px 29px;border-radius:20px;border:1px solid #e3edf9}.seo-home-copy h2{font-size:22px}.seo-home-copy p{font-size:13px;color:#647992;line-height:1.85}.ad-slot{margin-bottom:18px}.ad-placeholder{background:#f8fcff;border:2px dashed #c8dced;border-radius:17px;padding:24px 9px;min-height:180px;color:#6391c0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:6px}.ad-placeholder .ad-overline{font-size:9px;letter-spacing:.12em;font-weight:900}.ad-placeholder strong{font-size:19px;color:#2a5c97}.ad-placeholder small{font-size:10px;color:#8395a5}.ad-inline .ad-placeholder{min-height:96px}.inline-ad{margin-bottom:27px}.ad-header .ad-placeholder,.header-ad .ad-placeholder,.bottom-ad .ad-placeholder{min-height:90px}.ad-live{min-width:0;overflow:hidden}.page-top-banner{background:linear-gradient(115deg,#091d47,#073884);border-radius:24px;color:white;padding:37px 48px;margin-top:27px;margin-bottom:29px;min-height:180px}.page-top-banner h1{font-size:clamp(29px,3vw,46px);font-weight:900;margin:5px 0 10px}.page-top-banner p{color:#c5def8;max-width:720px}.breadcrumbs,.tool-breadcrumb{color:#9ebbe0;font-size:12px;font-weight:750;margin-bottom:14px}.breadcrumbs a:hover,.tool-breadcrumb a:hover{color:#fff}.tool-breadcrumb{margin-top:25px;display:flex;gap:12px;align-items:center;color:#6784a5}.tool-heading{background:#fff;border:1px solid #deebfb;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:23px;margin-bottom:21px;box-shadow:var(--shadow)}.tool-heading h1{font-size:clamp(28px,2.4vw,39px);margin:12px 0 9px;font-weight:950}.tool-heading p{font-size:13px;color:#71839b;margin:0 0 14px}.tool-heading img{width:33%;height:160px;object-fit:cover;border-radius:17px;flex:none}.tool-badges{display:flex;flex-wrap:wrap;gap:8px}.tool-badges span{font-size:10px;font-weight:800;color:#26837d;background:#e4f9f4;padding:6px 8px;border-radius:20px}.tool-workspace{background:#fff;border:1px solid #dbe9fb;box-shadow:var(--shadow);border-radius:22px;overflow:hidden;margin-bottom:22px}.workspace-title{background:linear-gradient(90deg,#f0f8ff,#fff);display:flex;align-items:center;gap:12px;padding:23px 28px;border-bottom:1px solid #deebfa}.workspace-logo{background:#156ff5;border-radius:13px;color:#fff;font-size:28px;display:grid;place-items:center;width:51px;height:51px}.workspace-title h2{font-size:21px;font-weight:900;margin:0 0 4px}.workspace-title p{font-size:12px;color:#6d8297;margin:0}#at-tool-app{padding:27px;min-height:240px}.app-loading{color:#8392a2}.tool-form{display:grid;gap:17px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-form label,.at-contact-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;color:#2b4668}.tool-form input:not([type=checkbox]):not([type=radio]),.tool-form select,.tool-form textarea,.at-contact-form input:not([type=checkbox]),.at-contact-form textarea,.archive-search input{border:1px solid #d3e4f4;border-radius:12px;min-height:45px;padding:12px 13px;width:100%;outline:none;background:#fbfdff;color:#162e50;font-size:14px;font-weight:500}.tool-form textarea{min-height:165px;resize:vertical;line-height:1.7}.tool-form input[type=file]{border:2px dashed #bed7ef!important;min-height:85px!important;background:#f3f9ff!important;cursor:pointer}.tool-form input[type=range]{padding:0;accent-color:#177bfa}.tool-form .row-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-form .row-inline label{display:inline-flex;flex-direction:row;align-items:center}.app-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;line-height:1.2;gap:8px}.btn-primary{color:#fff;background:linear-gradient(135deg,#2289ff,#0c57e3);box-shadow:0 8px 20px #1777f53b}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{background:#eaf3ff;color:#1268e5;border:1px solid #b6d3f9}.btn-white{background:#fff;color:#0b4fbb;font-size:15px;padding:15px 27px}.btn[disabled]{opacity:.6;cursor:not-allowed}.at-result{background:#f3f9ff;border:1px solid #cfe2fa;border-radius:15px;padding:19px;overflow-wrap:anywhere;color:#254465}.at-result strong{display:block;font-size:13px;margin-bottom:7px}.at-result pre{white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;margin:0;font-family:ui-monospace,Consolas,monospace;font-size:13px}.at-result textarea{background:#fff!important}.at-result img{max-width:100%;max-height:380px;border-radius:10px;object-fit:contain;display:block;margin:5px auto 12px;box-shadow:0 8px 24px #1b4f8d1b}.at-error{border-left:4px solid #f25263;background:#fff0f1;color:#b4233d;padding:12px 15px;border-radius:9px}.at-success{border-left:4px solid #04b98e;background:#eafaf5;color:#15775f;padding:12px 15px;border-radius:9px}.at-status{font-size:12px;color:#617994}.at-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.at-metric{background:#eef7ff;padding:16px;border-radius:12px;text-align:center}.at-metric strong{display:block;font-size:27px;font-weight:900;color:#136ef3}.at-metric span{font-size:11px;color:#617995}.at-file-info{font-size:12px;color:#647c95}.tool-content{background:#fff;padding:30px;border:1px solid #dce9f9;border-radius:21px;line-height:1.9;font-size:14px;color:#536a85}.tool-content h2,.entry-content h2{font-size:24px;font-weight:900;color:#142f56;margin:22px 0 11px}.tool-content h2:first-child{margin-top:0}.tool-tip-box{padding:17px 20px;border:1px solid #c9e8fe;background:#effaff;border-radius:14px;margin:24px 0}.tool-tip-box strong{color:#0b60b2;font-size:15px}.tool-tip-box p{margin:5px 0 0}.related-tools{margin-top:30px}.page-card{background:white;padding:32px;border:1px solid #dae8f8;border-radius:20px;min-height:270px;font-size:14px;line-height:1.9}.page-card a:not(.btn){color:#176cf3}.at-contact-form{display:grid;gap:17px;padding:18px 0}.at-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.at-alert{padding:10px 14px;background:#ebf5ff;border-radius:10px}.at-alert.error{background:#fff0f0;color:#ac1934}.at-alert.success{background:#dffaf2;color:#116d51}.archive-search{display:flex;gap:10px;max-width:550px}.archive-search input{background:white}.archive-search button{border:1px solid #b1d2fa;padding:10px 18px;border-radius:12px;background:#1468ef;color:#fff;font-weight:800}.posts-grid{display:grid;gap:17px}.post-tile{background:white;padding:26px;border-radius:18px;border:1px solid #e1eaf8}.post-tile h2{font-size:22px}.post-tile p{color:#64809b}.not-found{text-align:center;padding:90px 10px}.error-number{font-size:130px;font-weight:1000;color:#1367ed}.footer-cta{background:linear-gradient(100deg,#0d64db,#1238a2);color:#fff;margin-top:50px}.footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0}.footer-cta h2{font-size:clamp(24px,2.5vw,36px);font-weight:950;margin:3px 0}.footer-cta p{opacity:.82;margin:0;font-size:13px}.footer-kicker{font-size:11px;letter-spacing:.16em;color:#a7dbff;font-weight:950}.bottom-ad{margin-top:20px}.site-footer{background:#061c3f;color:#d5e3f8;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:2.4fr repeat(3,1fr);gap:36px}.site-footer .brand-text strong span{color:#fff}.site-footer .brand-text strong{color:#57a4ff;font-size:25px}.footer-brand p{color:#9db4d5;max-width:360px;font-size:13px;margin-top:18px;line-height:1.9}.footer-grid h3{color:#fff;margin:5px 0 17px;font-size:15px}.footer-grid>div:not(:first-child)>a{display:block;color:#9bb3d5;font-size:13px;margin:0 0 11px}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:45px;border-top:1px solid #234267;padding:20px 0;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#8ea9c9}.footer-bottom a{color:#9fceff}
@media(min-width:1700px){.content-shell{grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,220px)}.tool-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1280px){.main-nav a{padding:11px 8px;font-size:12px}.content-shell{grid-template-columns:minmax(0,1fr) 200px}.content-shell>div:first-child{display:none}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{width:60%}.hero-illustration{width:46%}}
@media(max-width:1050px){.container{width:min(100% - 36px,1000px)}.main-nav{display:none;position:absolute;top:calc(100% - 1px);left:18px;right:18px;flex-direction:column;align-items:stretch;background:white;padding:17px;border:1px solid #dce9f8;border-radius:0 0 18px 18px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:12px 15px}.mobile-menu{display:block}.header-inner{min-height:79px}.hero h1{font-size:43px}.hero-copy{padding:34px 0 34px 34px}.hero{min-height:400px}.hero-illustration{right:-20px;width:48%}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:198px}.footer-grid{gap:20px}}
@media(max-width:750px){.topbar-inner{justify-content:center}.top-links{display:none}.container{width:min(100% - 26px,700px)}.brand-mark{width:46px;height:46px}.brand-text strong{font-size:23px}.brand-text small{font-size:10px}.hero{display:block;min-height:unset;margin-top:13px;border-radius:20px}.hero-copy{width:100%;max-width:none;padding:30px 24px 17px}.hero h1{font-size:clamp(33px,8vw,49px)}.hero-copy>p{font-size:13px}.hero-illustration{position:relative;display:block;width:75%;max-width:450px;margin:-10px auto -20px;right:auto;bottom:auto}.hero-search{height:61px;padding-left:9px;margin-top:20px}.hero-search button{padding:12px 14px}.hero-search input{font-size:12px}.features-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 10px;gap:14px}.features-strip>div{justify-content:flex-start}.feature-icon{width:37px;height:37px;font-size:19px}.features-strip b{font-size:11px}.features-strip small{font-size:10px}.content-shell{display:block;margin-top:22px}.content-shell>div:first-child,.content-shell>div:last-child{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{min-height:189px}.category-art{width:65px;height:65px;border-radius:19px;font-size:31px}.category-card strong{font-size:13px}.category-card small{font-size:10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card-body{padding:12px}.tool-card h3{font-size:13px}.tool-card p{font-size:11px;min-height:44px}.tool-pill{font-size:9px}.tool-action{font-size:11px}.section-header h2{font-size:26px}.page-top-banner{padding:28px 24px;border-radius:18px}.tool-heading img{height:120px;width:32%}.tool-heading h1{font-size:27px}.tool-heading{padding:17px}.workspace-title{padding:20px}#at-tool-app{padding:16px}.field-grid,.field-grid.three{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-cta-inner{flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column}.at-form-grid{grid-template-columns:1fr}}
@media(max-width:450px){.container{width:min(100% - 22px,400px)}.brand-text strong{font-size:21px}.brand-text small{font-size:9px}.header-search-btn{display:none}.hero-copy{padding:26px 18px 12px}.hero h1{font-size:34px}.hero-search button{padding:11px 11px;font-size:11px}.hero-illustration{width:94%;margin:-8px auto -13px}.hero-tags{font-size:10px}.features-strip{gap:16px 7px}.features-strip>div{gap:6px}.feature-icon{width:31px;height:31px;font-size:17px}.features-strip b{font-size:10px}.features-strip small{font-size:9px}.category-card{padding:15px 7px 10px;min-height:181px}.category-art{width:58px;height:58px;font-size:28px}.tool-grid{gap:9px}.tool-card-body{padding:11px}.tool-card h3{font-size:12px}.tool-card p{font-size:10px}.filter-bar{gap:6px}.filter-btn{padding:8px 10px;font-size:11px}.tool-heading{display:block}.tool-heading img{height:140px;width:100%;margin-top:15px}.at-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-card,.tool-content{padding:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.footer-grid h3{font-size:13px}.footer-grid>div:not(:first-child)>a{font-size:12px}}

/* v1.1.0 original AsiaTechTools.net visual refresh */
.brand-area{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;min-width:0;gap:1px}
.brand-original-logo{display:block;width:min(255px,22vw);height:auto;max-height:81px;object-fit:contain;object-position:left center}
.brand-tagline{display:inline-block;color:#3b6799;font-weight:800;font-size:11px;margin-left:2px;line-height:1.4;text-decoration:none;white-space:nowrap}
.brand-tagline:hover{text-decoration:underline;color:#0965ea}
.footer-brand .brand-original-logo{width:255px;max-width:100%}
.footer-brand .brand-tagline{color:#adcff8;font-size:12px}
.hero{background:#06285e;min-height:440px}
.hero:before{z-index:1;inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(1,14,46,.92) 0%,rgba(2,21,61,.86) 38%,rgba(2,30,77,.23) 72%,rgba(2,32,83,.04) 100%)}
.hero:after{content:none}
.hero-illustration{position:absolute;inset:0;width:100%;height:100%;max-width:none;right:auto;bottom:auto;object-fit:cover;object-position:58% center;z-index:0;filter:none}
.hero-copy{position:relative;z-index:2;width:58%;max-width:690px}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-photo-card{padding:0 0 12px;overflow:hidden;min-height:270px;align-items:stretch;text-align:left}
.category-photo{display:block;width:100%;aspect-ratio:1.6;overflow:hidden;background:#07327b;margin:0 0 12px}
.category-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.category-photo-card:hover .category-photo img{transform:scale(1.06)}
.category-photo-card>strong{padding:0 14px;font-size:15px}
.category-photo-card>small{padding:0 14px;margin:5px 0 13px;font-size:11px}
.category-photo-card .category-bottom{padding:11px 14px 0;gap:7px}
.category-photo-card .category-bottom b{background:#e5f2ff;color:#1366bb}
.category-planned{background:#f8fbff;cursor:default}
.category-planned:hover{transform:none;box-shadow:0 8px 24px rgba(39,89,150,.07)}
.category-planned .category-photo{filter:saturate(.87)}
.category-planned .category-bottom b{background:#f0f3fa;color:#687a95}
.category-planned .category-bottom>span{color:#7c89a2}
@media (max-width:1280px){.brand-original-logo{width:min(230px,24vw)}.header-inner{gap:10px}.main-nav{gap:0}}
@media (max-width:1050px){.brand-original-logo{width:245px;max-width:80vw}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:750px){.brand-original-logo{width:205px;max-width:74vw}.brand-tagline{font-size:10px}.hero-copy{width:100%;padding:32px 24px 39px;min-height:480px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:linear-gradient(180deg,rgba(1,16,53,.90),rgba(1,21,56,.37))}.hero-illustration{position:absolute;object-fit:cover;object-position:67% center;width:100%;height:100%;margin:0;max-width:none}.hero{min-height:480px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-photo-card{min-height:230px}.category-photo-card>strong{font-size:13px}.category-photo-card>small{font-size:10px}}
@media (max-width:450px){.brand-original-logo{width:190px}.brand-tagline{font-size:9px}.hero-copy{padding:28px 18px 34px;min-height:455px}.category-grid{gap:10px}.category-photo-card{min-height:206px}.category-photo-card>strong,.category-photo-card>small{padding-left:10px;padding-right:10px}.category-photo-card .category-bottom{padding:10px 10px 0;flex-wrap:wrap}.category-photo{aspect-ratio:1.15}}

/* v1.2 — Unified user-supplied AsiaTechTools.net logo and new inner-page artwork. */
.brand-area{position:relative;display:block;width:clamp(235px,26vw,370px);flex:0 1 auto;min-width:0}
.brand{display:block;width:100%;line-height:0}
.brand-original-logo{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}
/* The uploaded artwork includes the exact tagline, so this overlaid accessible link avoids duplicate text. */
.brand-tagline-overlay{position:absolute;z-index:3;left:34%;bottom:4%;width:63%;height:22%;border-radius:3px;cursor:pointer}
.brand-tagline-overlay:hover{background:rgba(12,136,255,.045)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.footer-brand .brand-area{width: min(100%,370px)}
.footer-brand .brand-original-logo{width:100%;max-width:none;max-height:none}
.page-top-banner{position:relative;isolation:isolate;overflow:hidden;padding-right:clamp(24px,31%,390px);min-height:220px;background:linear-gradient(105deg,#061d4f 0%,#0b3a8b 100%);color:#fff}
.page-top-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,14,50,.98),rgba(1,21,58,.93) 58%,rgba(1,21,58,.2));z-index:-1}
.page-top-banner .breadcrumbs,.page-top-banner .breadcrumbs a{color:#c8e0ff}
.page-top-banner h1{position:relative;color:#fff}
.page-top-banner p{position:relative;color:#cfe3ff}
.page-banner-art{position:absolute;right:0;top:0;height:100%;width:34%;object-fit:cover;object-position:center;z-index:-2;filter:saturate(1.1)}
@media(max-width:1150px){.brand-area{width:260px}.header-inner{gap:10px}}
@media(max-width:1050px){.brand-area{width:305px}.page-top-banner{padding-right:32%}}
@media(max-width:750px){.brand-area{width:250px;max-width:77vw}.page-top-banner{padding:27px 22px;min-height:220px}.page-banner-art{width:60%;opacity:.3}.page-top-banner::before{background:linear-gradient(90deg,rgba(1,17,52,.96),rgba(1,17,52,.65))}}
@media(max-width:450px){.brand-area{width:220px;max-width:80vw}}

/* v1.3.0 — interactive image cropper, passport photo studio & bg removal */
.at-photo-panel{display:grid;gap:17px;max-width:100%;color:#162b4a}
.at-photo-file-field{display:flex;flex-direction:column;gap:9px;min-width:0;background:linear-gradient(135deg,#eff7ff,#f9fcff);border:2px dashed #9cbde9;border-radius:17px;padding:20px!important}
.at-photo-file-field strong{font-size:17px;color:#082d65}
.at-photo-file-field input[type=file]{max-width:100%;padding:11px;background:#fff;border:1px solid #d8e8fb;border-radius:11px}
.at-photo-file-field small,.at-photo-panel .at-file-info{font-size:12px;color:#55708e;line-height:1.6}
.at-photo-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:15px}
.at-photo-panel label{display:grid;gap:7px;font-weight:700;font-size:13px;color:#173e6d}
.at-photo-panel label.row-inline{display:flex;align-items:center;gap:10px}
.at-photo-panel input:not([type=checkbox]):not([type=file]),.at-photo-panel select{min-width:0;width:100%;border:1px solid #cddff5;border-radius:11px;padding:11px 12px;background:#fff;font-size:14px;color:#14375c}
.at-photo-panel input[type=range]{padding:0!important;accent-color:#1676e9;cursor:pointer}
.at-crop-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:linear-gradient(135deg,#ecf4ff,#f6faff);border:1px solid #c9ddf9;border-radius:17px;padding:17px 10px}
.at-crop-stage canvas{display:block;max-width:100%;background:repeating-conic-gradient(#fff 0 25%,#e7edf5 0 50%) 50%/22px 22px;touch-action:none;cursor:move;border-radius:5px;box-shadow:0 8px 25px #102b4d24}
.at-crop-stage p{font-weight:650;font-size:12px;color:#547298;text-align:center;margin:12px 4px 0}
.at-photo-controls{display:flex;align-items:flex-end;gap:11px;flex-wrap:wrap}
.at-photo-controls>label{min-width:180px;flex:1 1 180px}
.at-photo-controls .btn{flex:0 0 auto}
.at-photo-panel .app-actions{display:flex;gap:11px;flex-wrap:wrap}
.at-photo-alert{font-size:13px;line-height:1.6;color:#1766bb;margin:0}
.at-photo-error{color:#ad2642;font-weight:700}.at-photo-ok{color:#157453}
.at-photo-output{background:#f6fbff;border:1px solid #cddff6;border-radius:17px;padding:20px;max-width:100%}
.at-photo-output h3{margin:0 0 12px;color:#0b326c}
.at-photo-output img{display:block;max-width:100%;max-height:450px;margin:0 auto 12px;border-radius:12px;object-fit:contain;box-shadow:0 6px 18px #0022501b}
.at-photo-output img.at-transparent-preview{background:repeating-conic-gradient(#fff 0 25%,#d5deea 0 50%) 50%/24px 24px}
.at-photo-output p{font-size:12px;color:#546d88;margin-bottom:14px}
.at-bg-privacy{border:1px solid #f5cf90;background:#fff8eb;padding:15px;border-radius:14px;color:#7f4c10;font-size:13px;line-height:1.7}
.at-bg-privacy p{margin:0 0 10px}
.at-bg-privacy label{display:flex;align-items:center}
@media(max-width:600px){.at-photo-file-field{padding:14px!important}.at-photo-fields{grid-template-columns:1fr}.at-photo-panel .app-actions .btn{width:100%}.at-photo-controls .btn{flex:1}}

/* v1.4: Show the whole 400x400 supplied tool graphic, including its baked-in label.
   Previous 'cover' styling cut off the bottom of the square user-provided artwork. */
.tool-art {aspect-ratio: 1.15; background:#edf8ff; display:flex; align-items:center; justify-content:center;}
.tool-art img {width:100%; height:100%; object-fit:contain; object-position:center;}
.tool-card:hover .tool-art img {transform:scale(1.018);}
.tool-heading img {height:225px;object-fit:contain;background:#eaf7ff;}
@media(max-width:750px){.tool-heading img{height:170px}}
@media(max-width:450px){.tool-heading img{height:190px}}