/* LUKE prompt editor (#198). Prefix lkp-. Square and flat like the rest of LUKE. */

.lkp-page { font-family: var(--font-sans); max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: .9rem; }
.lkp-header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.lkp-header h1 { font-size: 1.25rem; font-weight: 500; color: var(--bm-main); margin: 0; letter-spacing: .04em; }
.lkp-intro { margin: 0; color: var(--grey-600); font-size: .875rem; max-width: 60rem; }
.lkp-inline { display: inline; margin: 0; }
.lkp-page .lkp-button { font-size: .8125rem; border: 1px solid var(--bm-main); background: var(--bm-main); color: var(--white); border-radius: var(--radius-none); padding: .35rem .8rem; cursor: pointer; }
.lkp-page .lkp-button:hover { background: var(--white); color: var(--bm-main); }
.lkp-page .lkp-button--quiet { background: var(--white); color: var(--bm-main); }
.lkp-page .lkp-button--quiet:hover { background: var(--bm-main); color: var(--white); }
.lkp-page .lkp-back { font-size: .8125rem; color: var(--bm-main); }
.lkp-slots { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: .75rem; }
.lkp-slot { border: 1px solid var(--rule); border-top: var(--underline-bar) solid var(--bm-main); border-radius: var(--radius-none); padding: .75rem .9rem; background: var(--white); display: flex; flex-direction: column; gap: .4rem; }
.lkp-slot__head { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.lkp-slot__head h2 { font-size: 1rem; font-weight: 500; margin: 0; }
.lkp-slot .lkp-slot__head a { color: var(--bm-main); text-decoration: none; }
.lkp-slot .lkp-slot__head a:hover { text-decoration: underline; }
.lkp-slot__text { margin: 0; font-size: .8125rem; color: var(--fill-primary); }
.lkp-slot__meta { margin: 0; font-size: .75rem; color: var(--grey-600); }
.lkp-source { font-size: .6875rem; border: 1px solid var(--rule); border-radius: var(--radius-none); padding: .05rem .5rem; color: var(--grey-600); }
.lkp-source--db { border-color: var(--bm-main); color: var(--bm-main); }
.lkp-status { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.lkp-differs { font-size: .75rem; color: var(--status-warn); border-left: var(--underline-bar) solid var(--status-warn); padding-left: .5rem; }
.lkp-problems { border-left: var(--underline-bar) solid var(--status-error); padding: .3rem .6rem; color: var(--status-error); font-size: .8125rem; }
.lkp-problems p { margin: 0; }
.lkp-form { display: flex; flex-direction: column; gap: .5rem; }
.lkp-page .lkp-editor { width: 100%; font-family: ui-monospace, monospace; font-size: .8125rem; line-height: 1.5; border: 1px solid var(--rule); border-radius: var(--radius-none); padding: .6rem .7rem; }
.lkp-actions { display: flex; gap: .5rem; }
.lkp-file summary { cursor: pointer; font-size: .8125rem; color: var(--grey-600); }
.lkp-file pre { white-space: pre-wrap; font-size: .75rem; background: var(--grey-100); padding: .6rem .7rem; border-radius: var(--radius-none); max-height: 30rem; overflow: auto; }