/* Chrome around the vendored Toast UI editor for the program NOTES field. Buttons use
   the shared square .btn component (webui.Button); this styles only layout + the editor
   content typography + the full-screen composer. Mirrors plug-plan's plan-editor.css. */
/* No outer margin: the page column (.section, gap:--w-4) places this box like every
   other block on the page. Its own 1.6rem margin-top had ID specificity, so it beat
   `.section > * { margin: 0 }` and stacked ON TOP of the container's gap — the editor sat
   41.6px below the card above it where the relationship table says 16. The rule above it
   stays: that is a divider, not spacing. */
#steps-editor{margin-top:0;border-top:1px solid var(--border2,#30363d);padding-top:1rem}
#steps-editor .se-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.2rem 0 .5rem}
#steps-editor .se-bar h2{font-size:1.1rem}
#steps-editor .se-bar .btn{margin-left:auto}
#steps-editor #se-mount .toastui-editor-defaultUI{border-radius:0;overflow:hidden}
#steps-editor .toastui-editor-contents{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.95rem;line-height:1.65;letter-spacing:.01em}
#steps-editor .toastui-editor-contents p,#steps-editor .toastui-editor-contents li,#steps-editor .toastui-editor-contents td{font-size:.95rem;line-height:1.65}
#steps-editor .se-foot{display:flex;align-items:center;gap:1rem;margin-top:.6rem}
#steps-editor .se-status{font-size:.85rem;color:var(--muted,#8b949e);min-height:1.1em}
/* Full-screen composer: a LOCKED full-page modal (overflow:hidden, flex column) so the
   bar stays fixed and only the editor content scrolls (overriding Toast's inline 48vh). */
#steps-editor.se-full{position:fixed;inset:0;z-index:99999;margin:0;padding:1rem 1.4rem;background:var(--panel2,#0d1117);overflow:hidden;display:flex;flex-direction:column;gap:.3rem;border:0}
#steps-editor.se-full > p.hint{display:none}
#steps-editor.se-full .se-bar{flex:0 0 auto;margin:.2rem 0 .5rem}
#steps-editor.se-full #se-mount{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#steps-editor.se-full #se-mount .toastui-editor-defaultUI{flex:1 1 auto;min-height:0;height:auto!important;display:flex;flex-direction:column}
#steps-editor.se-full .toastui-editor-main{flex:1 1 auto;min-height:0}
#steps-editor.se-full .toastui-editor-md-container,
#steps-editor.se-full .toastui-editor-ww-container{height:100%;min-height:0}
#steps-editor.se-full .toastui-editor-md-container .toastui-editor,
#steps-editor.se-full .toastui-editor-ww-container .toastui-editor{height:100%;min-height:0;overflow-y:auto}
#steps-editor.se-full .se-foot{flex:0 0 auto;margin-top:.5rem}
#steps-editor.se-full #se-fullscreen{position:fixed;top:.5rem;right:.6rem;z-index:100001;width:2.1rem;height:2.1rem;min-width:0;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;border-radius:0;margin-left:0}
/* Hide the fixed page chrome (feedback launcher) while full-screen editing. */
body.pe-fullscreen .fb-launch,body.pe-fullscreen .fb-overlay,body.pe-fullscreen .ws-switch{display:none!important}