@layer components{.site-container.listing-page{max-width:1184px}.listing-page>.breadcrumbs{margin-bottom:32px}.listing-page .app-detail{gap:64px}.listing-preview{gap:48px;min-width:0;display:grid;container:listing/inline-size}.listing-hero{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:24px 32px;display:grid}.listing-hero .listing-icon{grid-row:1/3;width:112px;height:112px}.listing-identity{min-width:0}.listing-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.listing-title :is(h1,h2){overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:650;line-height:1.15}.listing-tagline{color:var(--muted-foreground);overflow-wrap:anywhere;max-width:65ch;margin:12px 0;font-size:1.125rem;line-height:1.7}.listing-byline{color:var(--muted-foreground);overflow-wrap:anywhere;flex-wrap:wrap;gap:4px 16px;font-size:.875rem;display:flex}.listing-byline>span+span,.listing-byline>a+span{border-left:1px solid var(--border);padding-left:16px}.listing-byline a{color:var(--foreground)}:is(.listing-byline,.listing-highlights,.listing-facts,.listing-section-heading) a:after{content:none}.listing-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex}.listing-actions:empty{display:none}.listing-information:has(.listing-facts:empty){display:none}.listing-actions>.snippet-compact{background:0 0;border:0;flex-wrap:wrap;max-width:100%;margin:0;padding:0;display:flex}.listing-actions .snippet pre{white-space:pre-wrap;overflow-wrap:anywhere;flex-basis:100%;order:2}.listing-actions .copy-status:not(.sr-only){flex-basis:100%;font-size:.875rem}.listing-highlights{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px 0;margin:0;padding:24px 0;display:grid}.listing-highlights:empty{display:none}.listing-highlights>div{min-width:0;padding:0 24px}.listing-highlights>div+div{border-left:1px solid var(--border)}.listing-highlights dt{color:var(--muted-foreground);margin-bottom:8px;font-size:.8125rem}.listing-highlights dd{overflow-wrap:anywhere;margin:0;font-weight:500}.listing-body{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.listing-main,.listing-sidebar{gap:32px;min-width:0;display:grid}.listing-media{min-width:0;margin:0}.listing-media:has(>img[style*="display: none"]){display:none}.listing-screenshot{aspect-ratio:auto 1200/630;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;height:auto;display:block}.listing-preview .listing-about{box-shadow:none;background:0 0;border:0;gap:16px;padding:0;display:grid}.listing-about h2,.listing-information h2,.listing-section-heading h2{margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.listing-about .prose{max-width:65ch}.listing-about .prose p{white-space:pre-line;overflow-wrap:anywhere;font-size:1rem;line-height:1.7}.listing-information{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);padding:24px}.listing-facts{margin:20px 0 0}.listing-facts>div{border-top:1px solid var(--border);grid-template-columns:80px minmax(0,1fr);align-items:baseline;gap:12px;padding-block:12px;display:grid}.listing-facts>div:last-child{padding-bottom:0}.listing-facts dt{color:var(--muted-foreground);font-size:.875rem}.listing-facts dd{overflow-wrap:anywhere;margin:0;font-size:1rem}.listing-tags{flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.listing-tags a{display:inline-block}.listing-sidebar .ask-ai-project{box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;padding:0;display:grid}.listing-sidebar .ask-ai-links{gap:8px}.listing-sidebar .domain-rating{box-shadow:none;padding:24px}.listing-sidebar .domain-rating h2{text-transform:none}.listing-guide{border-radius:var(--radius);background:var(--card);color:var(--card-foreground);align-items:flex-start;gap:16px;padding:24px;display:flex}.listing-guide>svg{flex-shrink:0;margin-top:4px}.listing-guide p{color:var(--muted-foreground);margin:0 0 4px;font-size:.8125rem}.listing-guide a{overflow-wrap:anywhere;font-weight:500}.listing-review-note{color:var(--muted-foreground);border-top:1px solid var(--border);padding-top:24px}.listing-review-note p{margin-bottom:12px;font-size:.875rem}.listing-review-note p:last-child{margin:0}.listing-related{border-top:1px solid var(--border);padding-top:48px}.listing-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.listing-section-heading p{color:var(--muted-foreground);margin:8px 0 0}.listing-section-heading>a{align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.listing-related .grid:has(>.card){gap:16px;max-width:none}.preview-image-empty{aspect-ratio:1200/630;background:var(--card);color:var(--muted-foreground);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.preview-image-empty small{font-size:.8125rem}.listing-preview.is-draft{background:var(--background);border-radius:var(--radius);padding:24px}@container listing (width>=801px){.listing-hero{grid-template-columns:112px minmax(0,1fr) auto;align-items:center}.listing-hero .listing-icon{grid-row:1;align-self:start}.listing-actions{grid-column:3;justify-content:flex-end;max-width:288px}}@container listing (width<=800px){.listing-body{grid-template-columns:minmax(0,1fr);gap:32px}.listing-hero{grid-template-columns:80px minmax(0,1fr);gap:20px}.listing-hero .listing-icon{width:80px;height:80px}.listing-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-highlights>div:nth-child(odd){border-left:0}}@container listing (width<=480px){.listing-hero{grid-template-columns:64px minmax(0,1fr);gap:16px}.listing-hero .listing-icon{grid-row:1;width:64px;height:64px}.listing-title :is(h1,h2){font-size:1.75rem}.listing-identity{display:contents}.listing-title{grid-column:2;align-self:center;min-width:0}.listing-tagline{grid-column:1/-1;margin:0;font-size:1rem}.listing-actions{grid-column:1/-1}.listing-byline{grid-column:1/-1;gap:4px 16px}.listing-byline>a+span{border:0;padding-left:0}.listing-highlights>div{padding-inline:16px}.listing-facts>div{grid-template-columns:80px minmax(0,1fr)}}@media (width<=719px){.listing-page>.breadcrumbs{margin-bottom:24px}.listing-page .app-detail{gap:48px}.listing-preview{gap:32px}.listing-related{padding-top:32px}.listing-preview.is-draft{padding:16px}}}