.socket-io-tester-module__Jb1xca__tool{}.socket-io-tester-module__Jb1xca__pane{}.socket-io-tester-module__Jb1xca__paneHeader{block-size:calc(var(--control-height) + var(--space-4) + 1px);row-gap:var(--space-1);flex-wrap:wrap;}.socket-io-tester-module__Jb1xca__paneLabel{}.socket-io-tester-module__Jb1xca__paneCopy{}.socket-io-tester-module__Jb1xca__staleBadge{}.socket-io-tester-module__Jb1xca__liveIndicator{margin-inline-start:auto}.socket-io-tester-module__Jb1xca__tabs{align-items:center;gap:var(--space-1);padding-inline:var(--space-3);border-block-end:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.socket-io-tester-module__Jb1xca__tab{}.socket-io-tester-module__Jb1xca__honestyLine{min-block-size:40px;padding:var(--space-2) var(--space-3) 0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.socket-io-tester-module__Jb1xca__form{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.socket-io-tester-module__Jb1xca__panelStack{min-block-size:560px}.socket-io-tester-module__Jb1xca__panel{gap:var(--space-3);flex-direction:column;display:flex}.socket-io-tester-module__Jb1xca__panelHidden{display:none}.socket-io-tester-module__Jb1xca__fieldGroup{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.socket-io-tester-module__Jb1xca__fieldGroupWide{gap:var(--space-1);flex-direction:column;grid-column:1/-1;min-inline-size:0;display:flex}.socket-io-tester-module__Jb1xca__fieldLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.socket-io-tester-module__Jb1xca__fieldHint{min-block-size:32px;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.socket-io-tester-module__Jb1xca__decodeInput{block-size:148px;inline-size:100%;min-inline-size:0;padding:var(--space-2);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);resize:none}.socket-io-tester-module__Jb1xca__textInput{inline-size:100%;min-inline-size:0;min-block-size:var(--control-height);padding-inline:var(--space-2);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line)}.socket-io-tester-module__Jb1xca__jsonInput{block-size:88px;inline-size:100%;min-inline-size:0;padding:var(--space-2);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);resize:none}.socket-io-tester-module__Jb1xca__decodeInput::placeholder,.socket-io-tester-module__Jb1xca__textInput::placeholder,.socket-io-tester-module__Jb1xca__jsonInput::placeholder{color:var(--color-text-muted)}.socket-io-tester-module__Jb1xca__decodeInput:focus-visible,.socket-io-tester-module__Jb1xca__textInput:focus-visible,.socket-io-tester-module__Jb1xca__jsonInput:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.socket-io-tester-module__Jb1xca__decodeInput:disabled,.socket-io-tester-module__Jb1xca__textInput:disabled,.socket-io-tester-module__Jb1xca__jsonInput:disabled{opacity:.55;cursor:not-allowed}.socket-io-tester-module__Jb1xca__composeGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;display:grid}.socket-io-tester-module__Jb1xca__optionField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.socket-io-tester-module__Jb1xca__select{inline-size:100%;min-inline-size:0;}.socket-io-tester-module__Jb1xca__errorSlot{gap:var(--space-1);flex-direction:column;min-block-size:96px;display:flex}.socket-io-tester-module__Jb1xca__errorSlotSmall{gap:var(--space-1);flex-direction:column;min-block-size:64px;display:flex}.socket-io-tester-module__Jb1xca__errorBox{}.socket-io-tester-module__Jb1xca__errorMessage{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);margin:0}.socket-io-tester-module__Jb1xca__banner{}.socket-io-tester-module__Jb1xca__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}.socket-io-tester-module__Jb1xca__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);margin:0}.socket-io-tester-module__Jb1xca__submitRow{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.socket-io-tester-module__Jb1xca__submitButton{}.socket-io-tester-module__Jb1xca__submitKbd{}.socket-io-tester-module__Jb1xca__submitButton .socket-io-tester-module__Jb1xca__submitKbd{color:inherit;background:0 0;border-color:currentColor}.socket-io-tester-module__Jb1xca__outputSection{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);flex-direction:column;display:flex}.socket-io-tester-module__Jb1xca__outputHidden{display:none}.socket-io-tester-module__Jb1xca__decodedRegion{block-size:360px;padding:var(--space-2) var(--space-3);overflow:auto}.socket-io-tester-module__Jb1xca__staleOutput{}.socket-io-tester-module__Jb1xca__emptyState{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.socket-io-tester-module__Jb1xca__emptyTitle{font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);font-weight:var(--weight-medium);color:var(--color-text-primary);margin:0}.socket-io-tester-module__Jb1xca__emptyBody{max-inline-size:60ch;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.socket-io-tester-module__Jb1xca__packetList{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.socket-io-tester-module__Jb1xca__packetCard{gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex-direction:column;display:flex}.socket-io-tester-module__Jb1xca__packetHeading{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0}.socket-io-tester-module__Jb1xca__packetRaw{font-family:var(--font-mono);font-variant-ligatures:none;font-size:var(--text-ui-xs-size);color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-all}.socket-io-tester-module__Jb1xca__layerList{flex-direction:column;margin:0;display:flex}.socket-io-tester-module__Jb1xca__layerRow{align-items:baseline;gap:var(--space-2);min-block-size:28px;padding-block:var(--space-1);flex-wrap:wrap;display:flex}.socket-io-tester-module__Jb1xca__layerRow+.socket-io-tester-module__Jb1xca__layerRow{border-block-start:1px solid var(--color-border-subtle)}.socket-io-tester-module__Jb1xca__layerLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);flex:0 0 132px}.socket-io-tester-module__Jb1xca__layerValue{min-inline-size:0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);overflow-wrap:anywhere;flex:1;margin:0}.socket-io-tester-module__Jb1xca__layerValueMono{min-inline-size:0;font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;margin:0}.socket-io-tester-module__Jb1xca__noteChips{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.socket-io-tester-module__Jb1xca__noteChip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-info-bg);color:var(--color-info-fg);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line)}.socket-io-tester-module__Jb1xca__wireRow{align-items:center;gap:var(--space-2);border-block-start:1px solid var(--color-border-subtle);flex-wrap:wrap;padding-block-start:var(--space-1);display:flex}.socket-io-tester-module__Jb1xca__wireLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.socket-io-tester-module__Jb1xca__wireValue{min-inline-size:12ch;font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all;flex:1}.socket-io-tester-module__Jb1xca__wireActions{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.socket-io-tester-module__Jb1xca__smallButton{}.socket-io-tester-module__Jb1xca__wireWell{block-size:96px;margin:var(--space-2) var(--space-3) 0;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);align-items:flex-start;display:flex;overflow:auto}.socket-io-tester-module__Jb1xca__wireWellValue{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all;min-inline-size:0}.socket-io-tester-module__Jb1xca__composeHint{block-size:calc(360px - 96px - var(--space-2));padding:var(--space-2) var(--space-3);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.socket-io-tester-module__Jb1xca__exchangeSection{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.socket-io-tester-module__Jb1xca__exchangeHeading{font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);font-weight:var(--weight-medium);color:var(--color-text-primary);margin:0}.socket-io-tester-module__Jb1xca__exchangeIntro{max-inline-size:72ch;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);margin:0}.socket-io-tester-module__Jb1xca__exchangeGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.socket-io-tester-module__Jb1xca__exchangeRun{align-items:end;display:flex}.socket-io-tester-module__Jb1xca__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);min-block-size:var(--target-min);display:inline-flex}.socket-io-tester-module__Jb1xca__checkbox{}.socket-io-tester-module__Jb1xca__timelineLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.socket-io-tester-module__Jb1xca__timelineRegion{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-pane);block-size:220px;padding:var(--space-2);overflow:auto}.socket-io-tester-module__Jb1xca__timelineEmpty{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.socket-io-tester-module__Jb1xca__timelineList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.socket-io-tester-module__Jb1xca__timelineRow{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;min-block-size:24px;display:flex}.socket-io-tester-module__Jb1xca__timelineAt{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:0 0 56px}.socket-io-tester-module__Jb1xca__clientBadge,.socket-io-tester-module__Jb1xca__serverBadge{padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);flex:none}.socket-io-tester-module__Jb1xca__clientBadge{background:color-mix(in srgb, var(--color-accent-fg) 12%, transparent);color:var(--color-text-primary)}.socket-io-tester-module__Jb1xca__serverBadge{background:var(--color-info-bg);color:var(--color-info-fg)}.socket-io-tester-module__Jb1xca__timelineWire{min-inline-size:0;font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all;flex:24ch}.socket-io-tester-module__Jb1xca__timelineSummary{min-inline-size:0;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);overflow-wrap:anywhere;flex:16ch}.socket-io-tester-module__Jb1xca__statusLine{}.socket-io-tester-module__Jb1xca__statusRight{}.socket-io-tester-module__Jb1xca__actions{}.socket-io-tester-module__Jb1xca__actionButton{}.socket-io-tester-module__Jb1xca__shareNote,.socket-io-tester-module__Jb1xca__keyboardHint,.socket-io-tester-module__Jb1xca__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.socket-io-tester-module__Jb1xca__dialog{}.socket-io-tester-module__Jb1xca__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.socket-io-tester-module__Jb1xca__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.socket-io-tester-module__Jb1xca__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.socket-io-tester-module__Jb1xca__kbd{}@media (pointer:coarse){.socket-io-tester-module__Jb1xca__textInput{min-block-size:var(--target-touch)}.socket-io-tester-module__Jb1xca__decodeInput,.socket-io-tester-module__Jb1xca__textInput,.socket-io-tester-module__Jb1xca__jsonInput{font-size:max(var(--text-code-size), 16px)}.socket-io-tester-module__Jb1xca__bannerAction,.socket-io-tester-module__Jb1xca__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.socket-io-tester-module__Jb1xca__paneHeader{block-size:calc(var(--control-height-lg) + var(--space-4) + 1px)}.socket-io-tester-module__Jb1xca__panelStack{min-block-size:576px}}@media (max-width:1023px){.socket-io-tester-module__Jb1xca__textInput,.socket-io-tester-module__Jb1xca__select,.socket-io-tester-module__Jb1xca__actionButton,.socket-io-tester-module__Jb1xca__submitButton,.socket-io-tester-module__Jb1xca__paneCopy,.socket-io-tester-module__Jb1xca__smallButton{min-block-size:var(--target-touch)}.socket-io-tester-module__Jb1xca__bannerAction,.socket-io-tester-module__Jb1xca__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.socket-io-tester-module__Jb1xca__paneHeader{block-size:calc(var(--control-height-lg) + var(--space-4) + 1px)}.socket-io-tester-module__Jb1xca__panelStack{min-block-size:576px}}@media (max-width:639px){.socket-io-tester-module__Jb1xca__errorSlot{min-block-size:136px}.socket-io-tester-module__Jb1xca__errorSlotSmall{min-block-size:104px}.socket-io-tester-module__Jb1xca__panelStack{min-block-size:812px}.socket-io-tester-module__Jb1xca__honestyLine{min-block-size:80px}.socket-io-tester-module__Jb1xca__layerLabel{flex-basis:104px}}