.klyp-VideoReferenceSlots{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.klyp-VideoReferenceSlots__input{display:none}.klyp-VideoReferenceSlots__pill{justify-content:center;align-items:center;gap:var(--space-4);height:var(--control-size-lg);padding:0 var(--padding-chip-x);border-radius:var(--r-chip);background:var(--color-bg-surface);border:var(--bw-default) solid var(--color-border-default);color:var(--color-fg-muted);font-size:var(--font-size-12);cursor:pointer;transition:color var(--duration-base), border-color var(--duration-base), background var(--duration-base);display:inline-flex}.klyp-VideoReferenceSlots__pill:hover{color:var(--color-fg-primary);border-color:var(--color-border-strong);background:var(--color-bg-surface-hover)}.klyp-VideoReferenceSlots__pill:active{transform:scale(.97)}.klyp-VideoReferenceSlots__pill:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 var(--bw-default) var(--color-border-strong);outline:none}.klyp-VideoReferenceSlots__tile{width:var(--space-80);height:var(--space-80);border-radius:var(--r-card);background:var(--color-bg-surface);flex-shrink:0;position:relative;overflow:hidden}.klyp-VideoReferenceSlots__tile[data-uploading] .klyp-VideoReferenceSlots__thumb{opacity:var(--opacity-disabled)}.klyp-VideoReferenceSlots__tile[data-error],.klyp-VideoReferenceSlots__tile[data-warning]{outline:var(--bw-default) solid var(--color-border-strong);outline-offset:-1px}.klyp-VideoReferenceSlots__thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.klyp-VideoReferenceSlots__thumbFallback{width:100%;height:100%;color:var(--color-fg-muted);justify-content:center;align-items:center;display:inline-flex}.klyp-VideoReferenceSlots__spinner{width:var(--space-20);height:var(--space-20);margin:calc(var(--space-20) / -2) 0 0 calc(var(--space-20) / -2);border-radius:var(--radius-full);border:var(--bw-default) solid var(--color-border-subtle);border-top-color:var(--color-accent);animation:.7s linear infinite klyp-video-ref-spin;position:absolute;top:50%;left:50%}.klyp-VideoReferenceSlots__badge{bottom:var(--space-4);padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);background:var(--color-bg-surface-solid);color:var(--color-fg-primary);font-size:var(--font-size-12);pointer-events:none;white-space:nowrap;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.klyp-VideoReferenceSlots__remove{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:var(--color-bg-surface-solid);color:var(--color-fg-primary);cursor:pointer;transition:color var(--duration-base);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.klyp-VideoReferenceSlots__remove:hover{color:var(--color-fg-primary)}.klyp-VideoReferenceSlots__remove:focus-visible{box-shadow:none;outline:none}.klyp-VideoReferenceSlots__dashed{justify-content:center;align-items:center;gap:var(--space-2);width:var(--space-80);height:var(--space-80);border-radius:var(--r-card);border:var(--bw-default) dashed var(--color-border-default);color:var(--color-fg-muted);font-size:var(--font-size-12);cursor:pointer;transition:color var(--duration-base), border-color var(--duration-base);background:0 0;flex-direction:column;flex-shrink:0;display:flex}.klyp-VideoReferenceSlots__dashed:hover{color:var(--color-fg-primary);border-color:var(--color-border-strong)}.klyp-VideoReferenceSlots__dashed:active{transform:scale(.97)}.klyp-VideoReferenceSlots__dashed:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 var(--bw-default) var(--color-border-strong);outline:none}.klyp-VideoReferenceSlots__swap{width:var(--control-size-sm);height:var(--control-size-sm);border-radius:var(--radius-full);background:var(--color-bg-surface);border:var(--bw-default) solid var(--color-border-default);color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-base), border-color var(--duration-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-VideoReferenceSlots__swap:hover{color:var(--color-fg-primary);border-color:var(--color-border-strong)}.klyp-VideoReferenceSlots__swap:active{transform:scale(.92)}.klyp-VideoReferenceSlots__swap:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 var(--bw-default) var(--color-border-strong);outline:none}.klyp-VideoReferenceSlots[data-disabled]{opacity:var(--opacity-disabled);pointer-events:none}@keyframes klyp-video-ref-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.klyp-VideoReferenceSlots__spinner{animation-duration:1.4s}}