.listing-preview{--accent:hsl(var(--preview-hue) 85% 58%);--accent-2:hsl(calc(var(--preview-hue) + 40) 90% 64%);aspect-ratio:1200/630;background:var(--ds-background-100);width:100%;color:var(--ds-gray-1000);position:relative;overflow:hidden;container-type:inline-size}.listing-preview-glow{background:radial-gradient(60% 90% at 88% 100%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 70%), radial-gradient(50% 70% at 100% 0%, color-mix(in srgb, var(--accent-2) 26%, transparent), transparent 70%), radial-gradient(40% 60% at 0% 100%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%);position:absolute;inset:0}.dark .listing-preview-glow{background:radial-gradient(60% 90% at 88% 100%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 70%), radial-gradient(50% 70% at 100% 0%, color-mix(in srgb, var(--accent-2) 38%, transparent), transparent 70%), radial-gradient(40% 60% at 0% 100%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%)}.listing-preview-glow:after{content:"";background-image:linear-gradient(var(--ds-gray-alpha-100) 1px, transparent 1px), linear-gradient(90deg, var(--ds-gray-alpha-100) 1px, transparent 1px);background-size:6cqw 6cqw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 25% 15%,#000 0%,#0000 70%);mask-image:radial-gradient(70% 80% at 25% 15%,#000 0%,#0000 70%)}.listing-preview-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ds-gray-900);align-items:center;gap:1.2cqw;font-size:clamp(9px,2.1cqw,14px);line-height:1;display:flex;position:absolute;top:5.5cqw;left:5.5cqw}.listing-preview-label-mark{border-radius:var(--radius-min);background:var(--primary);width:clamp(8px,1.8cqw,12px);height:clamp(8px,1.8cqw,12px)}.listing-preview-label-divider{opacity:.5}.listing-preview-icon{border-radius:var(--radius-control);background:color-mix(in srgb, var(--ds-background-100) 70%, transparent);width:7cqw;height:7cqw;box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-400);color:var(--ds-gray-1000);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:absolute;top:4.5cqw;right:5cqw}.listing-preview-icon svg{width:3.6cqw;height:3.6cqw}.listing-preview-title{max-width:46%;font-family:var(--font-sans);letter-spacing:-.045em;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:clamp(14px,6.4cqw,60px);font-weight:600;line-height:1.02;display:-webkit-box;position:absolute;bottom:6cqw;left:5.5cqw;overflow:hidden}.listing-preview-art{border-radius:var(--radius-8);background:var(--ds-background-100);width:55.2cqw;height:40.8cqw;box-shadow:0 0 0 1px var(--ds-gray-alpha-400), 0 2cqw 5cqw -1cqw color-mix(in srgb, var(--accent) 30%, transparent);transition:transform .3s var(--ease-out);position:absolute;bottom:-5cqw;right:-3cqw;overflow:hidden}.listing-preview-art-bar{height:5cqw;box-shadow:inset 0 -1px 0 var(--ds-gray-alpha-400);background:var(--ds-background-200);align-items:center;gap:.8cqw;padding:0 1.8cqw;display:flex}.listing-preview-art-bar-dot{background:var(--ds-gray-500);border-radius:50%;width:1.1cqw;height:1.1cqw}.listing-preview-art-bar-address{background:var(--ds-gray-200);border-radius:9999px;flex:1;height:2.2cqw;margin-left:1.2cqw}.listing-preview-art-body{flex-direction:column;gap:1.6cqw;padding:2.6cqw 2.8cqw;display:flex;position:relative}.listing-preview-art-line{background:var(--ds-gray-300);border-radius:9999px;height:1.5cqw;display:block}.listing-preview-art-line--accent{background:color-mix(in srgb, var(--accent) 70%, var(--ds-gray-300))}.listing-preview-art-line--indent{margin-left:3cqw}.listing-preview-art-line--25{width:25%}.listing-preview-art-line--30{width:30%}.listing-preview-art-line--35{width:35%}.listing-preview-art-line--45{width:45%}.listing-preview-art-line--50{width:50%}.listing-preview-art-line--55{width:55%}.listing-preview-art-line--60{width:60%}.listing-preview-art-line--70{width:70%}.listing-preview-art-line--80{width:80%}.listing-preview--cli .listing-preview-art{background:var(--terminal-background)}.listing-preview--cli .listing-preview-art-bar{background:var(--terminal-bar);box-shadow:inset 0 -1px 0 var(--terminal-hairline)}.listing-preview--cli .listing-preview-art-bar-dot{background:var(--terminal-dot)}.listing-preview--cli .listing-preview-art-line{background:var(--terminal-line)}.listing-preview--cli .listing-preview-art-line--accent{background:var(--accent)}.listing-preview-art-body-command{font-family:var(--font-mono);color:var(--terminal-text);white-space:nowrap;font-size:clamp(7px,2.2cqw,16px);line-height:1}.listing-preview-art-body-prompt{color:var(--accent)}.listing-preview-art-popup{border-radius:var(--radius-min);background:var(--ds-background-100);width:42%;box-shadow:0 0 0 1px var(--ds-gray-alpha-400), 0 1.5cqw 3cqw -1cqw var(--ds-gray-alpha-400);flex-direction:column;gap:1.2cqw;padding:2cqw;display:flex;position:absolute;top:1.6cqw;right:2cqw}.listing-preview-art-body--app{flex-direction:row;gap:2cqw;height:calc(100% - 5cqw)}.listing-preview-art-sidebar{border-radius:var(--radius-min);background:var(--ds-gray-200);width:22%}.listing-preview-art-tiles{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:1.6cqw;display:grid}.listing-preview-art-tile{border-radius:var(--radius-min);background:var(--ds-gray-200);height:9cqw}.listing-preview-art-tile--accent{background:color-mix(in srgb, var(--accent) 45%, var(--ds-gray-200))}.listing-preview--thumb .listing-preview-label,.listing-preview--thumb .listing-preview-icon{display:none}.listing-preview--thumb{aspect-ratio:auto;height:100%;min-height:104px}.listing-preview--thumb .listing-preview-art{border-radius:var(--radius-4)}.listing-preview--thumb .listing-preview-title{max-width:50%;top:8cqw;bottom:auto}.listing-preview--corners-top{border-radius:var(--radius-card) var(--radius-card) 0 0}.listing-preview--corners-all{border-radius:var(--radius-card)}.listing-preview-hover-parent:hover .listing-preview-art{transform:translate(-1cqw,-1cqw)}