.regex-pattern-section{background:var(--bg-secondary);border:2px solid var(--accent-cyan);border-radius:12px;padding:2rem;margin-bottom:2rem}.pattern-input-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.pattern-slash{font-size:1.5rem;color:var(--accent-cyan);font-weight:700}.pattern-input,.pattern-slash{font-family:IBM Plex Mono,monospace}.pattern-input{flex:1 1;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;color:var(--accent-pink);font-size:1.1rem;font-weight:600}.pattern-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 15px rgba(0,255,249,.2)}.flags-input{width:80px;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;color:var(--accent-yellow);font-family:IBM Plex Mono,monospace;font-size:1.1rem;text-align:center;font-weight:600}.flags-input:focus{outline:none;border-color:var(--accent-yellow)}.regex-error{padding:.75rem 1rem;background:rgba(255,0,110,.1);border:1px solid var(--accent-pink);border-radius:6px;color:var(--accent-pink);font-size:.9rem;margin-bottom:1rem}.flags-help{font-size:.85rem;color:var(--text-secondary);font-family:IBM Plex Mono,monospace}.flags-help code{margin:0 .5rem;padding:.2rem .4rem;background:var(--bg-tertiary);border-radius:3px;color:var(--accent-yellow)}.regex-examples{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.regex-examples h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.example-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.example-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.example-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(0,255,249,.1)}.regex-test-section{margin-bottom:2rem}.regex-result-section{background:var(--bg-secondary);border:2px solid var(--accent-cyan);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.highlighted-text{font-family:IBM Plex Mono,monospace;font-size:1rem;line-height:1.8;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.match-highlight{background:rgba(0,255,249,.3);border-bottom:2px solid var(--accent-cyan);padding:.1rem .3rem;border-radius:3px;color:var(--accent-cyan);font-weight:700}.matches-detail{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.matches-detail h4{margin:0 0 1rem;color:var(--accent-cyan);font-size:1rem}.match-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;margin-bottom:.5rem;flex-wrap:wrap}.match-index{font-family:Press Start\ 2P,cursive;font-size:.7rem;color:var(--accent-pink);min-width:40px}.match-value{padding:.3rem .6rem;background:rgba(0,255,249,.1);border:1px solid var(--accent-cyan);border-radius:4px;color:var(--accent-cyan);font-weight:600}.match-position,.match-value{font-family:IBM Plex Mono,monospace}.match-position{font-size:.85rem;color:var(--text-secondary)}.match-groups{flex:1 0 100%;margin-top:.5rem;padding-left:3rem;display:flex;gap:.5rem;flex-wrap:wrap}.match-groups code{padding:.2rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;font-size:.85rem;color:var(--accent-yellow)}@media (max-width:768px){.pattern-input-group{flex-wrap:wrap}.pattern-input{order:2;width:100%}.flags-input{order:3}.example-buttons{flex-direction:column}.example-btn{width:100%}}