.component-catalog-dialog{box-sizing:border-box;border:1px solid var(--en-mint,#75dac1);width:min(1100px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--en-text,#eef7f7);background:var(--en-surface,#14272c);border-radius:14px;padding:20px;overflow:auto}.component-catalog-dialog::backdrop{background:#000a}.component-catalog-dialog>header{justify-content:space-between;align-items:start;gap:12px;display:flex}.component-catalog-dialog h2,.component-catalog-dialog h3{margin:0 0 8px}.component-catalog-dialog p{font-size:13px;line-height:1.6}.component-catalog-filters{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.component-catalog-filters label{gap:4px;font-size:12px;display:grid}.component-catalog-filters input,.component-catalog-filters select{box-sizing:border-box;width:100%;min-height:40px}.component-catalog-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;display:grid}.component-catalog-list article{border:1px solid var(--en-line,#42676d);border-radius:10px;min-width:0;padding:14px}.component-catalog-list h3{font-size:16px}.component-catalog-list header span{color:var(--en-mint,#75dac1);font-size:12px}.component-catalog-list a{color:var(--en-mint,#75dac1)}.component-catalog-list code{overflow-wrap:anywhere;margin-top:8px;font-size:11px;display:block}@media (max-width:650px){.component-catalog-filters{grid-template-columns:1fr}}