/* Chat input bar: textarea, hint pills, JD tailoring strip, send/stop buttons. */
#ia{border-top:1px solid var(--border);background:var(--bg);padding:12px 20px 16px;flex-shrink:0}
.ia-inner{max-width:920px;margin:0 auto}

.jd-strip{display:none;background:var(--bg2);border:1px solid var(--ab);border-radius:10px;padding:10px 12px;margin-bottom:8px;position:relative}
.jd-strip.open{display:block}
.jd-strip-label{font-size:11.5px;font-weight:600;color:var(--accent2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.jd-strip-label button{margin-left:auto;background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;line-height:1}
.jd-strip-label button:hover{color:var(--red)}
#jd-textarea{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:7px;padding:8px 10px;color:var(--text);font-family:var(--font);font-size:13px;resize:none;height:90px;outline:none;transition:border-color .15s}
#jd-textarea:focus{border-color:var(--ab)}
#jd-textarea::placeholder{color:var(--text3)}
.jd-intensity-row{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:11.5px;color:var(--text2)}
.jd-intensity-row label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text2);white-space:nowrap}
.jd-intensity-row .jd-intensity-hint{flex-shrink:0;color:var(--text3);font-weight:400;font-size:11px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#jd-intensity{flex:1;min-width:120px;-webkit-appearance:none;appearance:none;height:4px;border-radius:3px;background:var(--bg4);outline:none;cursor:pointer}
#jd-intensity::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg2);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#jd-intensity::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg2);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#jd-intensity-value{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent2);min-width:38px;text-align:right}

.iw{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;overflow:hidden;transition:border-color .15s}
.iw:focus-within{border-color:var(--ab)}
#mi{width:100%;background:none;border:none;outline:none;color:var(--text);font-family:var(--font);font-size:14.5px;padding:13px 15px 9px;resize:none;min-height:50px;max-height:200px;line-height:1.5}
#mi::placeholder{color:var(--text3)}
.ibar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-top:1px solid var(--border);gap:10px}
.hints{display:flex;gap:5px;flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.hints::-webkit-scrollbar{display:none}
.hint{padding:4px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;font-size:11.5px;color:var(--text3);cursor:pointer;transition:all .1s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-family:var(--font);user-select:none;-webkit-user-select:none;flex-shrink:0}
.hint:hover{border-color:var(--border2);color:var(--text2)}
/* Same accent treatment for the two primary actions, matching colors */
.hint.accent-pill{border-color:var(--ab);color:var(--accent2);background:var(--abg);font-weight:500}
.hint.accent-pill:hover{background:rgba(124,131,255,.22)}
.hint.jd-toggle.on{background:rgba(124,131,255,.32);color:#fff;border-color:var(--accent)}
/* Memory toggle: shows current state */
.hint.mem-toggle{border-color:rgba(34,211,160,.32);color:var(--green);background:rgba(34,211,160,.08);font-weight:500}
.hint.mem-toggle:hover{background:rgba(34,211,160,.18)}
.hint.mem-toggle.off{border-color:var(--border);color:var(--text3);background:var(--bg3)}
.hint.mem-toggle.off:hover{background:var(--bg4)}
.hint.master-toggle{border-color:var(--border);color:var(--text3);background:var(--bg3);font-weight:500}
.hint.master-toggle:hover{border-color:var(--border2);color:var(--text2)}
.hint.master-toggle.on{border-color:rgba(245,158,11,.55);color:var(--amber);background:rgba(245,158,11,.12)}
.hint.master-toggle.on:hover{background:rgba(245,158,11,.2)}

#sb-btn,#stop-btn{width:36px;height:36px;border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;font-family:var(--font)}
#sb-btn{background:var(--accent)}
#sb-btn:hover{background:#6970ff;transform:scale(1.04)}
#sb-btn:disabled{background:var(--bg4);color:var(--text3);cursor:default;transform:none}
#stop-btn{background:var(--red);display:none}
#stop-btn.show{display:flex}
#stop-btn:hover{background:#ef4444;transform:scale(1.04)}