.public-page-shell:has([data-tools-home]){background-image:none}.public-page-shell:has([data-tools-home]) .public-site-header .public-section{max-width:90rem}.tools-home{--tools-header-height:4rem;grid-template-columns:13.5rem minmax(0,1fr);max-width:90rem;margin-inline:auto;display:grid}.tools-home [hidden]{display:none!important}.tools-home-sidebar{border-inline-end:1px solid var(--ui-border);background:var(--ui-surface-raised)}.tools-home-sidebar__inner{top:var(--tools-header-height);height:calc(100dvh - var(--tools-header-height));overflow-anchor:none;scrollbar-width:thin;flex-direction:column;gap:1.25rem;padding:1.75rem 1rem;display:flex;position:sticky;overflow:auto}.tools-home-eyebrow{color:var(--color-zinc-500);margin:0 0 .6rem;padding-inline:.65rem;font-size:.75rem;font-weight:500}.tools-home-sidebar__inner>.tools-home-eyebrow{margin-bottom:-.75rem}.tools-home-sidebar nav{gap:.3rem;display:grid}.tools-home-sidebar nav a{min-height:2.55rem;color:var(--color-zinc-600);border-radius:.55rem;align-items:center;gap:.65rem;padding:.6rem .65rem;font-size:.8125rem;line-height:1.45;transition:background .15s,color .15s;display:flex}.tools-home-sidebar nav a>svg{flex:none}.tools-home-sidebar nav a>span{overflow-wrap:anywhere;min-width:0}.tools-home-sidebar small{color:var(--color-zinc-500);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:.7rem}.tools-home-sidebar nav a:hover{background:var(--color-zinc-50);color:var(--color-brand-700)}.tools-home-sidebar nav a[aria-current]{background:var(--color-brand-50);color:var(--color-brand-700)}.tools-home-sidebar nav a[aria-current] small{color:inherit}.tools-home-local-note{border-top:1px solid var(--ui-border);color:var(--color-zinc-500);gap:.5rem;margin-top:.5rem;padding:.9rem .6rem 0;font-size:.75rem;line-height:1.65;display:flex}.tools-home-local-note svg{flex:none;margin-top:.2rem}.tools-home-main{overflow-anchor:none;min-width:0;padding:2rem 2rem 3rem}.tools-home-header h1{letter-spacing:-.035em;color:var(--color-ink-950);margin:0;font-size:1.75rem;font-weight:600;line-height:1.3}.tools-home-header>p{color:var(--color-zinc-500);margin-top:.6rem;font-size:.875rem;line-height:1.7}.tools-home-search{border:1px solid var(--color-brand-200);background:var(--ui-surface-raised);border-radius:.75rem;align-items:center;gap:.75rem;margin-top:1.2rem;padding:.4rem .45rem .4rem 1rem;display:flex;box-shadow:0 2px 8px #0f172a08}.tools-home-search:focus-within{border-color:var(--color-brand-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-400) 14%,transparent)}.tools-home-search>svg{color:var(--color-zinc-500);flex:none}.tools-home-search input{width:100%;min-width:0;color:var(--color-ink-950);background:0 0;border:0;outline:none;flex:1;padding-block:.5rem;font-size:.875rem;line-height:1.65}.tools-home-search input::placeholder{color:var(--color-zinc-400)}.tools-home-search input::-webkit-search-cancel-button{-webkit-appearance:none}.tools-home-search-clear{width:2rem;height:2rem;color:var(--color-zinc-500);cursor:pointer;border-radius:.4rem;flex:none;justify-content:center;align-items:center;display:flex}.tools-home-search-clear:hover{background:color-mix(in srgb,var(--color-brand-400) 12%,transparent);color:var(--color-brand-600)}.tools-home-search kbd{border:1px solid var(--ui-border);color:var(--color-zinc-400);border-radius:.25rem;flex:none;padding:.05rem .3rem;font-size:.75rem}.tools-home-search-button{background:var(--color-brand-600);color:#fff;cursor:pointer;border:0;border-radius:.5rem;flex:none;align-self:stretch;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500}.tools-home-search-button:hover{background:var(--color-brand-700)}.tools-home-scenarios{flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-top:.8rem;font-size:.75rem;line-height:1.7;display:flex}.tools-home-scenarios>span{color:var(--color-zinc-500);margin-inline-end:.15rem}.tools-home-scenarios a{border:1px solid var(--ui-border);background:var(--ui-surface-raised);color:var(--color-zinc-600);border-radius:.35rem;padding:.15rem .55rem}.tools-home-scenarios a:hover{color:var(--color-brand-700);border-color:var(--color-brand-300)}.tools-home-section{margin-top:2.25rem}.tools-home-studio-entry{border:1px solid var(--color-brand-200);background:color-mix(in srgb,var(--color-brand-50) 45%,var(--ui-surface-raised));border-radius:.8rem;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.15rem 1.25rem;display:flex}.tools-home-studio-entry__icon{width:3rem;height:3rem;color:var(--color-brand-600);background:var(--ui-surface-raised);border-radius:.7rem;flex:none;place-items:center;display:grid}.tools-home-studio-entry>span:nth-child(2){gap:.3rem;min-width:0;display:grid}.tools-home-studio-entry strong{color:var(--color-ink-950);font-size:1rem;font-weight:600}.tools-home-studio-entry>span:nth-child(2)>span{color:var(--color-zinc-500);font-size:.8125rem;line-height:1.6}.tools-home-studio-entry__action{color:var(--color-brand-600);flex:none;align-items:center;gap:.4rem;margin-inline-start:auto;font-size:.8125rem;display:flex}.tools-home-studio-entry:hover{border-color:var(--color-brand-400)}.dark .tools-home-studio-entry{background:var(--color-zinc-900);border-color:var(--color-zinc-700)}.dark .tools-home-studio-entry strong{color:var(--color-zinc-100)}@media (width<=1000px){.tools-home-studio-entry{flex-wrap:wrap}.tools-home-studio-entry__action{margin-inline-start:4rem}}@media (width<=500px){.tools-home-studio-entry__icon{display:none}.tools-home-studio-entry__action{margin-inline-start:0}}.tools-home-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.9rem;display:flex}.tools-home-section-heading h2{color:var(--color-ink-950);font-size:1rem;font-weight:600;line-height:1.6}.tools-home-section-heading h3{color:var(--color-ink-950);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;line-height:1.5;display:flex}.tools-home-section-heading h3>svg{color:var(--color-brand-500);flex:none}.tools-home-section-heading small,.tools-home-section-heading>p{color:var(--color-zinc-500);font-size:.75rem;font-weight:400;line-height:1.5}.tools-home-section-heading>a,.tools-home-text-button{color:var(--color-zinc-500);cursor:pointer;align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.tools-home-section-heading>a:hover,.tools-home-text-button:hover{color:var(--color-brand-600)}.tools-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.tools-home :is(a,button):focus-visible{outline:2px solid var(--color-brand-500);outline-offset:3px}.tools-home-directory{border-top:1px solid var(--ui-border);min-height:calc(100dvh - var(--tools-header-height));padding-top:1.5rem}.tools-home-category-tabs{flex-wrap:wrap;gap:.3rem;margin-bottom:1.35rem;font-size:.75rem;line-height:1.65;display:flex}.tools-home-category-tabs a{color:var(--color-zinc-500);border-radius:.4rem;padding:.35rem .65rem}.tools-home-category-tabs a[aria-current],.tools-home-category-tabs a:hover{color:var(--color-brand-700);background:var(--color-brand-50)}.tools-home-group{scroll-margin-top:calc(var(--tools-header-height) + 1.25rem);margin-top:1.5rem}.tools-home :is(#browse-tools-title,#home-search-title,#personal-tools-title,.tools-home-header){scroll-margin-top:calc(var(--tools-header-height) + 1.25rem)}.tools-home-expand{width:100%;min-height:2.5rem;color:var(--color-zinc-500);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;margin-top:.55rem;font-size:.8125rem;display:flex}.tools-home-expand:hover{color:var(--color-brand-600);background:var(--ui-surface-raised)}.tools-home-expand[aria-expanded=true]>svg{transform:rotate(180deg)}.tools-home-empty{text-align:center;border:1px dashed var(--ui-border-strong);min-height:17rem;color:var(--color-zinc-500);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:2rem 1.5rem;font-size:.875rem;line-height:1.7;display:flex}.tools-home-empty h3{color:var(--color-ink-950);font-weight:600}.tools-home-empty a{color:var(--color-brand-600)}.dark .tools-home h1,.dark .tools-home h2,.dark .tools-home h3,.dark .tools-home h4,.dark .tools-home-search input{color:var(--color-zinc-100)}.dark .tools-home-sidebar a,.dark .tools-home-scenarios a{color:var(--color-zinc-400)}.dark .tools-home-sidebar nav a:hover{background:var(--color-zinc-800);color:var(--color-brand-300)}.dark .tools-home-sidebar nav a[aria-current],.dark .tools-home-category-tabs a[aria-current],.dark .tools-home-category-tabs a:hover{background:var(--color-brand-950);color:var(--color-brand-300)}.dark .tools-home-search{border-color:var(--color-zinc-700)}.dark :is(.tools-home-header>p,.tools-home-eyebrow,.tools-home-sidebar small,.tools-home-local-note,.tools-home-section-heading p,.tools-home-scenarios>span,.tools-home-category-tabs a,.tools-home-expand,.tools-home-text-button,.tools-home-search-clear){color:var(--color-zinc-400)}@media (width<=1150px){.tools-home{grid-template-columns:12rem minmax(0,1fr)}.tools-home-main{padding:1.5rem}.tools-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.tools-home{display:block}.tools-home-sidebar{border-inline-end:0;border-bottom:1px solid var(--ui-border)}.tools-home-sidebar__inner{height:auto;padding:.65rem 1rem;display:block;position:static;overflow:visible}.tools-home-sidebar__inner>.tools-home-eyebrow,.tools-home-sidebar-categories,.tools-home-local-note{display:none}.tools-home-sidebar .tools-home-personal-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;display:grid}.tools-home-sidebar nav a{justify-content:center;gap:.4rem;min-height:2.6rem;padding:.55rem .4rem;font-size:.8125rem}.tools-home-sidebar nav a small{margin-inline-start:0}.tools-home-main{padding:1.4rem 1rem 2rem}.tools-home-header h1{font-size:1.5rem}.tools-home-section{margin-top:1.75rem}.tools-home-search kbd{display:none}.tools-home-search-button{padding-inline:.85rem}}@media (width<=600px){.tools-home-grid{grid-template-columns:minmax(0,1fr)}.tools-home-search{gap:.5rem;padding-inline-start:.7rem}.tools-home-search>svg{display:none}.tools-home-search input{font-size:1rem}.tools-home-sidebar nav a small{display:none}}@media (prefers-reduced-motion:reduce){.tools-home *{scroll-behavior:auto!important;transition:none!important}}.public-page-shell:has([data-tools-category]){background-image:none}.tools-category{min-width:0;max-width:82rem;margin-inline:auto;padding:1.5rem 2rem 3rem}.tools-category [hidden]{display:none!important}.tools-category :is(a,button):focus-visible{outline:2px solid var(--color-brand-500);outline-offset:3px}.tools-category-breadcrumb{color:var(--color-zinc-500);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8125rem;line-height:1.65;display:flex}.tools-category-breadcrumb>svg{color:var(--color-zinc-400);flex:none}.tools-category-breadcrumb a:hover{color:var(--color-brand-600)}.tools-category-breadcrumb [aria-current]{color:var(--color-zinc-700)}.tools-category-header>p{max-width:64rem}.tools-category-children{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.tools-category-children a{border:1px solid var(--ui-border);color:var(--color-zinc-600);background:var(--ui-surface-raised);border-radius:.5rem;padding:.45rem .8rem;font-size:.8125rem;line-height:1.6}.tools-category-children a:hover{border-color:var(--color-brand-300);color:var(--color-brand-700)}.tools-category-results{border-top:1px solid var(--ui-border);overflow-anchor:none;min-height:65dvh;margin-top:1.75rem;padding-top:1.25rem}.tools-category-results h2{overflow-wrap:anywhere;scroll-margin-top:6rem}.tools-category-return{color:var(--color-brand-600);margin-block:1rem;font-size:.875rem}.tools-category-related{border-top:1px solid var(--ui-border);color:var(--color-zinc-500);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.25rem;font-size:.8125rem;line-height:1.7;display:flex}.tools-category-related>span{margin-inline-end:.25rem;font-weight:500}.tools-category-related a{background:var(--ui-surface-raised);border-radius:.4rem;padding:.3rem .65rem}.tools-category-related a:hover{color:var(--color-brand-600)}.tools-category-studio{border:1px solid var(--color-brand-200);background:var(--color-brand-50);border-radius:.75rem;align-items:center;gap:1rem;margin-top:1.25rem;padding:1.1rem 1.2rem;display:flex}.tools-category-studio-icon{background:var(--ui-surface-raised);width:3rem;height:3rem;color:var(--color-brand-600);border-radius:.65rem;flex:none;justify-content:center;align-items:center;display:flex}.tools-category-studio-copy{flex:1;gap:.3rem;min-width:0;display:grid}.tools-category-studio-copy strong{color:var(--color-ink-950);overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.5}.tools-category-studio-copy>span{color:var(--color-zinc-600);font-size:.8125rem;line-height:1.65}.tools-category-studio-action{color:var(--color-brand-700);align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;line-height:1.5;display:flex}.tools-category-studio-action svg{flex:none}.dark .tools-category :is(h1,h2,h3),.dark .tools-category-studio-copy strong{color:var(--color-zinc-100)}.dark .tools-category-breadcrumb [aria-current],.dark .tools-category-children a,.dark .tools-category-studio-copy>span,.dark .tools-category :is(.tools-category-breadcrumb,.tools-category-related){color:var(--color-zinc-400)}.dark .tools-category-studio{background:color-mix(in srgb,var(--color-brand-500) 8%,var(--ui-surface-raised));border-color:color-mix(in srgb,var(--color-brand-500) 25%,var(--ui-border))}.dark .tools-category-studio-action,.dark .tools-category-return{color:var(--color-brand-300)}@media (width<=800px){.tools-category{padding:1.25rem 1rem 2rem}.tools-category .tools-home-header h1{font-size:1.5rem}.tools-category-studio{flex-wrap:wrap;gap:.75rem;padding:1rem}.tools-category-studio-action{margin-inline-start:3.75rem}.tools-category-studio-copy{flex-basis:calc(100% - 3.75rem)}}@media (prefers-reduced-motion:reduce){.tools-category *{scroll-behavior:auto!important;transition:none!important}}
