.html-entity-encoder[data-v-cde2b586]{display:flex;flex-direction:column;gap:1rem}.cols[data-v-cde2b586]{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:600px){.cols[data-v-cde2b586]{grid-template-columns:1fr}}.col[data-v-cde2b586]{display:flex;flex-direction:column;gap:.5rem}.col-header[data-v-cde2b586]{align-items:center;display:flex;justify-content:space-between}.col-label[data-v-cde2b586]{color:var(--text-secondary);font-size:.875rem;font-weight:600}.code-textarea[data-v-cde2b586]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;min-height:200px;outline:none;padding:.875rem 1rem;resize:vertical;transition:border-color .15s;width:100%}.code-textarea[data-v-cde2b586]:focus{border-color:var(--accent)}.code-textarea[data-v-cde2b586]::-moz-placeholder{color:var(--text-muted)}.code-textarea[data-v-cde2b586]::placeholder{color:var(--text-muted)}.code-textarea[readonly][data-v-cde2b586]{color:var(--text-secondary)}.actions[data-v-cde2b586]{display:flex;gap:.625rem}.btn[data-v-cde2b586]{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:opacity .15s,transform .15s}.btn[data-v-cde2b586]:hover{opacity:.9;transform:translateY(-1px)}.btn-primary[data-v-cde2b586]{background:var(--gradient-accent);color:var(--on-accent)}.btn-secondary[data-v-cde2b586]{background:var(--accent-subtle);border:1px solid var(--border);color:var(--accent-text)}.btn-ghost[data-v-cde2b586]{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:.8125rem;padding:.25rem .5rem;transition:color .15s,background .15s}.btn-ghost[data-v-cde2b586]:hover{background:var(--bg-hover);color:var(--text-primary)}