.regex-tool{display:grid;gap:16px}.regex-field{display:grid;gap:8px;color:var(--ink);font-weight:800}.regex-input,.regex-textarea{width:100%;border:1px solid rgba(0,109,119,.18);border-radius:8px;background:#fbfefe;color:var(--ink);padding:14px;font:.95rem/1.55 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.regex-input:focus,.regex-textarea:focus{outline:none;box-shadow:var(--tool-focus)}.regex-textarea{min-height:220px;resize:vertical;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.regex-actions{display:flex;flex-wrap:wrap;gap:10px}.regex-actions .button{min-height:44px}.regex-meta{margin:0;border-radius:8px;padding:12px;background:#edf6f9db;color:var(--muted);font-weight:800}.regex-meta.is-valid{background:#83c5be38;color:var(--deep-teal)}.regex-meta.is-invalid{background:var(--peach);color:#613224}.regex-results{display:grid;gap:14px}.regex-highlight,.regex-match-list{border:1px solid rgba(0,109,119,.14);border-radius:8px;background:#fbfefe;padding:14px}.regex-highlight h3,.regex-match-list h3{margin:0 0 10px;color:var(--ink);font-size:1rem}.regex-highlight-output{max-height:360px;margin:0;overflow:auto;color:var(--ink);font:.92rem/1.6 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.regex-highlight-output mark{border-radius:4px;background:var(--peach);color:var(--ink);padding:1px 2px}.regex-highlight-output mark:nth-of-type(2n){background:#83c5be73}.regex-matches{display:grid;gap:10px;margin:0;padding:0;list-style:none}.regex-match{display:grid;gap:8px;border-radius:8px;background:var(--mist);padding:12px}.regex-match code,.regex-group code{overflow-wrap:anywhere;font:.9rem/1.5 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.regex-match-meta{color:var(--muted);font-weight:800}.regex-groups{display:grid;gap:6px;margin:0}.regex-group{display:grid;grid-template-columns:max-content 1fr;gap:8px}.regex-groups dt{color:var(--muted);font-weight:800}.regex-groups dd{margin:0;overflow-wrap:anywhere}@media (max-width: 720px){.regex-textarea{min-height:200px;font-size:.88rem}.regex-actions{display:grid;grid-template-columns:1fr}.regex-highlight-output{max-height:280px}.regex-group{grid-template-columns:1fr}}