/* Custom Instructions Builder: /custom-instructions/ (shares the Prompt Builder's form styles in builder.css) */
.ci-preset .select{min-width:12rem}
.ci-where{margin:0; padding:.75rem 1.15rem; border-bottom:1px solid var(--line-2); background:var(--bg-2); font:400 .9rem/1.5 var(--f-ui); color:var(--ink-2)}
.ci-boxes{display:flex; flex-direction:column; gap:1rem}
.ci-box{border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--field)}
.ci-box-head{display:flex; align-items:center; gap:.7rem; padding:.55rem .6rem .55rem .9rem; border-bottom:1px solid var(--line-2)}
.ci-box-head b{font:600 .88rem/1.3 var(--f-ui); margin-right:auto}
.ci-n{font:500 .78rem/1 var(--f-mono); color:var(--ink-3); font-variant-numeric:tabular-nums}
.ci-n.over{color:var(--bad)}
.ci-pre{margin:0; padding:.9rem 1rem; white-space:pre-wrap; word-break:break-word; font:400 .9rem/1.6 var(--f-serif); color:var(--ink); max-height:22rem; overflow:auto}
.ci-over{margin:0; padding:.5rem 1rem .7rem; font:400 .85rem/1.4 var(--f-ui); color:var(--bad)}
.ci-test{padding:.8rem 1.15rem 1rem; border-top:1px solid var(--line-2)}
.ci-test ol{margin:0; padding-left:1.2rem; display:flex; flex-direction:column; gap:.35rem; font:400 .92rem/1.45 var(--f-serif); color:var(--ink-2); list-style:decimal}