.klyp-AssetTile{width:100%;aspect-ratio:var(--card-aspect,1/1);isolation:isolate;text-align:left;background:var(--color-bg-root);border-radius:var(--r-card);font-family:var(--font-sans);color:var(--color-fg-primary);appearance:none;transition:transform var(--duration-normal) var(--easing-decelerate);border:none;margin:0;padding:0;display:block;position:relative;overflow:clip;container:assettile/inline-size}.klyp-AssetTile:after{content:"";pointer-events:none;z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-subtle);transition:box-shadow var(--duration-fast) var(--easing-standard);position:absolute;inset:0}.klyp-AssetTile[data-interactive=true]{cursor:pointer}.klyp-AssetTile[data-interactive=true]:hover{transform:translateY(-2px)}.klyp-AssetTile[data-interactive=true]:hover:after{box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-default)}.klyp-AssetTile[data-interactive=true]:focus-visible{box-shadow:0 0 0 var(--bw-emphasis) var(--color-border-focus);outline:none}@media (prefers-reduced-motion:reduce){.klyp-AssetTile{transition:none}.klyp-AssetTile[data-interactive=true]:hover{transform:none}}.klyp-AssetTile__image,.klyp-AssetTile__placeholder{z-index:0;width:100%;height:100%;position:absolute;inset:0}.klyp-AssetTile__image{-o-object-fit:cover;object-fit:cover;display:block}.klyp-AssetTile__placeholder{background:radial-gradient(140% 70% at 0% 30%, var(--color-overlay-gold-12) 0%, transparent 60%), linear-gradient(to bottom right, var(--color-bg-surface), var(--color-bg-glass), var(--color-bg-glass-deep))}.klyp-AssetTile__overlay{z-index:2;background:linear-gradient(to top, var(--alpha-black-70) 0%, var(--alpha-black-50) 60%, transparent 100%);height:20%;padding:var(--space-12);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.klyp-AssetTile__row{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.klyp-AssetTile__typePill{align-items:center;gap:var(--space-6);padding:var(--padding-chip-y) var(--padding-chip-x);border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-glass);-webkit-backdrop-filter:var(--fx-glass-blur-soft);backdrop-filter:var(--fx-glass-blur-soft);color:var(--color-fg-primary);font-size:var(--font-size-11);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);align-self:flex-start;display:inline-flex}.klyp-AssetTile__typePillDot{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-fg-muted);flex-shrink:0;display:inline-block}.klyp-AssetTile__typePill[data-kind=character] .klyp-AssetTile__typePillDot{background:var(--color-mention-character)}.klyp-AssetTile__typePill[data-kind=location] .klyp-AssetTile__typePillDot{background:var(--color-mention-location)}.klyp-AssetTile__typePill[data-kind=outfit] .klyp-AssetTile__typePillDot{background:var(--color-mention-outfit)}.klyp-AssetTile__typePill[data-kind=vibe] .klyp-AssetTile__typePillDot{background:var(--color-mention-vibe)}.klyp-AssetTile__typePill[data-kind=scene] .klyp-AssetTile__typePillDot{background:var(--color-mention-scene)}.klyp-AssetTile__typePill[data-kind=script] .klyp-AssetTile__typePillDot{background:var(--color-mention-script)}.klyp-AssetTile__typePill[data-kind=prop] .klyp-AssetTile__typePillDot{background:var(--color-mention-prop)}.klyp-AssetTile__typePill[data-kind=shot] .klyp-AssetTile__typePillDot{background:var(--color-mention-shot)}.klyp-AssetTile__typePillLabel{display:inline-block}.klyp-AssetTile__title{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-fg-primary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;width:100%;margin:0;display:-webkit-box;overflow:hidden}@container assettile (width>=240px){.klyp-AssetTile__title{font-size:var(--font-size-15)}}@container assettile (width>=360px){.klyp-AssetTile__overlay{padding:var(--space-16)}.klyp-AssetTile__title{font-size:var(--font-size-16)}}.klyp-AssetTile__slot{top:var(--space-8);z-index:3;gap:var(--space-6);pointer-events:auto;opacity:0;transition:opacity var(--duration-fast) var(--easing-standard);display:flex;position:absolute}.klyp-AssetTile__slot[data-slot=top-left]{left:var(--space-8)}.klyp-AssetTile__slot[data-slot=top-right]{right:var(--space-8)}.klyp-AssetTile:hover .klyp-AssetTile__slot,.klyp-AssetTile:focus-within .klyp-AssetTile__slot,.klyp-AssetTile[data-pinned=true] .klyp-AssetTile__slot[data-slot=top-left]{opacity:1}.klyp-AssetTile__pinBtn{width:var(--control-size-sm);height:var(--control-size-sm);border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-bg-glass);-webkit-backdrop-filter:var(--fx-glass-blur-soft);backdrop-filter:var(--fx-glass-blur-soft);color:var(--color-fg-primary);cursor:pointer;transition:color var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);place-items:center;padding:0;display:inline-grid}.klyp-AssetTile__pinBtn:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-default)}.klyp-AssetTile__pinBtn:focus-visible{box-shadow:0 0 0 var(--bw-default) var(--color-ring);outline:none}.klyp-AssetTile__pinBtn[data-pinned=true]{color:var(--color-accent);border-color:var(--color-accent-muted)}.klyp-AssetTile__skeleton{z-index:2;background:linear-gradient(90deg, transparent, var(--color-bg-glass), transparent);background-size:200% 100%;animation:1.6s linear infinite klyp-AssetTile-shimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.klyp-AssetTile__skeleton{background:var(--color-bg-glass);animation:none}}@keyframes klyp-AssetTile-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.klyp-AssetTile[data-archived=true]{opacity:var(--opacity-50)}