.container.svelte-1hd4mz9{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;overflow-x:hidden}.intro.svelte-1hd4mz9{text-align:center;margin:2rem 0;padding-bottom:1rem;contain:none}h1.svelte-1hd4mz9{font-size:1.8rem;margin-bottom:.5rem;color:var(--color-ink)}.subheading.svelte-1hd4mz9{font-size:1.2rem;margin-bottom:.5rem;color:var(--color-muted);font-weight:500}.main-content.svelte-1hd4mz9{margin:2rem 0}.top-row.svelte-1hd4mz9{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.desktop-only.svelte-1hd4mz9{display:none}@media (min-width: 768px){.top-row.svelte-1hd4mz9{flex-direction:row;align-items:flex-start;gap:2rem}.desktop-only.svelte-1hd4mz9{display:block}.wheel-section.svelte-1hd4mz9{flex:1;max-width:50%;min-height:500px}.entries-section.svelte-1hd4mz9{flex:1;max-width:50%;min-height:400px}}.ad-section-bottom.svelte-1hd4mz9{max-width:728px;margin:2rem auto;text-align:center}.share-section-full.svelte-1hd4mz9{width:100%;margin-top:2rem}@media (max-width: 767px){.intro.svelte-1hd4mz9{margin:1rem 0;min-height:80px}.wheel-section.svelte-1hd4mz9{min-height:340px;max-width:100%;overflow:hidden}.entries-section.svelte-1hd4mz9{min-height:350px}.feature.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9),.use-case-item.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9),.faq-item.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9){font-size:1.1rem;margin-bottom:.5rem}.main-content.svelte-1hd4mz9{margin:1rem 0;max-width:100%;overflow-x:hidden}.top-row.svelte-1hd4mz9{gap:1rem;margin-bottom:1rem;max-width:100%}.share-section-full.svelte-1hd4mz9{margin-top:1rem;max-width:100%;overflow-x:hidden}.controls.svelte-1hd4mz9{margin-top:1rem}.features.svelte-1hd4mz9,.use-cases.svelte-1hd4mz9,.faq.svelte-1hd4mz9{margin:1.5rem 0}.feature.svelte-1hd4mz9,.use-case-item.svelte-1hd4mz9,.faq-item.svelte-1hd4mz9{padding:1rem}}.wheel-section.svelte-1hd4mz9{display:flex;flex-direction:column;align-items:center;min-height:400px}.controls.svelte-1hd4mz9{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.quick-start.svelte-1hd4mz9{margin:3rem 0;text-align:center}.category-buttons.svelte-1hd4mz9{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.category-btn.svelte-1hd4mz9{padding:.75rem 1.5rem;background-color:var(--color-brand-soft);color:var(--color-brand-on-soft);border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s;text-decoration:none;display:inline-block}.category-btn.svelte-1hd4mz9:hover{background-color:light-dark(#d6e7f7,#182c3f)}.category-btn.featured.svelte-1hd4mz9{background:var(--color-accent);color:var(--color-ink);font-weight:600}.category-btn.featured.svelte-1hd4mz9:hover{background:#f5bf3a}.popular-wheels.svelte-1hd4mz9{margin:2.5rem 0}.popular-wheels.svelte-1hd4mz9 h2:where(.svelte-1hd4mz9){text-align:center;margin-bottom:1rem}.popular-list.svelte-1hd4mz9{list-style:none;padding:0;margin:0 auto;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:.5rem 2rem}.popular-list.svelte-1hd4mz9 li:where(.svelte-1hd4mz9){line-height:1.5}.popular-list.svelte-1hd4mz9 a:where(.svelte-1hd4mz9){font-weight:600}.popular-list.svelte-1hd4mz9 span:where(.svelte-1hd4mz9){color:var(--color-muted)}.features.svelte-1hd4mz9,.use-cases.svelte-1hd4mz9,.faq.svelte-1hd4mz9,.related-tools.svelte-1hd4mz9{margin:3rem 0}h2.svelte-1hd4mz9{text-align:center;margin-bottom:1.5rem;color:var(--color-ink);font-size:1.5rem}.feature-grid.svelte-1hd4mz9{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.feature.svelte-1hd4mz9{background-color:var(--color-surface);border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px #0000001a}.feature.svelte-1hd4mz9 p:where(.svelte-1hd4mz9) a:where(.svelte-1hd4mz9){text-decoration:underline}.feature.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9){color:var(--color-brand);margin-bottom:.75rem;font-size:1.2rem}.tools-grid.svelte-1hd4mz9{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.tool-card.svelte-1hd4mz9{background-color:var(--color-surface);border-radius:8px;padding:1.5rem;text-decoration:none;color:inherit;box-shadow:0 2px 5px #0000001a;transition:transform .3s,box-shadow .3s}.tool-card.svelte-1hd4mz9:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.tool-card.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9){color:var(--color-brand);margin-bottom:.75rem;font-size:1.1rem}.use-cases-grid.svelte-1hd4mz9{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.use-case-item.svelte-1hd4mz9{background-color:var(--color-surface);border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px #0000001a}.use-case-item.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9){color:var(--color-brand);margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;font-size:1.2rem}.use-case-item.svelte-1hd4mz9 ul:where(.svelte-1hd4mz9){padding-left:1.5rem}.use-case-item.svelte-1hd4mz9 li:where(.svelte-1hd4mz9){margin-bottom:.5rem}.faq-items.svelte-1hd4mz9{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 768px){.faq-items.svelte-1hd4mz9{grid-template-columns:repeat(2,1fr)}}.faq-item.svelte-1hd4mz9{background-color:var(--color-surface);border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px #0000001a}.faq-item.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9){color:var(--color-ink);margin-bottom:.75rem;font-size:1.1rem}.guide-promo.svelte-1hd4mz9{margin:3rem 0}.guide-banner.svelte-1hd4mz9{background-color:light-dark(#e8f4fd,#182e3f);border-radius:8px;padding:1.5rem;border-left:5px solid var(--color-brand)}.guide-content.svelte-1hd4mz9{text-align:center}.guide-content.svelte-1hd4mz9 h3:where(.svelte-1hd4mz9){color:var(--color-ink);margin-bottom:1rem;font-size:1.5rem}.guide-content.svelte-1hd4mz9 p:where(.svelte-1hd4mz9){margin-bottom:1.5rem;font-size:1.1rem}.guide-button.svelte-1hd4mz9{display:inline-block;background-color:var(--color-brand);color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s}.guide-button.svelte-1hd4mz9:hover{background-color:var(--color-brand-hover)}.featured-badge.svelte-1hd4mz9{display:flex;justify-content:center;margin:2.5rem 0}.featured-badge.svelte-1hd4mz9 img:where(.svelte-1hd4mz9){display:block}.any-group.svelte-1hd4mz9{max-width:820px;margin:3rem auto;line-height:1.7}.any-group.svelte-1hd4mz9 h2:where(.svelte-1hd4mz9){text-align:center;margin-bottom:1rem}
