/* AI prompt pages: search, category chips and prompt cards (sample image, code, full prompt, copy / open buttons) */
.pc-panel h2{margin-bottom:10px}
.pc-how{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 18px;padding-left:20px;font-size:15px;color:var(--ink-2)}
.pc-how li{padding-left:2px}
.pc-tools{display:grid;gap:14px;margin-bottom:6px}
.pc-search span{display:block;font-weight:800;font-size:14.5px;margin-bottom:6px}
.pc-search input{width:100%;font:600 16px var(--font);color:var(--ink);background:#fff;border:var(--bw) solid var(--ink);border-radius:var(--pill);padding:12px 20px;box-shadow:3px 3px 0 var(--ink);outline:0}
.pc-search input:focus-visible{box-shadow:3px 3px 0 var(--blue);border-color:var(--blue)}
.pc-search input::placeholder{color:#6b7088}
.pc-cats .chip{min-height:40px}
.pc-count{font-weight:800;margin:14px 0 12px}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:20px}
.pc{display:flex;flex-direction:column;background:#fff;border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--hard);overflow:hidden;min-width:0}
.pc-hit{box-shadow:6px 6px 0 var(--sun);outline:4px solid var(--sun);outline-offset:2px;animation:pc-pop .5s var(--ease)}
@keyframes pc-pop{0%{transform:scale(.97)}60%{transform:scale(1.015)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.pc-hit{animation:none}}
.pc-img{position:relative;aspect-ratio:1/1;background:var(--soft);border-bottom:var(--bw) solid var(--ink)}
.pc-img img{display:block;width:100%;height:100%;object-fit:cover}
.pc-ph{display:grid;place-items:center;height:100%;font:800 22px var(--font);color:var(--muted);background:repeating-linear-gradient(135deg,#f3f5fa 0 14px,#eceff6 14px 28px)}
.pc-trend{position:absolute;top:10px;left:10px;background:var(--sun);color:var(--ink);border:2px solid var(--ink);border-radius:var(--pill);padding:2px 10px;font-weight:800;font-size:12.5px}
.pc-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.pc-body h3{font-size:17.5px;line-height:1.3;margin:0}
.pc-code{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0}
.pc-code code{background:var(--ink);color:#fff;border-radius:var(--pill);padding:3px 11px;font:700 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pc-code span{font-size:13px;font-weight:700;color:var(--muted)}
.pc-d{margin:0;font-size:15px;color:var(--ink-2)}
.pc-prompt{border:2px dashed #c9cdda;border-radius:var(--r-sm);background:#fcfbf8;padding:10px 12px;max-height:10.5em;overflow:auto;font-size:14.5px;line-height:1.55}
.pc-prompt:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.pc-prompt p{margin:0}
.pc-act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:4px}
.pc-act .btn{font-size:14px;padding:9px 8px;min-height:44px;box-shadow:2px 2px 0 var(--ink);text-align:center}
.pc-none,.pc-else{font-weight:700;margin:16px 0 0}
.pc-note{margin-top:22px}
.pc-note p{margin:0}
.pc-note p+p{margin-top:6px}
.pc-note code{font-weight:700}
.pc-pages{margin-top:22px}
.pc-pages h3{font-size:17px;margin:0 0 10px}
.pc-pages ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pc-pages .pill{font-size:14.5px;padding:8px 16px}
@media (max-width:420px){.pc-act .btn{font-size:13.5px;padding:9px 6px}}
/* compact rows: prompts without a sample image */
.pr-list{margin-top:22px;display:grid;gap:10px}
.pr-list h3{font-size:18px;margin:0 0 4px}
.pr{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:var(--r-sm);padding:12px 14px}
.pr-main{display:flex;gap:12px;align-items:flex-start;min-width:0}
.pr-main code{flex:none;background:var(--ink);color:#fff;border-radius:var(--pill);padding:3px 11px;font:700 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pr-main strong{font-size:15.5px}
.pr-main .pc-trend{position:static;font-size:11.5px;padding:1px 8px;margin-left:4px}
.pr-d{display:block;font-size:14px;color:var(--ink-2)}
.pr-act{display:flex;gap:8px}
.pr-act .btn{font-size:13.5px;padding:8px 12px;min-height:44px;box-shadow:2px 2px 0 var(--ink)}
.pr-more{grid-column:1/-1}
.pr-more summary{cursor:pointer;font-weight:700;font-size:14px;min-height:32px;display:flex;align-items:center}
.pr-more .pc-prompt{margin-top:6px;max-height:none}
.pr.pc-hit{outline-offset:1px}
@media (max-width:640px){.pr{grid-template-columns:1fr}.pr-act{flex-wrap:wrap}.pr-act .btn,.pr-act .pc-save{flex:1 1 auto;white-space:nowrap}}
/* prompt builder (main page) */
.pb{margin-bottom:28px}
.pb-set{border:0;margin:0 0 16px;padding:0;min-width:0}
.pb-set legend{font-weight:700;font-size:14px;margin-bottom:8px;padding:0}
.pb-opts{display:flex;flex-wrap:wrap;gap:8px}
.pb-opt{position:relative;cursor:pointer}
.pb-opt input{position:absolute;opacity:0;width:1px;height:1px}
.pb-opt span{display:inline-flex;align-items:center;min-height:44px;font:700 14.5px var(--font);background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:var(--pill);padding:8px 16px;transition:box-shadow .12s}
.pb-opt:hover span{box-shadow:2px 2px 0 var(--ink)}
.pb-opt input:checked+span{background:var(--ink);color:#fff}
.pb-opt input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.pb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.pb-grid select,.pb-grid input{width:100%;min-width:0}
.pb-opt-l{font-weight:500;color:var(--muted)}
.pb-keep{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;cursor:pointer;min-height:44px;margin-bottom:10px}
.pb-keep input{width:20px;height:20px;accent-color:var(--blue)}
.pb-out-l{display:block;font-weight:800;font-size:14.5px;margin:6px 0 6px}
.pb-out-l span{font-weight:500;color:var(--muted)}
#pb-out{display:block;width:100%;height:11.5em;resize:vertical;font:500 16px/1.5 var(--font);color:var(--ink);background:#fcfbf8;border:var(--bw) solid var(--ink);border-radius:var(--r-sm);padding:12px 14px}
.pb-act{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 10px}
@media (max-width:900px){.pb-act{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pb-grid{grid-template-columns:1fr}.pb-act{grid-template-columns:1fr 1fr}.pb-act .btn:first-child,.pb-act .pb-save{grid-column:1/-1}}
/* Save toggle (heart) and the saved lists: localStorage only (prompts.js) */
.pc-save{--heart:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%2020.3l-1.3-1.2C5.6%2014.5%202.5%2011.6%202.5%208%202.5%205.2%204.7%203%207.5%203c1.7%200%203.3.8%204.5%202.1C13.2%203.8%2014.8%203%2016.5%203c2.8%200%205%202.2%205%205%200%203.6-3.1%206.5-8.2%2011.1z'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2.2'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:6.8em;font:700 14px var(--font);color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:var(--pill);padding:6px 12px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}
.pc-save::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--heart) center/contain no-repeat;mask:var(--heart) center/contain no-repeat}
.pc-save[aria-pressed=true]{--heart:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%2020.3l-1.3-1.2C5.6%2014.5%202.5%2011.6%202.5%208%202.5%205.2%204.7%203%207.5%203c1.7%200%203.3.8%204.5%202.1C13.2%203.8%2014.8%203%2016.5%203c2.8%200%205%202.2%205%205%200%203.6-3.1%206.5-8.2%2011.1z'%20fill%3D'%23000'%20stroke%3D'%23000'%20stroke-width%3D'2.2'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");background:#ffe3ea}
.pc-save[aria-pressed=true]::before{background:#c8174a}
.pc-save:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.pc-img .pc-save{position:absolute;top:10px;right:10px}
.pr-act .pc-save{border-radius:var(--r-sm);font-size:13.5px}
.pm-clear{font:inherit;font-weight:700;color:var(--blue);background:none;border:0;padding:4px 2px;min-height:24px;text-decoration:underline;cursor:pointer}
.pm{margin-bottom:28px;padding:0}
.pm summary{cursor:pointer;list-style:none;padding:18px 24px;display:flex;align-items:center;gap:14px}
.pm summary::-webkit-details-marker{display:none}
.pm summary h2{margin:0;flex:1}
.pm summary h2 span{color:var(--muted)}
.pm summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);font-size:18px;font-weight:800;line-height:1;transition:transform .3s var(--ease)}
.pm[open] summary::after{transform:rotate(45deg)}
.pm summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:var(--r)}
#pm-list,.pm-foot{padding:0 24px}
.pm-foot{padding-bottom:20px;margin-top:4px}
.pm h3{font-size:16.5px;margin:4px 0 10px}
.pm-ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.pm-it{border:2px solid var(--ink);border-radius:var(--r-sm);padding:12px 14px;display:grid;gap:8px;min-width:0}
.pm-it .pc-prompt{max-height:7em}
.pm-head{margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.pm-head code{background:var(--ink);color:#fff;border-radius:var(--pill);padding:3px 11px;font:700 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pm-head span{font-size:13px;font-weight:700;color:var(--muted)}
.pm-act{display:flex;flex-wrap:wrap;gap:8px}
.pm-act .btn{font-size:13.5px;padding:8px 14px;min-height:44px;box-shadow:2px 2px 0 var(--ink)}
.pm-empty{margin:0 0 12px;font-weight:600}
@media (max-width:560px){.pm summary{padding:16px 18px}#pm-list,.pm-foot{padding-left:18px;padding-right:18px}}