.tools-page{padding-top:var(--nav-height);background:var(--color-neutral-100);min-height:100vh}.tools-page .nav{background:rgba(255,255,255,.95)}.breadcrumb{padding:var(--space-6) 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-400)}.breadcrumb a{color:var(--color-neutral-600)}.breadcrumb a:hover{color:var(--color-brand)}.breadcrumb__sep{margin:0 var(--space-2);color:var(--color-neutral-400)}.breadcrumb__current{color:var(--color-neutral-700);font-weight:500}.tool-hero{padding:var(--space-6) 0 var(--space-8);text-align:left}.tool-hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);color:var(--color-neutral-900);line-height:1.15}@media (max-width:640px){.tool-hero h1{font-size:2rem}}.tool-hero__tagline{font-size:var(--font-size-lg);color:var(--color-neutral-600);max-width:720px}.tools-listing__hero{padding:var(--space-8) 0 var(--space-6);text-align:center}.tools-listing__hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-3)}.tools-listing__hero p{font-size:var(--font-size-lg);color:var(--color-neutral-600);max-width:640px;margin:0 auto}.tools-listing__controls{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-8) 0 var(--space-6)}.tools-listing__search{width:100%;max-width:480px;margin:0 auto;padding:var(--space-3) var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--color-white);font-family:inherit}.tools-listing__search:focus{outline:0;border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(30,136,229,.15)}.tools-listing__categories{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.tools-listing__category{padding:var(--space-2) var(--space-4);border:1px solid var(--color-neutral-200);border-radius:999px;background:var(--color-white);font-size:var(--font-size-sm);font-weight:500;color:var(--color-neutral-600);cursor:pointer;transition:all .15s;font-family:inherit}.tools-listing__category:hover{border-color:var(--color-brand);color:var(--color-brand)}.tools-listing__category[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);padding-bottom:var(--space-16)}.tools-grid__empty{grid-column:1/-1;text-align:center;padding:var(--space-12);color:var(--color-neutral-400)}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--color-brand-light)}.tool-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(30,136,229,.1);color:var(--color-brand);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.tool-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-neutral-900);margin:0}.tool-card__desc{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0;line-height:1.5}.tool-card__tag{font-size:.75rem;color:var(--color-brand);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:auto;padding-top:var(--space-2)}.tool-workspace{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);margin-bottom:var(--space-8);align-items:stretch}@media (max-width:900px){.tool-workspace{grid-template-columns:1fr}}.tool-panel{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;min-height:400px}.tool-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);gap:var(--space-2)}.tool-panel__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-neutral-700)}.tool-panel__toolbar{display:flex;gap:var(--space-2);flex-wrap:wrap}.tool-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-neutral-700);cursor:pointer;transition:all .12s;font-family:inherit}.tool-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.tool-btn:active{transform:translateY(1px)}.tool-btn svg{width:14px;height:14px}.tool-panel textarea{flex:1;width:100%;padding:var(--space-4);border:none;outline:0;resize:vertical;font-family:"SF Mono",Menlo,Consolas,monospace;font-size:.875rem;line-height:1.5;color:var(--color-neutral-900);background:var(--color-white);min-height:340px}.tool-panel textarea::placeholder{color:var(--color-neutral-400)}.tool-panel--output textarea{background:var(--color-neutral-100)}.tool-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0}@media (max-width:900px){.tool-actions{flex-direction:row;padding:0}}.tool-action-primary{padding:var(--space-3) var(--space-6);background:var(--color-brand);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .15s,transform .12s;min-width:140px;font-family:inherit}.tool-action-primary:hover{background:var(--color-brand-dark)}.tool-action-primary:active{transform:translateY(1px)}.tool-action-primary:disabled{background:var(--color-neutral-400);cursor:not-allowed}.tool-options{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.tool-options label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-700);cursor:pointer}.tool-options input[type=checkbox],.tool-options input[type=radio]{margin:0;cursor:pointer}.tool-options input[type=number],.tool-options input[type=text],.tool-options select{padding:.35rem .6rem;border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-white)}.tool-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-6);display:none}.tool-status[data-variant=ok]{display:block;background:rgba(67,160,71,.1);color:var(--color-green);border:1px solid rgba(67,160,71,.3)}.tool-status[data-variant=err]{display:block;background:rgba(229,57,53,.1);color:var(--color-red);border:1px solid rgba(229,57,53,.3)}.tool-status[data-variant=info]{display:block;background:rgba(30,136,229,.1);color:var(--color-brand-dark);border:1px solid rgba(30,136,229,.3)}.tool-app-banner{margin:var(--space-8) 0;padding:var(--space-8);background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:var(--radius-lg);color:var(--color-white);text-align:center}.tool-app-banner h2{color:var(--color-white);font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.tool-app-banner p{opacity:.95;margin-bottom:var(--space-6);max-width:560px;margin-left:auto;margin-right:auto}.tool-app-banner .store-badges{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.tool-app-banner .store-badges img{height:48px;width:auto}.tool-seo{padding:var(--space-8) 0}.tool-seo h2{font-size:var(--font-size-xl);margin:var(--space-8) 0 var(--space-3);color:var(--color-neutral-900)}.tool-seo h2:first-child{margin-top:0}.tool-seo li,.tool-seo p{color:var(--color-neutral-700);line-height:1.7;margin-bottom:var(--space-3)}.tool-seo ol,.tool-seo ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.tool-seo code{background:var(--color-neutral-100);padding:.15rem .4rem;border-radius:4px;font-family:"SF Mono",Menlo,Consolas,monospace;font-size:.875em;color:var(--color-brand-dark)}.tool-seo .faq__list{display:flex;flex-direction:column;gap:var(--space-3)}.tool-seo .faq__item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);background:var(--color-white);overflow:hidden}.tool-seo .faq__question{width:100%;padding:var(--space-4);background:0 0;border:none;text-align:left;font-size:var(--font-size-base);font-weight:600;color:var(--color-neutral-900);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-family:inherit}.tool-seo .faq__question::after{content:"+";font-size:1.5rem;color:var(--color-neutral-400);flex-shrink:0}.tool-seo .faq__question[aria-expanded=true]::after{content:"−"}.tool-seo .faq__answer{display:none;padding:0 var(--space-4) var(--space-4);color:var(--color-neutral-700)}.tool-seo .faq__answer[aria-hidden=false]{display:block}.tool-related{padding-bottom:var(--space-16)}.tool-related h2{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.tool-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.tool-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);padding:var(--space-3) var(--space-6);background:var(--color-neutral-900);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:var(--shadow-hover);max-width:calc(100% - 32px)}.tool-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}.tool-toast[data-variant=ok]{background:var(--color-green)}.tool-toast[data-variant=err]{background:var(--color-red)}.tool-toast[data-variant=warn]{background:#f9a825}