.jdh-mn { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; text-align:left; }
.jdh-mn-pane { display:flex; flex-direction:column; min-width:0; min-height:480px; padding:20px; border:1px solid var(--jd-line); border-radius:20px;
  background:#fff; box-shadow:0 18px 40px -32px rgba(24,27,41,.35); }
.jdh-mn-tabs { display:flex; gap:6px; padding:4px; border-radius:100px; background:#F3F5F8; align-self:flex-start; max-width:100%; overflow-x:auto; }
.jdh-mn-tab { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px; border:0; border-radius:100px; background:transparent;
  font:inherit; font-size:14px; font-weight:600; color:var(--jd-muted); cursor:pointer; white-space:nowrap; }
.jdh-mn-tab.is-on { background:#fff; color:var(--jd-ink); box-shadow:0 1px 4px rgba(24,27,41,.12); }
.jdh-mn-tab:disabled { cursor:not-allowed; opacity:.6; }
.jdh-mn-tab:focus-visible, .jdh-mn-recbtn:focus-visible { outline:2px solid var(--jd-teal); outline-offset:2px; }
.jdh-mn-src { margin-top:14px; }
.jdh-mn-drop { position:relative; cursor:pointer; }
.jdh-mn-drop b { font-size:15px; color:var(--jd-ink); word-break:break-word; }
.jdh-mn-file { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.jdh-mn-drop:focus-within { border-color:var(--jd-teal); }
.jdh-mn-rec { display:flex; flex-direction:column; align-items:center; gap:12px; padding:22px 16px; border:1.5px dashed #CBD5DF; border-radius:16px;
  background:#FBFCFE; text-align:center; }
.jdh-mn-clock { display:inline-flex; align-items:center; gap:8px; font-size:34px; line-height:40px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--jd-ink); }
.jdh-mn-clock.is-live { color:var(--jd-ai-red); }
.jdh-mn-dot { width:10px; height:10px; border-radius:50%; background:var(--jd-ai-red); animation:jdh-mn-pulse 1s ease-in-out infinite; }
@keyframes jdh-mn-pulse { 50% { opacity:.25; } }
.jdh-mn-recbtn { display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 22px; border:0; border-radius:100px; background:var(--jd-teal);
  color:#fff; font:inherit; font-size:15px; font-weight:600; cursor:pointer; }
.jdh-mn-recbtn.is-stop { background:var(--jd-ai-red); }
.jdh-mn-warn { margin-top:10px; padding:10px 12px; border-radius:12px; background:#FFF5F5; color:#8A1F1F; font-size:14px; line-height:20px; }
.jdh-mn-row { display:flex; justify-content:flex-end; margin-top:12px; }
.jdh-mn-row .jdh-tt-go { margin-left:0; }
.jdh-mn-tx { display:flex; flex-direction:column; flex:1; margin-top:16px; }
.jdh-mn-sub { margin-top:2px; font-size:13px; line-height:18px; color:var(--jd-muted); }
.jdh-mn-input { flex:1; width:100%; min-height:240px; margin-top:10px; padding:12px; border:1px solid var(--jd-line); border-radius:12px; background:#FBFCFE;
  resize:vertical; outline:none; font:inherit; font-size:15px; line-height:24px; color:var(--jd-ink); }
.jdh-mn-input:focus { border-color:rgba(46,116,131,.6); box-shadow:0 0 0 3px rgba(46,116,131,.12); background:#fff; }
.jdh-mn-foot { flex-wrap:wrap; margin-top:auto; }
.jdh-mn-tx + .jdh-mn-foot { margin-top:14px; }
.jdh-mn-privacy { margin-top:10px; font-size:12px; line-height:18px; color:var(--jd-muted); }
.jdh-mn-mock { margin:10px 0 0; padding:10px 12px; border-radius:12px; background:var(--jd-plag-bg); color:#7A4A12; font-size:13px; line-height:20px; }
.jdh-mn-out { overflow:auto; max-height:760px; }
.jdh-mn-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.jdh-mn-head .jdh-tt-actions { margin-left:0; flex-wrap:wrap; }
.jdh-mn-notes { margin-top:8px; font-size:15px; line-height:24px; color:var(--jd-body); }
.jdh-mn-notes h4 { margin-top:18px; font-size:15px; line-height:22px; font-weight:600; color:var(--jd-ink); }
.jdh-mn-notes p { margin-top:6px; }
.jdh-mn-notes ul { margin-top:6px; padding-left:20px; list-style:disc; display:flex; flex-direction:column; gap:6px; }
.jdh-mn-h { margin-top:10px; font-size:20px; line-height:28px; font-weight:600; color:var(--jd-ink); word-break:break-word; }
.jdh-mn-none { color:var(--jd-muted); }
.jdh-mn-actions { list-style:none !important; padding-left:0 !important; }
.jdh-mn-actions li { display:flex; flex-direction:column; gap:4px; padding:10px 12px; border:1px solid var(--jd-line); border-radius:12px; }
.jdh-mn-meta { display:flex; flex-wrap:wrap; gap:6px; }
.jdh-mn-meta span { padding:1px 8px; border-radius:100px; background:#E3EFF2; color:var(--jd-teal-deep); font-size:12px; font-weight:600; }
.jdh-mn-topics { list-style:none !important; padding-left:0 !important; }
.jdh-mn-topics li { display:flex; gap:10px; }
.jdh-mn-ts { flex:none; font-variant-numeric:tabular-nums; font-size:13px; font-weight:600; color:var(--jd-teal-deep); }
.jdh-mn-email { margin-top:18px; padding:14px; border-radius:14px; background:#F7F9FB; border:1px solid var(--jd-line); }
.jdh-mn-email h4 { margin-top:0; }
.jdh-mn-email pre { margin-top:8px; white-space:pre-wrap; word-break:break-word; font:inherit; font-size:14px; line-height:22px; color:var(--jd-body); }
.jdh-mn-notes .jdh-tt-lock { margin-top:18px; }
@media (max-width: 900px) { .jdh-mn { grid-template-columns:1fr; } .jdh-mn-pane { min-height:0; } .jdh-mn-out { max-height:none; } }
@media (max-width: 480px) { .jdh-mn-pane { padding:16px; } .jdh-mn-foot .jdh-tt-go { margin-left:0; width:100%; justify-content:center; } }