.url-codec-module__t5iLIa__tool{gap:var(--space-3);flex-direction:column;display:flex}.url-codec-module__t5iLIa__tabs{gap:var(--space-1);border-block-end:1px solid var(--color-border-subtle);display:flex}.url-codec-module__t5iLIa__tab{}.url-codec-module__t5iLIa__optionsBar{align-items:stretch;gap:var(--space-4);flex-wrap:wrap;display:flex}.url-codec-module__t5iLIa__swapButton{min-inline-size:var(--control-height);min-block-size:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-body-size);cursor:pointer;background:0 0;align-self:center}.url-codec-module__t5iLIa__swapButton:hover{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.url-codec-module__t5iLIa__modeFieldset{min-inline-size:260px;padding:var(--space-2) var(--space-3) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);flex:1;margin:0}.url-codec-module__t5iLIa__modeLegend{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);padding-inline:var(--space-1)}.url-codec-module__t5iLIa__modeOptions{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.url-codec-module__t5iLIa__modeOption{align-items:flex-start;gap:var(--space-2);cursor:pointer;min-block-size:var(--target-min);display:flex}.url-codec-module__t5iLIa__modeOption input{flex:none;margin-block-start:3px}.url-codec-module__t5iLIa__modeText{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.url-codec-module__t5iLIa__modeName{font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);font-weight:var(--weight-medium);color:var(--color-text-primary)}.url-codec-module__t5iLIa__modeHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.url-codec-module__t5iLIa__optionsEnd{justify-content:space-between;align-items:flex-end;gap:var(--space-2);flex-direction:column;margin-inline-start:auto;display:flex}.url-codec-module__t5iLIa__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);min-block-size:var(--target-min);display:inline-flex}.url-codec-module__t5iLIa__optionHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.url-codec-module__t5iLIa__optionsToggle{min-block-size:var(--target-touch);padding-inline:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-ui-md-size);cursor:pointer;text-align:start;align-self:center;display:none}@media (max-width:767px){.url-codec-module__t5iLIa__optionsToggle{display:block}}.url-codec-module__t5iLIa__banner,.url-codec-module__t5iLIa__suggestion{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.url-codec-module__t5iLIa__capBanner{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);background:var(--color-danger-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.url-codec-module__t5iLIa__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;text-underline-offset:2px;min-block-size:var(--target-min);background:0 0;border:none;padding:0;text-decoration:underline}.url-codec-module__t5iLIa__workspace{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.url-codec-module__t5iLIa__workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}.url-codec-module__t5iLIa__pane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);min-block-size:var(--pane-min-block);flex-direction:column;display:flex;position:relative}.url-codec-module__t5iLIa__paneStale{border-color:var(--color-warning-fg)}.url-codec-module__t5iLIa__paneHeader{}.url-codec-module__t5iLIa__paneBadge{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:0 var(--space-2);min-block-size:var(--space-5);white-space:nowrap;display:inline-flex}button.url-codec-module__t5iLIa__paneBadge{cursor:pointer;min-block-size:var(--target-min);background:0 0}button.url-codec-module__t5iLIa__paneBadge:hover{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.url-codec-module__t5iLIa__paneLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.url-codec-module__t5iLIa__textarea{resize:vertical;inline-size:100%;padding:var(--pane-padding);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);background:0 0;border:none;flex:1;min-block-size:240px;overflow:auto}.url-codec-module__t5iLIa__textarea::placeholder{color:var(--color-text-muted);white-space:pre-wrap}.url-codec-module__t5iLIa__textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.url-codec-module__t5iLIa__outputBody{flex-direction:column;block-size:264px;display:flex;overflow:hidden auto}.url-codec-module__t5iLIa__outputArea{resize:none;min-block-size:0}.url-codec-module__t5iLIa__plusNote{min-block-size:calc(var(--text-ui-xs-line) + var(--space-2));font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-block-start:1px solid var(--color-border-subtle);flex:none}.url-codec-module__t5iLIa__staleOutput{opacity:var(--opacity-stale)}.url-codec-module__t5iLIa__staleBadge{color:var(--color-warning-fg);background:var(--color-warning-bg);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-ui-xs-size)}.url-codec-module__t5iLIa__latin1Card{align-items:flex-start;gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;min-block-size:0;display:flex;overflow:auto}.url-codec-module__t5iLIa__latin1Message{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.url-codec-module__t5iLIa__statusLine{justify-content:space-between;gap:var(--space-4);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;min-block-size:var(--text-ui-xs-line);display:flex}.url-codec-module__t5iLIa__statusRight{align-items:center;gap:var(--space-2);display:inline-flex}.url-codec-module__t5iLIa__statusInvalid{color:var(--color-danger-fg)}.url-codec-module__t5iLIa__errorBox{gap:var(--space-2);background:var(--color-danger-bg);border-radius:var(--radius-sm);padding:var(--space-3);flex-direction:column;display:flex}.url-codec-module__t5iLIa__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.url-codec-module__t5iLIa__errorActions{gap:var(--space-4);display:inline-flex}.url-codec-module__t5iLIa__chips{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.url-codec-module__t5iLIa__chip{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg);background:var(--color-info-bg);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);display:inline-flex}.url-codec-module__t5iLIa__chipAction{font-size:inherit;line-height:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;min-block-size:var(--target-min);background:0 0;border:none;padding:0;text-decoration:underline}.url-codec-module__t5iLIa__paramRegion{gap:var(--space-2);block-size:332px;padding:var(--space-3);background:var(--color-bg-pane);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.url-codec-module__t5iLIa__paramEmpty{text-align:center;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-muted);padding:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.url-codec-module__t5iLIa__paramScroll{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-surface);flex:none;block-size:192px;overflow:auto}.url-codec-module__t5iLIa__paramTable{border-collapse:collapse;table-layout:fixed;inline-size:100%}.url-codec-module__t5iLIa__paramHeaderCell{z-index:var(--z-sticky);text-align:start;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg-surface);border-block-end:1px solid var(--color-border-subtle);padding:var(--space-1) var(--space-2);position:sticky;inset-block-start:0}.url-codec-module__t5iLIa__paramHeaderCell:last-child{inline-size:56px}.url-codec-module__t5iLIa__paramRow{block-size:48px}.url-codec-module__t5iLIa__paramCell{padding:var(--space-1) var(--space-2);vertical-align:middle}.url-codec-module__t5iLIa__paramInput{inline-size:100%;min-block-size:var(--control-height);padding-inline:var(--space-2);font-family:var(--font-mono);font-size:max(var(--text-code-size), 16px);line-height:var(--text-code-line);color:var(--color-text-primary);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-sm)}.url-codec-module__t5iLIa__paramInput:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.url-codec-module__t5iLIa__paramActionCell{text-align:center}.url-codec-module__t5iLIa__paramRemove{min-inline-size:var(--control-height);min-block-size:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-ui-sm-size);cursor:pointer;background:0 0}.url-codec-module__t5iLIa__paramRemove:hover{border-color:var(--color-danger-fg);color:var(--color-danger-fg)}.url-codec-module__t5iLIa__paramSpacer{border:none;padding:0}.url-codec-module__t5iLIa__paramFooter{justify-content:space-between;align-items:center;gap:var(--space-3);flex:none;display:flex}.url-codec-module__t5iLIa__paramCountNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.url-codec-module__t5iLIa__rebuiltRow{align-items:center;gap:var(--space-2);flex:none;display:flex}.url-codec-module__t5iLIa__rebuiltLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);white-space:nowrap;flex:none}.url-codec-module__t5iLIa__rebuiltValue{min-inline-size:0;min-block-size:var(--control-height);padding-inline:var(--space-2);font-family:var(--font-mono);font-size:max(var(--text-code-size), 16px);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex:1}.url-codec-module__t5iLIa__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.url-codec-module__t5iLIa__actionButton{}.url-codec-module__t5iLIa__actionPrimary{}.url-codec-module__t5iLIa__shareNote,.url-codec-module__t5iLIa__keyboardHint,.url-codec-module__t5iLIa__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.url-codec-module__t5iLIa__dialog{background:var(--color-bg-raised);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:var(--space-6);max-inline-size:420px}.url-codec-module__t5iLIa__dialog::backdrop{background:var(--overlay-backdrop)}.url-codec-module__t5iLIa__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.url-codec-module__t5iLIa__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.url-codec-module__t5iLIa__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.url-codec-module__t5iLIa__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.url-codec-module__t5iLIa__kbd{}@media (max-width:1023px){.url-codec-module__t5iLIa__pane{min-block-size:40vh}.url-codec-module__t5iLIa__modeOptions{grid-template-columns:minmax(0,1fr)}}@media (min-width:768px) and (max-width:1023px){.url-codec-module__t5iLIa__pane{min-block-size:260px}}@media (max-width:767px){.url-codec-module__t5iLIa__plusNote{min-block-size:calc(var(--text-ui-xs-line) * 2 + var(--space-2))}}.url-codec-module__t5iLIa__miniBar{display:none}@media (max-width:767px){.url-codec-module__t5iLIa__miniBar{gap:var(--space-2);z-index:var(--z-actionbar);padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);border-block-start:1px solid var(--color-border-subtle);padding-block-end:calc(var(--space-2) + env(safe-area-inset-bottom));display:flex;position:fixed;inset-block-end:0;inset-inline:0}}@media (pointer:coarse){.url-codec-module__t5iLIa__textarea{font-size:max(var(--text-code-size), 16px)}}@media (max-width:1023px){.url-codec-module__t5iLIa__actionButton,.url-codec-module__t5iLIa__optionsToggle,.url-codec-module__t5iLIa__paramInput,.url-codec-module__t5iLIa__paramRemove,.url-codec-module__t5iLIa__rebuiltValue,.url-codec-module__t5iLIa__swapButton,.url-codec-module__t5iLIa__tab,button.url-codec-module__t5iLIa__paneBadge{min-block-size:var(--target-touch)}.url-codec-module__t5iLIa__bannerAction,.url-codec-module__t5iLIa__chipAction,.url-codec-module__t5iLIa__modeOption,.url-codec-module__t5iLIa__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.url-codec-module__t5iLIa__modeOption{align-items:center}.url-codec-module__t5iLIa__paramRemove{min-inline-size:var(--target-touch)}.url-codec-module__t5iLIa__paramRow{block-size:48px}.url-codec-module__t5iLIa__paramCell{padding-block:2px}}@media (pointer:coarse){.url-codec-module__t5iLIa__actionButton,.url-codec-module__t5iLIa__optionsToggle,.url-codec-module__t5iLIa__paramInput,.url-codec-module__t5iLIa__paramRemove,.url-codec-module__t5iLIa__rebuiltValue,.url-codec-module__t5iLIa__swapButton,.url-codec-module__t5iLIa__tab,button.url-codec-module__t5iLIa__paneBadge{min-block-size:var(--target-touch)}.url-codec-module__t5iLIa__bannerAction,.url-codec-module__t5iLIa__chipAction,.url-codec-module__t5iLIa__modeOption,.url-codec-module__t5iLIa__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.url-codec-module__t5iLIa__modeOption{align-items:center}.url-codec-module__t5iLIa__paramRemove{min-inline-size:var(--target-touch)}.url-codec-module__t5iLIa__paramRow{block-size:48px}.url-codec-module__t5iLIa__paramCell{padding-block:2px}}@media (max-width:767px){.url-codec-module__t5iLIa__optionsCollapsed{display:none}}