.search-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:22px 0 14px}
.search-field{flex:1 1 320px}
.filter-wrap{margin-bottom:10px}
.count{color:var(--muted);font-size:.92rem;margin:12px 0 16px}
.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.prompt-card{gap:8px}
.prompt-card h3{margin:4px 0 0}
.prompt-card .tag{align-self:flex-start}
.prompt-card .use{font-size:.92rem;color:var(--muted)}
.prompt-card .use strong{color:var(--navy)}
pre.prompt{white-space:pre-wrap;word-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.5;background:#f7f8fb;border:1px solid #e1e5eb;border-radius:8px;padding:12px;color:var(--ink);margin:4px 0 6px;flex:1}
pre.prompt.clamp{max-height:11.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
mark.ph{background:#fff1c2;color:#4d3b00;border-radius:3px;padding:0 2px}
.prompt-card .btn-row{margin-top:auto}
.empty{padding:30px;text-align:center;background:#fff;border-radius:12px}
@media(max-width:420px){.prompt-grid{grid-template-columns:1fr}}
@media print{
  .prompt-grid{display:block}
  .prompt-card{break-inside:avoid;margin-bottom:18px;border-top:1px solid #999;padding-top:8px}
  pre.prompt.clamp{max-height:none;-webkit-mask-image:none;mask-image:none}
  pre.prompt{background:#fff;border:0;padding:0}
  .count{display:none}
}