.gallery-social-card{container-type:inline-size}body.native-evals .evals-app :is(.output-card.community-card.gallery-social-card,.task-output-gallery-tile) .output-stack{min-height:calc(var(--stack-rows,0) * 21px - 6px);padding-bottom:0}.output-card .gallery-turn-overlay{z-index:2;position:absolute;top:8px;left:8px}.output-card .gallery-turn-overlay .output-turn-link{color:var(--ink);gap:0}.output-card .gallery-turn-overlay .output-turn-link>svg{display:none}.output-card .gallery-turn-overlay .output-turn-label{background:var(--paper);padding:4px 6px;font-size:11px}:is(.output-card,.task-output-gallery-tile) .gallery-usage{min-height:21px;color:var(--muted);align-items:baseline;gap:6px;margin-top:6px;font-size:10px;line-height:15px;display:flex}:is(.output-card,.task-output-gallery-tile) .gallery-usage>span,:is(.output-card,.task-output-gallery-tile) .gallery-usage .metric-value{white-space:nowrap}:is(.output-card,.task-output-gallery-tile) .gallery-usage .metric-value{font-size:inherit;line-height:inherit;font-variant-numeric:var(--numeric-figures);padding:0}.output-card .gallery-social-actions{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:37px;margin-top:4px;padding-top:8px;display:flex}.gallery-social-actions .task-reactions{min-width:0;margin:0}.gallery-comment-action,.gallery-source-action,.native-evals .output-card .gallery-social-actions .save-toggle{width:28px;min-width:28px;height:28px;min-height:28px;color:inherit;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.gallery-social-actions .gallery-comment-action{gap:4px;width:auto;height:24px;min-height:24px;font-size:10px}.gallery-comment-action svg{flex:none;width:14px;height:14px}.gallery-source-action svg,.gallery-social-save svg{flex:none;width:16px;height:16px}.gallery-social-actions button:hover,.gallery-source-action:hover{background:var(--wash)}.gallery-social-actions button:focus-visible,.gallery-source-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-social-save{align-items:center;gap:4px;margin-left:auto;display:flex}.gallery-discussion-actions{flex:1;align-items:center;gap:12px;min-width:max-content;display:flex}.gallery-discussion-modal .gallery-discussion-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:16px 20px 0;line-height:1.5;display:-webkit-box;overflow:hidden}.gallery-discussion-modal .comments{margin:0;padding:20px}.gallery-discussion-modal .comments>h2{display:none}@media (max-width:800px){:is(.output-card,.task-output-gallery-tile) .gallery-usage{margin-top:0;font-size:11px;line-height:17px}body.native-evals .evals-app .compact-catalog :is(.output-card.community-card.gallery-social-card,.task-output-gallery-tile) .output-stack{min-height:calc(var(--stack-rows,0) * 24px - 2px);gap:2px;padding-bottom:0}.output-card .gallery-social-actions{width:100%;margin-top:0}body.native-evals .evals-app .compact-catalog :is(.output-card.community-card.gallery-social-card,.task-output-gallery-tile) .output-stack-row,body.native-evals .evals-app .compact-catalog .output-card.community-card.gallery-social-card .stack-chip{min-height:22px}}@media (max-width:800px),(pointer:coarse){body.native-evals .evals-app .output-card.gallery-social-card .gallery-social-actions .save-toggle{height:28px;min-height:28px}.gallery-social-actions .gallery-comment-action,.native-evals .output-card .gallery-social-actions .save-toggle,.gallery-source-action{position:relative}.gallery-social-actions .gallery-comment-action:after{content:"";position:absolute;inset:-10px 0}.native-evals .output-card .gallery-social-actions .save-toggle:after,.gallery-source-action:after{content:"";position:absolute;inset:-8px 0}.output-card .gallery-social-actions{flex-wrap:wrap;gap:16px 8px;padding-bottom:8px}.gallery-discussion-actions{gap:8px}.gallery-social-actions .task-reactions{flex-shrink:0}:is(.output-card,.task-output-gallery-tile) .gallery-usage .metric-value:after{content:"";position:absolute;inset:-1.5px 0}:is(.output-card,.task-output-gallery-tile) .gallery-usage .metric-value{text-align:left;min-height:21px;position:relative}.output-card .gallery-turn-overlay a{align-items:flex-start;min-width:44px;min-height:44px;display:flex}@container (max-width:160px){.output-card .gallery-social-actions{column-gap:4px}.gallery-discussion-actions{gap:4px}:is(.output-card,.task-output-gallery-tile) .gallery-usage{gap:3px}}}.gallery-social-actions .gallery-skeleton-votes{border-radius:20px;width:64px;height:24px}