.url-encoder{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.url-encoder .directions{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.url-encoder .directions button[aria-pressed=true]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:650}.url-encoder .directions button[aria-pressed=true]:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.url-encoder .option{align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);display:flex}.url-encoder .option label{cursor:pointer;flex:1;font-size:.84rem}.url-encoder .head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.url-encoder .head button{min-height:34px;padding:0 var(--s3);font-size:.82rem}.url-encoder .head button:disabled{opacity:.5;cursor:not-allowed}.url-encoder textarea{min-height:110px;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.85rem}.url-encoder #url-output{background-color:var(--surface-inset);color:var(--text)}.url-encoder #url-query{font-family:var(--font-mono);font-size:.82rem}.url-encoder .problems{margin:var(--s2) 0 0 var(--s4);color:var(--danger);font-size:.82rem;line-height:1.5}.url-encoder .compare{padding:var(--s4);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r)}.url-encoder .compare h2{margin-bottom:var(--s3);font-size:.95rem}.url-encoder .compare dt{font-family:var(--font-mono);color:var(--muted);font-size:.78rem;font-weight:650}.url-encoder .compare dd{margin:0 0 var(--s3);font-family:var(--font-mono);overflow-wrap:anywhere;color:var(--text);font-size:.82rem}.url-encoder .compare p{color:var(--text-2);font-size:.84rem;line-height:1.55}.url-encoder .params{overflow-x:auto}.url-encoder table{border-collapse:collapse;width:100%;font-size:.84rem}.url-encoder caption{text-align:left;padding-bottom:var(--s2);color:var(--muted);font-size:.8rem}.url-encoder th,.url-encoder td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere}.url-encoder th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.76rem}.url-encoder td:first-child{color:var(--muted);font-variant-numeric:tabular-nums}.url-encoder td:nth-child(2){font-family:var(--font-mono);font-weight:600}.url-encoder .param-problem{color:var(--danger);font-size:.76rem;display:block}.url-encoder .duplicates{padding-top:var(--s3);color:var(--text-2);font-size:.82rem;line-height:1.55}.url-encoder code{background-color:var(--surface-inset);font-family:var(--font-mono);border-radius:3px;padding:1px 4px;font-size:.85em}