.url-encoder[data-v-90eaab9b]{display:flex;flex-direction:column;gap:1.25rem}.tabs[data-v-90eaab9b]{border-bottom:1px solid var(--border);display:flex;gap:.25rem}.tab[data-v-90eaab9b]{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-1px;padding:.5rem 1rem;transition:color .15s,border-color .15s}.tab.active[data-v-90eaab9b]{border-bottom-color:var(--accent);color:var(--accent)}.tab[data-v-90eaab9b]:hover:not(.active){color:var(--text-primary)}.section[data-v-90eaab9b]{display:flex;flex-direction:column;gap:.5rem}.section-header[data-v-90eaab9b]{justify-content:space-between}.section-header[data-v-90eaab9b],.section-label[data-v-90eaab9b]{align-items:center;display:flex}.section-label[data-v-90eaab9b]{color:var(--text-secondary);font-size:.875rem;font-weight:600;gap:.5rem}.mode-label[data-v-90eaab9b]{font-size:.8125rem}.code-textarea[data-v-90eaab9b],.mode-label[data-v-90eaab9b]{font-family:var(--font-mono)}.code-textarea[data-v-90eaab9b]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:.875rem;line-height:1.6;min-height:100px;outline:none;padding:.875rem 1rem;resize:vertical;transition:border-color .15s;width:100%}.code-textarea[data-v-90eaab9b]:focus{border-color:var(--accent)}.code-textarea[data-v-90eaab9b]::-moz-placeholder{color:var(--text-muted)}.code-textarea[data-v-90eaab9b]::placeholder{color:var(--text-muted)}.code-textarea[readonly][data-v-90eaab9b]{color:var(--text-secondary)}.btn-ghost[data-v-90eaab9b]{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-90eaab9b]:hover{background:var(--bg-hover);color:var(--text-primary)}