.copy-completion{position:relative;min-width:0}
.copy-completion-menu{position:absolute;top:100%;left:0;right:0;z-index:1050;max-height:280px;overflow:auto;background:var(--bs-body-bg,#151920);border:1px solid var(--bs-border-color,#495057);border-radius:.65rem;box-shadow:0 8px 24px #0006;padding:.3rem;margin-top:.2rem}
.copy-completion-menu[hidden]{display:none}
.copy-completion-menu [role=option]{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .6rem;border-radius:.35rem;cursor:pointer;font-size:.8rem;line-height:1.4}
.copy-completion-menu [role=option] span{color:var(--bs-secondary-color,#adb5bd)}
.copy-completion-menu [role=option]:hover,.copy-completion-menu [role=option].active{background:rgba(255,128,0,.14);outline:1px solid rgba(255,128,0,.4)}
.copy-template-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.4rem;margin-top:.6rem}
.copy-template-catalog button{text-align:left;white-space:normal;padding:.5rem .65rem;line-height:1.35}
.copy-template-catalog small{display:block;color:var(--bs-secondary-color,#adb5bd);margin-top:.15rem}

.copy-completion-menu.opens-up{top:auto;bottom:100%;margin-top:0;margin-bottom:.2rem}