/* .litematic -> .schem — scoped under #mcl */
#mcl{max-width:820px;margin:24px auto;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1c2128;line-height:1.5}
#mcl *{box-sizing:border-box}
#mcl .mcl-drop{border:2px dashed #5a78c8;border-radius:14px;background:#f1f4fb;padding:32px 20px;text-align:center;cursor:pointer;transition:.15s}
#mcl .mcl-drop:hover,#mcl .mcl-drop.over{background:#e6ecf9;border-color:#3f5aa6}
#mcl .mcl-drop b{display:block;font-size:18px;color:#2f4488}
#mcl .mcl-drop span{display:block;margin-top:4px;font-size:13px;color:#5b6273}
#mcl .mcl-ic{font-size:32px;margin-bottom:8px}
#mcl .mcl-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}
#mcl button#mcl-convert{margin-left:auto;background:#4a63c0;color:#fff;border:0;border-radius:9px;padding:11px 22px;font-size:15px;font-weight:700;cursor:pointer;transition:.15s}
#mcl button#mcl-convert:hover:not(:disabled){background:#3f5aa6}
#mcl button#mcl-convert:disabled{background:#bcc2d4;cursor:not-allowed}
#mcl .mcl-info:empty{display:none}
#mcl .mcl-info{margin:14px 0;font-size:14px;color:#2f3a5a;background:#f5f7fc;border:1px solid #dde3f1;border-radius:8px;padding:10px 12px}
#mcl .mcl-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;background:#161b2e;color:#d3dbf0;border-radius:10px;padding:12px;max-height:280px;overflow:auto}
#mcl .mcl-log:empty{display:none}
#mcl .mcl-log > div{margin:2px 0;white-space:pre-wrap;word-break:break-word}
#mcl .mcl-ok{color:#8ce39a}
#mcl .mcl-warn{color:#ffd76a}
#mcl .mcl-err{color:#ff8d7a}
#mcl .mcl-note{font-size:12.5px;color:#5b6273;margin-top:14px}
@media(max-width:560px){#mcl button#mcl-convert{margin-left:0;width:100%}}
