.tools-page-wrap{position:relative;isolation:isolate;overflow-x:clip}.tools-page__ambient{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 48% 36% at 12% 14%,color-mix(in srgb,var(--color-cyan) 9%,transparent),transparent 58%),radial-gradient(ellipse 42% 32% at 88% 72%,color-mix(in srgb,var(--color-violet) 7%,transparent),transparent 54%),radial-gradient(ellipse 34% 28% at 50% 96%,color-mix(in srgb,var(--color-emerald) 5%,transparent),transparent 52%)}.tools-page__mesh{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.05;background-image:linear-gradient(color-mix(in srgb,var(--color-cyan) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-cyan) 12%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000 0%,transparent 88%)}.tools-page-wrap>section{position:relative;z-index:var(--z-base)}.tools-page,.tools-hub{padding-block:var(--space-4) var(--space-6);padding-inline:max(var(--width-gutter),var(--safe-left)) max(var(--width-gutter),var(--safe-right));padding-bottom:max(var(--space-6),var(--safe-bottom))}.tools-container{max-width:var(--width-wide);margin-inline:auto}.tools-breadcrumb{margin-bottom:var(--space-3)}.tools-breadcrumb__list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.tools-breadcrumb__list a{color:var(--color-cyan);text-decoration:none}.tools-breadcrumb__list a:hover{text-decoration:underline}.tools-breadcrumb__list li:not(:last-child)::after{content:"/";margin-left:var(--space-2);opacity:0.5}.tools-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-4);align-items:start}.tools-aside__inner{padding:var(--space-4)}.tools-kicker{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-cyan);margin-bottom:var(--space-2)}.tools-aside-title{font-size:var(--text-lg);margin:0 0 var(--space-2)}.tools-aside-lead{margin:0 0 var(--space-3);color:var(--color-text-muted);line-height:1.55}.tools-trust-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.tools-trust-list li{display:flex;gap:var(--space-2);font-size:var(--text-sm);line-height:1.45}.tools-trust-list i{color:var(--color-emerald);margin-top:0.15em}.tools-form-title{font-size:var(--text-xl);margin:0 0 var(--space-3)}.tools-form__field{margin-bottom:var(--space-3)}.tools-form__field label{display:block;font-weight:600;margin-bottom:var(--space-1)}.tools-input{width:100%;max-width:100%}.tools-input--short{max-width:8rem}.tools-input--mono{font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-sm)}.tools-form__hint{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.tools-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tools-flash{margin-top:var(--space-3)}.tools-result-card{margin-top:var(--space-4)}.tools-result-card .blip-card__body{position:relative}.tools-result-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.tools-result-title{font-size:var(--text-lg);margin:0;display:flex;align-items:center;gap:var(--space-2)}.tools-copy-wrap{position:relative}.tools-copy-wrap .tools-pre,.tools-copy-wrap>code{padding-right:calc(var(--space-4)+5rem)}.tools-copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:0.35rem 0.65rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-cyan) 25%,var(--color-border));background:color-mix(in srgb,var(--color-bg-elevated) 85%,transparent);color:var(--color-cyan);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tools-copy-btn:hover,.tools-copy-btn:focus-visible{border-color:var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 12%,var(--color-bg-elevated));outline:none}.tools-copy-btn.is-copied{color:var(--color-emerald);border-color:color-mix(in srgb,var(--color-emerald) 40%,var(--color-border))}.tools-dl{display:grid;gap:var(--space-2);margin:0}.tools-dl>div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:var(--space-2);align-items:baseline}.tools-dl--grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.tools-dl--grid>div{grid-template-columns:1fr;padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.tools-dl dt{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted);margin:0}.tools-dl dd{margin:0;word-break:break-word}.tools-muted{color:var(--color-text-muted);font-size:var(--text-sm)}.tools-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--space-2)}.tools-table th,.tools-table td{padding:var(--space-2);text-align:left;border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.tools-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted)}.tools-pre{margin:var(--space-1) 0 var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-xs);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.tools-dns-section{margin-bottom:var(--space-4)}.tools-dns-section h4{margin:0 0 var(--space-2);font-size:var(--text-base)}.tools-list{margin:0;padding-left:var(--space-4)}.tools-badge{display:inline-block;padding:0.15em 0.55em;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.tools-badge--ok{background:color-mix(in srgb,var(--color-emerald) 18%,transparent);color:var(--color-emerald)}.tools-badge--warn{background:color-mix(in srgb,var(--color-amber,#f59e0b) 18%,transparent);color:var(--color-amber,#d97706)}.tools-badge--err{background:color-mix(in srgb,var(--color-danger,#ef4444) 18%,transparent);color:var(--color-danger,#f87171)}.tools-row--highlight{background:color-mix(in srgb,var(--color-emerald) 8%,transparent)}.tools-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.tools-help{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.tools-hub-toolbar{margin-bottom:var(--space-4);border-radius:var(--radius-xl)}.tools-hub-toolbar__inner{padding:var(--space-3);display:grid;gap:var(--space-3)}.tools-hub-search-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.tools-hub-search{flex:1 1 16rem;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-border) 70%,var(--color-cyan) 15%);background:color-mix(in srgb,var(--color-bg-elevated) 70%,transparent)}.tools-hub-search i{color:var(--color-text-muted);flex-shrink:0}.tools-hub-search__input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font-size:var(--text-base);outline:none}.tools-hub-search__input::placeholder{color:var(--color-text-muted)}.tools-hub-count{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);white-space:nowrap}.tools-hub-kbd-hint{margin:0;font-size:0.75rem;color:var(--color-text-muted);white-space:nowrap}.tools-hub-kbd-hint kbd{display:inline-block;padding:0.1rem 0.35rem;font-family:inherit;font-size:0.7rem;line-height:1.2;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text)}.tools-hub-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tools-hub-tab{display:inline-flex;align-items:center;gap:var(--space-1);padding:0.45rem 0.85rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:color-mix(in srgb,var(--color-surface) 50%,transparent);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.tools-hub-tab:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-cyan) 30%,var(--color-border))}.tools-hub-tab.is-active{color:var(--color-cyan);border-color:color-mix(in srgb,var(--color-cyan) 35%,var(--color-border));background:color-mix(in srgb,var(--color-cyan) 10%,var(--color-bg-elevated));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-cyan) 12%,transparent)}.tools-hub-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;padding:0 0.35rem;border-radius:var(--radius-full);font-size:var(--text-xs);background:color-mix(in srgb,var(--color-border) 40%,transparent);color:inherit}.tools-hub-tab.is-active .tools-hub-tab__count{background:color-mix(in srgb,var(--color-cyan) 18%,transparent)}.tools-hub-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted)}.tools-hub-empty i{font-size:2rem;color:var(--color-cyan);opacity:0.6;margin-bottom:var(--space-2)}.tools-hub-empty p{margin:0 0 var(--space-3)}.tools-hub-card[hidden],.tools-hub-category[hidden]{display:none !important}.tools-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:var(--space-4)}.tools-hub-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.tools-hub-card:hover{transform:translateY(-3px);text-decoration:none;color:inherit;box-shadow:var(--shadow-card-halo-hover)}.tools-hub-card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tools-hub-card__inner{padding:var(--space-4);height:100%;display:flex;flex-direction:column;gap:var(--space-2);border-left:3px solid transparent;transition:border-color var(--transition-fast)}.tools-hub-card:hover .tools-hub-card__inner{border-left-color:var(--color-cyan)}.tools-hub-card__tag{display:inline-flex;align-self:flex-start;padding:0.15em 0.55em;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-cyan) 18%,transparent)}.tools-hub-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);font-size:1.25rem;color:var(--color-violet-bright);background:color-mix(in srgb,var(--color-violet) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-violet) 22%,transparent);line-height:1}.tools-hub-card__title{font-size:var(--text-lg);margin:0}.tools-hub-card__desc{margin:0;flex:1;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.tools-hub-card__cta{font-size:var(--text-sm);font-weight:600;color:var(--color-cyan);margin-top:var(--space-1)}.tools-hub-category{margin-bottom:var(--space-6)}.tools-hub-category__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.tools-hub-category__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);font-size:var(--text-sm)}.tools-hub-category__icon--cyan{color:var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 12%,transparent)}.tools-hub-category__icon--violet{color:var(--color-violet-bright);background:color-mix(in srgb,var(--color-violet) 14%,transparent)}.tools-hub-category__icon--emerald{color:var(--color-emerald);background:color-mix(in srgb,var(--color-emerald) 12%,transparent)}.tools-hub-category__count{margin-left:auto;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.tools-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.tools-ok{color:var(--color-emerald);font-weight:600}.tools-ko{color:var(--color-danger,#ef4444);font-weight:600}.tools-strength{font-weight:700;color:var(--color-cyan)}.tools-textarea{min-height:6rem;resize:vertical}.tools-pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-sm);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 75%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-cyan) 12%,var(--color-border));overflow-x:auto}.tools-list{list-style:none;padding:0;margin:var(--space-2) 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-1)}.tools-list li code{font-size:var(--text-xs)}@media (max-width:900px){.tools-layout{grid-template-columns:1fr}.tools-dl>div{grid-template-columns:1fr}.tools-hub-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none}.tools-hub-tabs::-webkit-scrollbar{display:none}.tools-hub-tab{flex-shrink:0}}