.main-container[data-v-361d030a]{max-width:1400px;margin:0 auto;padding:20px}.tool-header[data-v-361d030a]{text-align:center;margin-bottom:30px}.tool-header h1[data-v-361d030a]{color:#2c3e50;margin-bottom:10px}.tool-header p[data-v-361d030a]{color:#7f8c8d;font-size:16px}.toolbar[data-v-361d030a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.toolbar-actions[data-v-361d030a]{display:flex;gap:10px}.input-textarea[data-v-361d030a]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.input-stats[data-v-361d030a],.output-stats[data-v-361d030a]{display:flex;gap:15px;margin-top:10px;font-size:12px;color:#909399}.code-output[data-v-361d030a]{max-height:500px;overflow-y:auto;background:#f8f9fa;border-radius:4px;padding:15px}.code-output pre[data-v-361d030a]{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.preview-output[data-v-361d030a]{max-height:500px;overflow-y:auto;padding:15px;border:1px solid #e4e7ed;border-radius:4px;background:#fff}.markdown-preview[data-v-361d030a]{line-height:1.6}.markdown-preview h1[data-v-361d030a],.markdown-preview h2[data-v-361d030a],.markdown-preview h3[data-v-361d030a]{color:#2c3e50;margin-top:0}.markdown-preview code[data-v-361d030a]{background:#f1f2f6;padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.markdown-preview pre[data-v-361d030a]{background:#f8f9fa;padding:15px;border-radius:4px;overflow-x:auto}.markdown-preview blockquote[data-v-361d030a]{border-left:4px solid #409eff;padding-left:15px;margin:15px 0;color:#606266}.syntax-example[data-v-361d030a]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f8f9fa;padding:10px;border-radius:4px;line-height:1.6}.syntax-example code[data-v-361d030a]{background:transparent;color:#e83e8c}.html-tag[data-v-361d030a]{color:#e83e8c;font-weight:700}.md-header[data-v-361d030a]{color:#2c3e50;font-weight:700}.md-bold[data-v-361d030a]{color:#e67e22;font-weight:700}.md-italic[data-v-361d030a]{color:#9b59b6;font-style:italic}.md-code[data-v-361d030a]{color:#e83e8c;background:#f1f2f6;padding:2px 4px;border-radius:3px}.md-link[data-v-361d030a]{color:#409eff}.mobile-view-toggle[data-v-361d030a]{text-align:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.converter-row[data-v-361d030a]{min-height:500px}.card-header[data-v-361d030a]{display:flex;justify-content:space-between;align-items:center}.header-actions[data-v-361d030a]{display:flex;gap:10px}.mobile-hidden[data-v-361d030a]{display:none!important}@media (max-width:768px){.main-container[data-v-361d030a]{padding:10px}.tool-header h1[data-v-361d030a]{font-size:24px}.tool-header p[data-v-361d030a]{font-size:14px}.toolbar[data-v-361d030a]{flex-direction:column;gap:15px;align-items:stretch}.toolbar-actions[data-v-361d030a]{justify-content:center;flex-wrap:wrap}.input-col[data-v-361d030a],.output-col[data-v-361d030a]{margin-bottom:20px}.input-stats[data-v-361d030a],.output-stats[data-v-361d030a]{flex-direction:column;gap:5px;font-size:11px}.code-output[data-v-361d030a],.preview-output[data-v-361d030a]{max-height:400px;font-size:12px}.card-header[data-v-361d030a]{flex-direction:column;gap:10px;align-items:flex-start}.header-actions[data-v-361d030a]{width:100%;justify-content:center}.reference-card .el-collapse-item__header[data-v-361d030a]{font-size:14px}.syntax-example[data-v-361d030a]{font-size:12px;padding:8px}}@media (max-width:480px){.main-container[data-v-361d030a]{padding:5px}.toolbar[data-v-361d030a]{padding:10px}.mobile-view-toggle .el-radio-button__inner[data-v-361d030a],.toolbar-actions .el-button[data-v-361d030a]{font-size:12px;padding:8px 12px}.input-textarea[data-v-361d030a]{font-size:14px}.code-output pre[data-v-361d030a],.preview-output[data-v-361d030a]{font-size:11px;padding:10px}}