.field-group{margin-bottom:14px}.field-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted, #8b949e);margin-bottom:6px}.regex-pattern-input-wrap{display:flex;align-items:center;background:#0d1117;border:1px solid var(--border-color, #30363d);border-radius:6px;padding:0 10px;transition:border-color .2s ease,box-shadow .2s ease}.regex-pattern-input-wrap:focus-within{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.regex-slash{color:#58a6ff;font-family:var(--font-mono, monospace);font-size:16px;font-weight:700;user-select:none}.regex-pattern-field{flex:1;background:transparent;border:none;outline:none;color:#c9d1d9;font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:14px;padding:10px 8px}.regex-flags-field{width:60px;background:transparent;border:none;border-left:1px solid #30363d;outline:none;color:#d2a8ff;font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:14px;font-weight:600;padding:10px 8px;text-align:center}.regex-test-wrap{position:relative;width:100%;min-height:180px;background:#0d1117;border:1px solid var(--border-color, #30363d);border-radius:6px;overflow:hidden}.regex-test-wrap pre.regex-overlay{position:absolute;inset:0;margin:0;padding:14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;tab-size:4;white-space:pre-wrap;word-break:break-all;overflow:hidden;pointer-events:none;background:transparent;border:1px solid transparent;box-sizing:border-box;z-index:1;color:#c9d1d9}.regex-test-wrap textarea.regex-textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;tab-size:4;white-space:pre-wrap;word-break:break-all;overflow:auto;background:transparent;color:#c9d1d9;caret-color:#58a6ff;border:1px solid transparent;outline:none;resize:none;box-sizing:border-box;z-index:2}.regex-test-wrap.highlighting textarea.regex-textarea{color:transparent}.regex-test-wrap textarea.regex-textarea::selection{background:#388bfd66;color:transparent}.regex-overlay mark{border-radius:3px;padding:1px 3px;font-family:inherit;font-size:inherit;line-height:inherit}.group-0{background:#ff6b6b59;color:#ff9b9b;border:1px solid rgba(255,107,107,.5)}.group-1{background:#ffd16659;color:#ffe194;border:1px solid rgba(255,209,102,.5)}.group-2{background:#06d6a059;color:#6ef1cf;border:1px solid rgba(6,214,160,.5)}.group-3{background:#118ab266;color:#72d6fc;border:1px solid rgba(17,138,178,.6)}.group-4{background:#a8dadc59;color:#cee;border:1px solid rgba(168,218,220,.5)}.group-5{background:#c77dff59;color:#e3b3ff;border:1px solid rgba(199,125,255,.5)}.group-6{background:#f4a26159;color:#f9c79b;border:1px solid rgba(244,162,97,.5)}.group-7{background:#2ec4b659;color:#7ee8de;border:1px solid rgba(46,196,182,.5)}.regex-action-bar{display:flex;flex-direction:column;gap:10px;margin-top:14px}.export-actions{display:flex;gap:6px;flex-wrap:wrap}.regex-output-container{display:flex;flex-direction:column;gap:14px}.regex-summary-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:14px 16px}.regex-summary-card h3{margin:0 0 8px;font-size:13px;font-weight:600;color:#8b949e}.regex-pattern-display{background:#0d1117;border:1px solid #21262d;border-radius:6px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:14px;color:#7ee787;overflow-x:auto}.regex-redos-warning{margin-top:8px;padding:8px 12px;background:#f8514926;border:1px solid rgba(248,81,73,.4);border-radius:6px;color:#ff7b72;font-size:12px;font-weight:500}.regex-redos-ok{margin-top:8px;padding:6px 12px;background:#2ea04326;border:1px solid rgba(46,160,67,.4);border-radius:6px;color:#56d364;font-size:12px}.regex-case{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:14px}.regex-case-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.regex-match-count{margin-left:auto;font-size:12px;color:#8b949e}.regex-input{background:#0d1117;border:1px solid #21262d;border-radius:6px;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all;margin-bottom:10px}.regex-groups-table{width:100%;border-collapse:collapse;font-size:12px;color:#c9d1d9}.regex-groups-table th,.regex-groups-table td{border:1px solid #30363d;padding:6px 10px;text-align:left}.regex-groups-table th{background:#0d1117;color:#58a6ff;font-weight:600}.regex-groups-table tr:nth-child(2n){background:#0d111780}.group-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600}