.site-container.listing-page{max-width:1184px}.listing-page>.breadcrumbs{margin-bottom:32px}.listing-page .app-detail{gap:64px}.listing-preview{gap:32px;min-width:0;display:grid;container:listing/inline-size}.listing-hero{grid-template-columns:88px minmax(0,1fr);align-items:start;gap:24px 32px;display:grid}.listing-hero-surface.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:none;border:0;padding:32px;display:block}.listing-hero .listing-icon{grid-row:1/3;width:88px;height:88px}.listing-identity{min-width:0}.listing-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.listing-title :is(h1,h2){letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;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-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-body{grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:48px;display:grid}.listing-main,.listing-sidebar{gap:32px;min-width:0;display:grid}.listing-main{gap:32px}.listing-media{background:var(--card);border-radius:var(--radius-lg);min-width:0;margin:0;padding:8px}.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:680px}.listing-about .prose p{white-space:pre-line;overflow-wrap:anywhere;font-size:1rem;line-height:1.7}.listing-facts{margin:0}.listing-facts>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);align-items:baseline;gap:4px;padding-block:12px;display:grid}.listing-facts>div:first-child{border-top:0}.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-facts dd>a{align-items:baseline;gap:4px;max-width:100%;display:inline-flex}.listing-facts dd>a svg{flex-shrink:0}.listing-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.listing-tags a,.listing-tags span{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);padding:2px 10px;font-size:.8125rem;line-height:1.6;text-decoration:none;display:inline-block}.listing-tags a:hover{background:var(--accent)}.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{flex-wrap:nowrap;grid-column:3;justify-content:flex-end}}@container listing (width<=959px){.listing-body{grid-template-columns:minmax(0,1fr)}}@media (width<=959px){.listing-body{grid-template-columns:minmax(0,1fr)}}@container listing (width<=800px){.listing-hero{grid-template-columns:80px minmax(0,1fr);gap:20px}.listing-hero .listing-icon{width:80px;height:80px}}@container listing (width<=480px){.listing-hero-surface.card{padding:20px}.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-summary{grid-column:1/-1;margin:0}.listing-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;display:grid}.listing-actions>.btn:first-child{grid-column:1/-1}.listing-actions>.save-form>.btn{width:100%}.listing-byline{grid-column:1/-1;gap:4px 16px}.listing-byline>a+span{border:0;padding-left:0}}@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}}.listing-about .prose h3{margin:28px 0 12px;font-size:1.125rem}.listing-about .prose ul{padding-left:24px;list-style:outside}.listing-about .prose li{overflow-wrap:anywhere;line-height:1.7}.listing-about .prose ul.listing-feature-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:8px;padding:0;list-style:none;display:grid}.listing-feature-list li{border-radius:var(--radius);background:var(--muted);color:var(--foreground);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.listing-feature-list svg{box-sizing:content-box;background:var(--primary);color:var(--primary-foreground);border-radius:999px;flex-shrink:0;margin-top:.3em;padding:3px}.listing-fact-note{color:var(--muted-foreground);white-space:pre-line;margin:0;font-size:.875rem;line-height:1.6}.listing-tags+.listing-fact-note{margin-top:4px}.listing-summary{max-width:680px;color:var(--muted-foreground);margin:8px 0 0;font-size:1rem;line-height:1.7}.listing-extra{max-width:680px;margin-top:48px}.listing-extra h2{margin:0 0 16px;font-size:1.25rem;font-weight:600}.listing-extra ul{margin:0;padding-left:20px;line-height:1.7}.listing-related-links{flex-wrap:wrap;gap:8px 16px;margin-bottom:24px;display:flex}.listing-gallery{gap:12px;display:grid}.listing-thumbnails{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.listing-thumbnails::-webkit-scrollbar{display:none}.listing-thumb{border-radius:var(--radius);background:var(--card);cursor:pointer;border:2px solid #0000;flex-shrink:0;padding:4px;transition:border-color .15s ease-out}.listing-thumb img{object-fit:cover;border-radius:calc(var(--radius) - 4px);width:120px;height:63px;display:block}.listing-thumb:hover{border-color:var(--border)}.listing-thumb.active{border-color:var(--primary)}.listing-thumb:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
