/* Halve vertical whitespace, including the leading above the glyph height.
   Keep font sizes, horizontal spacing and control hit areas intact. */
:root{line-height:1.3}
.assistant .message-content{line-height:1.425}
.user .message-content{line-height:1.375;padding-block:6px}
.message-content pre{line-height:1.35}
.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{line-height:1.3;margin:.6em 0 .3em}
.message-content p{margin:.4em 0}
.message-content ul,.message-content ol{margin-block:.5em}
.message-content li{margin-block:.175em}
.message-content blockquote{margin-block:.5em}
.message-content hr{margin-block:.75em}
.message-content th,.message-content td{padding-block:4.5px}
.message-content>:first-child{margin-top:0}.message-content>:last-child{margin-bottom:0}
.message{margin-bottom:13px}.message.assistant{padding-block:9.5px 7.5px}
.message.user{row-gap:2.5px}
.message-actions{margin-top:6.5px;row-gap:4px}
.code-box{margin-block:.5em}
.message-content .code-box>pre,.panel .code-box>pre{padding-block:7px}
.code-language{line-height:1.2}
.block-download{margin-block:3.5px 8px}
.code-toolbar .block-download{margin:0}
.sidebar{row-gap:9px;padding-block:13px 10px}
.sidebar-heading{row-gap:3px}
.model-picker label{margin-bottom:4px}
.history-heading{margin-top:4px}
#history{row-gap:2px}
.history-item{padding-block:5.5px}
.sidebar .history-actions{padding-top:3.5px}
.sidebar .history-actions button{padding-block:2px;min-height:25px;line-height:1.15}
.chat-heading{padding-block:8px;min-height:54px}
.chat-scroll{padding-block:5px 12px}
.conversation{padding-block:5px 3px}
.welcome{padding-block:15px 25px}.welcome h1{line-height:1.25}.welcome p{margin-top:6px}
.composer-dock{padding-block:6px max(10px,env(safe-area-inset-bottom))}
.composer{row-gap:3px;padding-block:4.5px}
textarea{line-height:1.3;padding-block:4.5px}
/* Center one input line within the 44px field; retain equal padding as it grows. */
.multi-mode #prompt{padding-block:calc((44px - 1.3em)/2)}
.multi-mode #prompt::placeholder{font-size:inherit}
.font-tools{margin-bottom:5px}
.composer-meta{margin-top:5px;row-gap:4px}
.composer-options{row-gap:6px}.page-links{row-gap:6px}
.connection-notice{margin-bottom:4px}.error-banner{margin-bottom:6px;padding-block:6px}
.attachments{row-gap:2.5px}.sent-files{row-gap:3.5px;margin-top:6px}
.attachment-card{padding-block:5px}.attachment-details small{margin-top:2px}
.upload-status{margin-block:4px}
.panel{padding-block:13px}.login-panel{padding-block:16px}
.panel h2{line-height:1.3}.panel p{margin-block:.5em}.panel .muted{line-height:1.35}
.panel label{margin-block:9px 4px}
.panel details{margin-top:11px;padding-top:9px}
.panel .primary{margin-top:11px}.dialog-symbol{margin-bottom:6px}#logout{margin-top:10px}
.toast{padding-block:5px}
.multi-mode .chat-heading{padding-block:3px;min-height:40px}
.multi-mode .composer-dock{padding-block:4px max(4px,env(safe-area-inset-bottom))}
.multi-grid{row-gap:5px}.multi-pane-heading{padding-block:1.5px;min-height:31px}
.multi-thread{padding-block:7px}
.multi-thread .message{margin-bottom:7.5px}
.multi-thread .message.assistant{padding-block:6px}
.multi-thread .assistant .message-content{line-height:1.325}
.multi-thread .user .message-content{padding-block:3.5px}
.multi-thread .message-actions{row-gap:2.5px}
.multi-empty{line-height:1.4}
.multi-retry{margin-top:5px}.multi-answer-model{margin-bottom:4px}
.merge-dialog{padding-block:12px}
.merge-dialog .merge-help{line-height:1.35;margin-block:7px}
.merge-sources{row-gap:4px;margin-block:8px 10px}
.merge-source{row-gap:3px;padding-block:5px}
.merge-preview p{line-height:1.35;margin-block:4px}
@media(max-width:900px){
  .sidebar{padding-top:max(10px,env(safe-area-inset-top))}
  .chat-heading{padding-block:6px;min-height:52px}
}
@media(max-width:620px){
  .chat-heading{padding-block:5px}
  .chat-scroll{padding-block:4px 9px}.conversation{padding-top:2.5px}
  .welcome{padding-bottom:22.5px}
  .message{margin-bottom:10px}.message.assistant{padding-block:8px 6px}
  .user .message-content{padding-block:5.5px}
  .composer-dock{padding-block:5px max(7px,env(safe-area-inset-bottom))}
  .composer{row-gap:1.5px;padding-block:3.5px}
  .font-tools{margin-bottom:4px}.composer-meta{row-gap:3px;margin-top:4.5px}
  .composer-options{row-gap:2.5px}.page-links{row-gap:6px}
  .panel{padding-block:10.5px}.login-panel{padding-block:14px}
  .multi-mode .chat-heading{padding-block:2.5px}
  .multi-mode .composer-dock{padding-block:3px max(3px,env(safe-area-inset-bottom))}
  .multi-grid{row-gap:2.5px}.multi-pane-heading{padding-block:1.5px;min-height:29px}
  .multi-thread{padding-block:3.5px}.multi-thread .message.assistant{padding-block:4px}
  .multi-thread .user .message-content{padding-block:2.5px}
  .merge-dialog{padding-block:8px}.merge-source{padding-block:4.5px;row-gap:2.5px}
}
@media(max-height:550px){.welcome{padding-block:5px}.welcome p{margin-top:1px}.chat-scroll{padding-top:6px}.composer-dock{padding-top:2px}}
