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