.clip-question{font-size:var(--hi-text-body-size);color:var(--hi-text);margin:0;font-weight:600}.clip-pick{margin-bottom:var(--hi-space-2);align-items:flex-start;gap:var(--hi-space-3);flex-direction:column;min-width:0;display:flex}.clip-cards{gap:var(--hi-space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%;min-width:0;display:grid}.clip-card{min-width:0;padding:var(--hi-space-2);background:var(--hi-surface);border:1px solid var(--hi-hairline);border-radius:var(--hi-radius);cursor:pointer;flex-direction:column;gap:6px;transition-property:background-color,border-color,box-shadow;transition-duration:.15s;display:flex}.clip-card:hover{background:var(--hi-surface-hover)}.clip-card[data-selected]{background:var(--hi-selected);border-color:var(--hi-action);box-shadow:inset 0 0 0 1px var(--hi-action)}.clip-card[data-disabled]{cursor:default;opacity:.6}.clip-card:has(input:focus-visible){outline:var(--hi-focus-width) solid var(--hi-action);outline-offset:2px}.clip-card__thumb{aspect-ratio:4/3;background:var(--hi-selected);border-radius:calc(var(--hi-radius) - 2px);justify-content:center;align-items:center;display:flex;overflow:hidden}.clip-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.clip-card__missing,.clip-player__missing{color:var(--hi-text-3);font-size:var(--hi-text-secondary-size)}.clip-card__name{font-size:var(--hi-text-body-size);color:var(--hi-text);overflow-wrap:anywhere;font-weight:600}.clip-card__figure{font-family:var(--hi-font-mono);font-size:var(--hi-text-data-size);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.clip-card__meta{font-family:var(--hi-font-mono);font-size:var(--hi-text-data-size);font-variant-numeric:tabular-nums;color:var(--hi-text-3)}.clip-state{align-items:center;gap:var(--hi-space-3);flex-wrap:wrap;display:flex}.clip-state__line{color:var(--hi-text-2);margin:0}.clip-player{gap:var(--hi-space-2);flex-direction:column;width:100%;min-width:0;max-width:720px;margin:0;display:flex}.clip-player video,.clip-player__still{border-radius:var(--hi-radius);background:#000;width:100%;height:auto;display:block}.clip-player__missing{padding:var(--hi-space-4) 0;margin:0}.clip-player__caption{justify-content:space-between;align-items:baseline;gap:var(--hi-space-3);font-family:var(--hi-font-mono);font-size:var(--hi-text-data-size);color:var(--hi-text-3);flex-wrap:wrap;display:flex}.clip-player__file summary{cursor:pointer;font-family:var(--hi-font-sans)}.clip-player__file code{margin-top:var(--hi-space-1);overflow-wrap:anywhere;display:block}.clip-match{font-size:var(--hi-text-secondary-size);color:var(--hi-text-2)}.clip-match summary{cursor:pointer}.clip-match p{margin:var(--hi-space-1) 0 0;color:var(--hi-text-3)}@media (min-width:2000px){.clip-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}