.mk-top{max-width:1320px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:6px}
.mk-main{max-width:1320px;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:24px;align-items:start;padding-top:18px;padding-bottom:48px}
.mk-main>*{min-width:0}
.mk-h{font-size:22px;margin:0 0 12px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.mk-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.mk-chip{font:inherit;font-size:14px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:999px;padding:6px 12px;cursor:pointer;min-height:36px}
.mk-chip:hover{border-color:#C9CDD4}
.mk-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.mk-label{display:block;font-size:14px;font-weight:700;color:var(--ink2);margin-bottom:6px}
#src{display:block;width:100%;min-height:300px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;color:var(--ink);
  font:500 14px/1.65 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;tab-size:2}
#src:focus{outline:none;border-color:#3B6CF6;box-shadow:0 0 0 3px rgba(59,108,246,.18)}
.mk-msgs{margin-top:10px}
.mk-msg{margin:0 0 6px;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.4}
.mk-err{background:#FDECEC;color:#8A1F1F}
.mk-warn{background:#FDF4DF;color:#6E4B00}
.mk-help{margin-top:14px;font-size:14px;color:var(--ink2)}
.mk-help summary{cursor:pointer;font-weight:700;color:var(--ink)}
.mk-help ul{padding-left:18px;margin:8px 0 0}
.mk-help li{margin:6px 0}
.mk-help code{font:600 12.5px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;background:#fff;border:1px solid var(--line);padding:1px 5px;border-radius:6px;color:var(--ink);overflow-wrap:anywhere}
.mk-btn{font:inherit;font-weight:700;font-size:15px;border-radius:12px;padding:10px 16px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);min-height:44px}
.mk-primary{background:var(--ink);border-color:var(--ink);color:#fff}
.mk-primary:hover{background:#2A3547}
.mk-view{position:sticky;top:16px}
@media (max-width:900px){
  .mk-main{grid-template-columns:1fr}
  .mk-view{position:static}
  #src{min-height:220px}
}
@media print{
  @page{size:landscape;margin:10mm}
  body{background:#fff}
  .mk-top,.mk-edit{display:none}
  .mk-main{display:block;padding:0;max-width:none}
}
.mk-actions{display:flex;gap:8px}
.mk-share{max-width:1320px;margin:12px auto 0;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(24,33,47,.06);width:calc(100% - 40px)}
.mk-share-row{display:grid;grid-template-columns:minmax(180px,260px) 1fr auto;gap:10px 12px;align-items:center;padding:8px 0}
.mk-share-row+.mk-share-row{border-top:1px solid var(--line)}
.mk-share-row b{display:block}
.mk-share-row span{display:block;color:var(--muted);font-size:14px;line-height:1.35}
.mk-share input{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:500 14px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink2);background:var(--bg)}
.mk-note{margin:8px 0 0;color:var(--muted);font-size:14px}
@media (max-width:700px){
  .mk-share-row{grid-template-columns:1fr auto}
  .mk-share-row>div{grid-column:1/-1}
  .mk-actions .mk-btn{padding:10px 12px}
}
@media print{.mk-share{display:none!important}}