.tool-preview-area .form-group-v2,.tool-preview-area .regex-explanation-tokens,.tool-preview-area .regex-highlighted-wrapper,.tool-preview-area .regex-match-list{width:100%}.regex-input-wrapper{display:flex;align-items:stretch;border:1px solid var(--helpi-border, #dee2e6);overflow:hidden;background:#fff;font-family:JetBrains Mono,Fira Code,Consolas,monospace;transition:border-color .15s}.regex-input-wrapper.is-invalid{border-color:#ef4444}.regex-input-wrapper.is-valid{border-color:#6366f1}.regex-input-wrapper .regex-delimiter{padding:.45rem .6rem;background:#f3f4f6;color:#9ca3af;font-weight:600;font-size:.875rem;display:flex;align-items:center;-webkit-user-select:none;user-select:none;line-height:1}.regex-input-wrapper .regex-delimiter:first-child{border-right:1px solid var(--helpi-border, #dee2e6)}.regex-input-wrapper .regex-delimiter:last-child{border-left:1px solid var(--helpi-border, #dee2e6)}.regex-input-wrapper .regex-pattern-input{flex:1;border:none;outline:none;padding:.45rem .65rem;font-family:inherit;font-size:.875rem;background:transparent;color:#111827;min-width:0}.regex-input-wrapper .regex-pattern-input::placeholder{color:#9ca3af;font-style:italic}.regex-input-wrapper .regex-flags-display{padding:.45rem .65rem;background:#f3f4f6;color:#6b7280;font-size:.875rem;font-family:inherit;display:flex;align-items:center;cursor:default;min-width:2.25rem;border-left:1px solid var(--helpi-border, #dee2e6)}.regex-status{font-size:.8125rem;margin-top:.25rem}.regex-flags-group{display:flex;gap:.4rem;flex-wrap:wrap}.regex-flags-group .regex-flag-btn{width:1.75rem;height:1.75rem;border:1px solid var(--helpi-border, #dee2e6);background:#fff;color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:JetBrains Mono,Fira Code,monospace;display:flex;align-items:center;justify-content:center;padding:0}.regex-flags-group .regex-flag-btn:hover{border-color:#6366f1;color:#6366f1}.regex-flags-group .regex-flag-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.regex-explanation-tokens{display:flex;flex-wrap:wrap;gap:.35rem;min-height:1.75rem;margin-bottom:.5rem}.regex-explanation-empty{color:#9ca3af;font-size:.8125rem;font-style:italic}.regex-token{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;padding:.2rem .45rem;cursor:default;max-width:120px}.regex-token code{display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;font-weight:700;line-height:1;white-space:nowrap;background:none!important;padding:0!important;color:inherit}.regex-token small{display:block;font-size:.6rem;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:inherit;opacity:.85}.regex-token.regex-token-metachar{background:#dbeafe;color:#1d4ed8}.regex-token.regex-token-quantifier{background:#fef9c3;color:#854d0e}.regex-token.regex-token-anchor{background:#dcfce7;color:#166534}.regex-token.regex-token-group{background:#f3e8ff;color:#6b21a8}.regex-token.regex-token-charset{background:#ccfbf1;color:#0f766e}.regex-token.regex-token-alternation{background:#fee2e2;color:#991b1b}.regex-token.regex-token-literal{background:#f3f4f6;color:#374151}.regex-test-textarea{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important;font-size:.875rem!important;resize:vertical;line-height:1.6}.regex-match-summary{display:block;font-size:.8125rem;color:var(--helpi-text-muted, #6b7280);margin-top:.2rem}.regex-match-summary.has-match{color:#6366f1}.regex-match-summary.no-match{color:var(--helpi-text-muted, #6b7280)}.regex-highlighted-wrapper{background:#000;overflow:hidden}.regex-highlighted-text{padding:.65rem .875rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.65;white-space:pre-wrap;word-break:break-all;min-height:3.5rem;color:#fff}.regex-highlighted-text mark{padding:0 1px;cursor:default}.regex-highlighted-text mark.regex-match{background:#fff;color:#000;border-radius:2px}.regex-match-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.regex-match-item{border:1px solid #e5e7eb;padding:.45rem .65rem}.regex-match-item .regex-match-item-header{display:flex;align-items:baseline;gap:.5rem;overflow:hidden}.regex-match-item .regex-match-item-header .match-index{font-size:.75rem;font-weight:700;color:#6366f1;flex-shrink:0}.regex-match-item .regex-match-item-header .match-value{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;padding:0;color:#111827}.regex-match-item .regex-match-item-header .match-position{font-size:.75rem;color:#9ca3af;white-space:nowrap;flex-shrink:0}.regex-match-item .regex-match-groups{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.regex-match-item .regex-match-groups .regex-group-pill{font-size:.6875rem;padding:.1rem .45rem;background:#f3e8ff;color:#6b21a8}.regex-match-item .regex-match-groups .regex-group-pill code{font-size:inherit;background:none;padding:0;color:inherit}.regex-cheatsheet-table{width:100%;border-collapse:collapse;font-size:.8125rem}.regex-cheatsheet-table td{padding:.2rem .35rem;vertical-align:middle;border-bottom:1px solid #f3f4f6}.regex-cheatsheet-table tr:last-child td{border-bottom:none}.regex-cheatsheet-table td:first-child{width:5rem;white-space:nowrap}.regex-cheatsheet-table td:first-child code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;background:#fff;color:#4c4fef;padding:.05rem .35rem}.regex-cheatsheet-table td:last-child{color:#4b5563}.regex-cheatsheet-table tr:hover td{background:#f9fafb}