:root{--color-navy:#0d1b4b;--color-navy-dark:#090f2e;--color-accent:#2563eb;--color-accent-lt:#3b82f6;--color-accent-hover:#1d4ed8;--color-white:#ffffff;--color-bg:#f5f7fa;--color-surface:#ffffff;--color-border:#e2e8f0;--color-text:#1e293b;--color-muted:#64748b;--color-shadow:rgba(0,0,0,.07);--color-shadow-md:rgba(0,0,0,.13);--header-bg:#ffffff;--header-text:#1e293b;--header-border:#e2e8f0;--header-link:#1e293b;--header-link-hover:#2563eb;--header-height:64px;--topbar-bg:#090f2e;--topbar-text:#ffffff;--hero-bg:#0d1b4b;--hero-text:#ffffff;--footer-bg:#090f2e;--footer-text:rgba(255,255,255,.82);--font-body:'Inter', system-ui, -apple-system, sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:.2s ease;--container:1200px;--container-pad:1.5rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}img,svg,video,iframe{max-width:100%;height:auto;display:block}ul,ol{list-style:none}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad)}.skip-link{position:absolute;top:-999px;left:0;background:var(--color-accent);color:#fff;padding:.5rem 1rem;z-index:9999;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{top:0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top-bar{background:var(--topbar-bg);padding:.35rem 0;font-size:.8125rem;width:100%}.top-bar-inner{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);flex-wrap:wrap}.topbar-menu{display:flex;flex-wrap:wrap;gap:.75rem}.topbar-menu a{color:rgb(255 255 255 / .8);transition:color var(--transition);white-space:nowrap}.topbar-menu a:hover{color:#fff;text-decoration:none}.site-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);position:-webkit-sticky;position:sticky;top:0;z-index:500;box-shadow:0 1px 4px var(--color-shadow);width:100%}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:var(--header-height)}.site-branding{flex-shrink:0}.site-branding a,.site-branding .site-title{display:flex;align-items:center;gap:.5rem;text-decoration:none}.site-branding .brand-name{font-size:1.2rem;font-weight:700;color:var(--header-text);letter-spacing:-.02em;white-space:nowrap}.site-branding img,.site-branding svg{height:36px;width:auto;flex-shrink:0}.main-navigation{display:flex;align-items:center}.nav-menu{display:flex;align-items:center;gap:.15rem;flex-wrap:nowrap}.nav-menu li{position:relative}.nav-menu>li>a{display:block;padding:.5rem .85rem;color:var(--header-link);font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);white-space:nowrap;text-decoration:none}.nav-menu>li>a:hover,.nav-menu .current-menu-item>a{background:var(--color-bg);color:var(--header-link-hover);text-decoration:none}.nav-menu .sub-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--color-shadow-md);min-width:200px;padding:.5rem;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--transition),transform var(--transition);z-index:600;list-style:none}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu .sub-menu a{display:block;color:var(--color-text);padding:.45rem .75rem;font-size:.875rem;border-radius:var(--radius-sm);text-decoration:none}.nav-menu .sub-menu a:hover{background:var(--color-bg);color:var(--color-accent)}.tools-dropdown{min-width:480px;columns:3;column-gap:.5rem}.tools-dropdown li{break-inside:avoid}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--header-text);flex-shrink:0}.hamburger,.hamburger::before,.hamburger::after{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s ease}.hamburger{position:relative}.hamburger::before,.hamburger::after{content:'';position:absolute;left:0}.hamburger::before{top:-7px}.hamburger::after{top:7px}.mobile-menu-toggle[aria-expanded="true"] .hamburger{background:#fff0}.mobile-menu-toggle[aria-expanded="true"] .hamburger::before{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle[aria-expanded="true"] .hamburger::after{transform:rotate(-45deg) translate(5px,-5px)}.hero-section{background:var(--hero-bg);color:var(--hero-text);padding:var(--space-xl) 0;text-align:center;position:relative;overflow:hidden;width:100%}.hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgb(37 99 235 / .22) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1;overflow:hidden}.hero-title{font-size:clamp(1.6rem, 4vw, 2.75rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:var(--space-sm);letter-spacing:-.02em;overflow-wrap:break-word;word-break:break-word;hyphens:auto;padding:0 .5rem}.hero-subtitle{font-size:clamp(.9375rem, 2vw, 1.2rem);color:rgb(255 255 255 / .82);max-width:580px;margin:0 auto var(--space-md);overflow-wrap:break-word;padding:0 .5rem}.hero-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:var(--space-md);padding:0 .5rem}.hero-icon-chip{display:inline-flex;align-items:center;gap:.35rem;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .2);color:#fff;padding:.35rem .8rem;border-radius:999px;font-size:.8125rem;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.hero-search{display:flex;align-items:center;max-width:540px;margin:var(--space-md) auto 0;background:#fff;border-radius:999px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .18);width:calc(100% - 2rem)}.hero-search input{flex:1;min-width:0;border:none;outline:none;padding:.8rem 1rem;font-size:.9375rem;color:var(--color-text);background:#fff0;font-family:inherit}.hero-search button{background:var(--color-accent);border:none;color:#fff;padding:.8rem 1.2rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:background var(--transition);white-space:nowrap;flex-shrink:0;font-family:inherit}.hero-search button:hover{background:var(--color-accent-hover)}.tools-section{padding:var(--space-lg) 0}.category-section{margin-bottom:var(--space-lg);width:100%}.category-header{display:flex;align-items:center;margin-bottom:.85rem;width:100%}.category-title{font-size:1rem;font-weight:700;color:var(--color-navy);padding-bottom:.4rem;border-bottom:2px solid var(--color-accent);display:block;width:100%;text-decoration:none}.category-title:hover{color:var(--color-accent);text-decoration:none}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem;width:100%}.tools-grid-compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.tool-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1rem 1.125rem;min-height:120px;width:100%;overflow:hidden;color:var(--color-text);text-decoration:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--color-shadow-md);border-color:var(--color-accent-lt);text-decoration:none;color:var(--color-text)}.tool-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tool-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:var(--radius-sm);flex-shrink:0;align-self:center;margin:0 auto}.tool-card-icon span,.tool-card-icon .card-svg-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.tool-card-icon svg,.tool-card-icon img{width:26px;height:26px;color:var(--color-accent);flex-shrink:0;display:block}.tool-card-title{display:block;width:100%;text-align:center;font-size:.8125rem;font-weight:600;line-height:1.35;color:var(--color-text);overflow-wrap:break-word;word-break:break-word;hyphens:auto;margin:0;padding:0}.tool-card-desc{display:block;width:100%;text-align:center;font-size:.75rem;color:var(--color-muted);line-height:1.4;overflow-wrap:break-word;word-break:break-word;margin:0}.page-content{padding:var(--space-lg) 0;overflow-wrap:break-word;word-break:break-word}.page-header{margin-bottom:var(--space-md);text-align:left}.page-header h1{font-size:clamp(1.4rem, 3vw, 2.25rem);font-weight:800;color:var(--color-navy);overflow-wrap:break-word;word-break:break-word;line-height:1.2}.entry-content{font-size:1rem;line-height:1.8;color:var(--color-text);overflow-wrap:break-word;word-break:break-word}.entry-content h2,.entry-content h3{color:var(--color-navy);margin:1.5rem 0 .75rem;overflow-wrap:break-word}.entry-content p{margin-bottom:1rem}.entry-content ul,.entry-content ol{padding-left:1.5rem;margin-bottom:1rem;list-style:revert}.entry-content a{color:var(--color-accent)}.entry-content img{border-radius:var(--radius-md);margin:1rem 0;max-width:100%}.entry-content table{width:100%;overflow-x:auto;display:block}.content-article{max-width:860px}.section-title{font-size:clamp(1.25rem, 3vw, 1.5rem);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-md);text-align:center;overflow-wrap:break-word}.tool-page{padding:var(--space-md) 0 var(--space-xl);overflow:hidden}.tool-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);overflow:hidden}.tool-header-icon{width:60px;height:60px;flex-shrink:0;background:#eff6ff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.tool-header-icon svg{width:32px;height:32px;color:var(--color-accent)}.tool-header-icon span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tool-header-text{flex:1;min-width:0}.tool-title{font-size:clamp(1.25rem, 3vw, 1.85rem);font-weight:800;color:var(--color-navy);margin-bottom:.4rem;overflow-wrap:break-word;word-break:break-word;line-height:1.2}.tool-excerpt{color:var(--color-muted);font-size:1rem;overflow-wrap:break-word}.tool-workspace{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);min-height:240px;overflow:hidden}.tool-content{margin-top:var(--space-md)}.related-tools{margin-top:var(--space-lg)}.related-tools h2{font-size:1.2rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-sm)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.8125rem;color:var(--color-muted);margin-bottom:var(--space-sm);overflow-wrap:break-word}.breadcrumbs a{color:var(--color-muted)}.breadcrumbs a:hover{color:var(--color-accent);text-decoration:none}.breadcrumbs .sep{color:var(--color-border)}.faq-section{padding:var(--space-lg) 0;background:var(--color-surface);width:100%}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.9rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:.9375rem;font-weight:600;color:var(--color-text);font-family:inherit;gap:.5rem}.faq-answer{display:none;color:var(--color-muted);padding:.25rem 0 1rem;line-height:1.7;font-size:.9375rem}.faq-item.open .faq-answer{display:block}.faq-icon{transition:transform .3s ease;font-style:normal;font-weight:400;flex-shrink:0}.faq-item.open .faq-question .faq-icon{transform:rotate(45deg)}.rating-section{background:var(--color-navy);color:#fff;padding:var(--space-lg) 0;text-align:center;width:100%}.rating-section h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;overflow-wrap:break-word}.rating-section p{color:rgb(255 255 255 / .75);margin-bottom:var(--space-sm)}.star-rating{display:flex;justify-content:center;gap:.4rem;font-size:2rem}.star-btn{background:none;border:none;cursor:pointer;color:rgb(255 255 255 / .35);font-size:inherit;line-height:1;transition:color .2s;padding:0}.star-btn.active{color:#facc15}.star-rating:hover .star-btn{color:rgb(255 255 255 / .35)}.star-rating .star-btn:hover{color:#facc15}.star-rating .star-btn:hover~.star-btn{color:#facc15}.ad-slot{text-align:center;padding:var(--space-sm) 0;overflow:hidden}.ad-slot ins,.ad-slot>div{max-width:100%}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:var(--space-lg) 0 var(--space-md);margin-top:var(--space-lg);width:100%}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:var(--space-lg);align-items:start}.footer-widget-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.75rem}.footer-about p{font-size:.875rem;line-height:1.7}.footer-logo{margin-bottom:.75rem}.footer-logo svg{height:30px;width:auto}.footer-menu{display:flex;flex-direction:column;gap:.4rem}.footer-menu a{color:rgb(255 255 255 / .7);font-size:.875rem;transition:color var(--transition)}.footer-menu a:hover{color:#fff;text-decoration:none}.social-links{display:flex;flex-direction:column;gap:.4rem}.social-links a{color:rgb(255 255 255 / .7);font-size:.875rem;transition:color var(--transition)}.social-links a:hover{color:#fff;text-decoration:none}.copyright{font-size:.8125rem;margin-bottom:.4rem}.footer-email a{color:rgb(255 255 255 / .7);font-size:.8125rem}.footer-email a:hover{color:#fff}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.4rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none;line-height:1;font-family:inherit;white-space:nowrap}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgb(37 99 235 / .3);text-decoration:none;color:#fff}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border);text-decoration:none}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);text-align:center;background:var(--color-bg);cursor:pointer;transition:border-color var(--transition),background var(--transition);overflow:hidden}.upload-area:hover,.upload-area.dragover{border-color:var(--color-accent);background:rgb(37 99 235 / .04)}.upload-area input[type="file"]{display:none}.upload-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.upload-label{font-size:.9375rem;color:var(--color-muted);overflow-wrap:break-word}.upload-label strong{color:var(--color-accent);cursor:pointer}.form-group{margin-bottom:var(--space-sm)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.4rem}.form-control{display:block;width:100%;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--color-text);background:var(--color-surface);outline:none;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition);max-width:100%}.form-control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgb(37 99 235 / .1)}.progress-bar-wrap{height:8px;background:var(--color-border);border-radius:999px;overflow:hidden;margin-top:var(--space-sm)}.progress-bar{height:100%;background:var(--color-accent);border-radius:inherit;transition:width .4s ease;width:0%}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-muted{color:var(--color-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.hidden{display:none!important}.w-full{width:100%}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.85rem}.tools-dropdown{min-width:300px;columns:2}}@media (max-width:768px){:root{--space-lg:2rem;--space-xl:2.5rem;--container-pad:1.25rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.main-navigation{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 8px 24px var(--color-shadow-md);padding:var(--space-sm);display:none;z-index:490;max-height:calc(100vh - var(--header-height));overflow-y:auto}.main-navigation.is-open{display:block}.nav-menu{flex-direction:column;align-items:stretch;gap:0}.nav-menu>li>a{color:var(--color-text);padding:.75rem 1rem;border-bottom:1px solid var(--color-border);border-radius:0}.nav-menu .sub-menu{position:static;opacity:1;pointer-events:auto;transform:none;box-shadow:none;border:none;border-radius:0;background:var(--color-bg);padding-left:1rem;columns:1;display:none;min-width:unset;width:100%}.nav-menu li.is-open>.sub-menu{display:block}.nav-menu .sub-menu a{color:var(--color-text);border-bottom:1px solid var(--color-border);border-radius:0}.tools-dropdown{min-width:unset;columns:1}.footer-grid{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.footer-menu{align-items:center}.social-links{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center}.footer-logo{display:flex;justify-content:center}.tool-header{flex-direction:column;align-items:center;text-align:center}.tool-header-text{text-align:center;width:100%}.tool-title,.tool-excerpt{text-align:center}.hero-section{padding:var(--space-lg) 0}.hero-title{letter-spacing:-.01em}.tools-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.tools-grid-compact{grid-template-columns:repeat(3,1fr)}.upload-area{padding:var(--space-lg) var(--space-sm)}}@media (max-width:600px){:root{--container-pad:1rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:.65rem}.tools-grid-compact{grid-template-columns:repeat(3,1fr)}.tool-card{padding:1rem .75rem;min-height:108px;gap:.5rem}.tool-card-icon{width:42px;height:42px}.tool-card-icon svg,.tool-card-icon img{width:24px;height:24px}.tool-card-title{font-size:.775rem}.hero-search{flex-direction:column;border-radius:var(--radius-md);overflow:visible;background:#fff0;box-shadow:none;gap:.5rem;width:calc(100% - 2rem);max-width:400px}.hero-search input{width:100%;border-radius:999px;border:none;box-shadow:0 2px 12px rgb(0 0 0 / .15);padding:.8rem 1.2rem;background:#fff}.hero-search button{width:100%;border-radius:999px;padding:.75rem 1.2rem;justify-content:center}}@media (max-width:480px){:root{--space-lg:1.75rem;--space-xl:2rem;--container-pad:.875rem}.tools-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.tools-grid-compact{grid-template-columns:repeat(2,1fr)}.tool-card{padding:.875rem .65rem;min-height:100px;gap:.45rem}.tool-card-icon{width:40px;height:40px}.tool-card-icon svg,.tool-card-icon img{width:22px;height:22px}.tool-card-title{font-size:.75rem;line-height:1.3}.hero-title{font-size:clamp(1.375rem, 6vw, 1.75rem)}.hero-subtitle{font-size:.875rem}.hero-icons{gap:.4rem}.hero-icon-chip{font-size:.75rem;padding:.3rem .65rem}.section-title{font-size:1.125rem}.category-title{font-size:.9375rem}.tool-workspace{padding:var(--space-md) var(--space-sm)}.tool-header{padding:var(--space-sm);gap:var(--space-sm)}.btn{font-size:.875rem;padding:.6rem 1.1rem}}@media (max-width:360px){:root{--container-pad:.75rem}.tool-card{padding:.75rem .5rem;min-height:90px}.tool-card-icon{width:36px;height:36px}.tool-card-icon svg,.tool-card-icon img{width:20px;height:20px}.tool-card-title{font-size:.6875rem}.hero-title{font-size:1.25rem;letter-spacing:0}.brand-name{font-size:1rem}}@media print{.site-header,.site-footer,.top-bar,.hero-section,.ad-slot,.mobile-menu-toggle{display:none!important}body{color:#000;background:#fff}a{color:#000}}