.regex-expression-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.regex-expression-input{border:1px solid var(--line);background:var(--surface);min-width:0;font-family:var(--font-mono);align-items:center;padding-inline:10px;display:flex}.regex-expression-input:focus-within{outline:2px solid var(--focus);outline-offset:2px}.regex-expression-input input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:10px 6px}.regex-flags{font-family:var(--font-mono);border:0;gap:8px;margin:0;padding:0;display:flex}.regex-flags legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.regex-flags label{cursor:pointer;align-items:center;gap:3px;min-height:36px;display:flex}.regex-editor-grid textarea{min-height:240px}.regex-replacement-pane{grid-template-rows:auto 36px auto minmax(0,1fr) auto;gap:8px;display:grid}.regex-replacement-input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);font-family:var(--font-mono);padding-inline:10px}.regex-replacement-pane textarea[readonly]{background:var(--recessed)}.regex-replace-actions{gap:8px;display:flex}.regex-results{border-top:1px solid var(--line);padding:14px}.regex-results ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.regex-results li{border-inline-start:3px solid var(--accent);background:var(--surface);font-family:var(--font-mono);grid-template-columns:110px minmax(0,1fr);gap:6px 12px;padding:10px;font-size:.875rem;display:grid}.regex-results li span{color:var(--muted);grid-column:2}.regex-results code{overflow-wrap:anywhere}@media (width<=720px){.regex-expression-row{grid-template-columns:1fr;gap:8px}.regex-flags{flex-wrap:wrap;align-items:center;min-height:44px}.regex-flags label{min-height:44px}.regex-editor-grid textarea{min-height:180px}.regex-replacement-pane{grid-template-rows:auto 44px auto minmax(180px,1fr) auto}.regex-replace-actions{flex-direction:column}.regex-replace-actions .secondary-button{min-height:44px}.regex-results li{grid-template-columns:1fr}.regex-results li span{grid-column:auto}}