.regex-explainer-module__PgwO8W__tool{}.regex-explainer-module__PgwO8W__banner{}.regex-explainer-module__PgwO8W__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)}.regex-explainer-module__PgwO8W__bannerAction{color:var(--color-accent-fg);font-size:inherit;line-height:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.regex-explainer-module__PgwO8W__bannerAction:disabled{color:var(--color-text-muted);cursor:default;text-decoration:none}.regex-explainer-module__PgwO8W__inputPane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.regex-explainer-module__PgwO8W__paneHeader{}.regex-explainer-module__PgwO8W__paneLabel{}.regex-explainer-module__PgwO8W__paneEmptyHint{}.regex-explainer-module__PgwO8W__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);line-height:var(--text-ui-xs-line)}.regex-explainer-module__PgwO8W__patternInput{inline-size:100%;block-size:calc(var(--text-code-line) * 2 + var(--space-4));resize:none;padding:var(--space-2) var(--pane-padding);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);background:0 0;border:none;display:block}.regex-explainer-module__PgwO8W__patternInput::placeholder{color:var(--color-text-muted)}.regex-explainer-module__PgwO8W__patternInput:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.regex-explainer-module__PgwO8W__literalRow{align-items:center;gap:var(--space-2);min-block-size:var(--control-height-sm);flex-wrap:wrap;display:flex}.regex-explainer-module__PgwO8W__literalBadge{padding-inline:var(--space-2);border:1px solid var(--color-border-control);border-radius:var(--radius-full);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);align-items:center;display:inline-flex}.regex-explainer-module__PgwO8W__flagsFieldset{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-3);margin:0}.regex-explainer-module__PgwO8W__flagsLegend{padding-inline:var(--space-1);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.regex-explainer-module__PgwO8W__flagRow{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.regex-explainer-module__PgwO8W__flagOption{align-items:center;gap:var(--space-2);min-block-size:var(--target-min);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);cursor:pointer;display:inline-flex}.regex-explainer-module__PgwO8W__checkbox{}.regex-explainer-module__PgwO8W__flagName{white-space:nowrap}.regex-explainer-module__PgwO8W__flagNote{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);margin-block-start:var(--space-2)}.regex-explainer-module__PgwO8W__diagnostics{gap:var(--space-2);min-block-size:calc(var(--text-ui-xs-line) + var(--space-4));flex-direction:column;display:flex}.regex-explainer-module__PgwO8W__errorBox{}.regex-explainer-module__PgwO8W__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-family:var(--font-mono);overflow-wrap:anywhere}.regex-explainer-module__PgwO8W__errorActions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.regex-explainer-module__PgwO8W__chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.regex-explainer-module__PgwO8W__chip{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-md);padding:var(--space-1) var(--space-2);overflow-wrap:anywhere;align-items:center;display:inline-flex}.regex-explainer-module__PgwO8W__outputStack{gap:var(--space-3);flex-direction:column;display:flex}.regex-explainer-module__PgwO8W__staleOutput .regex-explainer-module__PgwO8W__mirrorPane,.regex-explainer-module__PgwO8W__staleOutput .regex-explainer-module__PgwO8W__explainPane,.regex-explainer-module__PgwO8W__staleOutput .regex-explainer-module__PgwO8W__panelPane{border-color:var(--color-warning-fg)}.regex-explainer-module__PgwO8W__mirrorPane,.regex-explainer-module__PgwO8W__explainPane,.regex-explainer-module__PgwO8W__panelPane,.regex-explainer-module__PgwO8W__samplePane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.regex-explainer-module__PgwO8W__mirror{block-size:calc(var(--text-code-line) * 2 + var(--space-4));padding:var(--space-2) var(--pane-padding);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.regex-explainer-module__PgwO8W__mirrorMark{background:var(--color-info-bg);color:inherit;text-underline-offset:2px;border-radius:var(--radius-sm);text-decoration:underline}.regex-explainer-module__PgwO8W__explainScroll{block-size:440px;padding:var(--pane-padding);position:relative;overflow:auto}.regex-explainer-module__PgwO8W__explainScroll:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.regex-explainer-module__PgwO8W__explainList{margin:0;padding:0;list-style:none}.regex-explainer-module__PgwO8W__explainRow{align-items:baseline;gap:var(--space-3);inline-size:100%;min-block-size:var(--target-touch);padding:var(--space-2) 0;border:none;border-block-end:1px solid var(--color-border-subtle);text-align:start;cursor:pointer;background:0 0;display:flex}.regex-explainer-module__PgwO8W__explainRow:hover{background:var(--color-bg-surface)}.regex-explainer-module__PgwO8W__explainRowActive{background:var(--color-bg-surface);box-shadow:inset 2px 0 0 0 var(--color-accent-fg)}.regex-explainer-module__PgwO8W__explainSlice{min-inline-size:4ch;font-family:var(--font-mono);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-accent-fg);overflow-wrap:anywhere;flex:none}.regex-explainer-module__PgwO8W__explainText{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);overflow-wrap:anywhere}.regex-explainer-module__PgwO8W__rowHint{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)}.regex-explainer-module__PgwO8W__panelBody{block-size:180px;padding:var(--space-2) var(--space-3);overflow:auto}.regex-explainer-module__PgwO8W__panelBodyFlags{block-size:calc((var(--control-height-sm) * 7) + (var(--space-1) * 6) + (var(--space-2) * 2))}.regex-explainer-module__PgwO8W__panelList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.regex-explainer-module__PgwO8W__panelRow{align-items:baseline;gap:var(--space-3);min-block-size:var(--control-height-sm);flex-wrap:wrap;display:flex}.regex-explainer-module__PgwO8W__panelName{min-inline-size:12ch;font-family:var(--font-mono);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-primary);flex:none}.regex-explainer-module__PgwO8W__panelDetail{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.regex-explainer-module__PgwO8W__mirror:focus-visible,.regex-explainer-module__PgwO8W__panelBody:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.regex-explainer-module__PgwO8W__panelNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin-block-start:var(--space-2)}.regex-explainer-module__PgwO8W__sampleInput{inline-size:100%;block-size:calc(var(--text-code-line) * 3 + var(--space-4));resize:none;padding:var(--space-2) var(--pane-padding);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);background:0 0;border:none;display:block}.regex-explainer-module__PgwO8W__sampleInput::placeholder{color:var(--color-text-muted)}.regex-explainer-module__PgwO8W__sampleInput:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.regex-explainer-module__PgwO8W__sampleRow{align-items:center;gap:var(--space-3);min-block-size:calc(var(--control-height) + var(--space-2));padding:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.regex-explainer-module__PgwO8W__sampleResult{min-inline-size:12ch;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);overflow-wrap:anywhere;flex:1}.regex-explainer-module__PgwO8W__honesty{gap:var(--space-2);flex-direction:column;display:flex}.regex-explainer-module__PgwO8W__honestyLine{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.regex-explainer-module__PgwO8W__honestyLink{color:var(--color-accent-fg);text-underline-offset:2px;text-decoration:underline}.regex-explainer-module__PgwO8W__viewSwitch{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.regex-explainer-module__PgwO8W__viewButton{}.regex-explainer-module__PgwO8W__statusLine{}.regex-explainer-module__PgwO8W__statusRight{}.regex-explainer-module__PgwO8W__statusInvalid{}.regex-explainer-module__PgwO8W__actions{}.regex-explainer-module__PgwO8W__actionButton{}.regex-explainer-module__PgwO8W__actionPrimary{}.regex-explainer-module__PgwO8W__openStateLabel{min-block-size:var(--control-height);cursor:pointer;align-items:center;display:inline-flex}.regex-explainer-module__PgwO8W__openStateText{color:var(--color-accent-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);text-underline-offset:2px;text-decoration:underline}.regex-explainer-module__PgwO8W__openStateInput{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.regex-explainer-module__PgwO8W__openStateInput:focus-visible+.regex-explainer-module__PgwO8W__openStateText,.regex-explainer-module__PgwO8W__openStateLabel:focus-within .regex-explainer-module__PgwO8W__openStateText{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.regex-explainer-module__PgwO8W__liveIndicator{margin-inline-start:auto}.regex-explainer-module__PgwO8W__shareNote,.regex-explainer-module__PgwO8W__keyboardHint,.regex-explainer-module__PgwO8W__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.regex-explainer-module__PgwO8W__dialog{}.regex-explainer-module__PgwO8W__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.regex-explainer-module__PgwO8W__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.regex-explainer-module__PgwO8W__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.regex-explainer-module__PgwO8W__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.regex-explainer-module__PgwO8W__kbd{}.regex-explainer-module__PgwO8W__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}@media (pointer:coarse){.regex-explainer-module__PgwO8W__patternInput,.regex-explainer-module__PgwO8W__sampleInput{font-size:max(var(--text-code-size), 16px)}}@media (max-width:1023px){.regex-explainer-module__PgwO8W__bannerAction,.regex-explainer-module__PgwO8W__honestyLink,.regex-explainer-module__PgwO8W__openStateLabel,.regex-explainer-module__PgwO8W__optionCheck,.regex-explainer-module__PgwO8W__flagOption{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}@media (pointer:coarse){.regex-explainer-module__PgwO8W__bannerAction,.regex-explainer-module__PgwO8W__honestyLink,.regex-explainer-module__PgwO8W__openStateLabel,.regex-explainer-module__PgwO8W__optionCheck,.regex-explainer-module__PgwO8W__flagOption{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}