.catalog-cover{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#f7f8fa;min-width:0;flex:none}
.catalog-cover-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;color:#52677b;background-image:radial-gradient(#cbd3dd 1px,transparent 1px);background-size:18px 18px}
.catalog-cover-fallback::before{content:"";position:absolute;inset:20% 22%;border-radius:50%;background:#f7f8fa;filter:blur(15px);z-index:-1}
.catalog-cover--mcp .catalog-cover-fallback{color:#5e637d}
.catalog-cover-symbol{display:grid;place-items:center;width:56px;height:56px;border:1px solid #e1e6ec;border-radius:16px;background:#fff;box-shadow:0 7px 20px #20354c0d}
.catalog-cover-symbol svg{width:29px;height:29px}
.catalog-cover-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:600;letter-spacing:.16em}
.catalog-cover-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#f7f8fa}
.catalog-image-editor{margin-bottom:22px;min-width:0}
.catalog-image-editor .catalog-cover{margin-top:12px;max-height:180px}
.catalog-image-editor .catalog-image-preview-button{margin-top:10px;font-size:12px;padding:7px 11px;min-height:32px}
.skills-card>.catalog-cover,.mcp-card>.catalog-cover{margin:-22px -22px 20px;border-radius:15px 15px 0 0;max-height:190px}
.skills-dialog-scroll>.catalog-cover,.mcp-dialog-scroll>.catalog-cover{height:220px;aspect-ratio:auto;margin-bottom:22px}
@media(max-width:760px){.skills-card>.catalog-cover,.mcp-card>.catalog-cover{margin:-18px -18px 18px}.skills-dialog-scroll>.catalog-cover,.mcp-dialog-scroll>.catalog-cover{height:auto;aspect-ratio:16/9;max-height:200px}.catalog-cover-symbol{width:48px;height:48px;border-radius:13px}.catalog-cover-symbol svg{width:26px;height:26px}}

.skills-card>.catalog-cover--generated,.mcp-card>.catalog-cover--generated{max-height:none}
.skills-dialog-scroll>.catalog-cover--generated .catalog-cover-image,.mcp-dialog-scroll>.catalog-cover--generated .catalog-cover-image{object-fit:contain}