/* Shared prompt examples: public selector and curator editor. */
.lpe { min-width:0; color:var(--text); font-size:.9rem; }
.lpe *, .lpe-dialog { box-sizing:border-box; }
.lpe h3 { margin:0; font-size:1rem; }
.lpe p { margin:.45rem 0 .8rem; }
.lpe .lpe-note { color:var(--text-muted,var(--text-light)); font-size:.8rem; line-height:1.5; }
.lpe label { display:block; margin:.8rem 0 .35rem; font-size:.82rem; font-weight:600; }
.lpe input, .lpe textarea, .lpe select { display:block; width:100%; min-width:0; padding:.6rem .7rem; border:1px solid var(--border); border-radius:.45rem; background:var(--bg-input); color:var(--text); font:inherit; }
.lpe textarea { min-height:9rem; resize:vertical; line-height:1.5; }
.lpe textarea.lpe-instructions { min-height:6rem; }
.lpe input:focus-visible, .lpe textarea:focus-visible, .lpe select:focus-visible, .lpe button:focus-visible, .lpe summary:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.lpe button { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; width:auto; flex:0 0 auto; min-height:36px; padding:.45rem .75rem; border:1px solid var(--border); border-radius:.4rem; background:var(--bg-input); color:var(--text); font:inherit; cursor:pointer; }
.lpe button:hover:not(:disabled) { background:var(--bg-hover); }
.lpe button:disabled { opacity:.5; cursor:default; }
.lpe button.lpe-primary { background:var(--action); color:var(--on-action); border-color:var(--action); }
.lpe button.lpe-primary:hover:not(:disabled) { background:var(--action-hover); }
.lpe .lpe-danger { color:var(--error); }
.lpe .lpe-error { color:var(--error); white-space:pre-wrap; }
.lpe fieldset { padding:0; margin:0; border:0; min-width:0; }
.lpe-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; margin:.8rem 0; }
.lpe-count { margin-left:auto; color:var(--text-muted,var(--text-light)); font-size:.8rem; }
.lpe-entry { margin:.6rem 0; border:1px solid var(--border); border-radius:.5rem; background:var(--surface,var(--bg-card)); }
.lpe-entry > summary { padding:.75rem; cursor:pointer; overflow-wrap:anywhere; }
.lpe-entry-body { padding:0 .8rem .8rem; border-top:1px solid var(--border); }
.lpe-private { margin-top:.8rem; }
.lpe-private summary { color:var(--text-muted,var(--text-light)); cursor:pointer; font-size:.82rem; }
.lpe-public { margin:1.1rem 0; padding:1rem; border:1px solid var(--border); border-radius:.6rem; background:var(--bg-input); }
.lpe-public label { margin-top:0; }
.lpe-preview { max-height:19rem; margin:.85rem 0; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:.87rem; line-height:1.65; }
.lpe-dialog { width:min(640px,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); padding:1.25rem; margin:auto; overflow:auto; border:1px solid var(--border); border-radius:.8rem; background:var(--surface,var(--bg-card)); color:var(--text); box-shadow:var(--shadow); }
.lpe-dialog::backdrop { background:#0009; }
.lpe-dialog .lpe-public { border:0; padding:0; margin-bottom:0; background:transparent; }
.lpe-dialog-head { display:flex; align-items:start; justify-content:space-between; gap:1rem; }
.lpe-dialog h2 { margin:0; font-size:1.1rem; overflow-wrap:anywhere; }
.lpe-dialog .lpe-dismiss { min-width:36px; padding:.3rem; }
.lpe-status { min-height:1.4em; font-size:.8rem; color:var(--text-muted,var(--text-light)); }
@media(max-width:480px) { .lpe-dialog { padding:1rem; } .lpe-preview { max-height:45dvh; } }