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