.regex-tester .regex-content{display:flex;flex-direction:column;gap:16px}.regex-tester .regex-input,.regex-tester .test-text-input{font-family:var(--teb-font-mono);font-size:13px;border-radius:8px;transition:border-color .15s ease}.regex-tester .actions{padding:16px 0;border-top:1px solid var(--teb-hairline);margin-top:16px}.regex-tester .matches-container{max-height:400px;overflow-y:auto;border:1px solid var(--teb-hairline);border-radius:8px;padding:16px;background:var(--teb-canvas)}.regex-tester .matches-container .match-card{margin-bottom:12px;border-radius:8px}.regex-tester .matches-container .match-card:last-child{margin-bottom:0}.regex-tester .highlighted-text{background:var(--teb-canvas);border:1px solid var(--teb-hairline);border-radius:8px;padding:16px;font-family:var(--teb-font-mono);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--teb-ink)}.regex-tester .highlighted-text mark{padding:2px 4px;border-radius:4px;font-weight:600}.regex-tester .highlighted-text mark.match-0{background:#ffeb3b;color:#333}.regex-tester .highlighted-text mark.match-1{background:var(--teb-success);color:#fff}.regex-tester .highlighted-text mark.match-2{background:var(--teb-primary);color:#fff}.regex-tester .highlighted-text mark.match-3{background:var(--teb-warning);color:#fff}.regex-tester .highlighted-text mark.match-4{background:#9c27b0;color:#fff}.regex-tester .explanation-container{background:var(--teb-canvas);border:1px solid var(--teb-hairline);border-radius:8px;padding:16px;max-height:300px;overflow-y:auto}.regex-tester .explanation-container .explanation-text{font-family:var(--teb-font-mono);font-size:13px;line-height:1.5;color:var(--teb-ink);margin:0;white-space:pre-wrap}.regex-tester .instructions{background:var(--teb-canvas);border:1px solid var(--teb-hairline);border-radius:8px;padding:20px}.regex-tester .instructions ul{margin:0;padding-left:20px}.regex-tester .instructions ul li{margin-bottom:8px;color:var(--teb-ink-muted);line-height:1.5}.regex-tester .instructions ul li:last-child{margin-bottom:0}.regex-tester label{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border:1px solid var(--teb-hairline);border-radius:8px;transition:border-color .15s ease,background .15s ease;background:var(--teb-surface);color:var(--teb-ink)}.regex-tester label:hover{border-color:var(--teb-primary);background:var(--teb-primary-tint)}.regex-tester label input[type=checkbox]{margin-right:8px}@media (max-width: 768px){.regex-tester .matches-container{max-height:300px}.regex-tester .highlighted-text,.regex-tester .explanation-container{font-size:12px}}