.heading-icon[data-v-9ab580d1]{--tool-color:#3b82f6}.mode-bar[data-v-9ab580d1]{align-items:center;gap:.5rem;display:flex}.swap-btn[data-v-9ab580d1]{border:1px solid var(--border-color);background:var(--bg-surface);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.swap-btn[data-v-9ab580d1]:hover{border-color:var(--brand-500);color:var(--brand-500)}.encode-options[data-v-9ab580d1]{flex-direction:column;gap:.5rem;display:flex}.radio-label[data-v-9ab580d1]{border:1px solid var(--border-color);cursor:pointer;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .625rem;transition:border-color .15s;display:flex}.radio-label.checked[data-v-9ab580d1]{border-color:var(--brand-500)}.radio-label input[type=radio][data-v-9ab580d1]{accent-color:var(--brand-500);margin:0}.radio-label span[data-v-9ab580d1]:first-of-type{font-size:.8125rem;font-weight:600}.radio-label .hint[data-v-9ab580d1]{color:var(--text-secondary);width:100%;margin-left:1.125rem;font-size:.875rem}.panel-left textarea[data-v-9ab580d1]:focus{border-color:var(--brand-500)}.panel-right textarea[data-v-9ab580d1]{border:1px solid var(--border-color);background:var(--bg-elevated);width:100%;color:var(--text-primary);font-size:.8125rem;font-family:var(--font-family-mono,"Cascadia Code", "Fira Code", monospace);resize:vertical;box-sizing:border-box;cursor:default;border-radius:.375rem;outline:none;padding:.625rem .75rem;line-height:1.6}.panel-right textarea[data-v-9ab580d1]:focus{border-color:var(--brand-500)}.meta[data-v-9ab580d1]{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-family-mono,monospace)}