.regex-input-section{margin-bottom:24px}.regex-input-section label{display:block;font-weight:500;margin-bottom:8px;color:var(--gray-700)}.regex-input-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.regex-slash{font-size:1.2rem;font-weight:600;color:var(--primary-color);background:var(--gray-100);padding:8px 12px;border-radius:var(--border-radius-sm)}.regex-input{flex:1;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-family:'Monaco','Menlo',monospace;font-size:0.95rem}.regex-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.flags-select{padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);background:white;cursor:pointer}.test-text-section{margin-bottom:20px}.test-text-section label{display:block;font-weight:500;margin-bottom:8px;color:var(--gray-700)}.replace-section{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.replace-section label{font-weight:500;color:var(--gray-700)}.replace-section .input-field{flex:1}.action-buttons-regex{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.result-section{background:var(--gray-50);border-radius:var(--border-radius-lg);padding:16px;margin-bottom:24px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--gray-200);font-weight:500}.match-count{color:var(--primary-color);font-size:0.85rem}.match-results{max-height:300px;overflow-y:auto}.match-item{background:white;border-left:3px solid var(--primary-color);padding:10px 12px;margin-bottom:8px;border-radius:var(--border-radius-sm);font-family:monospace;font-size:0.85rem;word-break:break-all}.match-item .match-index{color:var(--gray-500);font-size:0.75rem;margin-bottom:4px}.match-item .match-content{color:var(--gray-800)}.match-item .match-groups{margin-top:6px;padding-top:6px;border-top:1px dashed var(--gray-200);font-size:0.75rem;color:var(--gray-600)}.highlight-section{margin-bottom:24px}.highlighted-text{background:var(--gray-50);border-radius:var(--border-radius-md);padding:16px;font-family:'Monaco','Menlo',monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;border:1px solid var(--gray-200)}.highlighted-text mark{background:#fbbf24;color:#1e293b;padding:0 2px;border-radius:3px}.regex-library{margin-top:24px}.regex-library-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:10px;margin-top:16px}.regex-preset{background:var(--gray-100);border:1px solid var(--gray-300);padding:8px 12px;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);font-size:0.8rem;text-align:left}.regex-preset:hover{background:var(--primary-color);border-color:var(--primary-color);color:white}@media (max-width:768px){.regex-input-group{flex-direction:column;align-items:stretch}.regex-slash{display:none}.regex-input{order:1}.flags-select{order:2}.replace-section{flex-direction:column;align-items:stretch}.regex-library-grid{grid-template-columns:1fr 1fr}}