.regex-output-box{flex:none;height:auto;margin-bottom:1rem}.regex-textarea{min-height:80px;font-family:Fira Code,monospace;font-size:1.1rem}.regex-explanation{margin-bottom:1.5rem}.regex-explanation p{color:var(--text-primary);margin-top:.5rem;line-height:1.6}.regex-test-bench{background:var(--bg-tertiary);border:1px solid var(--border);padding:1.25rem}.regex-test-input{width:100%;height:45px;margin-bottom:1rem}.regex-test-feedback{font-size:.9rem;line-height:1.5}.regex-preview-area{background:var(--bg-primary);border:1px solid var(--border);word-break:break-all;border-radius:4px;min-height:40px;padding:.75rem}.regex-status-row{align-items:center;margin-top:.75rem;display:flex}.regex-status-error{color:var(--danger);align-items:center;gap:8px;font-weight:600;display:flex}.regex-status-success{color:#10b981;align-items:center;gap:8px;font-weight:600;display:flex}.regex-status-neutral{color:var(--text-secondary);align-items:center;gap:8px;font-weight:600;display:flex}.regex-token-grid{flex-direction:column;gap:8px;margin-top:10px;display:flex}.token-row{border-bottom:1px dashed var(--bg-primary);align-items:center;gap:12px;padding-bottom:6px;font-size:.9rem;display:flex}.token-badge{background:var(--bg-primary);color:var(--accent);border:1px solid var(--border);text-align:center;border-radius:4px;min-width:40px;padding:2px 6px;font-family:monospace}.token-desc{color:var(--text-primary)}.test-cases-list{flex-direction:column;gap:10px;display:flex}.test-case-row{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.expectation-toggle{cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .2s;display:flex}.expectation-toggle.expect-match{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.expectation-toggle.expect-fail{color:#ff4d4d;background:#ff4d4d33;border:1px solid #ff4d4d4d}.test-input-wrapper{flex:1;align-items:center;height:36px;display:flex;position:relative}.test-input-field{color:#0000;width:100%;height:100%;caret-color:var(--text-primary);z-index:2;background:0 0;border:none;outline:none;padding:0 8px;font-family:monospace;font-size:.95rem;position:absolute;top:0;left:0}.test-input-highlight-layer{z-index:1;white-space:pre;width:100%;height:100%;color:var(--text-secondary);align-items:center;padding:0 8px;font-family:monospace;font-size:.95rem;display:flex;position:absolute;top:0;left:0;overflow:hidden}.regex-match-highlight{color:var(--text-primary);background-color:#38bdf840;border-radius:2px;box-shadow:0 0 0 1px #38bdf84d}.result-indicator{justify-content:center;width:24px;font-size:1rem;display:flex}.result-indicator.success{color:#10b981}.result-indicator.fail{color:#ff4d4d}.remove-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.remove-btn:hover{color:#ff4d4d}.cheatsheet-category{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:1rem}