.url-encoder{gap:var(--space-3);display:grid}@media (min-width:64rem){.url-encoder{gap:var(--space-4)}}.url-encoder [hidden]{display:none}.url-encoder__input,.url-encoder__output{min-inline-size:0}.url-encoder__text{field-sizing:fixed;font-variant-ligatures:none;min-block-size:10rem}@media (min-width:64rem){.url-encoder__text{min-block-size:16rem;max-block-size:70vh}}.url-encoder__text--wrap{white-space:pre-wrap;word-break:break-all}.url-encoder__file{cursor:pointer}.url-encoder__file:focus-within{outline:2px solid var(--focus);outline-offset:2px}.url-encoder__toolbar{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5) var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.url-encoder__toolbar .segmented{flex-wrap:nowrap}.url-encoder__option{gap:var(--space-2);color:var(--ink-2);align-items:center;max-inline-size:100%;font-size:.875rem;font-weight:550;display:inline-flex}.url-encoder__select{min-block-size:2rem;inline-size:auto;min-inline-size:0;max-inline-size:100%;padding-block:var(--space-1)}.url-encoder__result{flex-direction:column;flex:1;min-block-size:0;display:flex}.url-encoder__empty{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--ink-3);text-align:center;flex:1;display:grid}.url-encoder__empty .icon{block-size:1.75rem;inline-size:1.75rem;color:var(--accent)}.url-encoder__error{margin:var(--space-3) var(--space-5) var(--space-5)}.url-encoder__error>.icon{flex:none;margin-block-start:.2em}.url-encoder__error-body{gap:var(--space-2);min-inline-size:0;color:var(--ink);justify-items:start;display:grid}.url-encoder__error-body .btn{margin-block-start:var(--space-1)}.url-encoder__error-title{color:var(--danger);font-weight:650}.url-encoder__error-title [data-error-at]:before{content:"· "}.url-encoder__detail{color:var(--ink-2);font-size:var(--text-sm)}.url-encoder__excerpt{max-inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;font-variant-ligatures:none;margin:0;line-height:1.5;overflow-x:auto}.url-encoder__head{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-inline-end:var(--space-5);display:flex}.url-encoder__head .url-encoder__toolbar{padding:var(--space-3) 0 0 var(--space-5)}.url-encoder__list{margin:0;display:grid}.url-encoder__row{gap:var(--space-1) var(--space-4);padding-block:var(--space-2);border-block-end:1px dotted var(--line-strong);display:grid}@media (min-width:40rem){.url-encoder__row{grid-template-columns:9rem minmax(0,1fr)}}.url-encoder__row dt{color:var(--ink-2);font-size:var(--text-sm)}.url-encoder__value{overflow-wrap:anywhere;font-family:var(--font-mono);font-variant-ligatures:none;margin:0;font-size:.875rem}.url-encoder__subtitle{margin-block-end:var(--space-2);font-size:.875rem;font-weight:650}.url-encoder__table-wrap{overflow-x:auto}.url-encoder__table{border-collapse:collapse;inline-size:100%;font-size:.875rem}.url-encoder__table th{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--ink);color:var(--ink-2);font-size:var(--text-sm);text-align:start;font-weight:600}.url-encoder__table td{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--sheet-rule);overflow-wrap:anywhere;font-family:var(--font-mono);font-variant-ligatures:none;vertical-align:top}.url-encoder__table td:first-child{inline-size:30%;font-weight:600}