.regex-module-scss-module__2oBHFG__pageWrapper{background-color:var(--gray-1);z-index:0;min-height:100vh;position:relative}.regex-module-scss-module__2oBHFG__pageWrapper:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 70%);mask-image:radial-gradient(#000 25%,#0000 70%)}@media (max-width:767px){.regex-module-scss-module__2oBHFG__pageWrapper:before{background-size:20px 20px}}@media (min-width:768px) and (max-width:1023px){.regex-module-scss-module__2oBHFG__pageWrapper:before{background-size:30px 30px}}.regex-module-scss-module__2oBHFG__heroSection{color:var(--color-foreground);padding-bottom:1rem;position:relative;overflow:hidden}.regex-module-scss-module__2oBHFG__heroTitle{color:var(--blue-11);margin-bottom:.5rem;font-weight:700;line-height:1.1}.regex-module-scss-module__2oBHFG__heroSubtitle{color:var(--gray-11);max-width:700px;font-weight:400;line-height:1.6}.regex-module-scss-module__2oBHFG__toolSection{border-bottom:1px solid var(--gray-a4)}.regex-module-scss-module__2oBHFG__toolDescription{color:var(--gray-11);max-width:600px;line-height:1.6}.regex-module-scss-module__2oBHFG__patternsSection{background-color:var(--gray-2);border-top:1px solid var(--gray-5)}.regex-module-scss-module__2oBHFG__patternCard{z-index:1;background-color:var(--gray-1);border:1px solid var(--gray-a4);height:100%;transition:transform .2s;position:relative}.regex-module-scss-module__2oBHFG__patternCard:hover{transform:translateY(-2px)}.regex-module-scss-module__2oBHFG__patternCode{font-family:var(--font-geist-mono),monospace;background-color:var(--gray-2);border-radius:var(--radius-2);border:1px solid var(--gray-4);color:var(--blue-11);word-break:break-all;padding:.5rem}.regex-module-scss-module__2oBHFG__howItWorksSection{border-bottom:1px solid var(--gray-a4)}.regex-module-scss-module__2oBHFG__sectionDescription{color:var(--gray-11);max-width:600px;line-height:1.6}.regex-module-scss-module__2oBHFG__featureCard{z-index:1;height:100%;transition:transform .2s;position:relative}.regex-module-scss-module__2oBHFG__featureCard:hover{transform:translateY(-2px)}.regex-module-scss-module__2oBHFG__featureIcon{background-color:var(--accent-3);width:40px;height:40px;color:var(--accent-11);border-radius:var(--radius-3);justify-content:center;align-items:center;display:flex}.regex-module-scss-module__2oBHFG__featureExample{font-family:var(--font-geist-mono),monospace;background-color:var(--gray-1);border-radius:var(--radius-2);border:1px solid var(--gray-4);color:var(--blue-11);padding:.5rem}.regex-module-scss-module__2oBHFG__faqSection{background-color:var(--gray-1);border-top:1px solid var(--gray-a4)}.regex-module-scss-module__2oBHFG__faqCard{z-index:1;height:100%;transition:transform .2s;position:relative}.regex-module-scss-module__2oBHFG__faqCard:hover{transform:translateY(-2px)}.regex-module-scss-module__2oBHFG__faqIcon{background-color:var(--blue-3);width:32px;height:32px;color:var(--blue-11);border-radius:var(--radius-3);justify-content:center;align-items:center;display:flex}.dark .regex-module-scss-module__2oBHFG__pageWrapper{background-color:var(--gray-1)}.dark .regex-module-scss-module__2oBHFG__pageWrapper:before{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px)}.dark .regex-module-scss-module__2oBHFG__heroTitle{color:var(--blue-10)}.dark .regex-module-scss-module__2oBHFG__heroSubtitle{color:var(--gray-12)}.dark .regex-module-scss-module__2oBHFG__patternsSection{background-color:var(--gray-2);border-top:1px solid var(--gray-5)}.dark .regex-module-scss-module__2oBHFG__patternCard{background-color:var(--gray-3);border-color:var(--gray-5)}.dark .regex-module-scss-module__2oBHFG__howItWorksSection{border-bottom:1px solid var(--gray-5)}.dark .regex-module-scss-module__2oBHFG__faqSection{background-color:var(--gray-2);border-top:1px solid var(--gray-5)}
.RegexVisualizer-module-scss-module__4p4Vga__visualizerContainer{width:100%}.RegexVisualizer-module-scss-module__4p4Vga__highlighterContainer{flex-direction:column;display:flex;position:relative}.RegexVisualizer-module-scss-module__4p4Vga__explanationCard{min-height:300px}.RegexVisualizer-module-scss-module__4p4Vga__editorWrapper{border:1px solid var(--gray-6);border-radius:var(--radius-3);background-color:var(--color-panel-solid);width:100%;min-height:200px;position:relative;overflow:hidden}.RegexVisualizer-module-scss-module__4p4Vga__editorWrapper:focus-within{outline:2px solid var(--accent-8);outline-offset:-1px}.RegexVisualizer-module-scss-module__4p4Vga__textarea,.RegexVisualizer-module-scss-module__4p4Vga__highlights{font-family:var(--font-geist-mono),"Courier New",monospace;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;border:0;margin:0;padding:12px;font-size:14px;line-height:1.6}.RegexVisualizer-module-scss-module__4p4Vga__backdrop{z-index:1;pointer-events:none;box-sizing:border-box;position:absolute;inset:0;overflow:hidden}.RegexVisualizer-module-scss-module__4p4Vga__highlights{color:#0000;box-sizing:border-box;width:100%;height:100%}.RegexVisualizer-module-scss-module__4p4Vga__highlights mark,.RegexVisualizer-module-scss-module__4p4Vga__highlight{all:unset;background-color:var(--accent-5);color:#0000;white-space:inherit}.RegexVisualizer-module-scss-module__4p4Vga__textarea{z-index:2;width:100%;min-height:200px;color:var(--gray-12);resize:vertical;box-sizing:border-box;background-color:#0000;border:none;outline:none;position:relative}.RegexVisualizer-module-scss-module__4p4Vga__textarea::placeholder{color:var(--gray-9)}.RegexVisualizer-module-scss-module__4p4Vga__textarea:focus{outline:none}