.basic-auth-header-generator-module__IPCusG__tool{}.basic-auth-header-generator-module__IPCusG__pane{}.basic-auth-header-generator-module__IPCusG__paneHeader{block-size:calc(var(--control-height) + var(--space-4) + 1px);row-gap:var(--space-1);flex-wrap:wrap;}.basic-auth-header-generator-module__IPCusG__paneLabel{}.basic-auth-header-generator-module__IPCusG__paneCopy{}.basic-auth-header-generator-module__IPCusG__staleBadge{}.basic-auth-header-generator-module__IPCusG__liveIndicator{margin-inline-start:auto}.basic-auth-header-generator-module__IPCusG__form{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.basic-auth-header-generator-module__IPCusG__inputStack{min-block-size:544px}.basic-auth-header-generator-module__IPCusG__group{gap:var(--space-2);flex-direction:column;display:flex}.basic-auth-header-generator-module__IPCusG__groupHidden{display:none}.basic-auth-header-generator-module__IPCusG__fieldGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;display:grid}.basic-auth-header-generator-module__IPCusG__fieldGroup{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.basic-auth-header-generator-module__IPCusG__fieldLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.basic-auth-header-generator-module__IPCusG__fieldRow{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.basic-auth-header-generator-module__IPCusG__credentialInput{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);flex:1}.basic-auth-header-generator-module__IPCusG__headerInput{block-size:132px;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}.basic-auth-header-generator-module__IPCusG__credentialInput::placeholder,.basic-auth-header-generator-module__IPCusG__headerInput::placeholder{color:var(--color-text-muted)}.basic-auth-header-generator-module__IPCusG__credentialInput:focus-visible,.basic-auth-header-generator-module__IPCusG__headerInput:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.basic-auth-header-generator-module__IPCusG__visibilityToggle{min-block-size:var(--control-height);padding-inline:var(--space-3);background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.basic-auth-header-generator-module__IPCusG__visibilityToggle:hover{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.basic-auth-header-generator-module__IPCusG__visibilityToggle:active{transform:translateY(1px)}.basic-auth-header-generator-module__IPCusG__visibilityToggle[aria-pressed=true]{background:color-mix(in srgb, var(--color-accent-fg) 12%, transparent);border-color:var(--color-accent-fg);color:var(--color-text-primary)}.basic-auth-header-generator-module__IPCusG__counter{min-block-size:20px;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.basic-auth-header-generator-module__IPCusG__errorSlot{gap:var(--space-1);flex-direction:column;min-block-size:96px;display:flex}.basic-auth-header-generator-module__IPCusG__errorBox{}.basic-auth-header-generator-module__IPCusG__errorMessage{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);margin:0}.basic-auth-header-generator-module__IPCusG__errorActions{gap:var(--space-2);display:inline-flex}.basic-auth-header-generator-module__IPCusG__optionsGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.basic-auth-header-generator-module__IPCusG__optionField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.basic-auth-header-generator-module__IPCusG__select{inline-size:100%;min-inline-size:0;}.basic-auth-header-generator-module__IPCusG__charsetReadout{min-block-size:48px;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);margin:0}.basic-auth-header-generator-module__IPCusG__banner{}.basic-auth-header-generator-module__IPCusG__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}.basic-auth-header-generator-module__IPCusG__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}.basic-auth-header-generator-module__IPCusG__submitRow{align-items:center;gap:var(--space-3);display:flex}.basic-auth-header-generator-module__IPCusG__submitButton{}.basic-auth-header-generator-module__IPCusG__submitKbd{}.basic-auth-header-generator-module__IPCusG__submitButton .basic-auth-header-generator-module__IPCusG__submitKbd{color:inherit;background:0 0;border-color:currentColor}.basic-auth-header-generator-module__IPCusG__outputSection{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);flex-direction:column;display:flex}.basic-auth-header-generator-module__IPCusG__outputWell{block-size:96px;padding:var(--space-2) var(--space-3);align-items:flex-start;display:flex;overflow:auto}.basic-auth-header-generator-module__IPCusG__outputValue{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;white-space:pre-wrap;-webkit-user-select:all;user-select:all;min-inline-size:0}.basic-auth-header-generator-module__IPCusG__staleOutput{}.basic-auth-header-generator-module__IPCusG__detailList{border-block-start:1px solid var(--color-border-subtle);block-size:134px;margin:0;overflow:auto}.basic-auth-header-generator-module__IPCusG__detailRow{align-items:baseline;gap:var(--space-2);min-block-size:44px;padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.basic-auth-header-generator-module__IPCusG__detailRow+.basic-auth-header-generator-module__IPCusG__detailRow{border-block-start:1px solid var(--color-border-subtle)}.basic-auth-header-generator-module__IPCusG__detailLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);flex:none}.basic-auth-header-generator-module__IPCusG__detailValue{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;-webkit-user-select:all;user-select:all;flex:1;margin:0}.basic-auth-header-generator-module__IPCusG__noteSection{gap:var(--space-1);flex-direction:column;display:flex}.basic-auth-header-generator-module__IPCusG__noteLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.basic-auth-header-generator-module__IPCusG__noteScroll{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-surface);block-size:88px;padding:var(--space-2);overflow:auto}.basic-auth-header-generator-module__IPCusG__noteChips{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.basic-auth-header-generator-module__IPCusG__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)}.basic-auth-header-generator-module__IPCusG__noteEmpty{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.basic-auth-header-generator-module__IPCusG__snippetSection{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}.basic-auth-header-generator-module__IPCusG__snippetHeading{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}.basic-auth-header-generator-module__IPCusG__snippetWell{block-size:136px;padding:var(--space-2) var(--space-3);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);align-items:flex-start;display:flex;overflow:auto}.basic-auth-header-generator-module__IPCusG__snippetValue{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;-webkit-user-select:all;user-select:all;min-inline-size:0}.basic-auth-header-generator-module__IPCusG__snippetActions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.basic-auth-header-generator-module__IPCusG__statusLine{}.basic-auth-header-generator-module__IPCusG__actions{}.basic-auth-header-generator-module__IPCusG__actionButton{}.basic-auth-header-generator-module__IPCusG__shareNote,.basic-auth-header-generator-module__IPCusG__keyboardHint,.basic-auth-header-generator-module__IPCusG__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.basic-auth-header-generator-module__IPCusG__tierALine{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.basic-auth-header-generator-module__IPCusG__dialog{}.basic-auth-header-generator-module__IPCusG__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.basic-auth-header-generator-module__IPCusG__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.basic-auth-header-generator-module__IPCusG__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.basic-auth-header-generator-module__IPCusG__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}.basic-auth-header-generator-module__IPCusG__kbd{}@media (pointer:coarse){.basic-auth-header-generator-module__IPCusG__credentialInput,.basic-auth-header-generator-module__IPCusG__visibilityToggle{min-block-size:var(--target-touch)}.basic-auth-header-generator-module__IPCusG__credentialInput,.basic-auth-header-generator-module__IPCusG__headerInput{font-size:max(var(--text-code-size), 16px)}.basic-auth-header-generator-module__IPCusG__bannerAction,.basic-auth-header-generator-module__IPCusG__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.basic-auth-header-generator-module__IPCusG__paneHeader{block-size:calc(var(--control-height-lg) + var(--space-4) + 1px)}}@media (max-width:1023px){.basic-auth-header-generator-module__IPCusG__credentialInput,.basic-auth-header-generator-module__IPCusG__visibilityToggle,.basic-auth-header-generator-module__IPCusG__select,.basic-auth-header-generator-module__IPCusG__actionButton,.basic-auth-header-generator-module__IPCusG__submitButton,.basic-auth-header-generator-module__IPCusG__paneCopy{min-block-size:var(--target-touch)}.basic-auth-header-generator-module__IPCusG__bannerAction,.basic-auth-header-generator-module__IPCusG__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.basic-auth-header-generator-module__IPCusG__paneHeader{block-size:calc(var(--control-height-lg) + var(--space-4) + 1px)}}@media (max-width:639px){.basic-auth-header-generator-module__IPCusG__errorSlot{min-block-size:136px}.basic-auth-header-generator-module__IPCusG__inputStack{min-block-size:700px}.basic-auth-header-generator-module__IPCusG__charsetReadout{min-block-size:64px}.basic-auth-header-generator-module__IPCusG__noteScroll{block-size:104px}}