.klyp-AttachmentSlot{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:inline-flex}.klyp-AttachmentSlot__cell{box-sizing:border-box;flex-shrink:0;position:relative}.klyp-AttachmentSlot__cell[data-state=empty-pill],.klyp-AttachmentSlot__cell[data-state=empty-square]{color:var(--color-fg-muted);font-size:var(--font-size-12);cursor:pointer;border:1px dashed var(--color-border-subtle);background:var(--color-bg-canvas);box-shadow:inset 0 0 var(--space-10) var(--space-4) var(--color-bg-root);transition:color var(--duration-base), border-color var(--duration-base), background var(--duration-base);justify-content:center;align-items:center;display:inline-flex}.klyp-AttachmentSlot__cell[data-state=empty-pill]:hover,.klyp-AttachmentSlot__cell[data-state=empty-square]:hover{color:var(--color-fg-primary);border-color:var(--color-border-strong);background:var(--color-bg-surface);box-shadow:none}.klyp-AttachmentSlot__cell[data-state=empty-pill]:hover .klyp-AttachmentSlot__glyph,.klyp-AttachmentSlot__cell[data-state=empty-square]:hover .klyp-AttachmentSlot__glyph{opacity:1}.klyp-AttachmentSlot__cell[data-state=empty-pill]:active,.klyp-AttachmentSlot__cell[data-state=empty-square]:active{transform:scale(.97)}.klyp-AttachmentSlot__cell[data-state=empty-pill][data-dragover],.klyp-AttachmentSlot__cell[data-state=empty-square][data-dragover]{color:var(--color-fg-primary);border-color:var(--color-accent);background:var(--color-bg-surface);box-shadow:none;outline:var(--bw-default) solid var(--color-accent);outline-offset:calc(-1 * var(--bw-default))}.klyp-AttachmentSlot__cell[data-state=empty-pill][data-dragover] .klyp-AttachmentSlot__glyph,.klyp-AttachmentSlot__cell[data-state=empty-square][data-dragover] .klyp-AttachmentSlot__glyph{opacity:1}.klyp-AttachmentSlot__cell[data-state=empty-pill]:focus-visible,.klyp-AttachmentSlot__cell[data-state=empty-square]:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-AttachmentSlot__cell[data-state=empty-pill]:disabled,.klyp-AttachmentSlot__cell[data-state=empty-square]:disabled{pointer-events:none;opacity:var(--opacity-disabled)}.klyp-AttachmentSlot__cell[data-state=empty-pill]{gap:var(--space-6);height:var(--control-size-md);border-radius:var(--r-chip);padding-block:0;padding-inline-start:var(--space-12);padding-inline-end:var(--control-pad-x-md)}.klyp-AttachmentSlot__cell[data-state=empty-square]{gap:var(--space-2);width:var(--space-80);height:var(--space-80);border-radius:var(--r-card);flex-direction:column}.klyp-AttachmentSlot__cell[data-state=image],.klyp-AttachmentSlot__cell[data-state=video]{width:var(--space-80);height:var(--space-80);border-radius:var(--r-card);background:var(--color-bg-surface-solid);animation:klyp-attachment-slot-enter var(--duration-normal) var(--easing-standard) both;overflow:hidden}.klyp-AttachmentSlot__cell[data-state=file]{--klyp-attachment-slot-file-w:calc(var(--space-128) + var(--space-40));width:var(--klyp-attachment-slot-file-w);height:var(--space-80);padding:var(--space-12);border:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-surface);border-radius:var(--r-card);transition:border-color var(--duration-fast) ease;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.klyp-AttachmentSlot__cell[data-state=file]:hover{border-color:var(--color-border-default)}.klyp-AttachmentSlot__cell[data-state=file]:hover .klyp-AttachmentSlot__kindIcon{opacity:1}.klyp-AttachmentSlot__cell[data-status=error]{outline:1px solid var(--color-status-danger);outline-offset:-1px}.klyp-AttachmentSlot__cell[data-status=warning]{outline:1px solid var(--color-border-strong);outline-offset:-1px}.klyp-AttachmentSlot__cell[data-status=uploading] .klyp-AttachmentSlot__thumb,.klyp-AttachmentSlot__cell[data-status=uploading] .klyp-AttachmentSlot__fileName,.klyp-AttachmentSlot__cell[data-status=uploading] .klyp-AttachmentSlot__kindIcon,.klyp-AttachmentSlot__cell[data-status=uploading] .klyp-AttachmentSlot__kindLabel{opacity:var(--opacity-disabled)}.klyp-AttachmentSlot__cell:hover .klyp-AttachmentSlot__remove,.klyp-AttachmentSlot__cell:focus-within .klyp-AttachmentSlot__remove{opacity:1}.klyp-AttachmentSlot__label{white-space:nowrap}.klyp-AttachmentSlot__glyph{opacity:var(--opacity-50);transition:opacity var(--duration-base);display:inline-flex}.klyp-AttachmentSlot__thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.klyp-AttachmentSlot__thumbFallback{width:100%;height:100%;color:var(--color-fg-muted);justify-content:center;align-items:center;display:inline-flex}.klyp-AttachmentSlot__fileName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);flex:auto;line-height:1.25;overflow:hidden}.klyp-AttachmentSlot__fileFooter{align-items:center;gap:var(--space-6);display:flex}.klyp-AttachmentSlot__kindIcon{width:var(--space-24);height:var(--space-24);color:var(--color-fg-on-active-nav);opacity:var(--opacity-50);border-radius:var(--radius-sm);transition:opacity var(--duration-base);place-items:center;display:grid}.klyp-AttachmentSlot__kindIcon>svg{width:var(--space-24);height:var(--space-24)}.klyp-AttachmentSlot__kindLabel{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted)}.klyp-AttachmentSlot__badge{bottom:var(--space-6);max-width:calc(100% - 2 * var(--space-6));box-sizing:border-box;padding:var(--space-2) var(--space-8);border-radius:var(--r-chip);background:color-mix(in srgb, var(--color-bg-root) 78%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-fg-on-active-nav);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;line-height:1.25;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.klyp-AttachmentSlot__replace{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.klyp-AttachmentSlot__replace:focus-visible{box-shadow:inset 0 0 0 1px var(--color-border-strong);outline:none}.klyp-AttachmentSlot__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:1px solid var(--color-border-subtle);border-top-color:var(--color-fg-primary);animation:.7s linear infinite klyp-attachment-slot-spin;position:absolute;top:50%;left:50%}.klyp-AttachmentSlot__remove{top:var(--space-4);right:var(--space-4);z-index:10;width:var(--space-20);height:var(--space-20);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-bg-surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-fg-muted);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) ease, color var(--duration-fast) ease;border:0;justify-content:center;align-items:center;display:flex;position:absolute}.klyp-AttachmentSlot__remove:hover{color:var(--color-fg-primary)}.klyp-AttachmentSlot__remove:focus-visible{opacity:1;outline:none}.klyp-AttachmentSlot__remove>svg{width:var(--space-12);height:var(--space-12);display:block}@media (hover:none){.klyp-AttachmentSlot__remove{opacity:1}}.klyp-AttachmentSlot[data-disabled]{opacity:var(--opacity-disabled);pointer-events:none}@keyframes klyp-attachment-slot-spin{to{transform:rotate(360deg)}}@keyframes klyp-attachment-slot-enter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.klyp-AttachmentSlot__spinner{animation-duration:1.4s}.klyp-AttachmentSlot__cell[data-state=image],.klyp-AttachmentSlot__cell[data-state=video]{animation:none}}.klyp-AttachmentSlotGroup{align-items:flex-start;gap:var(--space-8);flex-direction:column;min-width:0;display:inline-flex}.klyp-AttachmentSlotGroup__row,.klyp-AttachmentSlotGroup__clips,.klyp-AttachmentSlotGroup__files{align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;min-width:0;display:flex}.klyp-AttachmentSlotGroup__swap{flex-shrink:0;align-self:center}.klyp-AttachmentSlotGroup[data-disabled]{opacity:var(--opacity-disabled);pointer-events:none}