.tools-shell{--tools-pink:#ffd6df;--tools-green:#def0c3;--tools-blue:#dce8ff}.tools-container{width:min(100% - 40px,1152px);margin-inline:auto}.tools-shell .tools-action{font:700 14px/21px var(--font-mono);letter-spacing:0;text-transform:none;flex-shrink:0;gap:8px;padding:14px 28px;text-decoration:none}.tools-shell .tools-input{min-width:0;height:56px;font:400 16px/24px var(--font-mono);outline-offset:4px}.tools-shell .tools-input::placeholder{font:400 14px/21px var(--font-mono)}.tools-shell h1{font:700 72px/74px var(--font-display);letter-spacing:-.04em;white-space:pre-line}.tools-shell h2{font:700 32px/36px var(--font-display);letter-spacing:-.035em}.tools-shell .tools-label,.tools-breadcrumbs{font:400 12px/18px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.tools-shell .tools-description{font-size:18px;line-height:29px}.tools-shell .tools-small{font-size:14px;line-height:22px}.tools-muted{color:#666}.tools-intro{flex-direction:column;gap:24px;padding-block:48px;display:flex}.tools-intro-row{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.tools-intro-copy{flex-direction:column;gap:16px;max-width:672px;display:flex}.tools-breadcrumbs ol{flex-wrap:wrap;align-items:center;column-gap:12px;padding:0;list-style:none;display:flex}.tools-breadcrumbs li{align-items:center;min-width:0;display:flex}.tools-breadcrumbs li+li:before{content:"/";margin-right:12px}.tools-breadcrumbs a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.tools-breadcrumbs a:hover{text-underline-offset:4px;text-decoration:underline}.tools-concept-note{border-left:2px solid #0a0a0a;padding:12px 16px;font-size:14px;line-height:22px}.tools-live-feature{background:var(--tools-green);border:2px solid #0a0a0a;border-radius:20px;margin-bottom:64px;padding:clamp(24px,5vw,48px)}.tools-live-feature .tools-card-copy{max-width:720px}.tools-live-feature h2{font-size:40px;line-height:42px}.tools-live-feature h2 a{text-decoration:none}.tools-live-feature h2 a:hover{text-underline-offset:5px;text-decoration:underline}.tools-concepts{flex-direction:column;display:flex}.tools-concepts-heading{gap:20px;padding-bottom:32px;display:grid}.tools-concepts-heading h2{font-size:40px;line-height:42px}.tools-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.tools-filters{flex-wrap:wrap;gap:8px;display:flex}.tools-filters .tools-action[aria-current]{color:#fff}.tools-search{gap:8px;display:flex}.tools-search .tools-input{width:280px}.tools-result-count{overflow-wrap:anywhere;padding-bottom:24px}.tools-results{flex-direction:column;gap:40px;display:flex}.tools-feature{border-top:2px solid #0a0a0a;gap:32px;padding-top:32px;display:grid}.tools-card-copy{flex-direction:column;align-items:flex-start;gap:20px;min-width:0;display:flex}.tools-card-copy h2 a{text-decoration:none}.tools-card-copy h2 a:hover{text-underline-offset:5px;text-decoration:underline}.tools-feature h2{font-size:40px;line-height:42px}.tools-requirements{flex-direction:column;gap:12px;display:flex}.tools-requirement{align-items:center;gap:12px;font-size:16px;line-height:26px;display:flex}.tools-requirement img{border-radius:9px;flex-shrink:0;width:40px;height:40px}.tools-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.tools-card{border-top:1px solid #0a0a0a;padding-top:24px}.tools-card .tools-card-copy{gap:16px}.tools-card .tools-description{font-size:16px;line-height:26px}.tools-preview{border:2px solid #0a0a0a;border-radius:20px;flex-direction:column;align-self:start;gap:20px;min-width:0;padding:32px;display:flex}.tools-preview h2{white-space:pre-line;font-size:40px;line-height:42px}.tools-preview-output{background:#fff;border:1px solid #0a0a0a;border-radius:10px;flex-direction:column;gap:16px;padding:24px;font-size:16px;line-height:26px;display:flex}.tools-tone-pink{background:var(--tools-pink)}.tools-tone-green{background:var(--tools-green)}.tools-tone-blue{background:var(--tools-blue)}.tools-detail-grid{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.tools-launch{border:2px solid #0a0a0a;border-radius:32px;flex-direction:column;align-self:start;gap:20px;min-width:0;padding:32px;font-size:16px;line-height:26px;display:flex}.tools-launch-requirement{flex-direction:column;gap:20px;display:flex}.tools-launch .tools-action{width:100%}.tools-steps{flex-direction:column;gap:24px;padding-block:48px;display:flex}.tools-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;list-style:none;display:grid}.tools-steps li{border-top:1px solid #0a0a0a;flex-direction:column;gap:12px;padding-top:20px;font-size:16px;line-height:26px;display:flex}.tools-steps h3{font:700 22px/26px var(--font-display);letter-spacing:-.02em;margin:0}.tools-callout{border-left:4px solid #0a0a0a;flex-direction:column;gap:12px;padding:24px 28px;font-size:16px;line-height:26px;display:flex}.tools-back{margin-top:24px}.tools-empty{border-top:2px solid #0a0a0a;padding-block:40px}.tools-empty p{margin-block:16px 24px;font-size:18px;line-height:29px}@media (min-width:1280px){.tools-intro-row{grid-template-columns:672px minmax(0,1fr)}.tools-intro-copy{align-self:end}.tools-feature{grid-template-columns:480px minmax(0,1fr);gap:48px}.tools-feature .tools-card-copy{grid-area:1/2}.tools-feature .tools-preview{grid-area:1/1}.tools-detail-grid{grid-template-columns:minmax(0,704px) 400px;gap:48px}.tools-detail-grid .tools-launch{grid-area:1/2}.tools-detail-grid .tools-preview{grid-area:1/1}.tools-concepts-heading{grid-template-columns:minmax(0,1fr) 480px;align-items:end}}@media (max-width:767px){.tools-intro{padding-block:32px}.tools-shell .tools-index h1{font-size:52px;line-height:54px}.tools-shell .tools-detail h1{font-size:40px;line-height:42px}.tools-shell .tools-feature h2,.tools-shell .tools-preview h2,.tools-live-feature h2,.tools-concepts-heading h2{font-size:32px;line-height:36px}.tools-live-feature{margin-bottom:48px}.tools-filter-row{gap:16px}.tools-search{flex-wrap:wrap;width:100%}.tools-search .tools-input{flex:220px;width:100%}.tools-card-grid,.tools-steps ol{grid-template-columns:minmax(0,1fr)}.tools-preview,.tools-launch{padding:24px}.tools-results{gap:32px}.tools-steps{gap:24px;padding-block:32px}.tools-shell .blog-header{min-height:77px}.tools-shell .blog-header-nav{display:none}.tools-shell .blog-menu{display:block}}@media (max-width:352px){body:has(.tools-shell){min-width:0}.tools-container{width:calc(100% - 32px)}.tools-shell .blog-header,.tools-shell .blog-footer{padding-inline:16px}.tools-preview,.tools-launch,.tools-preview-output{padding:20px}.tools-callout{padding:24px 20px}}