.setup-preview{font-size:13px;color:#999;text-decoration:none}.setup-preview:hover{color:#eee}
.demo-index-intro{padding:28px 0 18px;border-bottom:1px solid var(--border)}
.demo-index-intro h1{margin:0}
.demo-index-intro p{max-width:620px;margin:8px 0 0;color:var(--muted)}
.demo-index-search{display:grid;gap:6px;margin:20px 0 0}
.demo-index-search input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}
.demo-index-search input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.demo-index-count{margin:14px 0 0;color:var(--muted)}
.demo-index-list{max-width:760px;margin:4px 0 0;padding:0;list-style:none}
.demo-index-list>li{margin:0;padding:0}
.demo-index-item{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:20px;padding:10px 2px;border-bottom:1px solid #282a2a}
.demo-index-item>span:last-child{color:var(--muted)}
.demo-index-item:hover{color:var(--text)}
.demo-index-item:hover>span:last-child{color:var(--gold)}
.demo-index-empty{margin:18px 0;color:var(--muted)}
@media(max-width:720px){.demo-index-intro{padding:24px 0 16px}.demo-index-list{padding-top:0}.demo-index-shell{padding-right:16px;padding-left:16px}}