.mda-heading {padding-top:1rem;padding-bottom:1rem}
.mda-heading .breadcrumb {margin-bottom:.8rem}
.mda-heading h1 {font-size:clamp(1.45rem,2.5vw,2.2rem);margin:0}
.mda-heading p:last-child {margin:.55rem 0 0;font-size:.9rem;color:var(--c-text-2)}
.mda-heading-row {display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mda-heading-row .btn {font-size:.8rem}
.mda-editor {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;height:calc(100dvh - 255px);min-height:470px;margin-bottom:2rem}
.mda-editor button,.mda-editor input,.mda-editor textarea,.mda-editor select {font:inherit}
.mda-builder,.mda-preview {min-height:0;min-width:0;border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-card);display:flex;flex-direction:column;overflow:hidden}
.mda-tabs {display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;padding:.6rem;background:var(--c-surface);border-bottom:1px solid var(--c-border)}
.mda-tabs button {padding:.65rem .25rem;font-size:.78rem;border:0;border-radius:8px;background:transparent;color:var(--c-text-2);cursor:pointer}
.mda-tabs button[aria-current] {background:var(--c-card);color:var(--c-brand-ink);box-shadow:var(--shadow-1);font-weight:700}
.mda-panel {flex:1;min-height:0;overflow:auto;padding:1.5rem;scrollbar-gutter:stable}
.mda-panel h2 {font-size:1.25rem;margin:0 0 .4rem}
.mda-help {font-size:.85rem;color:var(--c-text-2);margin:0 0 1.25rem;line-height:1.55}
.mda-field {display:flex;flex-direction:column;gap:.4rem;margin:1rem 0;font-size:.85rem}
.mda-field>span {font-weight:650}
.mda-field input,.mda-field textarea,.mda-field select {width:100%;min-width:0;background:var(--c-card);color:var(--c-text);border:1px solid var(--c-border);border-radius:8px;padding:.7rem;font-size:.88rem;line-height:1.4}
.mda-field textarea {min-height:85px;resize:vertical}
.mda-more {margin:.8rem 0;padding:.8rem;border:1px solid var(--c-border);border-radius:10px}
.mda-more summary {font-size:.82rem;cursor:pointer;color:var(--c-brand-ink);font-weight:650}
.mda-task-list {max-height:150px;overflow:auto;font-size:.8rem;display:grid;gap:.5rem}
.mda-task-list input,.mda-radio input,.mda-check input {accent-color:var(--c-brand-ink);width:auto}
.mda-more fieldset {padding:.8rem;border:1px solid var(--c-border);border-radius:8px;font-size:.85rem}
.mda-navigation {display:flex;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--c-border)}
.mda-navigation .btn,.mda-copy-actions .btn {font-size:.8rem;min-height:40px;padding:.6rem .85rem}
.mda-preview {padding:1.25rem;background:var(--c-surface);transition:border-color .15s;overflow:auto}
.mda-preview>* {flex-shrink:0}
.mda-preview-head {display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.mda-preview h2 {font-size:1.25rem;margin:0}
.mda-live {font-size:.7rem;color:var(--c-success);white-space:nowrap}
#mda-feedback {font-size:.78rem;color:var(--c-brand-ink);margin:.5rem 0;min-height:2.6em;line-height:1.3}
.mda-toolbar {display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--c-text-2)}
.mda-toolbar .btn,.mda-notice .btn {padding:.3rem 0;font-size:.75rem;min-height:28px}
#mda-prompt {flex:1;min-height:90px;resize:none;width:100%;background:var(--c-card);border:1px solid var(--c-border);border-radius:10px;padding:1rem;color:var(--c-text);font-size:.85rem;line-height:1.65}
#mda-placeholders {font-size:.7rem;margin:.5rem 0}
.mda-copy-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.mda-action {min-width:0}
.mda-copy-actions .btn {width:100%;min-height:56px;padding:.55rem .6rem;border-radius:10px;white-space:normal;line-height:1.35;text-align:left;justify-content:flex-start;gap:.45rem}
.mda-action--copy .btn {background:var(--c-brand-soft);color:var(--c-brand-ink);border-color:var(--c-brand-ink)}
.mda-secondary-actions {display:flex;justify-content:space-between;flex-wrap:wrap;gap:.25rem .75rem;margin-top:.4rem}
.mda-secondary-actions .btn {font-size:.7rem;padding:.25rem 0;min-height:28px;white-space:normal;text-align:left}
.mda-file-start {padding-top:1.5rem;padding-bottom:4rem;max-width:800px}
.mda-file-start h1 {font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;margin:1rem 0}
.mda-file-start .lead {max-width:600px}
.mda-file-start .mda-help {margin-top:1.2rem;max-width:530px}
.mda-file-dialog input[type=file] {overflow:hidden}
.mda-file-dialog .mda-check {align-items:flex-start}
.mda-file-dialog .mda-check input {flex-shrink:0;margin-top:.25rem}
.mda-file-error {font-size:.85rem;background:var(--c-brand-soft);border-radius:8px;padding:.75rem;overflow-wrap:anywhere}
.mda-file-error:empty,.mda-file-dialog [role=status]:empty {display:none}
.mda-editor[hidden],.mda-heading[hidden],.mda-file-start[hidden],.mda-file-dialog [hidden] {display:none}
.mda-action small {display:block;font-size:.68rem;line-height:1.4;color:var(--c-text-2);margin-top:.4rem}
.mda-copy-actions svg,.mda-save-actions svg,.mda-navigation svg {width:17px;height:17px;flex-shrink:0}
.mda-tool-field {padding-bottom:1rem;border-bottom:1px solid var(--c-border)}
.mda-tool-field small {font-size:.75rem;font-weight:400;line-height:1.45;color:var(--c-text-2)}
.mda-privacy {font-size:.68rem;line-height:1.45;color:var(--c-text-2);margin:.65rem 0 0}
#mda-status {font-size:.75rem;margin:.35rem 0 0}
#mda-status:empty {display:none}
.mda-notice {padding:.65rem;background:var(--c-brand-soft);color:var(--c-text);font-size:.78rem;border-radius:8px;margin:.5rem 0}
.mda-radio {display:flex;gap:.7rem;padding:.8rem;margin:.7rem 0;border:1px solid var(--c-border);border-radius:10px;font-size:.85rem;cursor:pointer}
.mda-radio:has(input:checked) {border-color:var(--c-brand-ink);background:var(--c-brand-soft)}
.mda-radio small {display:block;color:var(--c-text-2);font-size:.75rem;margin-top:.25rem}
.mda-check {display:flex;gap:.6rem;align-items:start;font-size:.85rem;margin:1rem 0}
.mda-updated {animation:mda-flash .65s ease-out}
@keyframes mda-flash {0%{box-shadow:0 0 0 2px var(--c-brand)}100%{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.mda-updated{animation:none}}
@media(max-width:760px){
  .mda-heading {padding-top:.65rem;padding-bottom:.6rem}.mda-heading .breadcrumb {font-size:.7rem;margin-bottom:.5rem}
  .mda-heading-row {align-items:start;gap:.5rem}.mda-heading-row .btn {padding:.4rem;font-size:.7rem;min-height:34px}
  .mda-heading .mda-kicker {font-size:.6rem;margin-bottom:.25rem}.mda-heading h1 {font-size:1.2rem}
  .mda-heading p:last-child {font-size:.75rem;line-height:1.4}
  .mda-editor {grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:.65rem;height:calc(100dvh - 220px);min-height:420px;margin-bottom:1rem}
  .mda-tabs {padding:.3rem}.mda-tabs button {font-size:.7rem;padding:.5rem .1rem}
  .mda-panel {padding:.85rem}.mda-panel h2 {font-size:1rem}.mda-panel .mda-help {font-size:.75rem}
  .mda-navigation {padding:.35rem .6rem}.mda-navigation .btn {font-size:.7rem;min-height:32px;padding:.35rem .5rem}
  .mda-preview {padding:.7rem}.mda-preview h2 {font-size:1rem}#mda-feedback {font-size:.68rem;min-height:1.3em;margin:.2rem 0}
  .mda-toolbar .btn {font-size:.68rem;min-height:24px}#mda-prompt {padding:.65rem;min-height:96px;font-size:.78rem;flex-shrink:0}
  .mda-copy-actions .btn {font-size:.7rem;padding:.4rem .5rem;min-height:32px}.mda-privacy {font-size:.6rem;margin:.3rem 0 0}
  #mda-placeholders {font-size:.63rem;margin:.25rem 0}.mda-live {font-size:.65rem}
}
@media(max-width:760px) and (max-height:650px){
  .mda-heading p:last-child {display:none}
  .mda-heading .breadcrumb {margin-bottom:.25rem}
  .mda-editor {height:calc(100dvh - 175px);min-height:330px;grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);gap:.4rem}
  .mda-panel {padding:.65rem}.mda-panel>.mda-help,.mda-panel>h2 {display:none}.mda-panel>.mda-field:first-of-type {margin-top:0}
  .mda-preview {padding:.5rem}#mda-feedback {font-size:.62rem}
  .mda-privacy {font-size:.56rem;line-height:1.2}
  .mda-tabs button {font-size:.65rem}
}
.mda-heading-actions {display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.mda-record-label {color:var(--c-brand-ink);font-size:.8rem;overflow-wrap:anywhere}
.mda-save-dialog {width:min(580px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.5rem;border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-card);color:var(--c-text);overflow:auto;box-shadow:var(--shadow-1)}
.mda-save-dialog::backdrop {background:rgb(0 0 0 / .45)}
.mda-save-title {display:flex;justify-content:space-between;align-items:center;gap:1rem}
.mda-save-title h2 {font-size:1.3rem;margin:0}
.mda-save-title .btn {font-size:.8rem}
.mda-save-dialog .mda-help {margin:.7rem 0}
.mda-save-modes {border:0;padding:0;margin:0}
.mda-save-modes legend {font-size:.85rem;font-weight:650}
.mda-save-dialog .mda-radio {align-items:flex-start}
.mda-save-dialog .mda-radio input {margin-top:.25rem;flex-shrink:0}
.mda-save-dialog textarea {width:100%;margin-top:.7rem;padding:.7rem;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:8px;font:inherit;font-size:.8rem;resize:vertical}
.mda-save-actions {display:flex;gap:.6rem;flex-wrap:wrap}
.mda-save-actions .btn {font-size:.85rem}
#mda-save-error {font-size:.8rem;color:var(--c-text);padding:.6rem;background:var(--c-brand-soft);border-radius:8px}
#mda-save-error:empty {display:none}
@media(max-width:760px){
 .mda-heading-row {flex-wrap:wrap}.mda-heading-actions {justify-content:flex-start}
 .mda-save-dialog {padding:1rem}.mda-save-title h2 {font-size:1.1rem}
 .mda-editor {min-height:540px;grid-template-rows:minmax(0,.8fr) minmax(0,1.2fr)}
 .mda-panel>.mda-help {display:none}
 .mda-copy-actions {gap:.4rem}
 .mda-copy-actions .btn {min-height:50px;padding:.4rem;font-size:.66rem;gap:.3rem;flex-direction:column;align-items:flex-start}
 .mda-copy-actions svg {width:14px;height:14px}
 .mda-action small {font-size:.61rem;line-height:1.35;margin-top:.3rem}
 .mda-secondary-actions .btn {font-size:.65rem}
}
@media(max-width:760px) and (max-height:650px){
 .mda-editor {height:calc(100dvh - 200px);min-height:520px;grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr)}
 .mda-heading-actions .btn {padding:.3rem .4rem;font-size:.65rem;min-height:30px}
 .mda-preview {overflow:auto}
}