@import url("select-controls.css");
[data-catalog-browser] { --catalog-border: #383838; --catalog-muted: #aaa; }
.catalog-tools { display:flex; gap:12px; flex-wrap:wrap; margin:24px 0 12px; }
.catalog-tools input { flex:1; min-width:180px; }
.catalog-tools input,.catalog-tools select,.catalog-tools button,.catalog-entry button,.catalog-detail button,.catalog-detail select,.catalog-detail textarea { font:inherit; color:inherit; background:transparent; border:1px solid var(--catalog-border); border-radius:6px; padding:10px 12px; }
.catalog-tools select,.catalog-detail select { background:#212120; color:#eee; }
[data-catalog-status],.catalog-domain { color:var(--catalog-muted); font-size:13px; }
.catalog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr)); gap:16px; margin:20px 0; }
.catalog-entry { padding:22px; border:1px solid var(--catalog-border); border-radius:8px; }
.catalog-entry h2 { font-size:19px; margin:10px 0; }
.catalog-entry p { line-height:1.6; }
.catalog-entry-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px; }
.catalog-entry-bottom span { font-size:12px; color:var(--catalog-muted); }
.catalog-detail { width:min(720px,calc(100vw - 32px)); max-height:85vh; box-sizing:border-box; background:#212120; color:#eee; border:1px solid #444; border-radius:10px; padding:24px; }
.catalog-detail::backdrop { background:#0009; }
.catalog-detail [data-catalog-close] { float:right; }
.catalog-detail label { display:block; margin:18px 0; }
.catalog-detail select,.catalog-detail textarea { display:block; width:100%; box-sizing:border-box; margin-top:8px; }
.catalog-detail pre { max-height:360px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; background:#111; padding:14px; border-radius:6px; }
.catalog-detail details { margin:16px 0; }
.catalog-use-link { display:inline-block; margin-top:16px; }

.catalog-tools .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }