/* osir.co.uk: URL Encoder, Decoder & Parser */
.up-h { font-size: 16px; font-weight: 750; }
.up-q { display: grid; gap: 6px; margin-top: 10px; }
.up-q-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; gap: 6px; align-items: center; }
.up-q-row .t-input { height: 38px; font-size: 13.5px; }
.up-del { width: 38px; padding: 0; font-size: 18px; }
.up-seg { font-family: var(--mono); font-size: 12.5px; padding: 1px 6px; border-radius: 6px; background: var(--surface-2); color: var(--text); word-break: break-all; }
.up-rebuilt { word-break: break-all; font-size: 13.5px; min-height: 64px; }
.utm-opts { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; margin-top: 14px; }
.utm-opts .t-field { flex: 0 1 240px; }
.utm-wide { grid-column: 1 / -1; }
.tool-info code { overflow-wrap: anywhere; }
@media (max-width: 560px) { .up-q-row { grid-template-columns: minmax(0, 1fr) auto; } .up-q-row .up-v { grid-column: 1 / 2; grid-row: 2; } .up-q-row .up-del { grid-row: 1 / span 2; grid-column: 2; } .up-q-row + .up-q-row { padding-top: 6px; border-top: 1px solid var(--border); } }