.tool_grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.tool_tile{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-6);border-radius:var(--radius-lg);background-color:var(--color-100);text-decoration:none;transition:background-color var(--duration-base) var(--ease-smooth)}.tool_tile:hover{background-color:var(--color-200)}.tool_tile:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.tool_tile.is-large{gap:var(--space-3);padding:var(--space-8)}.tool_tile>span{text-wrap:pretty}.tool_tile.is-large .heading-style-h5{margin:0}.tool_tile-foot{margin-top:auto;padding-top:var(--space-4);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.tool_more-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.tool_more-head .heading-style-h2{margin:0}.tool_hub .padding-section-medium{padding-top:0}.tool_stage.og-preview_stage.website-detail_outter-wrapper{align-items:stretch;justify-content:flex-start;gap:var(--tool-stage-gap,var(--space-6));padding:var(--space-8)}.tool_stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);min-width:0}.tool_stage-title{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.tool_stage-title .heading-style-h4,.tool_stage-title .heading-style-h5{margin:0}.tool_host{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0;color:var(--color-700);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.tool_host>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool_host svg{flex:none;width:var(--space-3);height:var(--space-3)}.tool_rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tool_row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-100)}.tool_row:first-child{padding-top:0;border-top:0}.tool_row:last-child{padding-bottom:0}.tool_row>.og-preview_check-text{flex:1}.tool_facts{margin:0;display:flex;flex-direction:column}.tool_fact{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-top:1px solid var(--color-100)}.tool_fact:first-child{padding-top:0;border-top:0}.tool_fact:last-child{padding-bottom:0}.tool_fact dt{color:var(--color-700)}.tool_fact dd{margin:0;min-width:0;color:var(--color-950);text-align:right;overflow-wrap:anywhere;font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.tool_code{margin:0;padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-200);color:var(--color-900);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.6;overflow:auto;max-height:20rem;white-space:pre;tab-size:2}.tool_code-block{display:flex;flex-direction:column;gap:var(--space-3)}.tool_code-wrap{position:relative}.tool_code-actions{display:flex;gap:var(--space-2)}.tool_code-actions>:first-child{flex:1;min-width:0}.tool_code:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.tool_code-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--space-12);border-radius:0 0 var(--radius-md) var(--radius-md);background:linear-gradient(to bottom,transparent,var(--color-200));pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-smooth)}.tool_code-wrap.is-faded:after{opacity:1}.tool_link{color:var(--color-950);text-decoration:underline;text-decoration-color:var(--color-500);text-underline-offset:.2em;transition:text-decoration-color var(--duration-fast) var(--ease-smooth)}.tool_link:hover{text-decoration-color:var(--color-900)}.tool_empty{display:grid;place-items:center;flex:1;min-height:16rem;text-align:center;text-wrap:balance}.tool_empty-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:28rem}.tool_empty-text>*{margin:0}@media screen and (max-width:1023px){.tool_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:767px){.tool_stage.og-preview_stage.website-detail_outter-wrapper{padding:var(--space-4);gap:var(--space-4)}.tool_more-head{margin-bottom:var(--space-6)}}@media screen and (max-width:479px){.tool_grid{grid-template-columns:minmax(0,1fr)}}.tool_guide-head{display:flex;flex-direction:column;gap:var(--space-4)}.tool_guide-head .heading-style-h2,.tool_guide-head p{margin:0}.tool_guide-head p{max-width:28rem;text-wrap:pretty}.tool_guide-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tool_guide-step{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6) 0;border-top:1px solid var(--color-100)}.tool_guide-step:first-child{padding-top:0;border-top:0}.tool_guide-step:last-child{padding-bottom:0}.tool_guide-number{flex:none;display:grid;place-items:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background-color:var(--color-100);color:var(--color-950);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);font-variant-numeric:tabular-nums}.tool_guide-text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.tool_guide-text .heading-style-h5,.tool_guide-text p{margin:0}.tool_guide-text p{text-wrap:pretty}.tool_same-site{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);background-color:var(--color-100)}.tool_same-site-label{font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.tool_same-site-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media screen and (max-width:767px){.tool_same-site{padding:var(--space-4)}}.og-preview_results .website-detail_component.website-detail_component{align-items:stretch}.og-preview_results .website-detail_component>.website-detail_screenshot,.og-preview_results .website-detail_component>.website-detail_sidebar{position:static;align-self:stretch}.og-preview_results .website-detail_component>.website-detail_screenshot{display:flex;flex-direction:column}.og-preview_results .website-detail_component>.website-detail_screenshot>:last-child,.og-preview_results .website-detail_sidebar>:last-child{flex:1 0 auto}.tool_same-site-card{display:flex;flex-direction:column;align-items:flex-start}.tool_submit{gap:var(--space-2)}.tool_submit .tool_submit-spinner{flex:none;border-width:2px;border-color:transparent currentColor currentColor;opacity:.8}.tool_skeleton-stage{gap:var(--space-6)}.tool_skeleton-bar,.tool_skeleton-block{display:block;border-radius:var(--radius-md);position:relative;overflow:hidden;background-color:color-mix(in srgb,var(--color-200) 65%,var(--color-100))}.tool_skeleton-bar{height:var(--space-4);width:100%;border-radius:var(--radius-xs)}.tool_skeleton-bar.is-title{height:var(--space-6);width:45%}.tool_skeleton-bar.is-short{width:60%}.tool_skeleton-block{height:18rem;border-radius:var(--radius-lg)}.tool_skeleton-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.tool_skeleton-step{display:flex;align-items:center;gap:var(--space-3);margin:0}.tool_skeleton-step-text{color:var(--color-700);background:linear-gradient(90deg,var(--color-700) 0,var(--color-700) 30%,var(--color-900) 50%,var(--color-700) 70%,var(--color-700) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:tool-step-in var(--duration-medium) var(--ease-smooth),tool-text-shimmer 3s linear infinite}.tool_skeleton-bar:after,.tool_skeleton-block:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--color-400) 75%,transparent) 50%,transparent 100%);transform:translateX(-100%);animation:tool-skeleton-sweep 2.8s linear infinite}@keyframes tool-skeleton-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes tool-text-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes tool-step-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tool_skeleton-bar:after,.tool_skeleton-block:after,.tool_skeleton-step-text{animation:none;background:none;-webkit-text-fill-color:currentColor}}@media screen and (max-width:767px){.tool_skeleton-block{height:12rem}.tool_skeleton-card:nth-child(n+2){display:none}}.tool_stage.og-preview_stage>*+*{padding-top:var(--tool-stage-gap,var(--space-6));border-top:1px solid var(--color-200)}.tool_stage.og-preview_stage>.is-flush,.tool_stage.og-preview_stage>.sr-only,.tool_stage.og-preview_stage>.tool_stage-head+*,.tool_stage.tool_skeleton-stage>*{padding-top:0;border-top:0}.og-preview_results .website-detail_screenshot>.kit-band{align-items:stretch}.og-preview_results .kit-band_col>:last-child{flex:1 0 auto}.tool_stage.og-preview_stage{position:relative}.tool_share{position:absolute;top:var(--space-8);right:var(--space-8);z-index:1}@media screen and (max-width:767px){.tool_share{top:var(--space-4);right:var(--space-4)}}.tool_share.is-inline{position:static;flex:none}.tool_stage.og-preview_stage>.tool_share,.tool_stage.og-preview_stage>.tool_share+*,.tool_stage.og-preview_stage>style,.tool_stage.og-preview_stage>style+*{padding-top:0;border-top:0}.tool_fold-icon{display:inline-flex;flex:none;width:var(--space-6);height:var(--space-6);transition:transform var(--duration-slow) var(--ease-smooth)}.tool_fold-icon,.tool_guide~.section .faq-icon{color:var(--color-1000)}.tool_fold-icon svg{width:100%;height:100%}[aria-expanded=true]>.tool_fold-icon{transform:rotate(45deg)}.tool_reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-smooth)}.tool_fold.is-open>.tool_reveal,.tool_more.is-open>.tool_reveal{grid-template-rows:1fr}.tool_reveal-inner{min-height:0;overflow:hidden}.tool_fold{--fold-pad:var(--space-3);--fold-radius:var(--radius-md);min-width:0}.tool_fold.is-card{--fold-pad:var(--space-8);--fold-radius:var(--radius-lg);display:block}.tool_fold-head{display:flex;align-items:center;gap:var(--space-3);width:calc(100% + var(--fold-pad) * 2);margin:calc(var(--fold-pad) * -1);padding:var(--fold-pad);border:0;border-radius:var(--fold-radius);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-base) var(--ease-smooth)}.tool_fold-head:hover{background-color:var(--color-200)}.tool_fold-head:focus-visible,.tool_more-toggle:focus-visible{outline:2px solid var(--color-600);outline-offset:-2px}.tool_fold-title{flex:1;min-width:0;margin:0}.tool_fold-meta{flex:none}.tool_fold-body{padding-top:var(--space-6)}.tool_fold.is-card .tool_fold-body{padding-top:var(--space-4)}.tool_more{display:flex;flex-direction:column;min-width:0;margin-top:calc(var(--more-join, var(--space-4)) * -1)}.tool_more-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:calc(100% + var(--space-3) * 2);min-height:var(--space-10);margin:var(--space-3) calc(var(--space-3) * -1) calc(var(--space-2) * -1);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:none;color:var(--color-900);font-family:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);transition:background-color var(--duration-base) var(--ease-smooth),color var(--duration-base) var(--ease-smooth)}.tool_more-toggle:hover{background-color:var(--color-200);color:var(--color-1000)}.tool_more-toggle .tool_fold-icon{width:var(--space-5);height:var(--space-5)}@media (prefers-reduced-motion:reduce){.tool_fold-icon,.tool_reveal{transition:none}}.tool_section-title{margin:0;min-width:0;color:var(--color-1000)}.tool_count{color:var(--color-700);font-variant-numeric:tabular-nums}.tool_fold-head:active,.tool_more-toggle:active{background-color:var(--color-300)}.cp_chip:active .cp_chip-block,.cp_dot:active .cp_dot-block,.cp_strip-item:active,.cp_tile:active{opacity:.76}.dt_chip:active{transform:scale(.97)}.tool_stage.og-preview_stage{container:tool-stage/inline-size}.og-preview_examples .tooltip-wrap{vertical-align:middle}.tool_examples-shuffle{display:grid;place-items:center;width:var(--space-4);height:var(--space-4);margin-left:var(--space-1);color:var(--color-700)}.tool_examples-shuffle svg{width:var(--space-3);height:var(--space-3)}@keyframes tool-example-in{0%{opacity:0;transform:translateY(var(--space-2))}}.tool_example{display:inline-block;white-space:pre}.tool_example.is-arriving{animation:tool-example-in calc(var(--duration-slower) * 1.5) var(--ease-smooth) backwards;animation-delay:calc(var(--stagger, 0) * 80ms)}@media (prefers-reduced-motion:reduce){.tool_example.is-arriving{animation:none}}