/* PromptLab Quick Search — original adaptation inspired by accessible command palette patterns. */
.pl-qp[hidden]{display:none!important}
.pl-qp{position:fixed;inset:0;z-index:500;display:grid;place-items:start center;padding:clamp(25px,11vh,130px) 18px 20px;color:#20372a;font-family:"DM Sans",sans-serif}
.pl-qp-backdrop{position:absolute;inset:0;background:#061910aa;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pl-qp-dialog{position:relative;z-index:1;width:min(630px,100%);background:#fff;border:1px solid #d8e4d8;border-radius:17px;overflow:hidden;box-shadow:0 35px 95px #02180c65;animation:qp-arrive .18s ease-out both;display:flex;flex-direction:column;max-height:min(760px,82dvh)}
@keyframes qp-arrive{from{opacity:.4;transform:translateY(-11px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.pl-qp-open{overflow:hidden}
.pl-qp-searchline{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#fbfdfb;border-bottom:1px solid #e1eadf}
.pl-qp-searchicon{color:#1b7a4e;font-size:28px;line-height:1}
.pl-qp-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#20432c;font:650 17px "DM Sans",sans-serif}
.pl-qp-input::placeholder{color:#899a8b}
.pl-qp-input::-webkit-search-cancel-button{-webkit-appearance:none}
.pl-qp-close{background:#eff4ed;border:1px solid #d6e3d4;border-radius:6px;color:#607a65;padding:8px 9px;font:800 10px "IBM Plex Mono",monospace}
.pl-qp-close:hover{background:#e0ede0}
.pl-qp-body{overflow-y:auto;overscroll-behavior:contain;padding:10px 11px 16px;flex:1}
.pl-qp-suggestions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:13px 10px 10px}
.pl-qp-suggestions[hidden]{display:none}
.pl-qp-suggestions>span{font-size:11px;color:#718576;margin-right:4px}
.pl-qp-suggestions button{background:#edf6ed;border:1px solid #d7e8d6;border-radius:100px;color:#265940;padding:7px 10px;font:700 11px "DM Sans",sans-serif}
.pl-qp-suggestions button:hover{background:#dbeedc}
.pl-qp-list{padding:3px}
.pl-qp-sectionlabel{font:750 10px "IBM Plex Mono",monospace;letter-spacing:.7px;color:#7f9281;padding:16px 12px 9px}
.pl-qp-result{display:flex;width:100%;gap:12px;align-items:center;text-align:left;min-height:63px;border:1px solid transparent;border-radius:9px;background:#fff;color:#22422e;padding:10px 11px;transition:background .1s,border-color .1s}
.pl-qp-result:hover,.pl-qp-result.selected{background:#edf7ed;border-color:#d4e7d3}
.pl-qp-result-icon{display:grid;place-items:center;height:38px;width:38px;background:#e8f3e6;color:#278852;border-radius:9px;flex-shrink:0;font-size:20px;font-weight:750}
.pl-qp-result-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.pl-qp-result-copy strong{font:800 13px "Manrope",sans-serif;color:#23432d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-qp-result-copy small{font-size:11px;color:#7b8b7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-qp-result-tier{color:#217b4b;background:#e2f3e2;border-radius:100px;padding:6px 9px;font-size:10px;font-weight:700;white-space:nowrap}
.pl-qp-result-tier.premium{background:#f6eee0;color:#986b29}
.pl-qp-result-tail{font-size:11px;color:#669075;font-weight:750}
.pl-qp-empty,.pl-qp-loading{padding:47px 20px;text-align:center;color:#778d7b;font-size:13px}
.pl-qp-empty strong{color:#214c35;font:750 17px "Manrope",sans-serif}
.pl-qp-empty p{font-size:12px;color:#748a79;line-height:1.6}
.pl-qp-empty button{background:#1b6c46;color:#fff;padding:12px 18px;border-radius:8px;font-weight:750;margin-top:8px}
.pl-qp-footer{padding:13px 22px;border-top:1px solid #e5ede5;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#718371;font-size:10px}
.pl-qp-footer kbd,.pl-quick-btn kbd{display:inline-block;background:#eaf0e7;border:1px solid #d6e2d3;border-radius:4px;color:#65806b;padding:3px 5px;font:650 10px "IBM Plex Mono",monospace;margin:0 3px 0 0}
.pl-quick-btn{display:flex;gap:7px;align-items:center;background:#f1f6ef;border:1px solid #dce8d9;border-radius:9px;color:#315c40;padding:8px 11px;font:750 12px "DM Sans",sans-serif;white-space:nowrap}
.pl-quick-btn:hover{border-color:#89b699;background:#e8f2e5}
.pl-quick-icon{font-size:18px;line-height:1}
.pl-quick-btn kbd{margin-left:7px;font-size:9px}
@media(max-width:1220px){.pl-quick-btn .pl-quick-label,.pl-quick-btn kbd{display:none}.pl-quick-btn{width:38px;height:38px;padding:0;justify-content:center}.pl-navright{gap:11px}}
@media(max-width:720px){.pl-qp{padding:10px 8px;align-items:start}.pl-qp-dialog{max-height:calc(100dvh - 20px);border-radius:14px}.pl-qp-searchline{padding:15px 13px;gap:7px}.pl-qp-input{font-size:15px}.pl-qp-suggestions{gap:6px}.pl-qp-suggestions>span{width:100%}.pl-qp-result{min-height:61px;padding:10px 8px;gap:8px}.pl-qp-result-copy strong{font-size:12px}.pl-qp-result-copy small{font-size:10px}.pl-qp-result-icon{height:35px;width:35px}.pl-qp-footer{padding:11px 14px;font-size:9px}.pl-qp-footer>span:last-child{display:none}.pl-quick-btn{height:33px;width:33px}.pl-navright{gap:8px}}
@media(prefers-reduced-motion:reduce){.pl-qp-dialog{animation:none}}
