.compose-api[hidden],#recipe-broker-label[hidden]{display:none!important}.editor-field{min-width:0}.editor-field>label{display:block;margin-bottom:8px}.editor-field .ql-toolbar{border-radius:8px 8px 0 0;background:#f7f9fc}.editor-field .ql-container{border-radius:0 0 8px 8px;font-family:inherit;font-size:15px}.editor-field .ql-editor{min-height:260px;max-height:520px;overflow:auto;line-height:1.8}.ql-editor img{max-width:100%;height:auto}.editor-field .ql-toolbar button{padding:3px!important;min-width:0!important;min-height:0!important}.post-body .ql-container,#my-body .ql-container,#moderation-body .ql-container{border:0;font-family:inherit;font-size:inherit}.post-body .ql-editor,#my-body .ql-editor,#moderation-body .ql-editor{padding:0;line-height:1.9}.ql-editor{white-space:pre-wrap}.ql-toolbar .ql-picker{font-size:13px}#body-editor .ql-tooltip{left:0!important;max-width:95%}@media(max-width:600px){.editor-field .ql-editor{min-height:220px}.ql-toolbar.ql-snow .ql-formats{margin-right:8px}}

.editor-field textarea[hidden],.legacy-attachments[hidden]{display:none!important}.broker-choice{border:0;padding:0;margin:16px 0}.broker-choice legend{font-weight:700;margin-bottom:10px}.broker-choice small{font-size:12px;color:#73839a;font-weight:400}.broker-choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}#post-form .broker-choice-item{position:relative;display:block;margin:0;cursor:pointer}.broker-choice-item input{position:absolute;opacity:0;width:1px;height:1px}.broker-choice-item span{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#4d6380;font-size:13px}.broker-choice-item input:checked+span{border-color:#4179d4;background:#edf4ff;color:#215eaf;box-shadow:inset 0 0 0 1px #4179d4}.broker-choice-item input:checked+span:after{content:'✓';font-weight:700}.broker-choice-item input:focus-visible+span{outline:2px solid #2864db;outline-offset:3px}.broker-choice-item img,.selected-broker img{width:24px;height:24px;object-fit:contain;border-radius:5px}.selected-broker{display:inline-flex;align-items:center;gap:7px;margin:4px 10px 4px 0;padding:6px 10px;background:#f1f6fc;border-radius:7px}

/* Keep the editor image picker out of the form layout. */
#post-form input[type="file"][hidden]{display:none!important}

/* Spacious composer shared by community posts and academy episodes. */
#compose-dialog {
  box-sizing: border-box;
  width: calc(100vw - 64px);
  max-width: 1120px;
  max-height: calc(100dvh - 48px);
  padding: 32px;
}
#compose-dialog .editor-field .ql-editor {
  min-height: 360px;
  max-height: 560px;
}
@media (max-width: 600px) {
  #compose-dialog {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    padding: 18px;
  }
  #compose-dialog .editor-field .ql-editor { min-height: 280px; }
}

/* A compact editor and readable image comments on every conversation surface. */
#comment-form .comment-editor-field{margin:18px 0}
#comment-form .ql-editor{min-height:150px;max-height:380px}
#comment-form input[type=file][hidden],#comment-form textarea[hidden]{display:none!important}
.comment-editor-help{display:block;margin-top:9px;color:#74859a;font-size:12px;line-height:1.6}
#comment-editor .ql-tooltip{left:0!important;max-width:95%;box-sizing:border-box}
.comment-body{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.comment-body .ql-container{border:0;font:inherit}
.comment-body .ql-editor{padding:0;min-height:0;line-height:1.8;overflow-wrap:anywhere}
.comment-body .ql-editor img{display:block;max-width:min(100%,640px);max-height:480px;object-fit:contain;margin:12px 0;border-radius:8px}
@media(max-width:600px){#comment-form .ql-editor{min-height:140px}.comment-body .ql-editor img{max-height:340px}}
