.live-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 16px;background:var(--card);border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.live-toolbar button,.send-recovery button,.load-earlier,.jump-latest{border-radius:9px;padding:7px 10px;background:var(--control);font-size:11px;color:var(--ink)}
.live-toolbar[data-status="online"] #live-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#91a58d;margin-right:7px}
.live-toolbar[data-error="true"]{color:#98646a}.load-earlier{display:block;margin:0 auto 20px}.chat-header{gap:8px}.chat-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.jump-latest{display:inline-flex;align-items:center;justify-content:center;min-height:39px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:14px;white-space:nowrap;flex-shrink:0}.chat-identity p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.send-recovery{padding:10px;border:1px solid #dfc3cc;border-radius:12px;background:var(--card);margin-bottom:10px;font-size:11px}.send-recovery p{margin:0 0 7px}.send-recovery>div{display:flex;gap:6px;flex-wrap:wrap}.send-recovery button{background:#fff9fc}
.live-message-text{white-space:pre-wrap;overflow-wrap:anywhere}.live-message-state{display:block;color:var(--muted);font-size:10px;margin-top:7px}.live-thinking summary{cursor:pointer;font-size:12px;color:var(--muted)}.live-thinking .live-message-text{display:block;margin-top:8px}.live-attachment{display:block;color:var(--ink);font-size:12px;text-decoration:underline;overflow-wrap:anywhere}.bubble .live-attachment img{display:block;max-height:240px;object-fit:contain;border-radius:5px}.live-empty{font-size:12px;text-align:center;color:var(--muted);padding:24px 12px}
.connection-panel{width:440px;--text:var(--ink);--text-soft:var(--muted);--seg-track:var(--control);--seg-thumb:#fff9fc;--seg-thumb-shadow:0 1px 3px #775c7514}
.live-login{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.live-login label{font-size:12px}.live-login input{border:1px solid var(--line);background:var(--page);border-radius:9px;padding:10px;width:100%;font-size:16px}.connection-feedback{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.connection-feedback[data-error="true"]{color:#98646a}#live-settings{margin-top:14px}
#live-settings #providerSettings input,#live-settings #providerSettings select{font-size:16px}
html[data-chat-mode="live"] .sample-label{display:none}html[data-chat-mode="live"] .day-stamp{margin-bottom:18px}html[data-chat-mode="live"] #messages:empty:before{content:"这一页，等你慢慢写。";display:block;text-align:center;color:var(--muted);font-size:12px;padding:20px 0}
@media(max-width:350px){.live-toolbar{padding:6px 11px;font-size:10px}.live-toolbar button{font-size:10px}.connection-panel{padding:20px}#providerSettings .provider-actions button{min-height:40px}}
/* Conversation actions, plugin drafts and the reserved voice entry. */
.call-button{display:grid;place-items:center;width:40px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--control)}.call-button svg{width:20px;height:20px}
.session-row{display:flex;align-items:center;min-width:0;border-bottom:1px solid #efe5ed75}.session-row:last-child{border-bottom:0}.session-row>.conversation-item{flex:1;min-width:0;border-bottom:0}.session-row>.session-delete{flex-shrink:0;width:36px;height:44px;display:grid;place-items:center;padding:8px;border-radius:10px;color:var(--muted)}.session-delete svg{width:18px;height:18px}.session-delete:hover{background:#f9e7ec;color:#a65367}.sidebar-conversations .session-row{border:0}.sidebar-conversations .session-row>[data-session-id]{flex:1;min-width:0}.sidebar-conversations .session-delete{padding:8px;width:30px}.sidebar-conversations .session-row>[data-session-id]>span:last-child{overflow:hidden}
.confirm-panel{width:400px}.confirm-panel h2,.call-panel h2{font-size:20px;font-weight:500;margin:0 0 14px}.confirm-panel p,.call-panel p{font-size:13px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap}.dialog-actions button{min-height:42px;border:1px solid var(--line);border-radius:11px;padding:9px 18px;font-size:13px;background:var(--control)}.dialog-actions .danger-button{background:#ae5367;border-color:#ae5367;color:#fff}.dialog-feedback{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.dialog-feedback[data-error="true"],#delete-feedback{color:#a65367}.call-panel{width:350px;text-align:center}.call-emblem{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:var(--pink)}.call-emblem svg{width:26px;height:26px}.call-panel>button{margin-top:10px;width:100%}
.mcp-panel{width:480px}.mcp-form{display:grid;gap:9px;padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}.mcp-form h3{font-size:14px;font-weight:500;margin:0 0 4px}.mcp-form label{font-size:12px}.mcp-form>input,.mcp-form>select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--page);padding:10px;font:inherit;font-size:16px}.mcp-form .field-note{margin:0 0 3px;line-height:1.7}.mcp-preference{display:flex;gap:8px;align-items:center;margin-top:8px}.mcp-preference input{accent-color:var(--pink-deep);width:17px;height:17px}.mcp-card{border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:10px;overflow:hidden}.mcp-card>strong{display:block;font-size:14px;overflow-wrap:anywhere}.mcp-card .dialog-actions{margin-top:8px}.mcp-card small,.mcp-status{font-size:10px;color:var(--muted)}.mcp-status{display:block;margin:7px 0}.mcp-address{font-size:11px;margin:7px 0;overflow-wrap:anywhere}
@media(max-width:760px){.call-button{width:35px}.mcp-panel{padding:20px}.session-row>.session-delete{width:32px}.confirm-panel{padding:23px}}
@media(max-width:350px){.call-button,.send-button{width:32px}.composer-line{gap:4px}.composer-meta>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row>.conversation-item{grid-template-columns:31px minmax(0,1fr) auto;column-gap:6px}.session-row .list-avatar{width:31px}.session-row .list-avatar .bunny{width:29px}}
/* Small, touch-friendly actions keep the paper shell quiet. */
.session-more{flex-shrink:0;display:grid;place-items:center;width:30px;min-height:44px;color:var(--muted);border-radius:9px}.session-more svg{width:18px;height:18px}.session-more:hover{background:var(--control)}.session-actions{display:grid;gap:8px}.session-actions button{padding:13px;text-align:left;border-radius:10px;background:var(--control)}
#rename-input,.mcp-panel textarea{width:100%;border:1px solid var(--line);background:var(--page);color:var(--ink);border-radius:10px;padding:10px;font:inherit;font-size:16px;box-sizing:border-box}.mcp-form>div:not(.dialog-actions){display:grid;gap:8px}.mcp-form details{border-top:1px solid var(--line);padding-top:12px}.mcp-form summary{cursor:pointer;font-size:13px;margin-bottom:12px}.mcp-form textarea{font-family:ui-monospace,monospace;font-size:13px;resize:vertical}.mcp-form input[type="checkbox"]{width:auto}.settings-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.settings-toolbar button,.quota-heading button{font-size:12px;min-height:38px;padding:8px 11px;border-radius:9px;background:var(--control)}
.message-run-info{display:block;margin:2px 2px 0;color:var(--muted);font-size:10px;line-height:1.6;overflow-wrap:anywhere}.message-usage{display:block;margin:7px 2px 0;color:var(--muted);font-size:10px;line-height:1.7;overflow-wrap:anywhere}.message-actions{display:flex;gap:3px;margin:2px -5px 0;flex-wrap:wrap}.message-actions button{display:grid;place-items:center;width:32px;height:32px;color:var(--muted);border-radius:8px}.message-actions button:hover,.message-actions button:focus-visible{background:var(--control);color:var(--ink)}.message-actions svg{width:15px;height:15px}.human .message-actions{justify-content:flex-end}.human .message-usage{text-align:right}.chat-identity{min-width:0}.chat-identity>div{min-width:0}.chat-identity h1{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-conversations .session-row>button:first-child{flex:1;min-width:0}.sidebar-conversations .session-row>button:first-child>span:last-child{min-width:0;overflow:hidden}
.quota-card{text-align:left;border:1px solid var(--line);background:var(--page);border-radius:15px;padding:16px;margin-top:22px;overflow-wrap:anywhere}.quota-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.quota-heading h3{margin:0;font-size:14px;font-weight:500}.quota-card p,.quota-card small{font-size:11px;color:var(--muted);line-height:1.7}.quota-window{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}.quota-window strong,.quota-window span{font-size:12px;font-weight:400}.quota-window progress{width:100%;height:7px;accent-color:#b88f9f}.quota-card dl{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:12px}.quota-card dd{margin:0;font-variant-numeric:tabular-nums}.quota-card dt{color:var(--muted)}.quota-card>small{display:block}.mcp-panel [hidden]{display:none!important}
@media(pointer:coarse){.message-actions button{width:38px;height:38px}}

.message-version-nav {display:inline-flex;align-items:center;gap:2px;margin-left:5px;color:var(--text-muted,#93837e);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.message-version-nav button {font-family:inherit;font-size:23px;font-weight:400;line-height:1}
.message-version-nav button:disabled {opacity:.3;cursor:default}
.message-version-nav>span {min-width:35px;text-align:center}
.message-version-recovery {display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted,#93837e);font-size:12px;padding:12px}
.message-version-recovery button {border:0;background:transparent;width:36px;height:36px;color:inherit;border-radius:12px}

/* Keep phone conversations close to the composer without shrinking actions. */
@media(max-width:760px){.live-toolbar{padding:3px 12px}.live-toolbar button{min-height:32px;padding:5px 9px}html[data-chat-mode="live"] .day-stamp{margin-bottom:12px}.message-usage{margin-top:4px;line-height:1.5}.message-actions{margin-top:1px}.input-shell textarea{max-height:min(126px,calc(var(--visible-height,100dvh) * .28))}}
