.converter-wrap{max-width:1200px;margin:auto;padding:28px 24px 48px}.tool-title{font-size:1.8rem;margin-bottom:4px}.tool-subtitle,.status{color:var(--muted);margin-bottom:18px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-card,.preview-card,.options-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.head h2,.options-card h2{font-size:1rem}.actions,.settings{display:flex;gap:8px;flex-wrap:wrap}button,.file-label,select,input{min-height:38px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:7px 10px;font:inherit;font-size:.85rem;color:var(--text);cursor:pointer}.file-label{display:inline-flex;align-items:center}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.editor{width:100%;height:550px;border:0;padding:16px;resize:vertical;outline:0;font:14px/1.55 ui-monospace,Consolas,monospace}.drop-target{outline:3px solid #93c5fd;outline-offset:-3px}.preview{min-height:550px;max-height:700px;overflow:auto;padding:26px;word-break:break-word}.preview h1,.preview h2,.preview h3{margin:1.1em 0 .45em}.preview p,.preview ul,.preview ol,.preview blockquote,.preview table,.preview pre{margin-bottom:1em}.preview pre{padding:14px;background:#1e293b;color:#e2e8f0;border-radius:8px;overflow:auto}.preview code{font-family:ui-monospace,Consolas,monospace}.preview :not(pre)>code{background:#eef2f7;padding:2px 5px;border-radius:4px}.preview table{border-collapse:collapse;width:100%}.preview td,.preview th{border:1px solid var(--border);padding:7px;text-align:left}.preview th{background:#f1f5f9}.preview blockquote{border-left:3px solid #93c5fd;padding-left:12px;color:var(--muted)}.tok-keyword{color:#93c5fd}.tok-string{color:#86efac}.tok-comment{color:#94a3b8;font-style:italic}.tok-number{color:#fbbf24}.mermaid{padding:12px;background:#f8fafc;border:1px solid var(--border);border-radius:8px;overflow:auto}.footnote-definition{display:block;font-size:.88em;color:var(--muted)}
.markdown-tool .topbar nav a[aria-current="page"]{box-shadow:inset 0 -2px var(--md-accent)}
.markdown-tool .converter-wrap{padding-top:42px}
.markdown-tool .tool-title{font-size:clamp(2rem,4.5vw,3rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:10px}
.markdown-tool .tool-subtitle{font-size:1rem;max-width:690px;margin-bottom:24px}
.markdown-tool .editor-card,.markdown-tool .preview-card,.markdown-tool .options-card{border-radius:var(--radius);box-shadow:var(--shadow)}
.markdown-tool .head{padding:16px 18px;background:#fbfcfd}
.markdown-tool .head h2,.markdown-tool .options-card h2{font-size:1.05rem}
.markdown-tool button,.markdown-tool .file-label,.markdown-tool select,.markdown-tool input{border-radius:9px}
.markdown-tool button:hover,.markdown-tool .file-label:hover{border-color:var(--md-accent)}
.markdown-tool .primary{background:var(--md-accent);border-color:var(--md-accent);font-weight:700}
.markdown-tool .primary:hover{background:#1b4387;border-color:#1b4387;color:#fff}
.markdown-tool .options-card{padding:20px}
.markdown-tool .notice{background:var(--md-soft);border-left-color:var(--md-accent);border-radius:0 8px 8px 0}
.markdown-tool .tabs .active{color:var(--md-accent);border-color:var(--md-accent);background:var(--md-soft)}
@media(max-width:760px){.markdown-tool .converter-wrap{padding-top:28px}.markdown-tool .tool-subtitle{margin-bottom:18px}}
.setting.check{flex-direction:row;align-items:center;gap:8px;padding-top:16px;color:var(--text);font-size:.85rem;cursor:pointer}
.setting.check input{min-height:auto;width:17px;height:17px;cursor:pointer}
.footnotes{margin-top:26px;border-top:1px solid var(--border);padding-top:12px;font-size:.88em;color:var(--muted)}
.footnotes h4{font-size:.95em;color:var(--text);margin-bottom:6px}
.pdf-break{height:0}.options-card{margin-top:18px;padding:18px}.setting{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.83rem}.content{max-width:780px;margin:auto;padding:4px 24px 52px}.content h2{margin:32px 0 10px;font-size:1.25rem}.content h3{margin:22px 0 8px;font-size:1.02rem}.content p{margin-bottom:14px}.notice{background:#eff6ff;border-left:3px solid var(--accent);padding:12px 14px}.tabs{display:none}@media(max-width:760px){.converter-wrap{padding:22px 16px 40px}.workspace{display:block}.tabs{display:flex;gap:8px;margin-bottom:10px}.tabs button{flex:1}.tabs .active{color:var(--accent);border-color:var(--accent);background:#eff6ff}.preview-card{display:none}.workspace.previewing .editor-card{display:none}.workspace.previewing .preview-card{display:block}.editor{height:52vh;min-height:360px}.preview{min-height:52vh;max-height:none;padding:20px}.content{padding:0 16px 40px}}@media print{.topbar,footer,.editor-card,.options-card,.tabs,.tool-subtitle{display:none!important}.converter-wrap{padding:0}.preview-card{display:block!important;border:0!important;box-shadow:none!important}.preview{max-height:none!important;overflow:visible!important}}
.markdown-tool .content pre{max-width:100%;overflow-x:auto}.markdown-tool .content pre code{display:block;white-space:pre}