.regexControls{width:100%;margin-bottom:1.5rem}.patternInput{margin-bottom:1rem}.patternInput label{color:var(--color-text);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.patternWrapper{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);align-items:center;padding:.5rem;transition:border-color .2s;display:flex}.patternWrapper:focus-within{border-color:var(--color-primary)}.patternPrefix,.patternSuffix{color:var(--color-primary);-webkit-user-select:none;user-select:none;padding:0 .5rem;font-family:monospace;font-weight:700}.patternInputField{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;max-width:none;margin:0;padding:.5rem;font-family:monospace;font-size:1rem}.flagsSection label{color:var(--color-text);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.flagsGrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;display:grid}.flagCheckbox{cursor:pointer;color:var(--color-text);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.flagCheckbox input[type=checkbox]{cursor:pointer;width:auto;margin:0}.flagCheckbox span{-webkit-user-select:none;user-select:none}.testTextSection{width:100%;height:100%}.visualizedSection{background:var(--color-bg-tertiary);border-radius:var(--primary-border-radious);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.highlightedText{white-space:pre-wrap;word-wrap:break-word;color:var(--color-text);height:100%;padding:1rem;font-family:monospace;font-size:.95rem;line-height:1.6;overflow-y:auto}.text-normal{color:var(--color-text)}.text-match{border-radius:3px;font-weight:600;transition:opacity .2s}.matchesInfo{width:100%;margin-top:2rem}.matchesInfo h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.2rem}.matchesList{flex-direction:column;gap:1rem;display:flex}.matchCard{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);padding:1rem;transition:border-color .2s}.matchCard:hover{border-color:var(--color-primary)}.matchHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.matchNumber{color:var(--color-primary);font-size:1rem;font-weight:700}.matchPosition{color:var(--color-text);opacity:.7;font-family:monospace;font-size:.85rem}.matchContent{flex-direction:column;gap:.5rem;display:flex}.matchGroup{border-radius:.4rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.groupLabel{color:var(--color-text);min-width:120px;font-size:.85rem;font-weight:600}.groupValue{color:var(--color-text);word-break:break-all;font-family:monospace;font-size:.9rem}.noMatches{text-align:center;color:var(--color-text);opacity:.7;padding:2rem;font-size:1.1rem}@media (min-width:768px){.formRow{gap:1rem;flex-direction:row!important}.testTextSection,.visualizedSection{width:50%}}