/* ---------- Chat ---------- */
#view-chat.on{height:100%}
.chatv{min-height:100%;display:flex;flex-direction:column;padding:0 24px}
.chat-hero{margin:auto;text-align:center;padding:48px 0 32px}
.chatv-title{margin-top:12px;font-family:var(--serif);font-size:42px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:#1C1C1A}
.demo{width:552px;margin:36px auto 0;border:1px solid var(--border-soft);border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.07);display:flex;overflow:hidden;text-align:left;background:#fff}
.demo-side{width:132px;flex:none;background:#F6F6F4;padding:66px 10px 12px;display:flex;flex-direction:column;gap:6px}
.demo-side h5{font-size:9px;color:#7E8B9E;font-weight:600;margin-bottom:2px}
.demo-tool{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #ECECEA;border-radius:6px;padding:4px 7px;font-size:8px;color:#2C2C2A;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.demo-more{text-align:center;color:#B5B5B3;font-size:8px}
.demo-main{flex:1;min-width:0;padding:12px 14px;font-size:7.6px;line-height:1.55;color:#3A3A38}
.demo-main b{font-weight:600}
.demo-meta{color:#9C9C9A;margin-bottom:3px}
.demo-main p{margin:4px 0}
.demo-main h6{font-size:8.6px;margin:7px 0 3px;color:#1F1F1D}
.demo-imgs{display:flex;gap:4px;margin:4px 0 5px}
.demo-imgs>span{flex:1;min-width:0;border-radius:3px;overflow:hidden;display:block}
.demo-imgs svg{width:100%;height:auto;display:block}
.chat-inputwrap{width:100%;max-width:888px;margin:0 auto;padding-bottom:22px}
.chat-inputbar{border:1px solid var(--border);border-radius:14px;padding:14px 16px 12px;box-shadow:0 1px 3px rgba(0,0,0,.04);background:#fff}
.chat-inputbar textarea{width:100%;height:40px;font-size:14px}
.deep{display:flex;align-items:center;gap:6px;font-size:13px;color:#ABABA9;height:30px;padding:0 9px;border-radius:8px;transition:background .15s,color .15s}
.deep:hover{background:var(--hover)}
.deep.on{color:#E1690E;background:#FDEEE0}