.toml-json-converter[data-v-d2dc9994]{display:flex;flex-direction:column;gap:1rem}.controls[data-v-d2dc9994]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.direction-toggle[data-v-d2dc9994]{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.direction-toggle button[data-v-d2dc9994]{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border:none;cursor:pointer;font-size:.85rem;transition:all .2s}.direction-toggle button.active[data-v-d2dc9994]{background:var(--accent);color:#fff}.direction-toggle button[data-v-d2dc9994]:hover:not(.active){color:var(--text-primary)}.actions[data-v-d2dc9994]{display:flex;gap:.5rem;margin-left:auto}.swap-btn[data-v-d2dc9994],.sample-btn[data-v-d2dc9994]{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.swap-btn[data-v-d2dc9994]:hover,.sample-btn[data-v-d2dc9994]:hover{color:var(--text-primary);border-color:var(--accent)}.panels[data-v-d2dc9994]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel[data-v-d2dc9994]{display:flex;flex-direction:column;gap:.5rem}.panel-header[data-v-d2dc9994]{display:flex;align-items:center;justify-content:space-between}.panel-label[data-v-d2dc9994]{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.panel textarea[data-v-d2dc9994]{width:100%;min-height:300px;resize:vertical;font-family:var(--font-mono);font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.75rem;outline:none;transition:border-color .2s}.panel textarea[data-v-d2dc9994]:focus{border-color:var(--accent)}.panel textarea[readonly][data-v-d2dc9994]{opacity:.85;cursor:default}.error[data-v-d2dc9994]{color:var(--error);font-size:.85rem;padding:.5rem .75rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm)}@media(max-width:768px){.panels[data-v-d2dc9994]{grid-template-columns:1fr}.controls[data-v-d2dc9994]{flex-direction:column;align-items:flex-start}.actions[data-v-d2dc9994]{margin-left:0}}