:root{--tools-ink:#152238;--tools-muted:#617087;--tools-brand:#0f6fff;--tools-brand-dark:#084ea9;--tools-soft:#f4f8ff;--tools-line:#dce5f1;--tools-good:#087f5b;--tools-bad:#c92a2a}
.tools-page{color:var(--tools-ink);background:#fff}.tools-page *{box-sizing:border-box}.tools-hero,.tool-detail__hero{padding:150px 0 70px;background:linear-gradient(135deg,#eef5ff 0,#fff 54%,#edf9f6 100%);border-bottom:1px solid var(--tools-line)}.tools-hero__inner{max-width:790px;margin:32px auto 0;text-align:center}.tools-eyebrow,.tools-section__heading span{display:block;color:var(--tools-brand);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.tools-hero h1,.tool-detail h1{margin:12px 0 18px;font-size:clamp(2.1rem,5vw,4rem);line-height:1.08;letter-spacing:-.035em}.tools-hero p,.tool-detail__heading p{color:var(--tools-muted);font-size:1.08rem;line-height:1.75}.tools-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.86rem;color:var(--tools-muted)}.tools-breadcrumb a{color:var(--tools-brand)}.tools-search{display:flex;align-items:center;gap:12px;margin:30px auto 8px;padding:0 20px;max-width:660px;background:#fff;border:1px solid var(--tools-line);border-radius:14px;box-shadow:0 12px 35px rgba(30,70,120,.09)}.tools-search:focus-within{border-color:var(--tools-brand);box-shadow:0 0 0 4px rgba(15,111,255,.1)}.tools-search input{width:100%;padding:17px 0;border:0;outline:0;font-size:1rem;background:transparent}.tools-search-status{min-height:24px!important;margin:0!important;font-size:.88rem!important}.tools-section{padding:70px 0}.tools-section--muted{background:#f7f9fc}.tools-section__heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.tools-section__heading h2{margin:6px 0 0;font-size:2rem}.tool-grid>div{margin-bottom:24px}.tool-card{display:flex;flex-direction:column;height:100%;padding:25px;border:1px solid var(--tools-line);border-radius:16px;background:#fff;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{color:inherit;text-decoration:none;transform:translateY(-4px);border-color:#b8cdf0;box-shadow:0 16px 36px rgba(31,57,91,.1)}.tool-card__icon,.tool-detail__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:var(--tools-soft);color:var(--tools-brand);font-size:1.25rem}.tool-card h3{margin:20px 0 9px;font-size:1.16rem}.tool-card p{flex:1;color:var(--tools-muted);line-height:1.6}.tool-card__meta{display:flex;justify-content:space-between;align-items:center;color:var(--tools-brand);font-size:.82rem;font-weight:700}.tool-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.tool-category-card{padding:22px;border:1px solid var(--tools-line);border-radius:14px;background:#fff;color:inherit}.tool-category-card:hover{text-decoration:none;color:inherit;border-color:var(--tools-brand)}.tool-category-card i{color:var(--tools-brand);font-size:1.35rem}.tool-category-card strong,.tool-category-card span{display:block;margin-top:12px}.tool-category-card span{margin-top:3px;color:var(--tools-brand);font-size:.78rem}.tool-category-card p{margin:10px 0 0;color:var(--tools-muted);font-size:.88rem;line-height:1.5}.tools-empty{text-align:center;padding:50px;color:var(--tools-muted)}
.tool-detail__heading{display:flex;align-items:flex-start;gap:22px;max-width:850px;margin-top:34px}.tool-detail__heading h1{font-size:clamp(2.1rem,4vw,3.35rem)}.tool-detail__icon{flex:0 0 70px;width:70px;height:70px;font-size:1.7rem;background:#fff;box-shadow:0 9px 30px rgba(20,60,120,.1)}.tool-workspace-section{padding:55px 0 30px}.tool-workspace{max-width:1000px;margin:0 auto;padding:30px;border:1px solid var(--tools-line);border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(24,49,80,.1)}.tool-widget label{display:block;margin-bottom:8px;font-weight:700}.tool-field{flex:1;margin-bottom:20px}.tool-field input[type=text],.tool-field input[type=number],.tool-field input[type=date],.tool-field input[type=file],.tool-field select,.tool-field textarea{display:block;width:100%;padding:13px 14px;border:1px solid #cad6e4;border-radius:9px;background:#fff;color:var(--tools-ink);font:inherit}.tool-field textarea{resize:vertical;font-family:Consolas,Monaco,monospace;font-size:.92rem;line-height:1.55}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{outline:0;border-color:var(--tools-brand);box-shadow:0 0 0 3px rgba(15,111,255,.1)}.tool-field input[type=range]{width:100%;accent-color:var(--tools-brand)}.tool-row{display:flex;gap:18px}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 22px}.tool-actions button,.tool-download{padding:12px 19px;border:1px solid var(--tools-brand);border-radius:9px;background:var(--tools-brand);color:#fff;font-weight:700;cursor:pointer}.tool-actions button:hover,.tool-download:hover{background:var(--tools-brand-dark);color:#fff;text-decoration:none}.tool-actions .secondary{background:#fff;color:var(--tools-brand)}.tool-actions .ghost{border-color:#cfd8e3;background:#fff;color:#4c5a6d}.tool-message{margin-top:18px;padding:13px 15px;border-radius:8px}.tool-message.is-error{background:#fff0f0;color:var(--tools-bad)}.tool-message.is-success{background:#e9fbf4;color:var(--tools-good)}.tool-result{padding:20px;border-radius:12px;background:var(--tools-soft);font-size:1.05rem;line-height:1.7}.tool-result strong{font-size:1.35rem}.tool-note{margin-bottom:20px;padding:14px 16px;border-left:4px solid #f59f00;background:#fff9db;color:#6b5400}.tool-checks{display:flex;gap:20px;flex-wrap:wrap;margin:5px 0 24px}.tool-checks label{font-weight:600}.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.counter-grid strong{padding:16px;border-radius:10px;background:var(--tools-soft);text-align:center}.counter-grid span{display:block;color:var(--tools-brand);font-size:1.4rem}.image-result,.qr-result{text-align:center;padding:20px;border-radius:12px;background:var(--tools-soft)}.image-result img{max-width:100%;max-height:480px}.qr-result canvas{max-width:100%;height:auto!important}.strength-result{font-weight:700}.regex-output{white-space:pre-wrap;word-break:break-word;padding:16px}.regex-output mark{background:#ffe066}.tool-ad{display:grid;place-items:center;min-height:110px;margin:34px auto;color:#8a96a8;font-size:.72rem}.tool-content-section{padding:35px 0 75px}.tool-content section{margin-bottom:42px}.tool-content h2{margin-bottom:15px;font-size:1.65rem}.tool-content p,.tool-content li{color:#4f6075;line-height:1.8}.tool-faq details{margin-bottom:10px;border:1px solid var(--tools-line);border-radius:10px;background:#fff}.tool-faq summary{padding:17px;font-weight:700;cursor:pointer}.tool-faq details div{padding:0 17px 15px}.tool-privacy,.tool-cta{margin-bottom:22px;padding:25px;border-radius:15px;background:var(--tools-soft)}.tool-privacy i{color:var(--tools-good);font-size:1.5rem}.tool-sidebar h2{margin:12px 0;font-size:1.25rem}.tool-sidebar p{color:var(--tools-muted);line-height:1.65}.tool-cta{background:var(--tools-ink);color:#fff}.tool-cta p{color:#c4cfdd}.tool-cta a{display:inline-block;padding:10px 14px;border-radius:7px;background:#fff;color:var(--tools-ink);font-weight:700}
@media(max-width:991px){.tool-category-grid{grid-template-columns:repeat(2,1fr)}.tool-sidebar{margin-top:25px}}
@media(max-width:767px){.tools-hero,.tool-detail__hero{padding:120px 0 48px}.tools-section{padding:50px 0}.tool-workspace{padding:20px 16px;border-radius:14px}.tool-row{display:block}.counter-grid{grid-template-columns:repeat(2,1fr)}.tools-section__heading{align-items:start}.tool-detail__heading{display:block}.tool-detail__icon{margin-bottom:18px}}
@media(max-width:480px){.tool-category-grid{grid-template-columns:1fr}.counter-grid{grid-template-columns:1fr}.tool-actions button,.tool-download{width:100%;text-align:center}.tools-hero h1{font-size:2.25rem}}
.tool-card__body{display:flex;flex:1;flex-direction:column}.tool-card__category{margin-top:18px;color:var(--tools-brand);font-size:.76rem;font-weight:800;text-transform:uppercase}.tool-card__title{margin:7px 0 9px;font-size:1.16rem}.tool-card__description{flex:1;color:var(--tools-muted);line-height:1.6}.tool-card__action{margin-top:18px;color:var(--tools-brand);font-size:.84rem;font-weight:700}