.tool-title{align-items:flex-start}.tool-title>div{max-width:800px}.tool-title p{font-size:1rem;line-height:1.75}.segment-tabs{overflow-x:auto;flex-wrap:nowrap;padding:.6rem;margin-inline:-.6rem;scrollbar-width:thin}.segment-tabs button{border:0;flex:0 0 auto;padding:.78rem 1rem;border-radius:999px;background:var(--panel);color:var(--muted);box-shadow:var(--raised);font-weight:800;cursor:pointer}.segment-tabs button.active{color:var(--teal);box-shadow:var(--inset)}.segment-tabs small{margin-left:.3rem;opacity:.72}.segment-panel[hidden]{display:none}.tool-examples{display:block;margin-top:2rem}.examples-heading{display:flex;align-items:baseline;gap:.55rem;margin-bottom:1rem}.examples-heading h2{font-size:1.45rem;margin:0;color:var(--blue)}.examples-heading span{color:var(--muted)}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.example-card{position:relative;display:flex;flex-direction:column;min-height:210px;padding:1.25rem;border-radius:18px;background:var(--panel);box-shadow:var(--raised)}.example-card h3{margin:0 0 .4rem;font-size:1.05rem}.example-card p{margin:0 0 .9rem;color:var(--muted)}.example-card pre{white-space:pre-wrap;word-break:break-word;max-height:110px;overflow:auto;padding:.8rem;border-radius:12px;box-shadow:var(--inset);font-size:.78rem;color:var(--text)}.example-card .try-example{align-self:flex-end;margin-top:auto}.related-tools{margin-top:4rem}.related-tools .section-head{gap:1rem}.related-tools .tool-grid{margin-top:1.25rem}.related-tools .tool-card{min-height:220px}.related-search-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.related-search-results a{display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:13px;text-decoration:none;background:var(--panel);box-shadow:var(--raised)}.related-search-results i{color:var(--teal)}.smart-tool-nav{position:fixed;right:max(18px,calc((100vw - 1280px)/2));bottom:28px;z-index:40;display:flex;align-items:flex-end;gap:.6rem}.smart-tool-actions{display:grid;grid-template-columns:repeat(2,48px);gap:.55rem;padding:.65rem;border-radius:20px;background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:var(--raised);backdrop-filter:blur(14px)}.smart-tool-actions[hidden]{display:none}.smart-tool-actions button,.smart-tool-toggle,.scroll-top{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:var(--text);box-shadow:var(--raised);cursor:pointer}.smart-tool-actions button:hover,.smart-tool-actions button:focus-visible,.smart-tool-toggle:hover,.scroll-top:hover{color:var(--teal);transform:translateY(-2px)}.smart-tool-toggle{width:60px;height:60px;font-size:1.35rem}.smart-tool-toggle[aria-expanded=true] i{transform:rotate(45deg)}.scroll-top{position:fixed;right:20px;bottom:108px;z-index:35}.smart-toast{position:fixed;left:50%;bottom:1.5rem;z-index:100;transform:translateX(-50%);padding:.75rem 1rem;border-radius:999px;background:#101828;color:#fff;box-shadow:0 12px 30px #0004}.main-nav-revealed{display:flex!important}.dark .example-card,.dark .smart-tool-actions{box-shadow:8px 8px 18px #090f1a,-5px -5px 14px #243149}
@media (min-width:641px) and (max-width:980px){.tool-grid,.related-search-results{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{padding:16px;min-height:235px}.tool-page{max-width:960px}}
@media (max-width:640px){.tool-grid,.related-search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tool-card{min-height:205px;padding:13px;border-radius:15px}.tool-card h3,.tool-card h2{font-size:.9rem;margin:12px 0 5px}.tool-card p{font-size:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-glyph{width:38px;height:38px;font-size:1rem}.tool-meta{font-size:.7rem;padding-top:10px;gap:.35rem}.privacy{font-size:.57rem}.example-grid{grid-template-columns:1fr}.related-tools .section-head{display:block}.related-tools .search{margin-top:1rem}.smart-tool-nav{right:12px;bottom:14px}.smart-tool-actions{grid-template-columns:repeat(3,42px)}.smart-tool-actions button{width:42px;height:42px}.smart-tool-toggle{width:54px;height:54px}.tool-title p{font-size:.9rem}.site-header .main-nav.main-nav-revealed{position:fixed;left:12px;right:12px;top:70px;display:flex!important;flex-direction:column;align-items:stretch;padding:1rem;border-radius:18px;background:var(--panel);box-shadow:var(--raised)}.scroll-top{right:14px;bottom:82px}}