.tool-container[data-v-837d742c]{max-width:1200px;margin:0 auto;padding:20px}.tool-container h1[data-v-837d742c]{margin-bottom:8px;font-size:22px}.tool-container>p[data-v-837d742c]{color:#6b7280;margin-bottom:20px;font-size:14px}.control-section[data-v-837d742c]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #e9ecef}.action-row[data-v-837d742c]{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.btn[data-v-837d742c]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.btn-primary[data-v-837d742c]{background:#007bff;color:#fff}.btn-primary[data-v-837d742c]:hover{background:#0056b3}.btn-secondary[data-v-837d742c]{background:#6c757d;color:#fff}.btn-secondary[data-v-837d742c]:hover{background:#545b62}.btn-tool[data-v-837d742c]{background:#fff;border:1px solid #dee2e6;color:#495057;min-width:32px;text-align:center;font-size:13px;font-weight:600}.btn-tool[data-v-837d742c]:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.toolbar-sep[data-v-837d742c]{width:1px;height:24px;background:#dee2e6;margin:0 4px}.editor-wrapper[data-v-837d742c]{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;margin-bottom:16px}.editor-wrapper.fullscreen[data-v-837d742c]{position:fixed;inset:0;z-index:9999;border-radius:0;background:#fff}.editor-wrapper.fullscreen .split-pane[data-v-837d742c]{height:calc(100vh - 36px)}.split-pane[data-v-837d742c]{display:flex;height:500px}.pane-left[data-v-837d742c],.pane-right[data-v-837d742c]{flex:1;display:flex;flex-direction:column;min-width:0}.pane-left[data-v-837d742c]{border-right:1px solid #e9ecef}.panel-header[data-v-837d742c]{padding:8px 12px;font-size:13px;font-weight:600;color:#495057;background:#e9ecef;border-bottom:1px solid #dee2e6;flex-shrink:0}.editor-textarea[data-v-837d742c]{flex:1;width:100%;padding:12px;border:none;font-family:Courier New,Consolas,monospace;font-size:14px;line-height:1.6;resize:none;outline:none;background:#fff;box-sizing:border-box;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.preview-area[data-v-837d742c]{flex:1;padding:12px;overflow-y:auto;font-size:14px;line-height:1.6;color:#333;background:#fff}.preview-area[data-v-837d742c] h1{font-size:1.8em;margin:.5em 0 .3em;border-bottom:1px solid #e9ecef;padding-bottom:.2em}.preview-area[data-v-837d742c] h2{font-size:1.5em;margin:.5em 0 .3em;border-bottom:1px solid #eee;padding-bottom:.2em}.preview-area[data-v-837d742c] h3{font-size:1.25em;margin:.5em 0 .3em}.preview-area[data-v-837d742c] code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.preview-area[data-v-837d742c] pre{background:#f5f5f5;padding:12px;border-radius:6px;overflow-x:auto}.preview-area[data-v-837d742c] pre code{background:none;padding:0}.preview-area[data-v-837d742c] blockquote{border-left:4px solid #007bff;margin:.5em 0;padding:.5em 1em;background:#f8f9fa;color:#555}.preview-area[data-v-837d742c] table{border-collapse:collapse;width:100%;margin:.5em 0}.preview-area[data-v-837d742c] th,.preview-area[data-v-837d742c] td{border:1px solid #dee2e6;padding:8px;text-align:left}.preview-area[data-v-837d742c] th{background:#f8f9fa;font-weight:600}.preview-area[data-v-837d742c] img{max-width:100%}.preview-area[data-v-837d742c] hr{border:none;border-top:1px solid #e9ecef;margin:1em 0}.status-bar[data-v-837d742c]{display:flex;gap:16px;padding:6px 12px;background:#f8f9fa;border-top:1px solid #e9ecef;font-size:12px;color:#6c757d}.usage-guide[data-v-837d742c]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #e9ecef}.usage-guide h3[data-v-837d742c]{margin-top:0;color:#007bff}.guide-grid[data-v-837d742c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-grid h4[data-v-837d742c]{color:#495057;margin-bottom:.75rem}.guide-grid ul[data-v-837d742c]{margin:0;padding-left:1.5rem;color:#6c757d}.guide-grid li[data-v-837d742c]{margin-bottom:.3rem}@media(max-width:768px){.split-pane[data-v-837d742c]{flex-direction:column;height:auto}.pane-left[data-v-837d742c]{border-right:none;border-bottom:1px solid #e9ecef}.pane-left .editor-textarea[data-v-837d742c],.pane-right .preview-area[data-v-837d742c]{min-height:200px}}