.tool-wrapper[data-v-6b3a04e4]{background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column;font-family:system-ui,sans-serif;gap:1rem;padding:1.25rem}.toolbar[data-v-6b3a04e4]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.tool-title[data-v-6b3a04e4],.toolbar[data-v-6b3a04e4]{align-items:center;display:flex}.tool-title[data-v-6b3a04e4]{gap:.5rem;margin-right:.5rem}.tool-icon[data-v-6b3a04e4]{font-size:1.25rem}.tool-title h1[data-v-6b3a04e4]{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0;white-space:nowrap}.toolbar-actions[data-v-6b3a04e4]{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem}.btn-syntax[data-v-6b3a04e4]{background:var(--bg-muted);border:1px solid var(--border);border-radius:.375rem;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.3rem .65rem;transition:all .15s;white-space:nowrap}.btn-syntax[data-v-6b3a04e4]:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--text-primary)}.toolbar-divider[data-v-6b3a04e4]{background:var(--border);height:1.5rem;margin:0 .25rem;width:1px}.btn-primary[data-v-6b3a04e4]{background:var(--accent);border:none;border-radius:.5rem;color:var(--on-accent);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .875rem;transition:background .15s;white-space:nowrap}.btn-primary[data-v-6b3a04e4]:hover{background:var(--accent-hover)}.btn-copied[data-v-6b3a04e4]{background:#22c55e33!important;color:var(--success)!important}.editor-layout[data-v-6b3a04e4]{display:grid;flex:1;gap:1rem;grid-template-columns:1fr 1fr;min-height:0}.pane[data-v-6b3a04e4]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:.75rem;display:flex;flex-direction:column;min-height:500px;overflow:hidden}.pane-header[data-v-6b3a04e4]{background:var(--bg-muted);border-bottom:1px solid var(--border);padding:.625rem 1rem}.pane-label[data-v-6b3a04e4]{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.editor-textarea[data-v-6b3a04e4]{background:var(--bg-subtle);border:none;box-sizing:border-box;color:var(--text-primary);flex:1;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.7;min-height:460px;outline:none;padding:1rem;resize:none;width:100%}.preview-content[data-v-6b3a04e4]{flex:1;line-height:1.75;overflow-y:auto;padding:1rem 1.25rem}.markdown-body[data-v-6b3a04e4] h1,.markdown-body[data-v-6b3a04e4] h2,.markdown-body[data-v-6b3a04e4] h3{color:var(--text-primary);font-weight:700;margin-bottom:.5em;margin-top:1.25em}.markdown-body[data-v-6b3a04e4] h1{font-size:1.5rem}.markdown-body[data-v-6b3a04e4] h2{font-size:1.25rem}.markdown-body[data-v-6b3a04e4] h3{font-size:1.1rem}.markdown-body[data-v-6b3a04e4] p{color:var(--text-primary);margin:.75em 0}.markdown-body[data-v-6b3a04e4] a{color:var(--accent-text);text-decoration:underline}.markdown-body[data-v-6b3a04e4] code{background:var(--bg-muted);border:1px solid var(--border);border-radius:.25rem;color:#f9a8d4;font-family:Menlo,Monaco,monospace;font-size:.85em;padding:.1em .4em}.markdown-body[data-v-6b3a04e4] pre{background:var(--bg-muted);border:1px solid var(--border);border-radius:.5rem;margin:1em 0;overflow-x:auto;padding:1rem}.markdown-body[data-v-6b3a04e4] pre code{background:none;border:none;color:#86efac;padding:0}.markdown-body[data-v-6b3a04e4] blockquote{background:var(--accent-subtle);border-left:3px solid var(--accent);border-radius:0 .375rem .375rem 0;color:var(--text-muted);margin:1em 0;padding:.5em 1em}.markdown-body[data-v-6b3a04e4] ol,.markdown-body[data-v-6b3a04e4] ul{margin:.75em 0;padding-left:1.5em}.markdown-body[data-v-6b3a04e4] li{color:var(--text-primary);margin:.25em 0}.markdown-body[data-v-6b3a04e4] hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.status-bar[data-v-6b3a04e4]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:.5rem;color:var(--text-muted);display:flex;font-size:.75rem;gap:1.5rem;padding:.5rem .75rem}@media(max-width:768px){.editor-layout[data-v-6b3a04e4]{grid-template-columns:1fr}.status-bar[data-v-6b3a04e4]{flex-wrap:wrap;gap:.75rem}}