.klyp-CompiledPanel{gap:var(--space-16);flex-direction:column;display:flex;container-type:inline-size}.klyp-CompiledPanel__atoms{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.klyp-CompiledPanel__atomRow{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--color-bg-surface-solid);border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--r-card);grid-template-columns:auto 1fr auto;display:grid}.klyp-CompiledPanel__atomRow[data-kind=format_image],.klyp-CompiledPanel__atomRow[data-kind=format_video]{background:color-mix(in srgb, var(--color-bg-surface-solid) 70%, var(--color-bg-glass) 30%)}.klyp-CompiledPanel__atomRow[data-kind=character_dna],.klyp-CompiledPanel__atomRow[data-kind=location_dna],.klyp-CompiledPanel__atomRow[data-kind=vibe_dna]{background:var(--color-bg-surface)}.klyp-CompiledPanel__atomIndex{font-variant-numeric:tabular-nums;color:var(--color-fg-muted);font-size:var(--font-size-12);min-width:1.5em}.klyp-CompiledPanel__atomLabel{color:var(--color-fg-primary);font-size:var(--font-size-14);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klyp-CompiledPanel__atomRemove{cursor:pointer;color:var(--color-fg-muted);padding:var(--space-4);border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;line-height:0;display:grid}.klyp-CompiledPanel__atomRemove>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.klyp-CompiledPanel__atomRemove[data-hovered],.klyp-CompiledPanel__atomRemove:hover{color:var(--color-fg-primary);background:var(--color-bg-surface)}.klyp-CompiledPanel__atomRemove[data-focus-visible],.klyp-CompiledPanel__atomRemove:focus-visible{outline:var(--bw-emphasis) solid var(--color-border-focus);outline-offset:var(--bw-default)}.klyp-CompiledPanel__empty{color:var(--color-fg-muted);font-size:var(--font-size-14);padding:var(--space-16);text-align:center;margin:0}.klyp-CompiledPanel__section{gap:var(--space-12);flex-direction:column;display:flex}.klyp-CompiledPanel__sectionHeader{align-items:center;gap:var(--space-12);color:var(--color-fg-muted);display:flex}.klyp-CompiledPanel__sectionHeader>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.klyp-CompiledPanel__sectionTitle{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);align-items:baseline;gap:var(--space-8);flex:1;margin:0;display:flex}.klyp-CompiledPanel__count{font-variant-numeric:tabular-nums;color:var(--color-fg-subtle);font-size:var(--font-size-12)}.klyp-CompiledPanel__rawText{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-mono);font-size:var(--font-size-14);color:var(--color-fg-primary);background:var(--color-bg-surface);padding:var(--space-16);border-radius:var(--r-card);border:var(--bw-default) solid var(--color-border-subtle);max-height:320px;margin:0;line-height:1.5;overflow-y:auto}.klyp-CompiledPanel__refGrid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@container (width>=480px){.klyp-CompiledPanel__refGrid{grid-template-columns:repeat(3,1fr)}}.klyp-CompiledPanel__refThumb{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);border:var(--bw-default) solid var(--color-border-subtle);width:100%;display:block}.klyp-CompiledPanel__footer{gap:var(--space-4);padding-top:var(--space-16);border-top:var(--bw-default) solid var(--color-border-subtle);flex-direction:column;display:flex}.klyp-CompiledPanel__footerLabel{font-size:var(--font-size-12);color:var(--color-fg-subtle);font-weight:var(--font-weight-medium)}.klyp-CompiledPanel__footerValue{font-family:var(--font-mono);font-size:var(--font-size-12);color:var(--color-fg-muted);word-break:break-all}.klyp-CompiledPanel__skeleton{gap:var(--space-8);flex-direction:column;display:flex}.klyp-CompiledPanel__skeletonLine{background:var(--color-bg-surface);border-radius:var(--radius-sm);width:100%;height:1em}.klyp-CompiledPanel__skeletonLine[data-w="80"]{width:80%}.klyp-CompiledPanel__skeletonLine[data-w="60"]{width:60%}.klyp-CompiledPanel__skeletonThumb{aspect-ratio:1;background:var(--color-bg-surface);border-radius:var(--radius-sm);border:var(--bw-default) solid var(--color-border-subtle)}.klyp-CompiledPanel[data-state=loading] .klyp-CompiledPanel__rawText{opacity:.5}
