.markdown-inputs{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.markdown-inputs>*{min-width:0}.markdown-inputs input,.markdown-inputs textarea{max-width:100%;min-width:0}.markdown-inputs input[type=file]{width:100%}.markdown-inputs textarea{width:100%;min-height:200px;resize:vertical;font:15px/1.5 ui-monospace,monospace}.markdown-inputs input[type=text]{width:100%;max-width:600px}.markdown-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.markdown-preview{width:100%;height:480px;border:1px solid #d7dedb;border-radius:12px;background:white}.markdown-code textarea{width:100%;min-height:220px;font:14px/1.5 ui-monospace,monospace;resize:vertical}.markdown-note{color:#53615a;font-size:.95rem}@media(max-width:480px){.markdown-actions button{width:100%}.markdown-preview{height:400px}.markdown-inputs textarea{min-height:180px}}

.markdown-pdf-preview{display:block;max-width:100%;height:auto;border:1px solid #d7dedb;background:white}.markdown-pdf-preview[hidden]{display:none}.markdown-actions input[type=number]{max-width:100px}

.markdown-exports{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.markdown-exports>*{min-width:0}.markdown-export,#markdown-pdf-options{padding:18px;border:1px solid #d7dedb;border-radius:14px}.markdown-export h3,#markdown-pdf-title{margin-top:0}.markdown-help{margin-top:20px}.markdown-help summary,.markdown-html-preview summary{cursor:pointer}.markdown-help p{max-width:75ch}.markdown-html-preview .markdown-preview{margin-top:12px}

.markdown-format-choice{display:flex;gap:8px;margin:18px 0 12px;padding:6px;background:#f1f5f2;border-radius:14px;width:fit-content}.markdown-format-choice button{min-width:100px;border-radius:10px}.markdown-format-choice button[aria-pressed=true]{background:#176b4d;color:#fff;border-color:#176b4d}.markdown-export[hidden],#markdown-pdf-options[hidden],#markdown-html-controls[hidden]{display:none}

/* Markdown actions: warm, consistent controls with a clear primary action. */
#markdown-workspace button {
  min-height:44px;
  max-width:100%;
  padding:10px 18px;
  border:1px solid var(--line,#e6ded2);
  border-radius:12px;
  background:#fffaf3;
  color:var(--ink,#293b36);
  font:inherit;
  font-weight:600;
  line-height:1.35;
  text-align:center;
  white-space:normal;
}
#markdown-workspace button[hidden]{display:none}
#markdown-workspace button:not(:disabled):hover {
  background:#f6eee2;
  border-color:#ccbba6;
  box-shadow:0 2px 6px rgba(64,43,28,.08);
}
#markdown-workspace button:focus-visible {
  outline:3px solid var(--accent,#aa4222);
  outline-offset:3px;
}
#markdown-workspace :is(#markdown-run,#markdown-pdf-run,#markdown-download,#markdown-pdf-download) {
  background:var(--accent,#aa4222);
  border-color:var(--accent,#aa4222);
  color:#fff;
}
#markdown-workspace :is(#markdown-run,#markdown-pdf-run,#markdown-download,#markdown-pdf-download):not(:disabled):hover {
  background:#87351c;
  border-color:#87351c;
}
#markdown-demo{justify-self:start}
#markdown-workspace #markdown-clear {
  background:transparent;
  border-color:transparent;
  color:var(--muted,#68675d);
}
#markdown-workspace #markdown-clear:not(:disabled):hover {
  background:#f6eee2;
  color:var(--accent,#aa4222);
  box-shadow:none;
}
#markdown-workspace .markdown-format-choice {
  gap:4px;
  max-width:100%;
  padding:5px;
  border:1px solid var(--line,#e6ded2);
  border-radius:14px;
  background:#f3ecdf;
}
#markdown-workspace .markdown-format-choice button {
  min-width:88px;
  padding:9px 18px;
  border-color:transparent;
  border-radius:10px;
  background:transparent;
  color:var(--muted,#68675d);
}
#markdown-workspace .markdown-format-choice button[aria-pressed=true] {
  background:#fffaf3;
  color:var(--accent,#aa4222);
  border-color:#dbc9b5;
  box-shadow:0 1px 3px rgba(64,43,28,.08);
}
#markdown-file::file-selector-button {
  min-height:44px;
  margin-right:10px;
  padding:10px 14px;
  border:1px solid var(--line,#e6ded2);
  border-radius:10px;
  background:#fffaf3;
  color:var(--ink,#293b36);
  font:inherit;
  font-weight:600;
  cursor:pointer;
}
#markdown-file::file-selector-button:hover{background:#f6eee2}
@media(max-width:480px) {
  #markdown-workspace :is(#markdown-clear,#markdown-cancel,#markdown-pdf-cancel,#markdown-pdf-previous,#markdown-pdf-next){width:auto}
  #markdown-workspace .markdown-actions{gap:10px}
}
@media(prefers-reduced-motion:reduce) {
  #markdown-workspace button{transition:none}
}