.markdown-input-material { display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; margin: 0; padding: 0; overflow: hidden; border: 1px solid rgb(100 116 139 / .24); border-radius: .7rem; }
.markdown-input-material-summary { min-width: 0; padding: .75rem .9rem; cursor: pointer; font-weight: 700; overflow-wrap: anywhere; }
.markdown-input-material[open] > .markdown-input-material-summary { border-bottom: 1px solid rgb(100 116 139 / .16); }
.markdown-input-material-presence { display: inline-block; margin-left: .5rem; color: #5f7485; font-size: .75rem; font-weight: 500; overflow-wrap: anywhere; }
.markdown-input-material-body { min-width: 0; max-width: 100%; padding: .8rem .9rem .9rem; }
.markdown-input-material-label { display: grid; gap: .45rem; font-weight: 600; }
.markdown-input-material textarea { display: block; width: 100%; min-width: 0; min-height: 6.5rem; resize: vertical; box-sizing: border-box; font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.markdown-input-material-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; margin-top: .55rem; }
.markdown-input-material-actions [data-markdown-file-name] { min-width: 0; color: #526b7d; font-size: .8rem; overflow-wrap: anywhere; }
.markdown-input-material-status { margin: .45rem 0 0; color: #63798b; font-size: .78rem; }
.markdown-input-material-preview { display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; margin: .8rem 0; padding: .75rem; overflow: hidden; border: 1px solid rgb(100 116 139 / .2); border-radius: .65rem; background: rgb(100 116 139 / .035); }
.markdown-input-material-preview summary { cursor: pointer; font-weight: 700; overflow-wrap: anywhere; }
.markdown-input-material-provenance { margin: .65rem 0; color: #5f7485; font-size: .75rem; overflow-wrap: anywhere; }
.markdown-input-material-preview pre { display: block; min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; max-height: 28rem; overflow-x: hidden; overflow-y: auto; margin: 0; padding: .8rem; border-radius: .45rem; background: #111923; color: #eef3f7; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; }
@media (max-width: 760px) {
  .markdown-input-material-summary { padding: .7rem .75rem; }
  .markdown-input-material-body { padding: .7rem .75rem .75rem; }
  .markdown-input-material-actions button { min-height: 42px; }
  .markdown-input-material-preview pre { max-height: 16rem; }
}
